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

Side by Side Diff: chrome/browser/resources/print_preview/print_preview.css

Issue 9958101: [WebUI] Fix rest of CSS style nits in misc. dirs so I can turn on CSS checker. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: estade review Created 8 years, 8 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 | Annotate | Revision Log
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 */
5 4
6 html { 5 html {
7 height: 100%; 6 height: 100%;
8 } 7 }
9 8
10 body { 9 body {
11 height: 100%; 10 height: 100%;
12 margin: 0; 11 margin: 0;
13 overflow: hidden; 12 overflow: hidden;
14 } 13 }
(...skipping 16 matching lines...) Expand all
31 text-align: start; 30 text-align: start;
32 } 31 }
33 32
34 #print-header { 33 #print-header {
35 -webkit-padding-end: 14px; 34 -webkit-padding-end: 14px;
36 padding-bottom: 10px; 35 padding-bottom: 10px;
37 padding-top: 10px; 36 padding-top: 10px;
38 } 37 }
39 38
40 #print-summary { 39 #print-summary {
41 color: #53637d; 40 color: rgb(83, 99, 125);
42 display: block; 41 display: block;
43 min-height: 30px; 42 min-height: 30px;
44 } 43 }
45 44
46 /* Settings */ 45 /* Settings */
47 46
48 #settings { 47 #settings {
49 -webkit-box-flex: 1; 48 -webkit-box-flex: 1;
50 -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, .3); 49 -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, .3);
51 background: white; 50 background: white;
52 overflow-y: auto; 51 overflow-y: auto;
53 padding-top: 2px; 52 padding-top: 2px;
54 } 53 }
55 54
56 .two-column { 55 .two-column {
57 display: table-row; 56 display: table-row;
58 } 57 }
59 58
60 .right-column { 59 .right-column {
61 -webkit-padding-end: 16px; 60 -webkit-padding-end: 16px;
62 display: table-cell; 61 display: table-cell;
63 width: auto; 62 width: auto;
64 } 63 }
65 64
66 .right-column .checkbox, .right-column .radio { 65 .right-column .checkbox,
66 .right-column .radio {
67 margin: 0; 67 margin: 0;
68 } 68 }
69 69
70 .right-column > *:not(:first-child):not(.hint), 70 .right-column > *:not(:first-child):not(.hint),
71 .right-column > .collapsible > *:not(:first-child):not(.hint) { 71 .right-column > .collapsible > *:not(:first-child):not(.hint) {
72 margin-top: 8px; 72 margin-top: 8px;
73 } 73 }
74 74
75 .two-column h1 { 75 .two-column h1 {
76 -webkit-padding-start: 16px; 76 -webkit-padding-start: 16px;
(...skipping 23 matching lines...) Expand all
100 100
101 h1 { 101 h1 {
102 color: #808080; 102 color: #808080;
103 font-weight: 300; 103 font-weight: 300;
104 } 104 }
105 105
106 .preview-link-button { 106 .preview-link-button {
107 -webkit-padding-start: 16px; 107 -webkit-padding-start: 16px;
108 outline: 0; 108 outline: 0;
109 padding-top: 10px; 109 padding-top: 10px;
110 text-align: start;
110 text-decoration: none; 111 text-decoration: none;
111 text-align: start;
112 } 112 }
113 113
114 .preview-link-button:hover:not(:disabled) { 114 .preview-link-button:hover:not(:disabled) {
115 text-decoration: underline; 115 text-decoration: underline;
116 } 116 }
117 117
118 .preview-link-button:disabled { 118 .preview-link-button:disabled {
119 color: rgba(0, 0, 0, .5); 119 color: rgba(0, 0, 0, .5);
120 cursor: default; 120 cursor: default;
121 text-shadow: none; 121 text-shadow: none;
(...skipping 20 matching lines...) Expand all
142 height: 0; 142 height: 0;
143 line-height: 10px; 143 line-height: 10px;
144 margin: 0; 144 margin: 0;
145 overflow: hidden; 145 overflow: hidden;
146 } 146 }
147 147
148 span.hint.visible { 148 span.hint.visible {
149 -webkit-animation-duration: 200ms; 149 -webkit-animation-duration: 200ms;
150 -webkit-animation-fill-mode: forwards; 150 -webkit-animation-fill-mode: forwards;
151 -webkit-user-select: text; 151 -webkit-user-select: text;
152 color: #8c1414; 152 color: rgb(140, 20, 20);
153 height: auto; 153 height: auto;
154 margin-bottom: -5px; 154 margin-bottom: -5px;
155 margin-top: 5px; 155 margin-top: 5px;
156 padding-bottom: 5px; 156 padding-bottom: 5px;
157 } 157 }
158 158
159 span.hint.closing { 159 span.hint.closing {
160 -webkit-transition: margin 150ms, height 150ms, opacity 150ms; 160 -webkit-transition: margin 150ms, height 150ms, opacity 150ms;
161 background: transparent; 161 background: transparent;
162 height: 0 !important; 162 height: 0 !important;
(...skipping 80 matching lines...) Expand 10 before | Expand all | Expand 10 after
243 -webkit-padding-start: 16px; 243 -webkit-padding-start: 16px;
244 display: inline-block; 244 display: inline-block;
245 } 245 }
246 246
247 #copies { 247 #copies {
248 position: relative; 248 position: relative;
249 width: 2.75em; 249 width: 2.75em;
250 } 250 }
251 251
252 #copies.invalid { 252 #copies.invalid {
253 background: #fff0f0; 253 background: rgb(255, 240, 240);
254 color: #8c1414; 254 color: rgb(140, 20, 20);
255 } 255 }
256 256
257 #increment, 257 #increment,
258 #decrement { 258 #decrement {
259 -webkit-padding-end: 0; 259 -webkit-padding-end: 0;
260 -webkit-padding-start: 0; 260 -webkit-padding-start: 0;
261 font-weight: 600; 261 font-weight: 600;
262 margin: 0; 262 margin: 0;
263 min-width: 0; 263 min-width: 0;
264 position: relative; 264 position: relative;
(...skipping 69 matching lines...) Expand 10 before | Expand all | Expand 10 after
334 [hidden] { 334 [hidden] {
335 display: none !important; 335 display: none !important;
336 } 336 }
337 337
338 #overlay-layer { 338 #overlay-layer {
339 -webkit-transition: opacity 200ms linear; 339 -webkit-transition: opacity 200ms linear;
340 /* overlayFadeInTransitionDelay = pluginFadeOutTransitionDelay + 340 /* overlayFadeInTransitionDelay = pluginFadeOutTransitionDelay +
341 * pluginFadeOutTransitionDuration = 350ms */ 341 * pluginFadeOutTransitionDuration = 350ms */
342 -webkit-transition-delay: 350ms; 342 -webkit-transition-delay: 350ms;
343 -webkit-user-select: none; 343 -webkit-user-select: none;
344 background: #cccccc; 344 background: #ccc;
345 height: 100%; 345 height: 100%;
346 margin: 0; 346 margin: 0;
347 opacity: 1; 347 opacity: 1;
348 position: absolute; 348 position: absolute;
349 width: 100%; 349 width: 100%;
350 } 350 }
351 351
352 #overlay-layer.invisible { 352 #overlay-layer.invisible {
353 /* overlayFadeOutTransitionDuration = 100ms */ 353 /* overlayFadeOutTransitionDuration = 100ms */
354 -webkit-transition: opacity 100ms linear; 354 -webkit-transition: opacity 100ms linear;
(...skipping 85 matching lines...) Expand 10 before | Expand all | Expand 10 after
440 position: absolute; 440 position: absolute;
441 text-align: center; 441 text-align: center;
442 top: 50%; 442 top: 50%;
443 width: 100%; 443 width: 100%;
444 } 444 }
445 445
446 #intentionally-blank { 446 #intentionally-blank {
447 color: black; 447 color: black;
448 display: inline-block; 448 display: inline-block;
449 font-style: italic; 449 font-style: italic;
450 padding: 0 10px;
450 text-align: center; 451 text-align: center;
451 text-decoration: none; 452 text-decoration: none;
452 padding: 0 10px;
453 } 453 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698