From 72f9bf1b84419bb7c31a00c681b929d7b728086c Mon Sep 17 00:00:00 2001 From: Henrik Lissner Date: Wed, 21 Oct 2015 03:24:40 -0400 Subject: [PATCH] Add firefox userstyles --- firefox/userstyles/newtab.css | 272 ++++++++++++++++++++++++++++++ firefox/userstyles/trello.css | 69 ++++++++ firefox/userstyles/twily.css | 307 ++++++++++++++++++++++++++++++++++ 3 files changed, 648 insertions(+) create mode 100644 firefox/userstyles/newtab.css create mode 100644 firefox/userstyles/trello.css create mode 100644 firefox/userstyles/twily.css diff --git a/firefox/userstyles/newtab.css b/firefox/userstyles/newtab.css new file mode 100644 index 00000000..b46423ff --- /dev/null +++ b/firefox/userstyles/newtab.css @@ -0,0 +1,272 @@ +/* Nightly Fox - about:newtab + * V15.07.21 + * By NADIRP.DEVIANTART.COM */ +/* i really want this to be global */ + +/* SETTINGS */ +:root { + --main-page-bg-color: #524C59; + --main-page-cell-bg-color: rgba(255,255,255,.05); + + --main-page-text-color: #FFFFFF; + --main-page-text-color-two: #FF9500; + --main-page-text-invert-color-two: #FFFFFF; + --main-page-link-color: #FF9500; + + --main-border-radius: 0px; + --main-theme-border-color: rgba(0, 0, 0,.2); + --main-page-border-color: rgba(0, 0, 0,.2); + + --main-font-family: "Open Sans", sans-serif; +} + +/* :::::: NEW TAB :::::: */ +@-moz-document url("about:newtab"){ + + body { + background: var(--main-page-bg-color); + color: #ccc; + } + + #newtab-search-container { display: none; } + + /* BG */ + #newtab-scrollbox { + background: url("") top center /cover, var(--main-page-bg-color) !important; + background-color: var(--main-page-bg-color) !important; + } + + /* SEARCH */ + #newtab-search-container { + padding-top: 10px !important; + padding-bottom: 20px !important; + } + + #newtab-search-logo { + display: none; + } + + #newtab-search-text { + padding: 0px 15px 0px 15px !important; + min-height: 55px; + -moz-appearance: none !important; + background: transparent !important; + border: 1px solid var(--main-page-border-color)!important; + border-radius: 0px !important; + outline: 0 none !important; + box-shadow: none !important; + font-size: 16px !important; + color: var(--main-page-text-color-two) !important; + font-family: var(--main-font-family) !important; + transition-property: border; + transition-duration: 150ms; + } + + #newtab-search-text:focus, + #newtab-search-text[autofocus] { + border: 1px solid var(--main-page-text-color-two)!important; + border-radius: 0px !important; + transition-property: border; + transition-duration: 150ms; + } + + #newtab-search-submit { + padding: 0px 15px 0px 15px !important; + height: 55px; + -moz-appearance: none !important; + background: transparent !important; + border: 1px solid var(--main-page-border-color)!important; + border-left: 1px solid transparent!important; + border-radius: 0px !important; + box-shadow: none !important; + font-family: var(--main-font-family) !important; + font-size: 12px !important; + text-transform: uppercase; + color: var(--main-page-text-color) !important; + } + + #newtab-search-text:focus + #newtab-search-submit, + #newtab-search-text[autofocus] + #newtab-search-submit{ + background: transparent !important; + border: 1px solid var(--main-page-text-color-two)!important; + border-radius: 0px !important; + box-shadow: none !important; + color: var(--main-page-text-color-two) !important; + } + + #newtab-search-text + #newtab-search-submit:hover { + background: var(--main-page-text-color-two) !important; + border: 1px solid var(--main-page-text-color-two)!important; + color: var(--main-page-text-invert-color-two) !important; + } + + #newtab-search-text +#newtab-search-submit:hover:active { + background: var(--main-page-text-invert-color-two) !important; + border: 1px solid var(--main-page-text-color-two)!important; + color: var(--main-page-text-color-two) !important; + } + + /* SITES */ + + .newtab-title { + border-radius: 0; + } + + .newtab-site { + box-shadow: none !important; + border: none !important; + color: var(--main-page-text-color-two) !important; + margin: 0px; + border-radius: 0px; + } + + .newtab-cell:not([ignorehover]) > .newtab-site:hover, + .newtab-site[dragged] { + border: none; + box-shadow: none ; + margin: 0px; + } + + /* TITLES */ + .newtab-sponsored, + .newtab-title, + .newtab-suggested { + /*text-align: left;*/ + background-color: var(--main-page-bg-color) !important; + border: 1px solid var(--main-page-border-color)!important; + } + + .newtab-sponsored,.newtab-title { + font-size: 12px !important; + font-family: var(--main-font-family) !important; + color:var(--main-page-text-color) !important; + transition-property: color; + transition-duration: 150ms; + } + + .newtab-sponsored{ + color:var(--main-page-text-color-two) !important; + } + + .newtab-site:hover .newtab-title { + background-color: var(--main-page-link-color) !important; + } + + /* THUMBNAILS */ + .newtab-thumbnail { + border-radius: 0px !important; + filter: grayscale(1) opacity(.9); + border: none; + } + + .newtab-site:hover .newtab-thumbnail { + border-radius: 0px; + transition: opacity 100ms ease-out; + /*background-color: var(--main-page-bg-color) !important; + background-blend-mode: overlay !important;*/ + filter: grayscale(0) opacity(1); + transition-property: filter; + transition-duration: 50ms; + } + + /* CELLS */ + .newtab-cell { + background-color: var(--main-page-cell-bg-color); + border-radius: 0px; + } + + .newtab-cell:hover { + background-color: var(--main-page-cell-bg-color); + border-radius: 0px; + } + + .newtab-cell:empty { + outline: 1px dashed var(--main-theme-border-color) ; + -moz-outline-radius: 0px; + } + + /* CELLS */ + .newtab-cell, + .newtab-intro-cell, + .newtab-intro-cell-hover { + background-color: rgba(255,255,255,.2); + border-radius: 0px; + border: 0px; + } + + .newtab-cell:empty { + outline: none; + -moz-outline-radius: 0px; + border: 0px solid white; + border-radius: 0px; + } + + /* SITES */ + .newtab-site { + border: 0px solid white; + border-radius: 0px; + box-shadow: none; + text-decoration: none; + transition-property: top, left, opacity, box-shadow, background-color; + } + + .newtab-cell:not([ignorehover]) .newtab-control:hover ~ .newtab-link, + .newtab-cell:not([ignorehover]) .newtab-link:hover, + .newtab-site[dragged], + .newtab-intro-cell-hover .newtab-link { + border: 0px solid white; + border-radius: 0px; + box-shadow: none; + margin: 0px; + } + .newtab-cell ,.newtab-control ,.newtab-link, + .newtab-cell ,.newtab-link, + .newtab-intro-cell-hover, .newtab-link { + border: 0px solid white; + border-radius: 0px; + box-shadow: none; + + } + + /* CONTROLS */ + .newtab-control-block { + opacity: 0; + transition-property: opacity; + transition-duration: 150ms; + } + + .newtab-control-pin, + .newtab-site[pinned] .newtab-control-pin:hover:active { + opacity: 0; + transition-property: opacity; + transition-duration: 150ms; + } + + /* UNDO */ + #newtab-undo-container { + background: var(--main-page-text-color-two) !important; + border-radius: 0px; + border-color: transparent; + } + + /* CUSTOMIZE */ + #newtab-intro-what { + margin-top: -4px; + font-size: 12px !important; + font-family: var(--main-font-family) !important; + color: var(--main-page-link-color); + text-decoration: none; + /*transition-property: color; + transition-duration: 150ms;*/ + } + + #newtab-intro-what:hover { + color: var(--main-page-link-color); + } + + #newtab-customize-button, + .newtab-customize { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7DAAAOwwHHb6hkAAADcUlEQVR4nJWVa0hUQRTHdfeurru6yIruFhJZQRFRivShEvSTBBVYJpH0wcLA6ksEQib4yoqEigh6YRn4oRApEhIrEoweULBlRCmVUb4yd43VFdf11W/0XpnWu7YODOecOTP/c/5n5tyrzMzMROiN8fHxlKioqINTU1NPFEV5Eezv7++3OByO46iD+Gunp6d1gRRddAbg9YhtRqPxxOjo6Cqr1fpb9judzgpEsdAnJia6ES1LCiDOqdIaExNzGEb3COYU5GDlJoFCbSNVGAsFEjIAh25FRkZmCR1ZDWC15iOQvPULvueUKPwAlZWVhrKysk2hggeN2EAgsAX5KqwAjY2NRsAbUPcEuXqZXUwrcz3TrK4vg1ErZduPfLAgALVdCcVK9G4yqc3NzS0KAn/G4RJeylttYXBwMDYhISGf0lVhOpjRBoOhfnJyMhO5mvU8SuxCP6cAfoYN+eIg+klEpAR+gayKg59gYmKiD3FzbGys2Ww2P0VfJ5ix9w3SIPYQZC+vq1khUgeGdla+vcd64PLgdfXAOsdkMrULFhq4RtTv9/co0DhNCdqRx1jM1rzQLVkMXBuw7iTJ26hH1KUh7Muwux4XF+eZvWQybYLOd+r8Qd3URVbv/geuDRK5T4JagE70Khpz1ph/RSw6pTPfwgUXA7ZfYaKZy2XffABoBaT16KUE4A6jJNOvG4B7+Cl16Ia2tjYlMzNzMpwAlDZdMnv+8blcLlNqamoRFI9K6/aMjIwcZGOYDAokM4tqNJHweQK/VNLS0kQfFAcf4k5qhoeHW20229Bi4FzwPgJkS0uiDLuoxnaaeK0okU1yeiPmGk2spfDMWnhuObz3vhDgeYDXSUvis52sYhjF3SgjIyOnAPoFrV6Px3PXbreLdm+KmGuazXTqZ3xXoNxE44inHMMTTmfPIQB2SuCfvF7vVovFksSe3Zz5KHpEUUtQIbqZT4DY+IjMCrFvoJtUNqVQLtXets7ooKN3xMfHe9Uq1GgO3c812dWRcR9S9y8VNN6TeZYKvmCE/OHAIFky3cwBZhJznClYb1R9K7inCQLo4iwW4ICmU8+zsLmk2eoPqRN1DdPOz1/cRcOSAjA8qhzy+Xx3uKt5R3l5Odc0fZEkrgobfYAElsbA7XYX8FN5yEfwNeB/gv0AXuOefsDOKxoqFM5futlcjM7bFg8AAAAASUVORK5CYII=) center no-repeat!important; + } + +} diff --git a/firefox/userstyles/trello.css b/firefox/userstyles/trello.css new file mode 100644 index 00000000..de1e9a19 --- /dev/null +++ b/firefox/userstyles/trello.css @@ -0,0 +1,69 @@ +@-moz-document regexp("^https://trello.com/[bc]/.+") { + #board .badge { margin-bottom: 2px; } + #board .badges { padding-bottom: 0; } + + #board .list { + display: block; + min-width: 125px; max-width: 250px; + margin: 0 0 30px 0; padding: 0; + background: none; + font-size: 95%; + } + + #board .list-wrapper { width: 225px; } + #board .list-wrapper:first-child { margin-left: 10px; } + + #board .list-card-details { + font-size: 95%; + line-height: 17px; + margin-top: 1px; + } + + #board .list-header { color: #e2e4e6; } + + #board .open-card-composer { color: #e2e4e6; } + #board .open-card-composer:hover { + background: none; + color: #eee; + } + + #board .list-card { + margin-bottom: 0px; + } + #board .list-card-title { + margin-bottom: 2px; + } + #board .list-card-labels { + float: left; + margin-top: -11px; + margin-left: -5px; + } + #board .list-card-labels .card-label { + width: 35px; + } + + .card-detail-window .card-detail-item-header, + .card-detail-window .card-detail-item-header-edit { + display: none; + } +} + +@-moz-document url-prefix("^https://trello.com/b/oNCdFuxc") { + /* Projects board */ + .list-wrapper:nth-child(4) .badges { display: none; } +} + +@-moz-document url("https://trello.com/") { + #content .board-list .details, + #content .board-list .js-add-board + { min-height: 20px; } + + #content .board-list li { + margin-bottom: 6px; + width: 220px; + height: 36px; + overflow: hidden; + } + + #content .js-add-board { line-height: 20px; } +} diff --git a/firefox/userstyles/twily.css b/firefox/userstyles/twily.css new file mode 100644 index 00000000..1f3adf45 --- /dev/null +++ b/firefox/userstyles/twily.css @@ -0,0 +1,307 @@ +@namespace html url(http://www.w3.org/1999/xhtml); +@namespace xul url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); +/* + Original Author: Twily + Modified by: Henrik Lissner + Description: Minimal flat styled tabs for Australis + Compitability: Firefox Nightly v31.0a1 - v32.0a1 (Australis) + CSS Variables were introduced to Firefox in v29.0a1 + Website: http://twily.info/ + + Note: To enable the urlbar; search this css for: + "make the url-bar visible" and "adjust margin-top to" +*/ + + +:root { + /* TAB VARIABLES */ + --bg-light: #524C59; --bg-dark: #282333; + --fg-light: #D6CCDC; --fg-dark: #AAA5AD; + --tab-triangle-correction: -1px; + --tab-height: 28px; --tab-icon-size: 16px; --tab-strip-margin: -25px; --tab-overlap: -5px; + --tab-fonts: "Ubuntu Mono",monospace,"Dejavu Sans"; --tab-font-size: 9.5pt; + --tab-text-align: left; /* left | center | right */ + --tab-triangle: none; /* block | none */ + + /* URL VARIABLES */ + --url-background: #3E3848; --url-color: var(--fg-light); + --url-height: 26px; --url-right-margin: 5px; + --url-fonts: "Ubuntu Mono",monospace,"Dejavu Sans"; --url-font-size: 9.5pt; + --url-text-align: left; /* left | center | right */ + --url-position: absolute; /* absolute == top (under tabs) || fixed == bottom of browser */ + + margin-bottom: 0 !important; +} + + +@-moz-document url(chrome://browser/content/browser.xul) { + #titlebar, #titlebar-placeholder-on-TabsToolbar-for-captions-buttons { display: none !important; } + + /* URL-BAR */ + #back-button, #forward-button, #back-button *, #forward-button *, /*#identity-box,*/ #urlbar-reload-button, #urlbar-stop-button, #urlbar-go-button, + #PanelUI-button, #bookmarks-menu-button, #home-button, #stylish-toolbar-button, #abp-toolbarbutton, + #notification-popup-box, #new-tab-button, #private-browsing-indicator, #search-container, #nav-bar-overflow-button, + .tabs-newtab-button, .tab-close-button, .tab-close, .tab-throbber, .tab-background-start, .tab-background-end, + #window-controls /*, #alltabs-button, #tabview-button, .tab-icon-image, .tab-icon-image:not([pinned])*/ { display: none !important; } + + #identity-box { max-width: 28px !important; margin-left: -2px !important; padding-left: 5px !important; } + #identity-box #identity-icon-labels { display: none !important; } + + /* --- Uncomment the section below to enable the Back/Forward buttons [EXPERIMENTAL] (Requires url-bar) --- */ + /* + #back-button, #forward-button { display: block !important; } + #back-button::before, #forward-button::before { + display: inline-block !important; position: absolute !important; + width: var(--url-height) !important; height: var(--url-height) !important; top: 0 !important; + text-align: center !important; line-height: var(--url-height) !important; + } + #back-button::before { content: "<" !important; left: 0 !important; } + #forward-button::before { content: ">" !important; left: calc(var(--url-height) + 8px) !important; } + /**/ + + /* --- Uncomment the section below to enable the New Tab Button [EXPERIMENTAL] --- */ + + tab, .tabs-newtab-button { transition: background-color 0.1s ease-in-out !important; } + tab:hover { background-color: #3C364A !important; } + .tabs-newtab-button:hover { background-color: #3E384C !important; } + + .tabs-newtab-button { display: block !important; background: #302A3A !important; margin: 0 0 0 0 !important; width: 28px !important; } + .tabs-newtab-button::before { content: "+" !important; } + .tabs-newtab-button .toolbarbutton-icon { display: none !important; } + /**/ + + .tab-drop-indicator { margin-bottom: 0 !important; } + + #nav-bar { + position: var(--url-position) !important; bottom: 0px !important; + width: 100% !important; height: var(--url-height) !important; + min-height: var(--url-height) !important; max-height: var(--url-height) !important; + margin: 0 0 0 0 !important; + + /* --- Uncomment the section below to attach the url-bar to the tab-bar [EXPERIMENTAL] (Require a line in "#TabsToolbar" below) --- */ + + position: fixed !important; top: 0 !important; left: 0 !important; + width: 315px !important; max-width: 315px !important; + z-index: 100 !important; + /**/ + } + #nav-bar-customization-target { width: 100% !important; } + #urlbar-wrapper { + width: 100% !important; margin-top: 0 !important; /* --- adjust margin-top to ~ -5px if you experience gap --- */ + position: absolute !important; top: 0 !important; left: 0 !important; + border-bottom: 0px solid var(--bg-light) !important; + } + #urlbar { + border: none !important; border-radius: 0 !important; + margin: 0 0 0 0 !important; padding: 0 2px 0 2px !important; + width: calc(100% + var(--url-right-margin)) !important; + height: var(--url-height) !important; min-height: var(--url-height) !important; + background: var(--url-background) !important; color: var(--url-color) !important; + font-family: var(--url-fonts) !important; font-size: var(--url-font-size) !important; + text-align: var(--url-text-align) !important; + } + /*#urlbar * { -moz-appearance: none !important; }*/ + + /* --- Comment out the section below to make the url-bar visible --- */ + /* + #nav-bar { + width: 0 !important; height: 0 !important; + position: fixed !important; left: -1px !important; top: -1px !important; + overflow: hidden !important; visibility: hidden !important; + } + /**/ + + /* TABS */ + .tabbrowser-tab[fadein]:not([pinned]) { min-width: 50px !important; } + tab { + font-family: var(--tab-fonts) !important; + height: var(--tab-height) !important; min-height: var(--tab-height) !important; + background: var(--bg-dark) !important; color: var(--fg-dark) !important; + font-size: var(--tab-font-size) !important; text-shadow: none !important; text-align: var(--tab-text-align) !important; + padding-bottom: 2px !important; + } + + .tabbrowser-tab[visuallyselected="true"] { + position: unset !important; + } + + .tabbrowser-tab label { padding: 0 14px 0 14px !important; } + + #tabbrowser-tabs .tabbrowser-tab[pinned] { width: 28px !important; } + #tabbrowser-tabs .tabbrowser-tab[pinned] label { display: none !important; } + #tabbrowser-tabs .tabbrowser-tab label { text-align: var(--url-text-align) !important; } + + #tabbrowser-tabs .tabbrowser-tab .tab-icon-image { + margin: 0 -10px 0 6px !important; + width: var(--tab-icon-size) !important; + height: var(--tab-icon-size) !important; + } + + .tabbrowser-tab *, .tabs-newtab-button * { + background: none !important; list-style-image: none !important; + margin: 0 0 0 0 !important; padding: 0 0 0 0 !important; + -moz-appearance: none !important; + } + + #tabbrowser-tabs .tabbrowser-tab[pinned] .tab-stack { height: var(--tab-height) !important; width: 100% !important; } + #tabbrowser-tabs .tabbrowser-arrowscrollbox .box-inherit.scrollbox-innerbox { max-height: var(--tab-height) !important; } + .scrollbutton-up, .scrollbutton-down { border: none !important; } + + .tabbrowser-tab[selected="true"] .tab-stack { + background: var(--bg-light) !important; color: var(--fg-light) !important; + border-radius: 0px !important; position: relative !important; + /*border-top: 1px solid #dc52a5 !important;/**/ + } + #TabsToolbar, #tabbrowser-tabs { + -moz-appearance: none !important; + height: var(--tab-height) !important; min-height: var(--tab-height)!important; + margin: 0 -6px 0 var(--tab-strip-margin) !important; + padding-right: 0 !important; + background: var(--bg-dark) !important; + + /* --- Uncomment the line below to attach the url-bar to the tab-bar [EXPERIMENTAL] (Require a line in "#nav-bar" above) --- */ + /**********************************/ + + margin-left: 133px !important;/**/ + + /**********************************/ + } + #TabsToolbar::after { display: none !important; } + .tabbrowser-tab::before, .tabbrowser-tab::after { background: none !important; opacity: 1 !important; visibility: visible !important; } + + /*browser, #navigator-toolbox { -moz-appearance: none !important; background: transparent !important; }*/ + + #navigator-toolbox::after { height: 0px !important; background: var(--bg-light) !important; } + #liberator-separator { height: 0px !important; background: var(--bg-light) !important; border-top: 0 !important; } + + /* MENUS */ + menuitem + menuseparator, menu + menuseparator/*, .menu-iconic-left*/ { display: none !important; } + /*menuitem > label { margin-left: var(--tab-height) !important; }*/ + menubar, menubutton, menulist, menu, menuitem { + font-family: var(--tab-fonts) !important; font-size: var(--tab-font-size); + height: var(--tab-height) !important; + } + + /* HIDE ORANGE MENU BUTTON */ + #appmenu-toolbar-button, #appmenu-button-container { display: none !important; } + + /* HIDE STATUS BAR */ + #status-bar, #statusbar-display, statuspanel { display: none !important; } + + /* PRIVATE BROWSING ICON HIDE */ + #main-window[privatebrowsingmode=temporary] #private-browsing-indicator, + #main-window[privatebrowsingmode=temporary] #private-browsing-indicator-titlebar { display: none !important; } + + /* Vimperator icon style */ + #liberator-statusline:not([customizing="true"]) { margin: -2px -2px !important; padding: 0 0 !important; height: 24px !important; } + #liberator-statusline:not([customizing="true"]) :-moz-any(toolbarbutton) { height: 100% !important; } + #tabview-button { + list-style-image: url(http://twily.info/img/tabview-button.png?v=2) /* 16x16 px image */ !important; + -moz-image-region: rect(0, 0, 0, 0) !important; + } + + #liberator-completions { background: var(--bg-dark) !important; } + + /* Tabgroup margin top fix */ + #tab-view-deck #tab-view { margin: 24px 12px 12px 12px !important; } + #tab-view-deck { background: var(--bg-light) !important; } + + window[sizemode="fullscreen"] #liberator-statusline { display: none !important; } + window[sizemode="fullscreen"] #liberator-bottombar { + margin-top: -24px !important; + transition: 1s ease !important; transition-delay: .3s !important; + } + /*window[sizemode="fullscreen"] #browser-panel { margin-top: -1px !important; }*/ +} + + +/* Tab Group Page Style (Ctrl+Shift+E) */ +@-moz-document url(chrome://browser/content/tabview.html) { + #content #bg, #actions, body { background: var(--bg-light) !important; } + body * { color: var(--fg-light) !important; } + + body .groupItem, #content #actions, body .undo { + background: var(--bg-dark) !important; + border: 0 !important; border-radius: 0 !important; box-shadow: 0 0 0 0 !important; + } + #content #actions { + opacity: 0 !important; display: none !important; /* block | none */ + transition: .3s ease-out !important; + } + #content #actions:hover { opacity: 1 !important; } + + body .appTabTrayContainer { border: 0 !important; } + body .tab, body .tab .thumb { + box-shadow: 0 0 0 0 !important; border: 0 !important; border-radius: 0 !important; + background: transparent !important; padding : 0 !important; + } + body .tab .favicon { display: none !important; } + body .groupItem .name { border: 0 !important; } + body .tab .tab-title { padding-top: 2px !important; } +} + + +/* AGENT_SHEET */ +@-moz-document url-prefix(http://), url-prefix(https://), url-prefix(chrome://liberator/), url-prefix(file:///) { + /* SCROLLBAR */ + scrollbar[orient="vertical"], scrollbar thumb[orient="vertical"], + scrollbar[orient="horizontal"], scrollbar thumb[orient="horizontal"] { + display: none !important; /* none = hide || block = show */ + } + + /* + scrollbar > slider { -moz-appearance: none !important; } + + scrollbar[orient="vertical"] { margin: -3px -7px -3px -3px !important; } + scrollbar[orient='vertical'] > slider { background: #282333 !important; max-width: 5px !important; } + scrollbar[orient='vertical'] > slider > thumb { + -moz-appearance: none !important; + background: #524C59 !important; border: 0 !important; + width: 5px !important; max-width: 5px !important; + } + + scrollbar[orient="horizontal"] { margin: -3px -3px -7px -3px !important; } + scrollbar[orient='horizontal'] > slider { background: #282333 !important; max-height: 5px !important; } + scrollbar[orient='horizontal'] > slider > thumb { + -moz-appearance: none !important; + background: #524C59 !important; border: 0 !important; + height: 5px !important; max-height: 5px !important; + } + + scrollbar > scrollbarbutton { -moz-appearance: none !important; border: none !important; background: none !important; } + scrollbar[orient='vertical'] > scrollbarbutton { min-height: 0 !important; } + scrollbar[orient='horizontal'] > scrollbarbutton { min-width: 0 !important; } + /**/ +} + + +/* background color around/behind pictures opened in firefox (require html namespace on top) */ +@-moz-document regexp("(https?://|file:///)(.*)\\.(jpeg|jpg|gif|png|apng|svg|bmp|webm|webp)") { + body { background: var(--bg-light) !important; } + img.decoded { background-color: transparent !important; } +} + + +/* About:Blank background */ +@-moz-document url(about:blank) { + html,body { background: var(--bg-light) !important; } +} + +/* about:stylish-edit toolbar style */ +@-moz-document regexp("about:stylish-edit.*") { + #main-area, textbox { background: var(--bg-light) !important; } + textbox, grid, columns, rows, separator { border: 0 !important; } + + .devtools-toolbarbutton { background: var(--bg-dark) !important; color: var(--fg-light) !important; } +} + +/*----- Fix for white flash on new tab -----*/ +tabbrowser tabpanels, #appcontent > #content { background: var(--bg-light) !important; } + + +/* Set dark text in light textareas */ +/* +@-moz-document regexp("https?://(?!(localhost|twily.info|.*.4chan.org|.*.youtube.com)).*") { + input, textarea { color: #222628 !important; -moz-appearance: none !important; } +} +/**/