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

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

Issue 7202012: Print Preview: Display a throbber when the user requests the system print (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Review fix. Created 9 years, 5 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 html { 1 html {
2 height: 100%; 2 height: 100%;
3 } 3 }
4 4
5 body { 5 body {
6 background: white; 6 background: white;
7 display: -webkit-box; 7 display: -webkit-box;
8 height: 100%; 8 height: 100%;
9 margin: 0; 9 margin: 0;
10 overflow: hidden; 10 overflow: hidden;
(...skipping 17 matching lines...) Expand all
28 min-height: 0; 28 min-height: 0;
29 } 29 }
30 30
31 body #main::after { 31 body #main::after {
32 content: ''; 32 content: '';
33 display: block; 33 display: block;
34 } 34 }
35 35
36 /* Layout: Sidebar */ 36 /* Layout: Sidebar */
37 37
38 .sidebar { 38 #sidebar {
39 -webkit-user-select: none; 39 -webkit-user-select: none;
40 border: 1px solid #a0a0a0; 40 border: 1px solid #a0a0a0;
41 background: white; 41 background: white;
42 height: 100%; 42 height: 100%;
43 overflow-x: hidden; 43 overflow-x: hidden;
44 overflow-y: auto; 44 overflow-y: auto;
45 position: relative; 45 position: relative;
46 width: 310px; 46 width: 310px;
47 z-index: 2000; 47 z-index: 2000;
48 } 48 }
49 49
50 .sidebar header { 50 #sidebar header {
51 width: 310px; 51 width: 310px;
52 } 52 }
53 53
54 .sidebar header > h1 { 54 #sidebar header > h1 {
55 -webkit-padding-start: 16px; 55 -webkit-padding-start: 16px;
56 } 56 }
57 57
58 #system-dialog-div { 58 #system-dialog-div {
59 -webkit-padding-start: 16px; 59 -webkit-padding-start: 16px;
60 font-size: 13px; 60 font-size: 13px;
61 line-height: 22px; 61 line-height: 22px;
62 } 62 }
63 63
64 /* Header */ 64 /* Header */
(...skipping 104 matching lines...) Expand 10 before | Expand all | Expand 10 after
169 } 169 }
170 170
171 hr.invisible { 171 hr.invisible {
172 visibility: hidden; 172 visibility: hidden;
173 } 173 }
174 174
175 .hidden + hr { 175 .hidden + hr {
176 display: none; 176 display: none;
177 } 177 }
178 178
179 a { 179 /* TODO(jhawkins): Remove this specialization once all WebUI shares the same
180 * link-button styling.
181 */
182 #system-dialog-link {
183 -webkit-padding-start: 0;
180 -webkit-transition: text-shadow 150ms; 184 -webkit-transition: text-shadow 150ms;
181 color: #4080fa; 185 color: #4080fa;
182 outline: 0; 186 outline: 0;
183 text-decoration: none; 187 text-decoration: none;
184 text-shadow: 0 0 1px white; 188 text-shadow: 0 0 1px white;
185 } 189 }
186 190
187 a:hover { 191 #system-dialog-link:hover {
188 text-shadow: 0 0 1px rgba(85, 143, 250, .75); 192 text-shadow: 0 0 1px rgba(85, 143, 250, .75);
189 } 193 }
190 194
191 a:active { 195 #system-dialog-link:active {
192 color: #4080fa; 196 color: #4080fa;
193 text-shadow: 0 0 1px rgba(64, 128, 250, 1); 197 text-shadow: 0 0 1px rgba(64, 128, 250, 1);
194 } 198 }
195 199
196 a:focus { 200 #system-dialog-link:focus {
197 -webkit-transition: border-color 200ms; 201 -webkit-transition: border-color 200ms;
198 border-radius: 2px; 202 border-radius: 2px;
199 border: 1px solid rgba(85, 143, 250, .8); 203 border: 1px solid rgba(85, 143, 250, .8);
200 margin: -2px -5px; 204 margin: -2px -5px;
201 padding: 1px 4px; 205 padding: 1px 4px;
202 } 206 }
203 207
208 #system-dialog-link:disabled {
209 color: rgba(0, 0, 0, .5);
210 cursor: default;
211 text-shadow: none;
212 }
213
204 strong { 214 strong {
205 font-weight: 600; 215 font-weight: 600;
206 } 216 }
207 217
208 button { 218 button {
209 -webkit-box-shadow: inset 0 1px 2px white, 219 -webkit-box-shadow: inset 0 1px 2px white,
210 0 1px 2px rgba(0, 0, 0, .2); 220 0 1px 2px rgba(0, 0, 0, .2);
211 -webkit-user-select: none; 221 -webkit-user-select: none;
212 background: -webkit-linear-gradient(#fafafa, #dcdcdc); 222 background: -webkit-linear-gradient(#fafafa, #dcdcdc);
213 border-radius: 3px; 223 border-radius: 3px;
(...skipping 538 matching lines...) Expand 10 before | Expand all | Expand 10 after
752 -webkit-animation-delay: 300ms; 762 -webkit-animation-delay: 300ms;
753 } 763 }
754 764
755 #two-sided-div { 765 #two-sided-div {
756 margin-top: 10px; 766 margin-top: 10px;
757 } 767 }
758 768
759 input[disabled] + label { 769 input[disabled] + label {
760 color: gray; 770 color: gray;
761 } 771 }
772
773 #error-action-area {
774 margin-top: 10px;
775 }
OLDNEW
« no previous file with comments | « chrome/browser/resources/options/options_page.css ('k') | chrome/browser/resources/print_preview/print_preview.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698