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

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

Issue 2536473002: [AppRemoting] Reduce usage of webkit prefix (Closed)
Patch Set: Created 4 years 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/crd/html/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, a, abbr, acronym, address, big, cite, code, del, dfn, em, 7 blockquote, 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 53 matching lines...) Expand 10 before | Expand all | Expand 10 after
64 button { 64 button {
65 min-width: 72px; 65 min-width: 72px;
66 border:1px solid #DCDCDC; 66 border:1px solid #DCDCDC;
67 color: #444; 67 color: #444;
68 font-size: 11px; 68 font-size: 11px;
69 font-weight: bold; 69 font-weight: bold;
70 height: 27px; 70 height: 27px;
71 padding: 0 8px; 71 padding: 0 8px;
72 line-height: 27px; 72 line-height: 27px;
73 border-radius:2px; 73 border-radius:2px;
74 -webkit-transition: all 0.218s; 74 transition: all 0.218s;
75 background-image: -webkit-gradient(linear, left top, left bottom, 75 background-image: -webkit-gradient(linear, left top, left bottom,
76 from(#f5f5f5), to(#f1f1f1)); 76 from(#f5f5f5), to(#f1f1f1));
77 box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); 77 box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
78 } 78 }
79 79
80 button:hover { 80 button:hover {
81 border: 1px solid #C6C6C6; 81 border: 1px solid #C6C6C6;
82 color: #222; 82 color: #222;
83 transition: all 0.0s; 83 transition: all 0.0s;
84 background-image: -webkit-gradient(linear, left top, left bottom, 84 background-image: -webkit-gradient(linear, left top, left bottom,
(...skipping 147 matching lines...) Expand 10 before | Expand all | Expand 10 after
232 Component: Text Field 232 Component: Text Field
233 ------------------------------------------------------------------*/ 233 ------------------------------------------------------------------*/
234 input[type=text], 234 input[type=text],
235 input[type=password] { 235 input[type=password] {
236 height: 29px; 236 height: 29px;
237 padding-__MSG_@@bidi_start_edge__: 8px; 237 padding-__MSG_@@bidi_start_edge__: 8px;
238 color: #333; 238 color: #333;
239 border: 1px solid #d9d9d9; 239 border: 1px solid #d9d9d9;
240 border-top: 1px solid #c0c0c0; 240 border-top: 1px solid #c0c0c0;
241 vertical-align: top; 241 vertical-align: top;
242 -webkit-border-radius: 1px; 242 border-radius: 1px;
243 } 243 }
244 input[type=text]:hover, 244 input[type=text]:hover,
245 input[type=password]:hover { 245 input[type=password]:hover {
246 border: 1px solid #b9b9b9; 246 border: 1px solid #b9b9b9;
247 border-top: 1px solid #a0a0a0; 247 border-top: 1px solid #a0a0a0;
248 box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); 248 box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
249 } 249 }
250 input[type=text]:focus, 250 input[type=text]:focus,
251 input[type=password]:focus { 251 input[type=password]:focus {
252 box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3); 252 box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3);
253 outline: none; 253 outline: none;
254 border: 1px solid #4d90fe; 254 border: 1px solid #4d90fe;
255 } 255 }
256 256
257 /*------------------------------------------------------------------ 257 /*------------------------------------------------------------------
258 Component: Modal Dialog 258 Component: Modal Dialog
259 ------------------------------------------------------------------*/ 259 ------------------------------------------------------------------*/
260 .kd-modaldialog:not([hidden]) { 260 .kd-modaldialog:not([hidden]) {
261 opacity: 1.0; 261 opacity: 1.0;
262 -webkit-transform: scale(1.0); 262 transform: scale(1.0);
263 } 263 }
264 264
265 .kd-modaldialog { 265 .kd-modaldialog {
266 box-shadow: 0 4px 16px rgba(0,0,0,0.2); 266 box-shadow: 0 4px 16px rgba(0,0,0,0.2);
267 background: white; 267 background: white;
268 outline:1px solid rgba(0,0,0,0.2); 268 outline:1px solid rgba(0,0,0,0.2);
269 padding:30px 42px; 269 padding:30px 42px;
270 width: 500px; 270 width: 500px;
271 height: auto; 271 height: auto;
272 overflow: hidden; 272 overflow: hidden;
273 z-index: 100; 273 z-index: 100;
274 opacity: 0.0; 274 opacity: 0.0;
275 margin: auto; 275 margin: auto;
276 -webkit-transform: scale(1.05); 276 transform: scale(1.05);
277 -webkit-transition: all 0.218s; 277 transition: all 0.218s;
278 } 278 }
279 279
280 h1.icon-label { 280 h1.icon-label {
281 vertical-align: 14px; 281 vertical-align: 14px;
282 margin-bottom: 60px; 282 margin-bottom: 60px;
283 font-size: 28px; 283 font-size: 28px;
284 font-weight: 300; 284 font-weight: 300;
285 color: #999; 285 color: #999;
286 font-family: "Open sans", "Ariel", sans-serif; 286 font-family: "Open sans", "Ariel", sans-serif;
287 line-height: 24px; 287 line-height: 24px;
(...skipping 152 matching lines...) Expand 10 before | Expand all | Expand 10 after
440 440
441 .infographic-description { 441 .infographic-description {
442 height: 80px; 442 height: 80px;
443 width: 400px; 443 width: 400px;
444 padding-top: 2em; 444 padding-top: 2em;
445 } 445 }
446 446
447 .information-box { 447 .information-box {
448 background-color: #f9edbe; 448 background-color: #f9edbe;
449 border: 1px solid #f0c36d; 449 border: 1px solid #f0c36d;
450 -webkit-border-radius: 2px; 450 border-radius: 2px;
451 box-shadow: 0px 2px 4px rgba(0,0,0,0.2); 451 box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
452 color: #222; 452 color: #222;
453 padding: 8px 16px; 453 padding: 8px 16px;
454 text-align: center; 454 text-align: center;
455 font-size: 12px; 455 font-size: 12px;
456 margin-top: 30px; 456 margin-top: 30px;
457 } 457 }
458 458
459 .message { 459 .message {
460 margin-bottom: 24px; 460 margin-bottom: 24px;
(...skipping 328 matching lines...) Expand 10 before | Expand all | Expand 10 after
789 color: gray; 789 color: gray;
790 margin-top: -10px; 790 margin-top: -10px;
791 margin-bottom: 10px; 791 margin-bottom: 10px;
792 font-size: 80%; 792 font-size: 80%;
793 } 793 }
794 794
795 body:not(.os-windows) .windows-only, 795 body:not(.os-windows) .windows-only,
796 body:not(.os-mac) .mac-only { 796 body:not(.os-mac) .mac-only {
797 display: none; 797 display: none;
798 } 798 }
OLDNEW
« no previous file with comments | « no previous file | remoting/webapp/crd/html/menu_button.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698