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

Delta Between Two Patch Sets: skin/options.css

Issue 29336364: issue 2377 - Finish design of Advanced tab of new options page (Closed)
Left Patch Set: Addressed Thomas comments Created April 20, 2016, 1:51 p.m.
Right Patch Set: Created April 28, 2016, 1 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 | « options.html ('k') | skin/options-sprite.png » ('j') | 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-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 282 matching lines...) Expand 10 before | Expand all | Expand 10 after
293 #tab-share[hidden] + li 293 #tab-share[hidden] + li
294 { 294 {
295 border-top: none; 295 border-top: none;
296 } 296 }
297 297
298 #content 298 #content
299 { 299 {
300 background-color: #FFFFFF; 300 background-color: #FFFFFF;
301 border: 1px solid #CDCDCD; 301 border: 1px solid #CDCDCD;
302 border-radius: 8px; 302 border-radius: 8px;
303 box-sizing: border-box; 303 width: 840px;
304 min-width: 960px;
305 padding: 0px 60px 40px 60px; 304 padding: 0px 60px 40px 60px;
306 } 305 }
307 306
308 #content h1 307 #content h1
309 { 308 {
310 border-bottom: 1px solid #CDCDCD; 309 border-bottom: 1px solid #CDCDCD;
311 margin: 0px 0px 24px 0px; 310 margin: 0px 0px 24px 0px;
312 padding: 40px 0px 16px 0px; 311 padding: 40px 0px 16px 0px;
313 }
314
315 #content h1 > *,
316 #content h2 > *
Thomas Greiner 2016/04/22 16:36:24 Detail: We should avoid the star selector whenever
saroyanm 2016/04/25 08:53:42 Done.
317 {
318 display: inline-block;
319 } 312 }
320 313
321 #link-version 314 #link-version
322 { 315 {
323 display: flex; 316 display: flex;
324 margin: 12px 20px; 317 margin: 12px 20px;
325 color: #3A7BA6; 318 color: #3A7BA6;
326 text-decoration: none; 319 text-decoration: none;
327 } 320 }
328 321
(...skipping 491 matching lines...) Expand 10 before | Expand all | Expand 10 after
820 813
821 #custom-filters-raw 814 #custom-filters-raw
822 { 815 {
823 width: 100%; 816 width: 100%;
824 height: 100%; 817 height: 100%;
825 padding: 2px 16px; 818 padding: 2px 16px;
826 } 819 }
827 820
828 #custom-filters-wrapper 821 #custom-filters-wrapper
829 { 822 {
830 height: 330px; 823 height: 280px;
831 } 824 }
832 825
833 #custom-filters-add 826 #custom-filters-add
834 { 827 {
835 display: flex; 828 display: flex;
836 border-width: 1px 0px 1px 0px; 829 border-width: 1px 0px 1px 0px;
837 border-bottom-style: solid; 830 border-bottom-style: solid;
838 border-top-style: solid; 831 border-top-style: solid;
839 border-color: #1E8728; 832 border-color: #1E8728;
840 padding: 0px; 833 padding: 0px;
841 margin: 0px; 834 margin: 0px;
842 background-color: #F5F5F5; 835 background-color: #F5F5F5;
843 } 836 }
844 837
845 #custom-filters-add input[type="text"] 838 #custom-filters-add input[type="text"]
846 { 839 {
847 -moz-padding-start: 16px; 840 -moz-padding-start: 16px;
848 -webkit-padding-start: 16px; 841 -webkit-padding-start: 16px;
849 padding-top: 10px; 842 padding-top: 10px;
850 padding-bottom: 10px; 843 padding-bottom: 10px;
851 border: none; 844 border: none;
845 width: 100%;
852 background-color: transparent; 846 background-color: transparent;
853 flex-grow: 1;
854 } 847 }
855 848
856 #custom-filters-add input[type="text"]:focus 849 #custom-filters-add input[type="text"]:focus
857 { 850 {
858 outline: 0px; 851 outline: 0px;
859 } 852 }
860 853
861 #custom-filters-table 854 #custom-filters-table
862 { 855 {
863 height: 290px; 856 height: 240px;
857 width: 100%;
864 border-top: 1px solid #CDCDCD; 858 border-top: 1px solid #CDCDCD;
865 overflow: auto; 859 overflow: auto;
866 } 860 }
867 861
868 #custom-filters-add button 862 #custom-filters-add button
869 { 863 {
870 font-size: 14px; 864 font-size: 14px;
871 -webkit-padding-end: 6px; 865 -webkit-padding-end: 6px;
872 -moz-padding-end: 6px; 866 -moz-padding-end: 6px;
873 cursor: pointer; 867 cursor: pointer;
(...skipping 20 matching lines...) Expand all
894 -webkit-margin-start: 6px; 888 -webkit-margin-start: 6px;
895 -moz-margin-start: 6px; 889 -moz-margin-start: 6px;
896 } 890 }
897 891
898 /* 892 /*
899 Tooltips 893 Tooltips
900 */ 894 */
901 895
902 .tooltip 896 .tooltip
903 { 897 {
898 display: inline-block;
904 position: relative; 899 position: relative;
905 margin: 0px 4px; 900 margin: 0px 4px;
906 border-bottom: dashed 1px; 901 border-bottom: dashed 1px;
907 height: 15px; 902 height: 15px;
908 color: #3A7BA6; 903 color: #3A7BA6;
909 font-size: 12px; 904 font-size: 12px;
910 line-height: 19px; 905 line-height: 19px;
911 text-decoration: none; 906 text-decoration: none;
912 font-weight: 400; 907 font-weight: 400;
913 cursor: default; 908 cursor: default;
(...skipping 288 matching lines...) Expand 10 before | Expand all | Expand 10 after
1202 color: #0F660F; 1197 color: #0F660F;
1203 display: inline-block; 1198 display: inline-block;
1204 height: 20px; 1199 height: 20px;
1205 font-size: 15px; 1200 font-size: 15px;
1206 -moz-padding-start: 10px; 1201 -moz-padding-start: 10px;
1207 -webkit-padding-start: 10px; 1202 -webkit-padding-start: 10px;
1208 } 1203 }
1209 1204
1210 #dialog-close::before 1205 #dialog-close::before
1211 { 1206 {
1212 background-position: -9px -32px; 1207 background-position: -10px -33px;
1213 cursor: pointer; 1208 cursor: pointer;
1209 height: 8px;
1210 width: 8px;
1214 vertical-align: middle; 1211 vertical-align: middle;
1215 -moz-margin-end: 6px; 1212 -moz-margin-end: 6px;
1216 -webkit-margin-end: 6px; 1213 -webkit-margin-end: 6px;
1217 } 1214 }
1218 1215
1219 #dialog #dialog-body 1216 #dialog #dialog-body
1220 { 1217 {
1221 margin: 4px 24px; 1218 margin: 4px 24px;
1222 } 1219 }
1223 1220
(...skipping 104 matching lines...) Expand 10 before | Expand all | Expand 10 after
1328 #other-language .button-add::before 1325 #other-language .button-add::before
1329 { 1326 {
1330 display: none; 1327 display: none;
1331 } 1328 }
1332 1329
1333 #other-language .display 1330 #other-language .display
1334 { 1331 {
1335 -webkit-margin-start: 10px; 1332 -webkit-margin-start: 10px;
1336 -moz-margin-start: 10px; 1333 -moz-margin-start: 10px;
1337 } 1334 }
LEFTRIGHT

Powered by Google App Engine
This is Rietveld