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

Side by Side Diff: skin/desktop-options.css

Issue 29609587: Issue 6031 - Implement Acceptable Ads notification (Closed)
Patch Set: Rebased Created Nov. 21, 2017, 2 p.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 | « locale/en_US/desktop-options.json ('k') | skin/icons/delete.svg » ('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-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 625 matching lines...) Expand 10 before | Expand all | Expand 10 after
636 636
637 section.cols > *:last-child 637 section.cols > *:last-child
638 { 638 {
639 flex: 3; 639 flex: 3;
640 } 640 }
641 641
642 /* 642 /*
643 Acceptable ads 643 Acceptable ads
644 */ 644 */
645 645
646 #tracking-warning
647 {
648 position: relative;
649 padding: 1.5rem;
650 margin-bottom: 1rem;
651 border: 2px solid #ffd7a3;
652 background-color: #fefbe3;
653 }
654
655 #acceptable-ads:not(.show-warning) #tracking-warning
656 {
657 display: none;
658 }
659
660 #hide-tracking-warning
661 {
662 position: absolute;
663 right: 1rem;
664 top: 1rem;
665 }
666
667 html[dir="rtl"] #hide-tracking-warning
668 {
669 left: 1rem;
670 right: auto;
671 }
672
673 #tracking-warning .link
674 {
675 color: inherit;
676 text-decoration: underline;
677 font-weight: 700;
678 }
679
646 #acceptable-ads ul 680 #acceptable-ads ul
647 { 681 {
648 position: relative; 682 position: relative;
649 padding-left: 2.2rem; 683 padding-left: 2.2rem;
650 list-style: none; 684 list-style: none;
651 } 685 }
652 686
653 html[dir="rtl"] #acceptable-ads ul 687 html[dir="rtl"] #acceptable-ads ul
654 { 688 {
655 padding-left: 0rem; 689 padding-left: 0rem;
656 padding-right: 2.2rem; 690 padding-right: 2.2rem;
657 } 691 }
658 692
659 #acceptable-ads button 693 #acceptable-ads ul button
660 { 694 {
661 position: absolute; 695 position: absolute;
662 margin-top: 0.3rem; 696 margin-top: 0.3rem;
663 left: 0rem; 697 left: 0rem;
664 } 698 }
665 699
666 html[dir="rtl"] button 700 html[dir="rtl"] button
667 { 701 {
668 left: auto; 702 left: auto;
669 right: 0rem; 703 right: 0rem;
(...skipping 262 matching lines...) Expand 10 before | Expand all | Expand 10 after
932 .tooltip::before 966 .tooltip::before
933 { 967 {
934 content: ""; 968 content: "";
935 width: 1.1rem; 969 width: 1.1rem;
936 height: 1.1rem; 970 height: 1.1rem;
937 display: block; 971 display: block;
938 background-image: url(icons/tooltip.svg); 972 background-image: url(icons/tooltip.svg);
939 } 973 }
940 974
941 /* 975 /*
942 Used for translatable screen reader only conten. 976 Used for translatable screen reader only content.
943 e.g.: Use instead of aria-label to avoid complex attribute value translation 977 e.g.: Use instead of aria-label to avoid complex attribute value translation
944 */ 978 */
945 .sr-only 979 .sr-only
946 { 980 {
947 position: absolute; 981 position: absolute;
948 overflow: hidden; 982 overflow: hidden;
949 clip: rect(0, 0, 0, 0); 983 clip: rect(0, 0, 0, 0);
950 width: 1px; 984 width: 1px;
951 height: 1px; 985 height: 1px;
952 margin: -1px; 986 margin: -1px;
(...skipping 376 matching lines...) Expand 10 before | Expand all | Expand 10 after
1329 } 1363 }
1330 1364
1331 #dialog header h3 1365 #dialog header h3
1332 { 1366 {
1333 margin: 0rem; 1367 margin: 0rem;
1334 font-size: 1rem; 1368 font-size: 1rem;
1335 font-weight: 700; 1369 font-weight: 700;
1336 } 1370 }
1337 1371
1338 #dialog-close, 1372 #dialog-close,
1339 #hide-notification 1373 #hide-notification,
1374 #hide-tracking-warning
1340 { 1375 {
1341 border: 0rem; 1376 border: 0rem;
1342 padding: 0rem; 1377 padding: 0rem;
1343 margin: 0rem; 1378 margin: 0rem;
1344 background-color: transparent; 1379 background-color: transparent;
1345 cursor: pointer; 1380 cursor: pointer;
1346 } 1381 }
1347 1382
1348 #dialog-close::before, 1383 #dialog-close::before,
1349 #hide-notification::after 1384 #hide-notification::after,
1385 #hide-tracking-warning::after
1350 { 1386 {
1351 content: ""; 1387 content: "";
1352 display: block; 1388 display: block;
1353 height: 1rem; 1389 height: 1rem;
1354 width: 1rem; 1390 width: 1rem;
1355 border: 0rem; 1391 border: 0rem;
1356 background-image: url(icons/delete.svg?primary#primary); 1392 background-image: url(icons/delete.svg?primary#primary);
1357 } 1393 }
1358 1394
1359 #dialog-close:hover::before 1395 #dialog-close:hover::before
(...skipping 111 matching lines...) Expand 10 before | Expand all | Expand 10 after
1471 #hide-notification 1507 #hide-notification
1472 { 1508 {
1473 margin: 0rem 1rem; 1509 margin: 0rem 1rem;
1474 } 1510 }
1475 1511
1476 #hide-notification::after 1512 #hide-notification::after
1477 { 1513 {
1478 background-image: url(icons/delete.svg?secondary#secondary); 1514 background-image: url(icons/delete.svg?secondary#secondary);
1479 } 1515 }
1480 1516
1517 #hide-tracking-warning::after
1518 {
1519 background-image: url(icons/delete.svg?tertiary#tertiary);
1520 }
1521
1481 #hide-notification:hover::after 1522 #hide-notification:hover::after
1482 { 1523 {
1483 background-image: url(icons/delete.svg?secondary-hover#secondary-hover); 1524 background-image: url(icons/delete.svg?secondary-hover#secondary-hover);
1484 } 1525 }
1526
1527 #hide-tracking-warning:hover::after
1528 {
1529 background-image: url(icons/delete.svg?tertiary-hover#tertiary-hover);
1530 }
OLDNEW
« no previous file with comments | « locale/en_US/desktop-options.json ('k') | skin/icons/delete.svg » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld