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

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

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

Powered by Google App Engine
This is Rietveld 408576698