Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(58)

Side by Side Diff: remoting/webapp/main.css

Issue 12842013: Search & replace of -webkit-box-shadow -> box-shadow (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 7 years, 9 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « no previous file | remoting/webapp/menu_button.css » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
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
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
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
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
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 }
OLDNEW
« no previous file with comments | « no previous file | remoting/webapp/menu_button.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698