OLD | NEW |
1 /* Copyright (c) 2011 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2011 The Chromium Authors. All rights reserved. |
2 * Use of this source code is governed by a BSD-style license that can be | 2 * Use of this source code is governed by a BSD-style license that can be |
3 * found in the LICENSE file. | 3 * found in the LICENSE file. |
4 */ | 4 */ |
5 | 5 |
6 body { | 6 form { |
7 font-family: Helvetica, sans-serif; | 7 display: inline; |
8 cursor: default; | |
9 font-size: 13px; | |
10 } | 8 } |
11 | |
12 p { | |
13 color: black; | |
14 } | |
15 | |
16 h1 { | |
17 font-family: sans-serif; | |
18 font-size: 2em; | |
19 font-weight: bold; | |
20 margin: 2px 5px 5px 5px | |
21 } | |
22 | |
23 .message { | |
24 font-family: sans-serif; | |
25 font-size: 1.2em; | |
26 padding: 0 4px 0 4px; | |
27 } | |
28 | |
29 .mock { | |
30 color: gray; | |
31 } | |
32 | |
33 #access_code_display { | |
34 font-family: sans-serif; | |
35 font-size: 200%; | |
36 margin: 0 0 0 24px; | |
37 padding: 0 4px 0 4px; | |
38 border-style: solid; | |
39 background-color: lightgray; | |
40 display: inline-block; | |
41 } | |
42 | |
43 .hostlist { | |
44 margin: 0; | |
45 border: #D9D9D9 1px solid; | |
46 border-radius: 2px; | |
47 } | |
48 | |
49 .remoting_body { | |
50 -webkit-user-select: none; | |
51 margin: 0; | |
52 padding: 0; | |
53 overflow: auto; | |
54 } | |
55 | |
56 .status_msg { | |
57 margin: 5px; | |
58 } | |
59 | |
60 .debug_log { | |
61 -webkit-user-select: text; | |
62 padding: 0px; | |
63 margin: 0px; | |
64 position: fixed; | |
65 bottom: 0px; | |
66 width: 100%; | |
67 height: 150px; | |
68 overflow: auto; | |
69 font-family: monospace; | |
70 font-weight: bold; | |
71 font-size: small; | |
72 border: 2px solid #ffffff; | |
73 display: none; | |
74 opacity: 0.9; | |
75 background-color: #ffffff; | |
76 z-index: 1; | |
77 } | |
78 | |
79 .debug_log_toggle { | |
80 line-height: 0.8em; | |
81 float: right; | |
82 } | |
83 | |
84 .scale_to_fit_toggle { | |
85 line-height: 0.8em; | |
86 float: right; | |
87 } | |
88 | |
89 .plugin-scroll-panel { | |
90 -webkit-user-select: none; | |
91 overflow: auto; | |
92 width: 100%; | |
93 } | |
94 | |
95 .gaia_font { | |
96 font-family: Arial, Helvetica, sans-serif; | |
97 } | |
98 | |
99 .page h1 { | |
100 -webkit-padding-end: 24px; | |
101 -webkit-user-select: none; | |
102 border-bottom: 1px solid #eeeeee; | |
103 color: #53637d; | |
104 font-size: 200%; | |
105 font-weight: normal; | |
106 margin: 0; | |
107 padding-bottom: 4px; | |
108 padding-top: 13px; | |
109 text-shadow: white 0 1px 2px; | |
110 } | |
111 | |
112 section { | |
113 -webkit-box-orient: horizontal; | |
114 border-bottom: 1px solid #eeeeee; | |
115 display: -webkit-box; | |
116 margin-top: 17px; | |
117 padding-bottom: 20px; | |
118 } | |
119 | |
120 section > h3 { | |
121 font-size: 105%; | |
122 font-weight: bold; | |
123 margin: 0; | |
124 vertical-align: middle; | |
125 width: 160px; | |
126 } | |
127 | |
128 section > div:only-of-type { | |
129 -webkit-box-flex: 1; | |
130 } | |
131 | |
132 div.page section:last-child { | |
133 border-bottom: none; | |
134 } | |
135 | |
136 button { | |
137 -webkit-border-radius: 2px; | |
138 -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); | |
139 -webkit-user-select: none; | |
140 background: -webkit-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5); | |
141 border: 1px solid #aaa; | |
142 color: #444; | |
143 font-size: inherit; | |
144 margin-bottom: 0px; | |
145 min-width: 4em; | |
146 padding: 3px 12px 3px 12px; | |
147 } | |
148 | |
149 button:hover { | |
150 -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); | |
151 background: #ebebeb -webkit-linear-gradient(#fefefe, #f8f8f8 40%, #e9e9e9); | |
152 border-color: #999; | |
153 color: #222; | |
154 } | |
155 | |
156 button:active { | |
157 -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2); | |
158 background: #ebebeb -webkit-linear-gradient(#f4f4f4, #efefef 40%, #dcdcdc); | |
159 color: #333; | |
160 } | |
161 | |
162 button[disabled], button[disabled]:hover { | |
163 -webkit-box-shadow: none; | |
164 background: -webkit-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5); | |
165 border-color: #aaa; | |
166 color: #888; | |
167 } | |
OLD | NEW |