OLD | NEW |
| (Empty) |
1 /* | |
2 * Copyright (C) 2011 Google Inc. All rights reserved. | |
3 * | |
4 * Redistribution and use in source and binary forms, with or without | |
5 * modification, are permitted provided that the following conditions | |
6 * are met: | |
7 * 1. Redistributions of source code must retain the above copyright | |
8 * notice, this list of conditions and the following disclaimer. | |
9 * 2. Redistributions in binary form must reproduce the above copyright | |
10 * notice, this list of conditions and the following disclaimer in the | |
11 * documentation and/or other materials provided with the distribution. | |
12 * | |
13 * THIS SOFTWARE IS PROVIDED BY APPLE INC. AND ITS CONTRIBUTORS ``AS IS'' | |
14 * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, | |
15 * THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR | |
16 * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR ITS CONTRIBUTORS | |
17 * BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR | |
18 * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF | |
19 * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS | |
20 * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN | |
21 * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) | |
22 * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF | |
23 * THE POSSIBILITY OF SUCH DAMAGE. | |
24 */ | |
25 | |
26 html { | |
27 overflow-y: scroll; | |
28 } | |
29 | |
30 body { | |
31 font-family: 'Open Sans'; | |
32 font-size: 14px; | |
33 margin: 0px; | |
34 } | |
35 | |
36 a { | |
37 color: #333; | |
38 } | |
39 | |
40 .ui-widget-content { | |
41 font-family: 'Open Sans'; | |
42 } | |
43 | |
44 .ui-widget button, button { | |
45 font-family: 'Open Sans'; | |
46 border-radius: 2px; | |
47 background-image: linear-gradient(#f5f5f5, #f1f1f1); | |
48 border: 1px solid rgba(0, 0, 0, 0.1); | |
49 border-radius: 2px; | |
50 color: #666; | |
51 cursor: pointer; | |
52 font-size: 11px; | |
53 font-weight: bold; | |
54 height: 29px; | |
55 line-height: 27px; | |
56 min-width: 54px; | |
57 padding: 0 8px; | |
58 text-align: center | |
59 } | |
60 | |
61 button.next { | |
62 margin-left: 0px; | |
63 } | |
64 | |
65 button.previous { | |
66 margin-right: 0px; | |
67 } | |
68 | |
69 button[disabled] { | |
70 visibility: hidden; | |
71 } | |
72 | |
73 /* FIXME: This hover effect can't work on mobile. */ | |
74 button:hover { | |
75 background-image: linear-gradient(#f8f8f8, #f1f1f1); | |
76 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1); | |
77 background-color: #f8f8f8; | |
78 background-image: linear-gradient(top,#f8f8f8,#f1f1f1); | |
79 border: 1px solid #c6c6c6; | |
80 box-shadow: 0 1px 1px rgba(0,0,0,0.1); | |
81 color: #333 | |
82 } | |
83 | |
84 button:focus { | |
85 border: 1px solid #4d90fe; | |
86 outline: none | |
87 } | |
88 | |
89 button.default { | |
90 border: 1px solid #3079ED; | |
91 color: white; | |
92 background-image: linear-gradient(#4d90fe, #4787ed); | |
93 } | |
94 | |
95 /* FIXME: This hover effect can't work on mobile. */ | |
96 button.default:hover { | |
97 border: 1px solid #2f5bb7; | |
98 color: white; | |
99 background-color: #357ae8; | |
100 background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe)
,to(#357ae8)); | |
101 } | |
102 | |
103 .clear { | |
104 clear: both; | |
105 } | |
106 | |
107 /*** Visual escalation ***/ | |
108 | |
109 .warning { | |
110 color: white; | |
111 background-color: #ffc343; | |
112 font-weight: bold; | |
113 font-size: 2em; | |
114 } | |
115 | |
116 .critical { | |
117 color: white; | |
118 background-color: #e98080; | |
119 font-weight: bold; | |
120 font-size: 3em; | |
121 } | |
OLD | NEW |