OLD | NEW |
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-2015 Eyeo GmbH | 3 * Copyright (C) 2006-2015 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 321 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
332 } | 332 } |
333 | 333 |
334 .table li | 334 .table li |
335 { | 335 { |
336 display: flex; | 336 display: flex; |
337 padding: 14px 0px; | 337 padding: 14px 0px; |
338 -webkit-padding-start: 16px; | 338 -webkit-padding-start: 16px; |
339 -moz-padding-start: 16px; | 339 -moz-padding-start: 16px; |
340 } | 340 } |
341 | 341 |
342 .table.list li .display | 342 .table.list li .display, |
| 343 .fill |
343 { | 344 { |
344 flex: 1; | 345 flex: 1; |
345 } | 346 } |
346 | 347 |
347 .table.list li:nth-child(odd), | 348 .table.list li:nth-child(odd), |
348 .table.cols li:nth-child(even), | 349 .table.cols li:nth-child(even), |
349 .table li.empty-placeholder | 350 .table li.empty-placeholder |
350 { | 351 { |
351 background-color: #F5F5F5; | 352 background-color: #F5F5F5; |
352 } | 353 } |
(...skipping 19 matching lines...) Expand all Loading... |
372 display: inline-block; | 373 display: inline-block; |
373 width: 30%; | 374 width: 30%; |
374 } | 375 } |
375 | 376 |
376 .table.cols .col-name span:first-child | 377 .table.cols .col-name span:first-child |
377 { | 378 { |
378 -webkit-padding-start: 38px; | 379 -webkit-padding-start: 38px; |
379 -moz-padding-start: 38px; | 380 -moz-padding-start: 38px; |
380 } | 381 } |
381 | 382 |
382 .table::-webkit-scrollbar, | |
383 #custom-wrapper::-webkit-scrollbar | |
384 { | |
385 -webkit-padding-end: 10px; | |
386 width: 5px; | |
387 } | |
388 | |
389 .table::-webkit-scrollbar-thumb, | |
390 #custom-wrapper::-webkit-scrollbar-thumb | |
391 { | |
392 background-color: #CDCDCD; | |
393 border-radius: 5px; | |
394 padding: 0px 40px; | |
395 } | |
396 | |
397 .table::-webkit-scrollbar-thumb:hover, | |
398 #custom-wrapper::-webkit-scrollbar-thumb:hover | |
399 { | |
400 background-color: #A1A1A1; | |
401 } | |
402 | |
403 .table input[type="checkbox"] | 383 .table input[type="checkbox"] |
404 { | 384 { |
405 margin-top: 0px; | 385 margin-top: 0px; |
406 -moz-margin-end: 20px; | 386 -moz-margin-end: 20px; |
407 -webkit-margin-end: 20px; | 387 -webkit-margin-end: 20px; |
408 padding: 0px 0px 0px 0px; | 388 padding: 0px 0px 0px 0px; |
409 visibility: hidden; | 389 visibility: hidden; |
410 } | 390 } |
411 | 391 |
412 .table input[type="checkbox"]::before | 392 .table input[type="checkbox"]::before |
(...skipping 357 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
770 height: 10px; | 750 height: 10px; |
771 -webkit-margin-start: 6px; | 751 -webkit-margin-start: 6px; |
772 -moz-margin-start: 6px; | 752 -moz-margin-start: 6px; |
773 width: 10px; | 753 width: 10px; |
774 } | 754 } |
775 | 755 |
776 /* | 756 /* |
777 Tooltips | 757 Tooltips |
778 */ | 758 */ |
779 | 759 |
| 760 .read-more |
| 761 { |
| 762 color: #3A7BA6; |
| 763 font-size: 12px; |
| 764 } |
| 765 |
780 .tooltip, #block-element-explanation a | 766 .tooltip, #block-element-explanation a |
781 { | 767 { |
782 border-bottom: dashed 1px; | 768 display: inline-block; |
783 color: #3A7BA6; | 769 border-bottom: #3A7BA6 dashed 1px; |
784 cursor: default; | 770 cursor: default; |
785 font-size: 12px; | |
786 height: 15px; | 771 height: 15px; |
787 line-height: 19px; | 772 line-height: 19px; |
788 margin: 0px 4px; | 773 margin: 0px 4px; |
| 774 padding-bottom: 2px; |
789 position: relative; | 775 position: relative; |
790 text-decoration: none; | 776 text-decoration: none; |
791 } | 777 } |
792 | 778 |
793 #content-advanced .tooltip | 779 #content-advanced .tooltip |
794 { | 780 { |
795 -moz-margin-start: 8px; | 781 -moz-margin-start: 8px; |
796 -webkit-margin-start: 8px; | 782 -webkit-margin-start: 8px; |
797 } | 783 } |
798 | 784 |
(...skipping 21 matching lines...) Expand all Loading... |
820 position: absolute; | 806 position: absolute; |
821 -webkit-transition: opacity 200ms ease-in-out 400ms, | 807 -webkit-transition: opacity 200ms ease-in-out 400ms, |
822 visibility 0ms linear 400ms; | 808 visibility 0ms linear 400ms; |
823 transition: opacity 200ms ease-in-out 400ms, | 809 transition: opacity 200ms ease-in-out 400ms, |
824 visibility 0ms linear 400ms; | 810 visibility 0ms linear 400ms; |
825 visibility: visible; | 811 visibility: visible; |
826 width: 400px; | 812 width: 400px; |
827 z-index: 1; | 813 z-index: 1; |
828 } | 814 } |
829 | 815 |
830 html[dir="ltr"] div[role="tooltip"].flip-vertical, | 816 html[dir="ltr"] div[role="tooltip"].flip-horizontal, |
831 html[dir="rtl"] div[role="tooltip"]:not(.flip-vertical) | 817 html[dir="rtl"] div[role="tooltip"]:not(.flip-horizontal) |
832 { | 818 { |
833 left: inherit; | 819 left: inherit; |
834 right: -20px; | 820 right: -20px; |
835 } | 821 } |
836 | 822 |
837 .tooltip:not(:hover) > div[role="tooltip"], | 823 .tooltip:not(:hover) > div[role="tooltip"], |
838 div[role="tooltip"]:hover | 824 div[role="tooltip"]:hover |
839 { | 825 { |
840 visibility: hidden; | 826 visibility: hidden; |
841 opacity: 0; | 827 opacity: 0; |
842 -webkit-transition-delay: 0ms; | 828 -webkit-transition-delay: 0ms; |
843 transition-delay: 0ms; | 829 transition-delay: 0ms; |
844 } | 830 } |
845 | 831 |
846 div[role="tooltip"]::before | 832 div[role="tooltip"]::before |
847 { | 833 { |
848 background-image: url(options-sprite.png); | 834 background-image: url(options-sprite.png); |
849 background-position: -8px -42px; | 835 background-position: -8px -42px; |
850 content: ""; | 836 content: ""; |
851 height: 6px; | 837 height: 6px; |
852 position: absolute; | 838 position: absolute; |
853 top: -6px; | 839 top: -6px; |
854 width: 14px; | 840 width: 14px; |
855 left: 30px; | 841 left: 30px; |
856 } | 842 } |
857 | 843 |
858 html[dir="ltr"] div[role="tooltip"].flip-vertical::before, | 844 html[dir="ltr"] div[role="tooltip"].flip-horizontal::before, |
859 html[dir="rtl"] div[role="tooltip"]:not(.flip-vertical)::before | 845 html[dir="rtl"] div[role="tooltip"]:not(.flip-horizontal)::before |
860 { | 846 { |
861 left: inherit; | 847 left: inherit; |
862 right: 30px; | 848 right: 30px; |
863 } | 849 } |
864 | 850 |
865 div[role="tooltip"] img | 851 div[role="tooltip"] img |
866 { | 852 { |
867 float: left; | 853 float: left; |
868 height: 64px; | 854 height: 64px; |
869 margin-top: -2px; | 855 margin-top: -2px; |
(...skipping 232 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1102 #other-language .button-add::before | 1088 #other-language .button-add::before |
1103 { | 1089 { |
1104 display: none; | 1090 display: none; |
1105 } | 1091 } |
1106 | 1092 |
1107 #other-language .display | 1093 #other-language .display |
1108 { | 1094 { |
1109 -webkit-margin-start: 10px; | 1095 -webkit-margin-start: 10px; |
1110 -moz-margin-start: 10px; | 1096 -moz-margin-start: 10px; |
1111 } | 1097 } |
OLD | NEW |