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-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 347 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
358 | 358 |
359 .table li | 359 .table li |
360 { | 360 { |
361 display: flex; | 361 display: flex; |
362 padding: 12px 0px; | 362 padding: 12px 0px; |
363 -webkit-padding-start: 16px; | 363 -webkit-padding-start: 16px; |
364 -moz-padding-start: 16px; | 364 -moz-padding-start: 16px; |
365 border-radius: 3px; | 365 border-radius: 3px; |
366 } | 366 } |
367 | 367 |
368 .table.list li .display | 368 .table.list li .display, |
| 369 .fill |
369 { | 370 { |
370 flex: 1; | 371 flex: 1; |
371 line-height: 16px; | 372 line-height: 16px; |
372 overflow: hidden; | 373 overflow: hidden; |
373 text-overflow: ellipsis; | 374 text-overflow: ellipsis; |
374 white-space: nowrap; | 375 white-space: nowrap; |
375 } | 376 } |
376 | 377 |
377 .table.list li:nth-of-type(odd), | 378 .table.list li:nth-of-type(odd), |
378 .table.cols li:nth-of-type(odd), | 379 .table.cols li:nth-of-type(odd), |
(...skipping 497 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
876 height: 10px; | 877 height: 10px; |
877 -webkit-margin-start: 6px; | 878 -webkit-margin-start: 6px; |
878 -moz-margin-start: 6px; | 879 -moz-margin-start: 6px; |
879 width: 10px; | 880 width: 10px; |
880 } | 881 } |
881 | 882 |
882 /* | 883 /* |
883 Tooltips | 884 Tooltips |
884 */ | 885 */ |
885 | 886 |
| 887 .read-more |
| 888 { |
| 889 color: #3A7BA6; |
| 890 font-size: 12px; |
| 891 } |
| 892 |
886 .tooltip | 893 .tooltip |
887 { | 894 { |
888 border-bottom: dashed 1px; | 895 display: inline-block; |
889 color: #3A7BA6; | 896 border-bottom: #3A7BA6 dashed 1px; |
890 cursor: default; | 897 cursor: default; |
891 font-size: 12px; | |
892 height: 15px; | 898 height: 15px; |
893 line-height: 19px; | 899 line-height: 19px; |
894 margin: 0px 4px; | 900 margin: 0px 4px; |
| 901 padding-bottom: 2px; |
895 position: relative; | 902 position: relative; |
896 text-decoration: none; | 903 text-decoration: none; |
897 } | 904 } |
898 | 905 |
899 .context-menu | 906 .context-menu |
900 { | 907 { |
901 display: inline-block; | 908 display: inline-block; |
902 position: relative; | 909 position: relative; |
903 border-bottom: none; | 910 border-bottom: none; |
904 } | 911 } |
(...skipping 26 matching lines...) Expand all Loading... |
931 position: absolute; | 938 position: absolute; |
932 -webkit-transition: opacity 200ms ease-in-out 400ms, | 939 -webkit-transition: opacity 200ms ease-in-out 400ms, |
933 visibility 0ms linear 400ms; | 940 visibility 0ms linear 400ms; |
934 transition: opacity 200ms ease-in-out 400ms, | 941 transition: opacity 200ms ease-in-out 400ms, |
935 visibility 0ms linear 400ms; | 942 visibility 0ms linear 400ms; |
936 visibility: visible; | 943 visibility: visible; |
937 width: 400px; | 944 width: 400px; |
938 z-index: 1; | 945 z-index: 1; |
939 } | 946 } |
940 | 947 |
941 html[dir="ltr"] div[role="tooltip"].flip-vertical, | 948 html[dir="ltr"] div[role="tooltip"].flip-horizontal, |
942 html[dir="rtl"] div[role="tooltip"]:not(.flip-vertical) | 949 html[dir="rtl"] div[role="tooltip"]:not(.flip-horizontal) |
943 { | 950 { |
944 left: inherit; | 951 left: inherit; |
945 right: -20px; | 952 right: -20px; |
946 } | 953 } |
947 | 954 |
948 .tooltip:not(:hover) > div[role="tooltip"], | 955 .tooltip:not(:hover) > div[role="tooltip"], |
949 div[role="tooltip"]:hover | 956 div[role="tooltip"]:hover |
950 { | 957 { |
951 visibility: hidden; | 958 visibility: hidden; |
952 opacity: 0; | 959 opacity: 0; |
(...skipping 96 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1049 .context-menu .source::before | 1056 .context-menu .source::before |
1050 { | 1057 { |
1051 background-position: -53px -34px; | 1058 background-position: -53px -34px; |
1052 } | 1059 } |
1053 | 1060 |
1054 .context-menu .delete::before | 1061 .context-menu .delete::before |
1055 { | 1062 { |
1056 background-position: -71px -34px; | 1063 background-position: -71px -34px; |
1057 } | 1064 } |
1058 | 1065 |
1059 html[dir="ltr"] div[role="tooltip"].flip-vertical::before, | 1066 html[dir="ltr"] div[role="tooltip"].flip-horizontal::before, |
1060 html[dir="rtl"] div[role="tooltip"]:not(.flip-vertical)::before | 1067 html[dir="rtl"] div[role="tooltip"]:not(.flip-horizontal)::before |
1061 { | 1068 { |
1062 left: inherit; | 1069 left: inherit; |
1063 right: 30px; | 1070 right: 30px; |
1064 } | 1071 } |
1065 | 1072 |
1066 div[role="tooltip"] img | 1073 div[role="tooltip"] img |
1067 { | 1074 { |
1068 float: left; | 1075 float: left; |
1069 height: 64px; | 1076 height: 64px; |
1070 margin-top: -2px; | 1077 margin-top: -2px; |
(...skipping 243 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1314 #other-language .button-add::before | 1321 #other-language .button-add::before |
1315 { | 1322 { |
1316 display: none; | 1323 display: none; |
1317 } | 1324 } |
1318 | 1325 |
1319 #other-language .display | 1326 #other-language .display |
1320 { | 1327 { |
1321 -webkit-margin-start: 10px; | 1328 -webkit-margin-start: 10px; |
1322 -moz-margin-start: 10px; | 1329 -moz-margin-start: 10px; |
1323 } | 1330 } |
OLD | NEW |