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

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

Issue 7068001: Print Preview: Changing visuals for the checkboxes to be checkmarks. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Changing font-weight Created 9 years, 7 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
« no previous file with comments | « no previous file | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
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 206 matching lines...) Expand 10 before | Expand all | Expand 10 after
217 } 217 }
218 218
219 button.loading { 219 button.loading {
220 cursor: progress; 220 cursor: progress;
221 } 221 }
222 222
223 button.default { 223 button.default {
224 -webkit-padding-end: 21px; 224 -webkit-padding-end: 21px;
225 -webkit-padding-start: 21px; 225 -webkit-padding-start: 21px;
226 border-color: #808080; 226 border-color: #808080;
227 border-width: 2px; 227 font-weight: bold;
228 font-weight: 600;
229 } 228 }
230 229
231 button.default:disabled { 230 button.default:disabled {
232 border-color: #a0a0a0; 231 border-color: #a0a0a0;
233 } 232 }
234 233
235 #increment, 234 #increment,
236 #decrement { 235 #decrement {
237 -webkit-padding-end: 8px; 236 -webkit-padding-end: 8px;
238 -webkit-padding-start: 8px; 237 -webkit-padding-start: 8px;
(...skipping 75 matching lines...) Expand 10 before | Expand all | Expand 10 after
314 input[type='checkbox']:active { 313 input[type='checkbox']:active {
315 -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2); 314 -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2);
316 background: -webkit-linear-gradient(#f0f0f0, #bebebe); 315 background: -webkit-linear-gradient(#f0f0f0, #bebebe);
317 border: 1px solid #808080; 316 border: 1px solid #808080;
318 padding-bottom: 4px; 317 padding-bottom: 4px;
319 padding-top: 6px; 318 padding-top: 6px;
320 text-shadow: 0 1px 0 rgba(255, 255, 255, .25); 319 text-shadow: 0 1px 0 rgba(255, 255, 255, .25);
321 } 320 }
322 321
323 input[type='checkbox']:checked:before { 322 input[type='checkbox']:checked:before {
324 -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5);
325 color: #808080; 323 color: #808080;
326 content: '×'; 324 content: url('./print_preview/checkmark.png');
327 display: inline-block;
328 font-size: 21px;
329 font-weight: bold;
330 height: 16px; 325 height: 16px;
331 line-height: 16px; 326 left: 2px;
332 opacity: 1; 327 opacity: 1;
333 overflow: hidden;
334 position: absolute; 328 position: absolute;
335 text-align: center;
336 top: -1px;
337 width: 16px;
338 } 329 }
339 330
340 input[type='radio'] { 331 input[type='radio'] {
341 -webkit-box-shadow: inset 0 1px 2px white, 332 -webkit-box-shadow: inset 0 1px 2px white,
342 0 1px 2px rgba(0, 0, 0, .2); 333 0 1px 2px rgba(0, 0, 0, .2);
343 -webkit-appearance: none; 334 -webkit-appearance: none;
344 -webkit-margin-end: 5px; 335 -webkit-margin-end: 5px;
345 -webkit-transition: border 500ms; 336 -webkit-transition: border 500ms;
346 background: -webkit-linear-gradient(#fafafa, #dcdcdc); 337 background: -webkit-linear-gradient(#fafafa, #dcdcdc);
347 border-radius: 100%; 338 border-radius: 100%;
(...skipping 35 matching lines...) Expand 10 before | Expand all | Expand 10 after
383 height: 5px; 374 height: 5px;
384 left: 0; 375 left: 0;
385 margin-top: 4px; 376 margin-top: 4px;
386 opacity: 1; 377 opacity: 1;
387 position: absolute; 378 position: absolute;
388 top: 0; 379 top: 0;
389 vertical-align: top; 380 vertical-align: top;
390 width: 5px; 381 width: 5px;
391 } 382 }
392 383
393 html[dir='rtl'] input[type='checkbox']:checked:before,
394 html[dir='rtl'] input[type='radio']:checked:before { 384 html[dir='rtl'] input[type='radio']:checked:before {
395 right: 0; 385 right: 0;
396 } 386 }
397 387
398 input[type='radio']:active:checked:before { 388 input[type='radio']:active:checked:before {
399 background: #606060; 389 background: #606060;
400 } 390 }
401 391
402 input[type='text'] { 392 input[type='text'] {
403 -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, .1), 393 -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, .1),
(...skipping 317 matching lines...) Expand 10 before | Expand all | Expand 10 after
721 -webkit-animation-delay: 300ms; 711 -webkit-animation-delay: 300ms;
722 } 712 }
723 713
724 #two-sided-div { 714 #two-sided-div {
725 margin-top: 10px; 715 margin-top: 10px;
726 } 716 }
727 717
728 input[disabled] + label { 718 input[disabled] + label {
729 color: gray; 719 color: gray;
730 } 720 }
OLDNEW
« no previous file with comments | « no previous file | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698