Rietveld Code Review Tool
Help | Bug tracker | Discussion group | Source code

Side by Side Diff: skin/options.css

Issue 29336364: issue 2377 - Finish design of Advanced tab of new options page (Closed)
Patch Set: Created April 25, 2016, 8:51 a.m.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View unified diff | Download patch
« no previous file with comments | « options.html ('k') | skin/options-sprite.png » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 /* 1 /*
2 * This file is part of Adblock Plus <https://adblockplus.org/>, 2 * This file is part of Adblock Plus <https://adblockplus.org/>,
3 * Copyright (C) 2006-2016 Eyeo GmbH 3 * Copyright (C) 2006-2016 Eyeo GmbH
4 * 4 *
5 * Adblock Plus is free software: you can redistribute it and/or modify 5 * Adblock Plus is free software: you can redistribute it and/or modify
6 * it under the terms of the GNU General Public License version 3 as 6 * it under the terms of the GNU General Public License version 3 as
7 * published by the Free Software Foundation. 7 * published by the Free Software Foundation.
8 * 8 *
9 * Adblock Plus is distributed in the hope that it will be useful, 9 * Adblock Plus is distributed in the hope that it will be useful,
10 * but WITHOUT ANY WARRANTY; without even the implied warranty of 10 * but WITHOUT ANY WARRANTY; without even the implied warranty of
(...skipping 37 matching lines...) Expand 10 before | Expand all | Expand 10 after
48 body 48 body
49 { 49 {
50 background-color: #F5F5F5; 50 background-color: #F5F5F5;
51 display: flex; 51 display: flex;
52 margin: 20px 10px; 52 margin: 20px 10px;
53 font-family: "Source Sans Pro", sans-serif; 53 font-family: "Source Sans Pro", sans-serif;
54 font-size: 14px; 54 font-size: 14px;
55 color: #494949; 55 color: #494949;
56 } 56 }
57 57
58 h1 58 h1
59 { 59 {
60 font-size: 24px; 60 font-size: 24px;
61 line-height: 1em; 61 line-height: 1em;
62 font-weight: 300; 62 font-weight: 300;
63 } 63 }
64 64
65 h2 65 h2
66 { 66 {
67 font-size: 16px; 67 font-size: 16px;
68 font-weight: 600; 68 font-weight: 600;
(...skipping 15 matching lines...) Expand all
84 [aria-hidden="true"] 84 [aria-hidden="true"]
85 { 85 {
86 display: none !important; 86 display: none !important;
87 } 87 }
88 88
89 input[type="search"]::-webkit-search-cancel-button 89 input[type="search"]::-webkit-search-cancel-button
90 { 90 {
91 display: none; 91 display: none;
92 } 92 }
93 93
94 input[type="text"], input[type="search"] 94 input[type="text"],
95 input[type="search"],
96 textarea
95 { 97 {
96 -webkit-box-sizing: border-box; 98 -webkit-box-sizing: border-box;
97 -moz-box-sizing: border-box; 99 -moz-box-sizing: border-box;
98 box-sizing: border-box; 100 box-sizing: border-box;
99 } 101 }
100 102
101 button[role="checkbox"] 103 button[role="checkbox"]
102 { 104 {
103 vertical-align: top; 105 vertical-align: top;
104 width: 18px; 106 width: 18px;
105 height: 18px; 107 height: 18px;
106 margin-top: 0px; 108 margin-top: 0px;
107 -moz-margin-end: 20px; 109 -moz-margin-end: 20px;
108 -webkit-margin-end: 20px; 110 -webkit-margin-end: 20px;
109 padding: 0px; 111 padding: 0px;
110 border: none; 112 border: none;
111 background-color: transparent; 113 background-color: transparent;
112 background-position: -51px 0px; 114 background-position: -51px 0px;
113 } 115 }
114 116
115 button[role="checkbox"][aria-checked="true"] 117 button[role="checkbox"][aria-checked="true"]
116 { 118 {
117 background-position: -68px 0px; 119 background-position: -68px 0px;
118 } 120 }
119 121
120 .option-name 122 .option-name
121 { 123 {
122 display: flex; 124 display: flex;
123 margin-bottom: 16px; 125 margin-bottom: 16px;
124 margin-top: 24px;
125 } 126 }
126 127
127 .option-name > :first-child 128 .option-name > :first-child
128 { 129 {
129 flex: 1; 130 flex: 1;
130 overflow: hidden; 131 overflow: hidden;
131 text-overflow: ellipsis; 132 text-overflow: ellipsis;
132 white-space: nowrap; 133 white-space: nowrap;
133 } 134 }
134 135
(...skipping 165 matching lines...) Expand 10 before | Expand all | Expand 10 after
300 border: 1px solid #CDCDCD; 301 border: 1px solid #CDCDCD;
301 border-radius: 8px; 302 border-radius: 8px;
302 box-sizing: border-box; 303 box-sizing: border-box;
303 min-width: 960px; 304 min-width: 960px;
304 padding: 0px 60px 40px 60px; 305 padding: 0px 60px 40px 60px;
305 } 306 }
306 307
307 #content h1 308 #content h1
308 { 309 {
309 border-bottom: 1px solid #CDCDCD; 310 border-bottom: 1px solid #CDCDCD;
310 margin: 0px; 311 margin: 0px 0px 24px 0px;
311 padding: 40px 0px 16px 0px; 312 padding: 40px 0px 16px 0px;
312 } 313 }
313 314
314 #link-version 315 #link-version
315 { 316 {
316 display: flex; 317 display: flex;
317 margin: 12px 20px; 318 margin: 12px 20px;
318 color: #3A7BA6; 319 color: #3A7BA6;
319 text-decoration: none; 320 text-decoration: none;
320 } 321 }
(...skipping 37 matching lines...) Expand 10 before | Expand all | Expand 10 after
358 359
359 .table li 360 .table li
360 { 361 {
361 display: flex; 362 display: flex;
362 padding: 12px 0px; 363 padding: 12px 0px;
363 -webkit-padding-start: 16px; 364 -webkit-padding-start: 16px;
364 -moz-padding-start: 16px; 365 -moz-padding-start: 16px;
365 border-radius: 3px; 366 border-radius: 3px;
366 } 367 }
367 368
369 .table.list,
370 #custom-wrapper
371 {
372 border-bottom: 1px solid #CDCDCD;
373 }
374
368 .table.list li .display 375 .table.list li .display
369 { 376 {
370 flex: 1; 377 flex: 1;
371 line-height: 16px; 378 line-height: 16px;
372 overflow: hidden; 379 overflow: hidden;
373 text-overflow: ellipsis; 380 text-overflow: ellipsis;
374 white-space: nowrap; 381 white-space: nowrap;
375 } 382 }
376 383
384 .table:not(.list):not(.cols) li
385 {
386 padding-top: 0px;
387 padding-bottom: 6px;
388 }
389
377 .table.list li:nth-of-type(odd), 390 .table.list li:nth-of-type(odd),
378 .table.cols li:nth-of-type(odd), 391 .table.cols li:nth-of-type(odd),
379 .table li.empty-placeholder 392 .table li.empty-placeholder
380 { 393 {
381 background-color: #F5F5F5; 394 background-color: #F5F5F5;
382 } 395 }
383 396
384 .table label 397 .table label
385 { 398 {
386 vertical-align: top; 399 vertical-align: top;
387 } 400 }
388 401
389 .table.cols 402 .table.cols
390 { 403 {
391 border-bottom: 1px solid #CDCDCD; 404 border-bottom: 1px solid #CDCDCD;
392 border-top: 1px solid #CDCDCD; 405 border-top: 1px solid #CDCDCD;
393 } 406 }
394 407
395 button[disabled="true"] 408 button[disabled="true"]
396 { 409 {
397 border-radius: 2px; 410 border-radius: 2px;
398 background-color: #ccc; 411 background-color: #ccc;
399 } 412 }
400 413
401 .table button.delete 414 .table button.delete
402 { 415 {
403 background-color: transparent; 416 background-color: transparent;
404 background-position: -9px -32px; 417 background-position: -10px -33px;
405 border: 0px; 418 border: 0px;
406 height: 10px;
407 margin-top: 5px; 419 margin-top: 5px;
408 -moz-margin-end: 20px; 420 -moz-margin-end: 20px;
409 -webkit-margin-end: 20px; 421 -webkit-margin-end: 20px;
410 padding: 0px; 422 padding: 0px;
411 cursor: pointer;
412 width: 10px;
413 } 423 }
414 424
415 .table .popular 425 .table .popular
416 { 426 {
417 color: #1E8728; 427 color: #1E8728;
418 font-size: 12px; 428 font-size: 12px;
419 -moz-padding-end: 12px; 429 -moz-padding-end: 12px;
420 -webkit-padding-end: 12px; 430 -webkit-padding-end: 12px;
421 } 431 }
422 432
423 .tabs.horizontal 433 .tabs.horizontal
424 { 434 {
425 display: flex; 435 display: flex;
436 margin-top: 0px;
426 margin-bottom: 0px; 437 margin-bottom: 0px;
427 padding: 0px; 438 padding: 0px;
439 border-bottom: 1px solid #CDCDCD;
428 } 440 }
429 441
430 .tabs.horizontal li 442 .tabs.horizontal li
431 { 443 {
432 display: inline-block; 444 display: inline-block;
433 border-bottom: 1px solid #A1A1A1; 445 padding: 0px 46px 10px 46px;
434 padding: 10px 46px;
435 color: #3A7BA6; 446 color: #3A7BA6;
436 text-align: center; 447 text-align: center;
437 } 448 }
438 449
439 .icon, 450 .icon,
440 button[role="checkbox"], 451 button[role="checkbox"],
441 .table button.delete, 452 .table button.delete,
442 #content-help a::before, 453 #content-help a::before,
443 #dialog-close::before, 454 #dialog-close::before,
444 #custom-filters-add button::after, 455 #custom-filters-add button::after,
445 #dialog-body button::before, 456 #dialog-body button::before,
446 .date::before, 457 .date::before,
447 .time::before, 458 .time::before,
448 #all-filter-lists .arrow, 459 #all-filter-lists .arrow,
449 .context-menu .content a::before 460 .context-menu .content a::before
450 { 461 {
451 background-image: url(options-sprite.png); 462 background-image: url(options-sprite.png);
452 display: inline-block; 463 display: inline-block;
453 } 464 }
454 465
466 .icon-add,
467 .icon-update,
468 .icon-edit
469 {
470 height: 16px;
471 width: 16px;
472 cursor: pointer;
473 }
474
455 .icon-add 475 .icon-add
456 { 476 {
457 background-position: -0px -0px; 477 background-position: -1px -1px;
458 cursor: pointer;
459 height: 18px;
460 min-width: 18px;
461 } 478 }
462 479
463 .icon-update 480 .icon-update
464 { 481 {
465 background-position: -34px -0px; 482 background-position: -35px -1px;
466 cursor: pointer;
467 height: 18px;
468 width: 18px;
469 } 483 }
470 484
471 .icon-edit 485 .icon-edit
472 { 486 {
473 background-position: -17px -0px; 487 background-position: -18px -1px;
488 }
489
490 .icon-save,
491 .icon-cancel
492 {
493 height: 10px;
494 width: 10px;
474 cursor: pointer; 495 cursor: pointer;
475 height: 18px; 496 }
476 width: 18px; 497
498 .icon-save
499 {
500 background-position: -1px -62px;
501 }
502
503 .icon-cancel
504 {
505 background-position: -12px -62px;
506 }
507
508 .icon-enter,
509 #custom-filters-add button::after,
510 .table button.delete
511 {
512 height: 8px;
513 width: 8px;
514 cursor: pointer;
515 }
516
517 #dialog-close::before,
518 .date::before,
519 .time::before
520 {
521 content: "";
522 height: 12px;
523 width: 12px;
477 } 524 }
478 525
479 #content-help a::before, 526 #content-help a::before,
480 #dialog-body button::before 527 #dialog-body button::before
481 { 528 {
482 background-position: 0px -42px; 529 background-position: 0px -42px;
483 content: ""; 530 content: "";
484 cursor: pointer; 531 cursor: pointer;
485 height: 11px; 532 height: 11px;
486 vertical-align: middle; 533 vertical-align: middle;
487 width: 7px; 534 width: 7px;
488 -moz-margin-end: 12px; 535 -moz-margin-end: 12px;
489 -webkit-margin-end: 12px; 536 -webkit-margin-end: 12px;
490 } 537 }
491 538
492 .controls 539 .controls
493 { 540 {
494 border-top: 1px solid #CDCDCD; 541 padding-top: 14px;
495 padding-top: 8px; 542 margin-left: 16px;
496 -moz-padding-start: 16px; 543 margin-right: 16px;
497 -webkit-padding-start: 16px; 544 }
498 position: relative; 545
546 .controls.mode-edit
547 {
548 -moz-margin-end: 0px;
549 -webkit-margin-end: 0px;
499 } 550 }
500 551
501 .controls > div 552 .controls > div
502 { 553 {
503 display: flex; 554 display: flex;
555 position: relative;
504 } 556 }
505 557
506 .controls button, 558 .controls button,
507 #dialog-close 559 #dialog-close
508 { 560 {
561 display: flex;
562 border: none;
563 padding: 0px;
564 align-items: center;
509 background: none; 565 background: none;
510 border: none;
511 cursor: pointer; 566 cursor: pointer;
512 display: block;
513 padding: 0;
514 } 567 }
515 568
516 .controls button span:not(.icon) 569 .controls button span:not(.icon)
517 { 570 {
571 -moz-margin-start: 16px;
572 -webkit-margin-start: 16px;
518 color: #3A7BA6; 573 color: #3A7BA6;
519 display: inline-block;
520 -moz-margin-start: 15px;
521 -webkit-margin-start: 15px;
522 padding-top: 1px;
523 vertical-align: top; 574 vertical-align: top;
524 } 575 }
525 576
526 /* 577 /*
527 General tab content 578 General tab content
528 */ 579 */
529 580
581 #acceptableads-table,
582 #recommend-list-table,
583 #blocking-languages-dialog-table,
584 #custom-wrapper .table,
585 #all-lang-table
586 {
587 border-bottom: none;
588 }
589
530 #blocking-languages, 590 #blocking-languages,
531 #acceptable-ads 591 #acceptable-ads
532 { 592 {
533 -moz-margin-end: 40px; 593 -moz-margin-end: 40px;
534 -webkit-margin-end: 40px; 594 -webkit-margin-end: 40px;
535 } 595 }
536 596
537 #custom-wrapper 597 #custom-wrapper
538 { 598 {
539 height: 290px; 599 height: 290px;
540 overflow: auto; 600 overflow: auto;
541 } 601 }
542 602
543 #custom-wrapper .table 603 #custom-wrapper .table
544 { 604 {
545 width: 100%; 605 width: 100%;
546 } 606 }
547 607
548 #whitelisting .controls
549 {
550 -moz-padding-start: 12px;
551 -webkit-padding-start: 12px;
552 }
553
554 #whitelisting .controls.mode-edit > button, 608 #whitelisting .controls.mode-edit > button,
555 #whitelisting .controls:not(.mode-edit) > div 609 #whitelisting .controls:not(.mode-edit) > div
556 { 610 {
557 display: none; 611 display: none;
558 } 612 }
559 613
560 #whitelisting .controls input[type="text"] 614 #whitelisting .controls input[type="text"]
561 { 615 {
562 border: 0px; 616 border: 0px;
563 border-bottom: 1px solid #A1A1A1; 617 border-bottom: 1px solid #A1A1A1;
(...skipping 19 matching lines...) Expand all
583 -webkit-margin-start: 32px; 637 -webkit-margin-start: 32px;
584 } 638 }
585 639
586 #whitelisting-add-button + span 640 #whitelisting-add-button + span
587 { 641 {
588 flex: 1; 642 flex: 1;
589 } 643 }
590 644
591 .icon-enter 645 .icon-enter
592 { 646 {
593 background-position: -18px -32px; 647 background-position: -19px -33px;
594 cursor: pointer;
595 height: 10px;
596 position: absolute; 648 position: absolute;
597 top: 10px; 649 bottom: 9px;
598 -moz-margin-start: -20px; 650 -moz-margin-start: -20px;
599 -webkit-margin-start: -20px; 651 -webkit-margin-start: -20px;
600 width: 10px;
601 } 652 }
602 653
603 .button-add, .cancel-button 654 .button-add, .cancel-button
604 { 655 {
605 background-color: transparent; 656 background-color: transparent;
606 border: 0px; 657 border: 0px;
607 color: #3A7BA6; 658 color: #3A7BA6;
608 cursor: pointer; 659 cursor: pointer;
609 } 660 }
610 661
611 /* 662 /*
612 Advanced tab content 663 Advanced tab content
613 */ 664 */
614 665
615 #tweaks.table li
616 {
617 padding-bottom: 0px;
618 }
619
620 #restart-safari 666 #restart-safari
621 { 667 {
622 -moz-margin-start: 20px; 668 -moz-margin-start: 20px;
623 -webkit-margin-start: 20px; 669 -webkit-margin-start: 20px;
624 color: red; 670 color: red;
625 font-weight: 600; 671 font-weight: 600;
626 } 672 }
627 673
628 #filter-lists > div 674 #filter-lists > div,
675 #all-filter-lists li.show-message .date,
676 #all-filter-lists li.show-message .time,
677 #all-filter-lists li:not(.show-message) .message,
678 #custom-filters:not(.mode-edit) #custom-filters-raw,
679 #custom-filters:not(.mode-edit) #custom-filters-raw-controls,
680 #custom-filters.mode-edit #custom-filters-show-edit,
681 #custom-filters.mode-edit #custom-filters-list-wrapper
629 { 682 {
630 display: none; 683 display: none;
631 } 684 }
632 685
633 body[data-tab="advanced-allFilterLists"] #all-filter-lists, 686 body[data-tab="advanced-allFilterLists"] #all-filter-lists,
634 body[data-tab="advanced-customFilters"] #custom-filters 687 body[data-tab="advanced-customFilters"] #custom-filters
635 { 688 {
636 display: block; 689 display: block;
637 } 690 }
638 691
692 #all-filter-lists .table
693 {
694 display: inline-block;
695 }
696
639 body[data-tab="advanced-allFilterLists"] #content-advanced [data-tab="advanced-a llFilterLists"], 697 body[data-tab="advanced-allFilterLists"] #content-advanced [data-tab="advanced-a llFilterLists"],
640 body[data-tab="advanced-customFilters"] #content-advanced [data-tab="advanced-cu stomFilters"] 698 body[data-tab="advanced-customFilters"] #content-advanced [data-tab="advanced-cu stomFilters"]
641 { 699 {
642 border-bottom: 2px solid #1E8728; 700 border-bottom: 2px solid #1E8728;
643 padding-bottom: 10px; 701 padding-bottom: 10px;
644 color: black; 702 color: black;
645 font-weight: 600; 703 font-weight: 600;
646 } 704 }
647 705
648 #all-filter-lists .table
649 {
650 display: inline-block;
651 }
652
653 #all-filter-lists .table li 706 #all-filter-lists .table li
654 { 707 {
655 padding-left: 16px; 708 padding-left: 16px;
656 padding-right: 16px; 709 padding-right: 16px;
657 } 710 }
658 711
659 #all-filter-lists .table li > div 712 #all-filter-lists .table li > div
660 { 713 {
661 display: flex; 714 display: flex;
662 width: 330px; 715 width: 330px;
663 } 716 }
664 717
665 .table-header 718 .table-header
666 { 719 {
667 display: flex; 720 display: flex;
668 } 721 }
669 722
670 #filter-lists h3 723 #filter-lists h2
671 { 724 {
672 display: inline-block;
673 margin-bottom: 7px; 725 margin-bottom: 7px;
674 font-size: 14px; 726 font-size: 14px;
675 } 727 }
676 728
677 .table-header h3:first-child 729 .table-header h2:first-child
678 { 730 {
679 width: 330px; 731 width: 330px;
680 -webkit-padding-start: 54px; 732 -webkit-padding-start: 54px;
681 -moz-padding-start: 54px; 733 -moz-padding-start: 54px;
682 } 734 }
683 735
684 #all-filter-lists .table li span.display 736 #all-filter-lists .table li span.display
685 { 737 {
686 cursor: pointer; 738 cursor: pointer;
687 } 739 }
(...skipping 33 matching lines...) Expand 10 before | Expand all | Expand 10 after
721 text-decoration: none; 773 text-decoration: none;
722 cursor: pointer; 774 cursor: pointer;
723 } 775 }
724 776
725 #all-filter-lists .table li:last-of-type > span:last-child 777 #all-filter-lists .table li:last-of-type > span:last-child
726 { 778 {
727 -webkit-margin-start: auto; 779 -webkit-margin-start: auto;
728 -moz-margin-start: auto; 780 -moz-margin-start: auto;
729 } 781 }
730 782
731 #all-filter-lists li.show-message .date,
732 #all-filter-lists li.show-message .time,
733 #all-filter-lists li:not(.show-message) .message
734 {
735 display: none;
736 }
737
738 .date::before 783 .date::before
739 { 784 {
740 content: "";
741 -webkit-margin-end: 6px; 785 -webkit-margin-end: 6px;
742 -moz-margin-end: 6px; 786 -moz-margin-end: 6px;
743 height: 12px;
744 width: 12px;
745 background-position: -7px -49px; 787 background-position: -7px -49px;
746 } 788 }
747 789
748 .time::before 790 .time::before
749 { 791 {
750 content: "";
751 -webkit-margin-end: 6px; 792 -webkit-margin-end: 6px;
752 -moz-margin-end: 6px; 793 -moz-margin-end: 6px;
753 -webkit-margin-start: 12px; 794 -webkit-margin-start: 12px;
754 -moz-margin-start: 12px; 795 -moz-margin-start: 12px;
755 height: 12px;
756 width: 12px;
757 background-position: -20px -49px; 796 background-position: -20px -49px;
758 } 797 }
759 798
799 #all-filter-lists-table .static label
800 {
801 font-weight: 600;
802 }
803
760 #custom-filters-header 804 #custom-filters-header
761 { 805 {
762 padding: 0px 20px; 806 padding: 0px 16px;
763 margin-bottom: 10px; 807 margin-bottom: 10px;
764 } 808 }
765 809
766 #custom-filters-raw-controls 810 #custom-filters-raw-controls
767 { 811 {
768 display: flex; 812 justify-content: space-between;
769 }
770
771 #custom-filters:not(.mode-edit) #custom-filters-raw,
772 #custom-filters:not(.mode-edit) #custom-filters-raw-controls,
773 #custom-filters.mode-edit #custom-filters-show-edit,
774 #custom-filters.mode-edit #custom-filters-list-wrapper
775 {
776 display: none;
777 }
778
779 #custom-filters-raw-save
780 {
781 padding: 0px 16px;
782 }
783
784 #custom-filters .table
785 {
786 height: 290px;
787 overflow: auto;
788 width: auto;
789 }
790
791 #custom-filters-add
792 {
793 display: flex;
794 padding: 0px;
795 border: none;
796 }
797
798 #custom-filters .controls
799 {
800 border-top: none;
801 } 813 }
802 814
803 #custom-filters-raw 815 #custom-filters-raw
804 { 816 {
805 width: 100%; 817 width: 100%;
806 height: 100%; 818 height: 100%;
819 padding: 2px 16px;
807 } 820 }
808 821
809 #custom-filters-wrapper 822 #custom-filters-wrapper
810 { 823 {
811 height: 330px; 824 height: 280px;
812 } 825 }
813 826
814 #custom-filters input[type="text"] 827 #custom-filters-add
815 { 828 {
829 display: flex;
816 border-width: 1px 0px 1px 0px; 830 border-width: 1px 0px 1px 0px;
817 border-bottom-style: solid; 831 border-bottom-style: solid;
818 border-top-style: solid; 832 border-top-style: solid;
819 border-color: #1E8728; 833 border-color: #1E8728;
820 height: 25px; 834 padding: 0px;
821 -moz-padding-start: 10px; 835 margin: 0px;
822 -webkit-padding-start: 10px; 836 background-color: #F5F5F5;
823 -moz-padding-end: 60px;
824 -webkit-padding-end: 60px;
825 padding-top: 18px;
826 padding-bottom: 18px;
827 width: 100%;
828 } 837 }
829 838
830 #custom-filters input[type="text"]:focus 839 #custom-filters-add input[type="text"]
840 {
841 -moz-padding-start: 16px;
842 -webkit-padding-start: 16px;
843 padding-top: 10px;
844 padding-bottom: 10px;
845 border: none;
846 width: 100%;
847 background-color: transparent;
848 }
849
850 #custom-filters-add input[type="text"]:focus
831 { 851 {
832 outline: 0px; 852 outline: 0px;
833 } 853 }
834 854
835 #custom-filters-add input
836 {
837 font-size: 13px;
838 background-color: #F5F5F5;
839 }
840
841 #custom-filters-add input::-webkit-input-placeholder
842 {
843 font-weight: 600;
844 }
845 #custom-filters-add input::-moz-placeholder
846 {
847 font-weight: 600;
848 }
849
850 #custom-filters-table 855 #custom-filters-table
851 { 856 {
857 height: 240px;
858 width: 100%;
852 border-top: 1px solid #CDCDCD; 859 border-top: 1px solid #CDCDCD;
860 overflow: auto;
853 } 861 }
854 862
855 #custom-filters-add button 863 #custom-filters-add button
856 { 864 {
857 font-size: 14px; 865 font-size: 14px;
858 -webkit-margin-start: -60px;
859 -moz-margin-start: -60px;
860 -webkit-padding-end: 6px; 866 -webkit-padding-end: 6px;
861 -moz-padding-end: 6px; 867 -moz-padding-end: 6px;
862 cursor: pointer; 868 cursor: pointer;
863 color: #3A7BA6; 869 color: #3A7BA6;
864 } 870 }
865 871
866 #custom-filters-add button::before 872 #custom-filters-add button::before
867 { 873 {
868 content: ""; 874 content: "";
869 display: inline-block; 875 display: inline-block;
870 -moz-border-end: 1px solid #CDCDCD; 876 -moz-border-end: 1px solid #CDCDCD;
871 -webkit-border-end: 1px solid #CDCDCD; 877 -webkit-border-end: 1px solid #CDCDCD;
872 height: 15px; 878 height: 15px;
873 -webkit-margin-end: 10px; 879 -webkit-margin-end: 10px;
874 -moz-margin-end: 10px; 880 -moz-margin-end: 10px;
875 margin-bottom: -2px; 881 margin-bottom: -2px;
876 width: 1px; 882 width: 1px;
877 } 883 }
878 884
879 #custom-filters-add button::after 885 #custom-filters-add button::after
880 { 886 {
881 content: ""; 887 content: "";
882 background-position: -28px -32px; 888 background-position: -28px -33px;
883 cursor: pointer;
884 height: 10px;
885 -webkit-margin-start: 6px; 889 -webkit-margin-start: 6px;
886 -moz-margin-start: 6px; 890 -moz-margin-start: 6px;
887 width: 10px;
888 } 891 }
889 892
890 /* 893 /*
891 Tooltips 894 Tooltips
892 */ 895 */
893 896
894 .tooltip 897 .tooltip
895 { 898 {
899 display: inline-block;
900 position: relative;
901 margin: 0px 4px;
896 border-bottom: dashed 1px; 902 border-bottom: dashed 1px;
903 height: 15px;
897 color: #3A7BA6; 904 color: #3A7BA6;
905 font-size: 12px;
906 line-height: 19px;
907 text-decoration: none;
908 font-weight: 400;
898 cursor: default; 909 cursor: default;
899 font-size: 12px;
900 height: 15px;
901 line-height: 19px;
902 margin: 0px 4px;
903 position: relative;
904 text-decoration: none;
905 } 910 }
906 911
907 .context-menu 912 .context-menu
908 { 913 {
909 display: inline-block; 914 display: inline-block;
910 position: relative; 915 position: relative;
911 border-bottom: none; 916 border-bottom: none;
912 } 917 }
913 918
914 .context-menu a 919 .context-menu a
(...skipping 279 matching lines...) Expand 10 before | Expand all | Expand 10 after
1194 display: inline-block; 1199 display: inline-block;
1195 height: 20px; 1200 height: 20px;
1196 font-size: 15px; 1201 font-size: 15px;
1197 -moz-padding-start: 10px; 1202 -moz-padding-start: 10px;
1198 -webkit-padding-start: 10px; 1203 -webkit-padding-start: 10px;
1199 } 1204 }
1200 1205
1201 #dialog-close::before 1206 #dialog-close::before
1202 { 1207 {
1203 background-position: -10px -33px; 1208 background-position: -10px -33px;
1204 content: "";
1205 cursor: pointer; 1209 cursor: pointer;
1206 height: 8px; 1210 height: 8px;
1207 width: 8px; 1211 width: 8px;
1208 vertical-align: middle; 1212 vertical-align: middle;
1209 -moz-margin-end: 6px; 1213 -moz-margin-end: 6px;
1210 -webkit-margin-end: 6px; 1214 -webkit-margin-end: 6px;
1211 } 1215 }
1212 1216
1213 #dialog #dialog-body 1217 #dialog #dialog-body
1214 { 1218 {
(...skipping 107 matching lines...) Expand 10 before | Expand all | Expand 10 after
1322 #other-language .button-add::before 1326 #other-language .button-add::before
1323 { 1327 {
1324 display: none; 1328 display: none;
1325 } 1329 }
1326 1330
1327 #other-language .display 1331 #other-language .display
1328 { 1332 {
1329 -webkit-margin-start: 10px; 1333 -webkit-margin-start: 10px;
1330 -moz-margin-start: 10px; 1334 -moz-margin-start: 10px;
1331 } 1335 }
OLDNEW
« no previous file with comments | « options.html ('k') | skin/options-sprite.png » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld