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

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

Issue 29519636: Issue 5538 - Implement "Help" tab for new options page (Closed)
Patch Set: Created Aug. 25, 2017, 10:54 a.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 | « new-options.js ('k') | skin/social/facebook.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 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 411 matching lines...) Expand 10 before | Expand all | Expand 10 after
891 890
892 div[role="tooltip"] .notes p 891 div[role="tooltip"] .notes p
893 { 892 {
894 font-weight: 300; 893 font-weight: 300;
895 } 894 }
896 895
897 /* 896 /*
898 Help tab content 897 Help tab content
899 */ 898 */
900 899
901 #content-help 900 html:not([lang="zh"]) #social-chinese,
902 { 901 html[lang="zh"] #social-general
903 counter-reset: section;
904 }
905
906 #content-help h1::before
907 {
908 counter-increment: section;
909 content: counter(section) ". ";
910 }
911
912 #content-help a
913 {
914 color: #3A7BA6;
915 display: inline-block;
916 text-decoration: none;
917 -moz-margin-end: 16px;
918 -webkit-margin-end: 16px;
919 vertical-align: top;
920 }
921
922 #content-help a::before
923 {
924 -moz-margin-end: 6px;
925 -webkit-margin-end: 6px;
926 }
927
928 #share-general:lang(zh),
929 #share-chinese:not(zh)
930 { 902 {
931 display: none; 903 display: none;
932 } 904 }
933 905
906 #social ul
907 {
908 list-style: none;
909 }
910
911 #social ul li
912 {
913 display: inline-block;
914 }
915
916 #social ul li a
917 {
918 display: block;
919 text-align: center;
920 }
921
922 #social ul li a::before
923 {
924 display: block;
925 margin: 0em auto;
926 width: 2.5rem;
927 height: 2.5rem;
928 content: "";
929 background-color: #099DD1;
930 }
931
932 #twitter::before
933 {
934 -webkit-mask: url("social/twitter.svg");
935 mask: url("social/twitter.svg");
936 }
937
938 #facebook::before
939 {
940 -webkit-mask: url("social/facebook.svg");
941 mask: url("social/facebook.svg");
942 }
943
944 #google-plus::before
945 {
946 -webkit-mask: url("social/googleplus.svg");
947 mask: url("social/googleplus.svg");
948 }
949
934 /* 950 /*
935 Dialog 951 Dialog
936 */ 952 */
937 953
938 #dialog-background 954 #dialog-background
939 { 955 {
940 display: none; 956 display: none;
941 position: fixed; 957 position: fixed;
942 top: 0px; 958 top: 0px;
943 right: 0px; 959 right: 0px;
(...skipping 127 matching lines...) Expand 10 before | Expand all | Expand 10 after
1071 body:not([data-dialog="language-change"]) #dialog-title-language-change, 1087 body:not([data-dialog="language-change"]) #dialog-title-language-change,
1072 body:not([data-dialog="language-add"]):not([data-dialog="language-change"]) #dia log-content-language-add, 1088 body:not([data-dialog="language-add"]):not([data-dialog="language-change"]) #dia log-content-language-add,
1073 body:not([data-dialog="language-add"]) #dialog-body button.add, 1089 body:not([data-dialog="language-add"]) #dialog-body button.add,
1074 body:not([data-dialog="language-change"]) #dialog-body button.change, 1090 body:not([data-dialog="language-change"]) #dialog-body button.change,
1075 body:not([data-dialog="predefined"]) #dialog-title-predefined, 1091 body:not([data-dialog="predefined"]) #dialog-title-predefined,
1076 body:not([data-dialog="predefined"]) #dialog-content-predefined, 1092 body:not([data-dialog="predefined"]) #dialog-content-predefined,
1077 body:not([data-dialog]) #dialog 1093 body:not([data-dialog]) #dialog
1078 { 1094 {
1079 display: none; 1095 display: none;
1080 } 1096 }
OLDNEW
« no previous file with comments | « new-options.js ('k') | skin/social/facebook.svg » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld