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

Delta Between Two Patch Sets: skin/new-options.css

Issue 29519650: Issue 5540 - implement notification (Closed)
Left Patch Set: Created Aug. 24, 2017, 6:39 p.m.
Right Patch Set: Rebased Created Aug. 25, 2017, 1:47 p.m.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
Left: Side by side diff | Download
Right: Side by side diff | Download
« no previous file with change/comment | « skin/delete.svg ('k') | no next file » | no next file with change/comment »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
LEFTRIGHT
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-present eyeo GmbH 3 * Copyright (C) 2006-present 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 407 matching lines...) Expand 10 before | Expand all | Expand 10 after
418 418
419 .table button.delete:hover 419 .table button.delete:hover
420 { 420 {
421 background-position: -61px -51px; 421 background-position: -61px -51px;
422 } 422 }
423 423
424 .icon, 424 .icon,
425 button[role="checkbox"], 425 button[role="checkbox"],
426 #dialog-body .table button[role="checkbox"], 426 #dialog-body .table button[role="checkbox"],
427 .table button.delete, 427 .table button.delete,
428 #content-help a::before,
429 #dialog-close::before, 428 #dialog-close::before,
430 #all-filter-lists-table .arrow, 429 #all-filter-lists-table .arrow,
431 .context-menu .content a::before 430 .context-menu .content a::before
432 { 431 {
433 background-image: url(options-sprite.png); 432 background-image: url(options-sprite.png);
434 display: inline-block; 433 display: inline-block;
435 } 434 }
436 435
437 .icon-add, 436 .icon-add,
438 .icon-update 437 .icon-update
(...skipping 20 matching lines...) Expand all
459 cursor: pointer; 458 cursor: pointer;
460 } 459 }
461 460
462 #dialog-close::before 461 #dialog-close::before
463 { 462 {
464 content: ""; 463 content: "";
465 height: 12px; 464 height: 12px;
466 width: 12px; 465 width: 12px;
467 } 466 }
468 467
469 #content-help a::before 468 #dialog-body button::before
470 { 469 {
471 background-position: 0px -42px; 470 background-position: 0px -42px;
472 content: ""; 471 content: "";
473 cursor: pointer; 472 cursor: pointer;
474 height: 11px; 473 height: 11px;
475 vertical-align: middle; 474 vertical-align: middle;
476 width: 7px; 475 width: 7px;
477 -moz-margin-end: 12px; 476 -moz-margin-end: 12px;
478 -webkit-margin-end: 12px; 477 -webkit-margin-end: 12px;
479 } 478 }
(...skipping 27 matching lines...) Expand all
507 background: none; 506 background: none;
508 cursor: pointer; 507 cursor: pointer;
509 } 508 }
510 509
511 .controls button span:not(.icon) 510 .controls button span:not(.icon)
512 { 511 {
513 -moz-margin-start: 16px; 512 -moz-margin-start: 16px;
514 -webkit-margin-start: 16px; 513 -webkit-margin-start: 16px;
515 color: #3A7BA6; 514 color: #3A7BA6;
516 vertical-align: top; 515 vertical-align: top;
516 }
517
518 /*
519 Used for translatable screen reader only conten.
520 e.g.: Use instead of aria-label to avoid complex attribute value translation
521 */
522 .sr-only
523 {
524 position: absolute;
525 overflow: hidden;
526 clip: rect(0, 0, 0, 0);
527 width: 1px;
528 height: 1px;
529 margin: -1px;
530 padding: 0px;
531 border: 0px;
517 } 532 }
518 533
519 /* 534 /*
520 General tab content 535 General tab content
521 */ 536 */
522 537
523 #blocking-languages-dialog-table 538 #blocking-languages-dialog-table
524 { 539 {
525 border-bottom: none; 540 border-bottom: none;
526 } 541 }
(...skipping 364 matching lines...) Expand 10 before | Expand all | Expand 10 after
891 906
892 div[role="tooltip"] .notes p 907 div[role="tooltip"] .notes p
893 { 908 {
894 font-weight: 300; 909 font-weight: 300;
895 } 910 }
896 911
897 /* 912 /*
898 Help tab content 913 Help tab content
899 */ 914 */
900 915
901 #content-help 916 html:not([lang="zh"]) #social-chinese,
902 { 917 html[lang="zh"] #social-general
903 counter-reset: section; 918 {
904 } 919 display: none;
905 920 }
906 #content-help h1::before 921
907 { 922 #social ul
908 counter-increment: section; 923 {
909 content: counter(section) ". "; 924 list-style: none;
910 } 925 }
911 926
912 #content-help a 927 #social ul li
913 { 928 {
914 color: #3A7BA6;
915 display: inline-block; 929 display: inline-block;
916 text-decoration: none; 930 }
917 -moz-margin-end: 16px; 931
918 -webkit-margin-end: 16px; 932 #social ul li a
919 vertical-align: top; 933 {
920 } 934 display: block;
921 935 text-align: center;
922 #content-help a::before 936 }
923 { 937
924 -moz-margin-end: 6px; 938 #social ul li a::before
925 -webkit-margin-end: 6px; 939 {
926 } 940 display: block;
927 941 margin: 0em auto;
928 #share-general:lang(zh), 942 width: 2.5rem;
929 #share-chinese:not(zh) 943 height: 2.5rem;
930 { 944 content: "";
931 display: none; 945 background-color: #099DD1;
946 }
947
948 #twitter::before
949 {
950 -webkit-mask: url("social/twitter.svg");
951 mask: url("social/twitter.svg");
952 }
953
954 #facebook::before
955 {
956 -webkit-mask: url("social/facebook.svg");
957 mask: url("social/facebook.svg");
958 }
959
960 #google-plus::before
961 {
962 -webkit-mask: url("social/googleplus.svg");
963 mask: url("social/googleplus.svg");
932 } 964 }
933 965
934 /* 966 /*
935 Dialog 967 Dialog
936 */ 968 */
937 969
938 #dialog-background 970 #dialog-background
939 { 971 {
940 display: none; 972 display: none;
941 position: fixed; 973 position: fixed;
(...skipping 180 matching lines...) Expand 10 before | Expand all | Expand 10 after
1122 border: 0rem; 1154 border: 0rem;
1123 background-color: #099DD1; 1155 background-color: #099DD1;
1124 -webkit-mask: url(delete.svg); 1156 -webkit-mask: url(delete.svg);
1125 mask: url(delete.svg); 1157 mask: url(delete.svg);
1126 } 1158 }
1127 1159
1128 #hide-notification:hover::after 1160 #hide-notification:hover::after
1129 { 1161 {
1130 background-color: #5CBCE1; 1162 background-color: #5CBCE1;
1131 } 1163 }
LEFTRIGHT

Powered by Google App Engine
This is Rietveld