OLD | NEW |
1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2012 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 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, | 6 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, |
7 blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, | 7 blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, |
8 font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, | 8 font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, |
9 dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, | 9 dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, |
10 tfoot, thead, tr, th, td, button { | 10 tfoot, thead, tr, th, td, button { |
(...skipping 127 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
138 ::-webkit-scrollbar-button { | 138 ::-webkit-scrollbar-button { |
139 height: 0px; | 139 height: 0px; |
140 width: 0px; | 140 width: 0px; |
141 } | 141 } |
142 | 142 |
143 ::-webkit-scrollbar-thumb { | 143 ::-webkit-scrollbar-thumb { |
144 min-height: 28px; | 144 min-height: 28px; |
145 padding-top:100px; | 145 padding-top:100px; |
146 background-clip:padding-box; | 146 background-clip:padding-box; |
147 background-color: rgba(0,0,0,0.2); | 147 background-color: rgba(0,0,0,0.2); |
148 -webkit-box-shadow: inset 1px 1px 0px rgba(0,0,0,0.10), | 148 box-shadow: inset 1px 1px 0px rgba(0,0,0,0.10), |
149 inset 0px -1px 0px rgba(0,0,0,0.07); | 149 inset 0px -1px 0px rgba(0,0,0,0.07); |
150 } | 150 } |
151 | 151 |
152 ::-webkit-scrollbar-thumb:hover { | 152 ::-webkit-scrollbar-thumb:hover { |
153 background-color: rgba(0,0,0,0.4); | 153 background-color: rgba(0,0,0,0.4); |
154 -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.25); | 154 box-shadow: inset 1px 1px 1px rgba(0,0,0,0.25); |
155 } | 155 } |
156 | 156 |
157 ::-webkit-scrollbar-thumb:active { | 157 ::-webkit-scrollbar-thumb:active { |
158 -webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.35); | 158 box-shadow: inset 1px 1px 3px rgba(0,0,0,0.35); |
159 background-color: rgba(0,0,0,0.5); | 159 background-color: rgba(0,0,0,0.5); |
160 } | 160 } |
161 | 161 |
162 ::-webkit-scrollbar-track:hover { | 162 ::-webkit-scrollbar-track:hover { |
163 background-color:rgba(0,0,0,0.05); | 163 background-color:rgba(0,0,0,0.05); |
164 -webkit-box-shadow: inset 1px 0px 0px rgba(0,0,0,0.10); | 164 box-shadow: inset 1px 0px 0px rgba(0,0,0,0.10); |
165 } | 165 } |
166 | 166 |
167 ::-webkit-scrollbar-track:active { | 167 ::-webkit-scrollbar-track:active { |
168 background-color:rgba(0,0,0,0.05); | 168 background-color:rgba(0,0,0,0.05); |
169 -webkit-box-shadow: inset 1px 0px 0px rgba(0,0,0,0.14), | 169 box-shadow: inset 1px 0px 0px rgba(0,0,0,0.14), |
170 inset -1px -1px 0px rgba(0,0,0,0.07); | 170 inset -1px -1px 0px rgba(0,0,0,0.07); |
171 } | 171 } |
172 | 172 |
173 ::-webkit-scrollbar-track-piece { | 173 ::-webkit-scrollbar-track-piece { |
174 background: white; | 174 background: white; |
175 } | 175 } |
176 | 176 |
177 /*------------------------------------------------------------------ | 177 /*------------------------------------------------------------------ |
178 Component: Text Field | 178 Component: Text Field |
179 ------------------------------------------------------------------*/ | 179 ------------------------------------------------------------------*/ |
180 input[type=text], | 180 input[type=text], |
181 input[type=password] { | 181 input[type=password] { |
182 height: 29px; | 182 height: 29px; |
183 padding-__MSG_@@bidi_start_edge__: 8px; | 183 padding-__MSG_@@bidi_start_edge__: 8px; |
184 color: #333; | 184 color: #333; |
185 border: 1px solid #d9d9d9; | 185 border: 1px solid #d9d9d9; |
186 border-top: 1px solid #c0c0c0; | 186 border-top: 1px solid #c0c0c0; |
187 vertical-align: top; | 187 vertical-align: top; |
188 -webkit-border-radius: 1px; | 188 -webkit-border-radius: 1px; |
189 } | 189 } |
190 input[type=text]:hover, | 190 input[type=text]:hover, |
191 input[type=password]:hover { | 191 input[type=password]:hover { |
192 border: 1px solid #b9b9b9; | 192 border: 1px solid #b9b9b9; |
193 border-top: 1px solid #a0a0a0; | 193 border-top: 1px solid #a0a0a0; |
194 -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); | 194 box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); |
195 } | 195 } |
196 input[type=text]:focus, | 196 input[type=text]:focus, |
197 input[type=password]:focus { | 197 input[type=password]:focus { |
198 -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3); | 198 box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3); |
199 outline: none; | 199 outline: none; |
200 border: 1px solid #4d90fe; | 200 border: 1px solid #4d90fe; |
201 } | 201 } |
202 | 202 |
203 /*------------------------------------------------------------------ | 203 /*------------------------------------------------------------------ |
204 Component: Modal Dialog | 204 Component: Modal Dialog |
205 ------------------------------------------------------------------*/ | 205 ------------------------------------------------------------------*/ |
206 .kd-modaldialog:not([hidden]) { | 206 .kd-modaldialog:not([hidden]) { |
207 opacity: 1.0; | 207 opacity: 1.0; |
208 -webkit-transform: scale(1.0); | 208 -webkit-transform: scale(1.0); |
209 } | 209 } |
210 | 210 |
211 .kd-modaldialog { | 211 .kd-modaldialog { |
212 -webkit-box-shadow: 0 4px 16px rgba(0,0,0,0.2); | 212 box-shadow: 0 4px 16px rgba(0,0,0,0.2); |
213 background: white; | 213 background: white; |
214 outline:1px solid rgba(0,0,0,0.2); | 214 outline:1px solid rgba(0,0,0,0.2); |
215 padding:30px 42px; | 215 padding:30px 42px; |
216 width: 500px; | 216 width: 500px; |
217 height: auto; | 217 height: auto; |
218 overflow: hidden; | 218 overflow: hidden; |
219 z-index: 100; | 219 z-index: 100; |
220 opacity: 0.0; | 220 opacity: 0.0; |
221 -webkit-transform: scale(1.05); | 221 -webkit-transform: scale(1.05); |
222 -webkit-transition: all 0.218s; | 222 -webkit-transition: all 0.218s; |
(...skipping 139 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
362 .infographic-description { | 362 .infographic-description { |
363 height: 80px; | 363 height: 80px; |
364 width: 400px; | 364 width: 400px; |
365 padding-top: 2em; | 365 padding-top: 2em; |
366 } | 366 } |
367 | 367 |
368 .information-box { | 368 .information-box { |
369 background-color: #f9edbe; | 369 background-color: #f9edbe; |
370 border: 1px solid #f0c36d; | 370 border: 1px solid #f0c36d; |
371 -webkit-border-radius: 2px; | 371 -webkit-border-radius: 2px; |
372 -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2); | 372 box-shadow: 0px 2px 4px rgba(0,0,0,0.2); |
373 color: #222; | 373 color: #222; |
374 padding: 8px 16px; | 374 padding: 8px 16px; |
375 text-align: center; | 375 text-align: center; |
376 font-size: 12px; | 376 font-size: 12px; |
377 margin-top: 30px; | 377 margin-top: 30px; |
378 } | 378 } |
379 | 379 |
380 .message { | 380 .message { |
381 margin-bottom: 24px; | 381 margin-bottom: 24px; |
382 } | 382 } |
(...skipping 178 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
561 | 561 |
562 /* The NAT traversal state is independent of the app mode, and both need | 562 /* The NAT traversal state is independent of the app mode, and both need |
563 * to be combined to determine the visibility of the butter bar. We use | 563 * to be combined to determine the visibility of the butter bar. We use |
564 * a style for the former and the 'hidden' property for the latter. */ | 564 * a style for the former and the 'hidden' property for the latter. */ |
565 #nat-box.traversal-enabled { | 565 #nat-box.traversal-enabled { |
566 display: none; | 566 display: none; |
567 } | 567 } |
568 | 568 |
569 #session-mode { | 569 #session-mode { |
570 position: absolute; | 570 position: absolute; |
571 -webkit-box-shadow: 0 0 8px 0 black; | 571 box-shadow: 0 0 8px 0 black; |
572 -webkit-user-select: none; | 572 -webkit-user-select: none; |
573 } | 573 } |
574 | 574 |
575 #session-client-plugin { | 575 #session-client-plugin { |
576 display: block; | 576 display: block; |
577 } | 577 } |
578 | 578 |
579 .session-client-inactive { | 579 .session-client-inactive { |
580 -webkit-filter: grayscale(70%); | 580 -webkit-filter: grayscale(70%); |
581 -webkit-transition: -webkit-filter 0.218s; | 581 -webkit-transition: -webkit-filter 0.218s; |
(...skipping 15 matching lines...) Expand all Loading... |
597 box-sizing: border-box; | 597 box-sizing: border-box; |
598 } | 598 } |
599 | 599 |
600 /* | 600 /* |
601 * Setting hidden on elements that match some rule overriding 'display' doesn't | 601 * Setting hidden on elements that match some rule overriding 'display' doesn't |
602 * do what you would expect unless this is made explicit (and !important). | 602 * do what you would expect unless this is made explicit (and !important). |
603 */ | 603 */ |
604 [hidden] { | 604 [hidden] { |
605 display: none !important; | 605 display: none !important; |
606 } | 606 } |
OLD | NEW |