API tools faq
paste
Advertisement
avenged110

FF-userContent

avenged110
Feb 21st, 2021
424
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 9.82 KB | None | 0 0
raw download clone embed print report
  1. /* Firefox: Extensions */
  2. @-moz-document url-prefix(about:addons), url(about:addons),
  3. url-prefix(chrome://mozapps/content/extensions/extensions.xul),
  4. url-prefix(chrome://mozapps/content/extensions/aboutaddons.html) {
  5.   /* Hide 'search' header, side footer, "recommended" badges, theme images,
  6.      extension menu items, 'view updates' button, ratings, and 'contribute' messages */
  7.   .sidebar-footer-list, .main-search, .addon-badge-recommended, .addon-badge-private-browsing-allowed,
  8.   .card-heading-image, panel-item[action="report"], panel-item[action="debug-addons"],
  9.   panel-item[action="expand"], panel-item[action="reset-update-states"],
  10.   panel-item[action="view-recent-updates"], panel-item-separator, .addon-description,
  11.   .addon-detail-row-rating, .addon-detail-contribute, .addon-detail-help-row,
  12.   button[data-l10n-id="addon-updates-manual-updates-found"] {display: none !important;}
  13.  
  14.   /* Reduce header padding to match settings page */
  15.   .main-heading {
  16.     margin-top: -10px !important;
  17.     padding-bottom: 5px !important;}
  18.  
  19.   /* Increase padding at page top and in specific extension settings */
  20.   .sticky-container {
  21.     padding-top: 35px !important;
  22.     padding-bottom: 12px !important;
  23.     border-bottom: 1px solid #D7D7DB !important;}
  24.   .addon-detail-row-private-browsing {padding-bottom: var(--card-padding) !important;}
  25.  
  26.   /* Fix extension title alignment after hiding description */
  27.   .card-contents {align-self: center !important;}
  28.  
  29.   /* Remove 'highlight-on-hover' and add border for extension listing(s) */
  30.   .addon.card {
  31.     border: 1px solid #BCBCBC !important;
  32.     border-radius: 8px !important;
  33.     /*margin-bottom: -6px !important;*/}
  34.   .addon.card, .addon.card:hover {box-shadow: 0 1px 12px rgba(12,12,13,0.2) !important;}
  35.  
  36.   /* Reduce padding around expanded addon cards' list items and increase top margin */
  37.   :root {--card-padding: 8px !important;}
  38.   .card {
  39.     padding: 14px !important;
  40.     margin-top: 18px !important;}
  41.   addon-card[expanded] .addon.card {margin-bottom: 30px !important;}
  42.  
  43.   /* Fix missing icon for extensions' settings button */
  44.   panel-item[action="preferences"] {--icon: url("chrome://global/skin/icons/settings.svg") !important;}
  45.  
  46.   /* Hide always-disabled option in plugin preferences menu */
  47.   panel-item[data-l10n-id="ask-to-activate-button"] {display: none !important;}
  48.  
  49.   /* Theme sidebar navigation */
  50.   #sidebar {background: #CED4DD !important;}
  51.  
  52.   /* Theme settings sidebar 'tabs' */
  53.   .category {
  54.     -moz-appearance: none !important;
  55.     border: 1px solid #989899 !important;
  56.     border-radius: 5px !important;
  57.     background-color: none !important;
  58.     background-image: linear-gradient(#FFFFFF 0%,#FCFCFC 25%,#FAFAFA 32%,#F8F8F8 38%,#F5F5F5 44%,
  59.     #F3F3F3 50%,#ECECEC 70%,#EDEDED 90%,#EFEFEF 95%,#F2F2F2 100%) !important;
  60.     background-repeat: unset !important;
  61.     background-position-x: unset !important;
  62.     background-position-y: unset !important;
  63.     min-height: 38px !important;
  64.     max-height: 38px !important;
  65.     margin-inline-start: 10px !important;
  66.     margin-inline-end: 7px !important;
  67.     margin-top: 10px !important;}
  68.  
  69.   .category:active {
  70.     background-image: linear-gradient(#D9D9D9 25%,#D5D5D5 30%,#D4D4D4 36%,#D0D0D0 42%,#CECECE 48%,
  71.     #CBCBCB 54%,#C4C4C4 74%,#C5C5C5 89%,#C8C8C8 95%,#CBCBCB 100%) !important;}
  72.  
  73.   .category[selected] {
  74.     border-top: 1px solid #4C4C4C !important;
  75.     border-right: 1px solid #5F5F5F !important;
  76.     border-bottom: 1px solid #7A7A7A !important;
  77.     border-left: 1px solid #5F5F5F !important;
  78.     border-radius: 5px !important;
  79.     background-color: none !important;
  80.     background-image: linear-gradient(#6D6D6D, #939393) !important;
  81.     color: white !important;
  82.     text-shadow: 1px 1px black !important;
  83.     box-shadow: inset 0 1px 0 1px #5D5D5D !important;}
  84.  
  85.   /* Adjust 'number of available updates' badge on 'available updates' button */
  86.   .category[badge-count]::after {
  87.     padding-top: 2px !important;
  88.     padding-right: 5px !important;
  89.     padding-bottom: 2px !important;
  90.     padding-left: 3px !important;
  91.     margin-inline-start: 22px !important;
  92.     font-weight: unset !important;
  93.     font-size: 12px !important;}
  94.  
  95.   .category[name="Available Updates"] > .category-name {margin-top: 12px !important;}
  96.  
  97.   /* Fill void of missing icons to avoid double-stacking text with update count badge */
  98.   .category-name {
  99.     padding-inline-start: 0px !important;
  100.     margin-left: -21px !important;}
  101.  
  102.   /* Unhide hidden sidebar 'tabs' */
  103.   /* Note: Additional options are .category[name="dictionary"] and .category[name="locale"] */
  104.   .category[name="available-updates"], .category[name="recent-updates"] {display: block !important;}
  105.  
  106.   /* Theme buttons – shared parameters */
  107.   button[action="undo"], button.tab-button, .button-link {
  108.     border: 1px solid #989899 !important;
  109.     border-radius: 5px !important;
  110.     background-image: linear-gradient(#FFFFFF 0%,#FCFCFC 25%,#FAFAFA 32%,#F8F8F8 38%,#F5F5F5 44%,
  111.     #F3F3F3 50%,#ECECEC 70%,#EDEDED 90%,#EFEFEF 95%,#F2F2F2 100%) !important;}
  112.  
  113.   /* Theme 'undo [addon removal]' button */
  114.   button[action="undo"] {
  115.     margin-left: 10px !important;
  116.     min-width: 80px !important;
  117.     max-width: 80px !important;
  118.     min-height: 22px !important;
  119.     max-height: 22px !important;}
  120.  
  121.    button[action="undo"]:active {
  122.     border-top: 1px solid #41415E !important;
  123.     border-right: 1px solid #3D3C51 !important;
  124.     border-bottom: 1px solid #383844 !important;
  125.     border-left: 1px solid #3D3C51 !important;
  126.     background-image: linear-gradient(#BDC2C9 5%,#9FA6B4 10%,#949BAB 15%,#8E94A5 20%,#8A92A3 25%,
  127.     #838B9F 30%,#81899E 36%,#7B859A 42%,#778197 48%,#747E95 54%,#64658B 60%,#68738F 65%,
  128.     #6F7A94 70%,#78849A 75%,#808BA0 80%,#8994A7 85%,#959FAF 90%,#A1ACB8 95%,#B3BCC5 100%) !important;}
  129.  
  130.   /* Theme addon cards' 'tab' buttons */
  131.   button.tab-button {
  132.     background-color: none !important;
  133.     padding-top: 3px !important;
  134.     min-width: 130px !important;
  135.     max-width: 130px !important;
  136.     min-height: 28px !important;
  137.     max-height: 28px !important;}
  138.  
  139.   button.tab-button:active {
  140.     background-image: linear-gradient(#D9D9D9 25%,#D5D5D5 30%,#D4D4D4 36%,#D0D0D0 42%,#CECECE 48%,
  141.     #CBCBCB 54%,#C4C4C4 74%,#C5C5C5 89%,#C8C8C8 95%,#CBCBCB 100%) !important;}
  142.  
  143.   button.tab-button[selected] {
  144.     border-top: 1px solid #4C4C4C !important;
  145.     border-right: 1px solid #5F5F5F !important;
  146.     border-bottom: 1px solid #7A7A7A !important;
  147.     border-left: 1px solid #5F5F5F !important;
  148.     background-image: linear-gradient(#6D6D6D,#939393) !important;
  149.     color: white !important;
  150.     text-shadow: 1px 1px black !important;
  151.     box-shadow: inset 0 1px 0 1px #5D5D5D !important;}
  152.  
  153.   /* Adjust addon cards' 'tab' buttons' spacing */
  154.   #details-deck-button-details {
  155.     margin-left: 125px !important;
  156.     margin-right: 5px !important;}
  157.  
  158.   #details-deck-button-preferences, #details-deck-button-permissions,
  159.   #details-deck-button-release-notes {
  160.     margin-left: 5px !important;
  161.     margin-right: 5px !important;}
  162.  
  163.   /* Hide top and bottom borders around addon cards' 'tab' buttons */
  164.   .tab-group {
  165.     padding-top: 8px !important;
  166.     padding-bottom: 10px !important;
  167.     border-top: none !important;}
  168.  
  169.   /* Theme 'cehck for updates' button inside expanded addon card */
  170.   .button-link {
  171.     color: black !important;
  172.     text-decoration: none !important;
  173.     padding-top: 0px !important;
  174.     min-width: 160px !important;
  175.     max-width: 160px !important;
  176.     min-height: 28px !important;
  177.     max-height: 28px !important;
  178.     margin-right: 10px !important;}
  179.  
  180.   .button-link:active {
  181.     border-top: 1px solid #41415E !important;
  182.     border-right: 1px solid #3D3C51 !important;
  183.     border-bottom: 1px solid #383844 !important;
  184.     border-left: 1px solid #3D3C51 !important;
  185.     background-image: linear-gradient(#BDC2C9 5%,#9FA6B4 10%,#949BAB 15%,#8E94A5 20%,#8A92A3 25%,
  186.     #838B9F 30%,#81899E 36%,#7B859A 42%,#778197 48%,#747E95 54%,#64658B 60%,#68738F 65%,
  187.     #6F7A94 70%,#78849A 75%,#808BA0 80%,#8994A7 85%,#959FAF 90%,#A1ACB8 95%,#B3BCC5 100%) !important;}
  188.  
  189.   /* Adjustments to buttons that can't be properly themed */
  190.   button:enabled:hover {background-color: #E1E1E2 !important;}
  191.  
  192.   .more-options-button[action="more-options"], .more-options-button[action="page-options"],
  193.   .back-button {
  194.     border-radius: 5px !important;
  195.     border: 1px solid #989899 !important;
  196.     min-height: 28px !important;
  197.     max-height: 28px !important;
  198.     min-width: 50px !important;
  199.     max-width: 50px !important;}
  200.  
  201.   .back-button {
  202.     background-size: 15px auto !important;
  203.     margin-inline-start: -2px !important;}
  204.  
  205.   .more-options-button[action="more-options"] {
  206.     background-color: #E1E1E2 !important;
  207.     margin-top: 3px !important;}
  208.  
  209.   .more-options-button[action="more-options"]:active,
  210.   .more-options-button[action="more-options"][aria-expanded="true"],
  211.   .more-options-button[action="page-options"]:active,
  212.   .more-options-button[action="page-options"][aria-expanded="true"] {
  213.     background-color: #BEBEBE !important;}
  214.  
  215.   .theme-enable-button {
  216.     background-color: #E1E1E2 !important;
  217.     border-radius: 5px !important;
  218.     border: 1px solid #989899 !important;
  219.     min-height: 28px !important;
  220.     max-height: 28px !important;
  221.     min-width: 80px !important;
  222.     max-width: 80px !important;
  223.     margin-top: 3px !important;
  224.     margin-right: 6px !important; }
  225.  
  226.   .more-options-button[action="page-options"] {background-size: 15px auto !important;}
  227.   .more-options-button {display: unset !important;}
  228.  
  229.   /* Use native checkbox and adjust positioning */
  230.   input[type="checkbox"] {-moz-appearance: checkbox !important;}
  231.  
  232.   .toggle-button {
  233.     height: 20px !important;
  234.     margin-right: 10px !important;
  235.     margin-bottom: -5px !important;}
  236.  
  237.   /* Hide 'update dot' on extentions' options menu buttons */
  238.   .more-options-button-badged::after, button[role="menuitem"]::after {display: none !important;}
  239. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!