Add browser userstyles
This commit is contained in:
Henrik Lissner
parent
fd0f00664d
commit
81b4adee4a
2805
browser/userstyles/github-dark.css
Normal file
2805
browser/userstyles/github-dark.css
Normal file
File diff suppressed because one or more lines are too long
69
browser/userstyles/hackerrank-dark.css
Normal file
69
browser/userstyles/hackerrank-dark.css
Normal file
|
|
@ -0,0 +1,69 @@
|
||||||
|
@namespace url(http://www.w3.org/1999/xhtml);
|
||||||
|
|
||||||
|
@-moz-document domain("hackerrank.com") {
|
||||||
|
#wrapper, #hr_v2, #row, #challengeAccordion, .page_footer, body, .feed-wrapper,
|
||||||
|
.outer-feed-wrapper, .user-education-popup.text-center {
|
||||||
|
background-color: #333333;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
.chapter-item, #challengeAccordion, #breadcrumb .content-header, #contest-challenges-problem,
|
||||||
|
.boundA.curved.mlB.mmR.pdA.track-box, .boundA.curved.mlB.mmL.pdA.track-box, .unstyled.psT.psB,
|
||||||
|
.light-wrap, .table-wrap, .comments-container, .has-string, .CodeMirror-empty, .CodeMirror,
|
||||||
|
#comment-preview, pre, .clearfix, .row.padding-small, .table-wrap > header, #select2-drop,
|
||||||
|
.select2-results-dept-0, a.select2-choice.select2-default, .select2-result-label, .calloutBody,
|
||||||
|
.editorial-header-box, .editorial-code-box, p.small.bold, #pref-pane, #profileTabs,
|
||||||
|
.select2-no-results, .all-notif-settings li, .all-notif-settings ul, .dropdown-menu, .tab-head,
|
||||||
|
.table-body, .span5, .tourbus-leg, .submission-model-panel, .CodeMirror-linenumber,
|
||||||
|
.hr-dialog-header, .hr-dialog-body, .hr-dialog-footer, .hide-in-private-contest a, #languages,
|
||||||
|
.plA, .nav-tabs.ungroup > li a,
|
||||||
|
.table-striped tbody tr:nth-child(2n+1) th, .table-striped tbody tr:nth-child(2n+1) td,
|
||||||
|
.feed {
|
||||||
|
background-color: #363636 !important;
|
||||||
|
color: lightgrey;
|
||||||
|
}
|
||||||
|
#contest-challenges-problem .btn.btn.backbone.start.pull-right,
|
||||||
|
.block-center.blackbone.expand-subdomains.cursor.color-alt-grey, .txt-navy,
|
||||||
|
label, #tab-spaces, input[type="text"], .static-input, a.title-link.inverse {
|
||||||
|
color: #0A8A8A;
|
||||||
|
}
|
||||||
|
div.discussion-root-node-knob, code, html {
|
||||||
|
background: #363636;
|
||||||
|
background-color: #363636
|
||||||
|
}
|
||||||
|
a.backbone {
|
||||||
|
color: #0D9D9D;
|
||||||
|
}
|
||||||
|
.view-more.text-center.small.bold, .btn.btn.backbone.start.pull-right, .btn, .nav-tabs.nav,
|
||||||
|
.btn.btn, .pagination a, .pagination .active a, .select2-search input,
|
||||||
|
.select2-container, .select2-choice a, .select2-container .select2-choice,
|
||||||
|
.select2-container .select2-choice div, .dropdown-toggle .select, .dropdown-toggle .indent,
|
||||||
|
.sidebar_list-heading.active, .cat-item {
|
||||||
|
background-color: #363636 !important;
|
||||||
|
color: #855500;
|
||||||
|
background-image: linear-gradient(to bottom, #363636, #222) !important;
|
||||||
|
}
|
||||||
|
.nav-tabs:not(.ungroup) > li.active a, .all-notif-settings, .msB, .hr_secondary-btn {
|
||||||
|
background-color: #363636;
|
||||||
|
color: lightgrey !important;
|
||||||
|
}
|
||||||
|
#breadcrumb .bold.small {
|
||||||
|
color: #E59500;
|
||||||
|
}
|
||||||
|
#navigation .page-header {
|
||||||
|
background-color: #303030;
|
||||||
|
}
|
||||||
|
.btn.difficulty.active, #HackerRank-homepage .toggle {
|
||||||
|
background-image : linear-gradient(to bottom, #565656, #424242) !important;
|
||||||
|
}
|
||||||
|
/* Code editor */
|
||||||
|
.cm-variable {
|
||||||
|
color: #A76012 !important;
|
||||||
|
}
|
||||||
|
.cm-keyword {
|
||||||
|
color: #8B9305 !important;
|
||||||
|
}
|
||||||
|
.CodeMirror pre {
|
||||||
|
background-color: #464646 !important;
|
||||||
|
color: darkorchid !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
57
browser/userstyles/minimal-scrollbars.css
Normal file
57
browser/userstyles/minimal-scrollbars.css
Normal file
|
|
@ -0,0 +1,57 @@
|
||||||
|
/* AGENT_SHEET */
|
||||||
|
scrollbarbutton[sbattr="scrollbar-up-top"],
|
||||||
|
scrollbarbutton[sbattr="scrollbar-down-top"],
|
||||||
|
scrollbarbutton[sbattr="scrollbar-up-bottom"],
|
||||||
|
scrollbarbutton[sbattr="scrollbar-down-bottom"] {
|
||||||
|
-moz-appearance: none !important;
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
scrollbar[orient="vertical"] {
|
||||||
|
-moz-margin-start: -15px;
|
||||||
|
min-width: 15px!important;
|
||||||
|
max-width: 15px!important;
|
||||||
|
-moz-appearance: none!important;
|
||||||
|
position: relative;
|
||||||
|
background-color: transparent!important;
|
||||||
|
background-image: none!important;
|
||||||
|
border: 0;
|
||||||
|
z-index: 2147483647;
|
||||||
|
-moz-box-align: start;
|
||||||
|
padding:1px 1px 1px 6px!important;
|
||||||
|
}
|
||||||
|
scrollbar[orient="horizontal"] {
|
||||||
|
margin-top: -15px;
|
||||||
|
min-height: 15px;
|
||||||
|
max-height: 15px;
|
||||||
|
-moz-appearance: none!important;
|
||||||
|
position: relative;
|
||||||
|
background-color: transparent;
|
||||||
|
background-image: none;
|
||||||
|
border: 0;
|
||||||
|
z-index: 2147483647;
|
||||||
|
-moz-box-align: start;
|
||||||
|
padding:6px 11px 1px 1px!important;
|
||||||
|
}
|
||||||
|
scrollbar thumb {
|
||||||
|
-moz-appearance: none !important;
|
||||||
|
background-color: rgba(80,80,80,0.5);
|
||||||
|
border-radius: 8px;
|
||||||
|
border: 0;
|
||||||
|
}
|
||||||
|
scrollbar[orient="vertical"] thumb {
|
||||||
|
min-height: 20px!important;
|
||||||
|
min-width: 15px!important;
|
||||||
|
max-width: 15px!important;
|
||||||
|
}
|
||||||
|
scrollbar[orient="horizontal"] thumb {
|
||||||
|
min-width: 20px!important;
|
||||||
|
min-height: 15px!important;
|
||||||
|
max-height: 15px!important;
|
||||||
|
|
||||||
|
}
|
||||||
|
scrollbar thumb:hover, scrollbar thumb:active {
|
||||||
|
background-color: rgba(0,0,0,0.5);
|
||||||
|
}
|
||||||
|
html div scrollbar {
|
||||||
|
-moz-margin-start: 0!important;
|
||||||
|
}
|
||||||
323
browser/userstyles/modified-twily.css
Normal file
323
browser/userstyles/modified-twily.css
Normal file
|
|
@ -0,0 +1,323 @@
|
||||||
|
@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: #185b75; --bg-dark: #22252c;
|
||||||
|
--fg-light: #dbe2ef; --fg-dark: #155872;
|
||||||
|
--bg-light-dark: #02455f;
|
||||||
|
--tab-triangle-correction: -1px;
|
||||||
|
--tab-height: 26px; --tab-icon-size: 16px; --tab-strip-margin: -8px; --tab-overlap: -5px;
|
||||||
|
--tab-fonts: "Terminus",sans-serif; --tab-font-size: 11px;
|
||||||
|
--tab-text-align: left; /* left | center | right */
|
||||||
|
--tab-triangle: none; /* block | none */
|
||||||
|
|
||||||
|
/* URL VARIABLES */
|
||||||
|
--url-background: #2D2F31; --url-color: var(--fg-light);
|
||||||
|
--url-height: 24px; --url-right-margin: 5px;
|
||||||
|
--url-fonts: "Ubuntu Mono",monospace,"Dejavu Sans"; --url-font-size: 10pt;
|
||||||
|
--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) {
|
||||||
|
statuspanel label { background-color: var(--bg-dark); }
|
||||||
|
|
||||||
|
|
||||||
|
/*#downloads-button, #tabview-button { margin-top: -2px !important; padding-left: 10px !important; opacity: 0.5; }*/
|
||||||
|
|
||||||
|
#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-background-start, .tab-background-end,
|
||||||
|
#window-controls /*, .tab-throbber, #alltabs-button, #tabview-button, .tab-icon-image, .tab-icon-image:not([pinned])*/ { display: none !important; }
|
||||||
|
|
||||||
|
#identity-box { max-width: 26px !important; margin-left: 0px !important; padding-left: 5px !important; }
|
||||||
|
#identity-box #identity-icon-labels { display: none !important; }
|
||||||
|
|
||||||
|
.autocomplete-richlistbox { height: auto !important; max-height: auto !important; background-color: var(--fg-light) !important; }
|
||||||
|
.autocomplete-richlistbox richlistitem[selected="true"] { background-color: var(--bg-dark) !important; }
|
||||||
|
.autocomplete-richlistbox .autocomplete-richlistitem .ac-url-box { display: none !important; }
|
||||||
|
.autocomplete-richlistbox .autocomplete-richlistitem[actiontype="searchengine"],
|
||||||
|
.autocomplete-richlistbox .autocomplete-richlistitem[type~="autofill"] { padding: 0 0 10px !important; }
|
||||||
|
|
||||||
|
tab, .tabs-newtab-button { cursor: pointer; }
|
||||||
|
tab:hover { background-color: var(--bg-light-dark) !important; color: #bfbfbf !important; }
|
||||||
|
.tabs-newtab-button:hover { background-color: var(--bg-light-dark) !important; }
|
||||||
|
|
||||||
|
/* --- Uncomment the section below to enable the New Tab Button [EXPERIMENTAL] --- */
|
||||||
|
|
||||||
|
.tabs-newtab-button { display: block !important; background: var(--bg-dark) !important; margin: 0 0 0 0 !important; width: 28px !important; }
|
||||||
|
.tabs-newtab-button::before { content: "+" !important; color: white; position: relative; bottom: 1px; opacity: 0.4; }
|
||||||
|
.tabs-newtab-button .toolbarbutton-icon { display: none !important; }
|
||||||
|
/**/
|
||||||
|
|
||||||
|
.tab-drop-indicator { margin-bottom: 0 !important; }
|
||||||
|
|
||||||
|
#content-deck { /*padding-bottom: var(--url-height) !important;*/ }
|
||||||
|
#nav-bar {
|
||||||
|
display: none;
|
||||||
|
/*
|
||||||
|
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.5% !important; margin-top: 0px !important; /* --- adjust margin-top to ~ -5px if you experience gap --- */
|
||||||
|
position: absolute !important; top: 0 !important; left: 0 !important;
|
||||||
|
padding-left: 6px;
|
||||||
|
border-bottom: 0px solid var(--bg-light) !important;
|
||||||
|
}
|
||||||
|
#urlbar-icons { padding-right: 5px !important; }
|
||||||
|
#urlbar {
|
||||||
|
border: none !important; border-radius: 0 !important;
|
||||||
|
margin: 0 0 0 0 !important; padding: 0 0 0 0 !important;
|
||||||
|
width: 100% !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: 0 !important;
|
||||||
|
border-right: 1px solid red var(--fg-light);
|
||||||
|
}
|
||||||
|
|
||||||
|
.tabbrowser-tab[visuallyselected="true"] {
|
||||||
|
position: unset !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tabbrowser-tab label { padding: 0 10px 0 15px !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 -9px 0 7px !important;
|
||||||
|
width: var(--tab-icon-size) !important;
|
||||||
|
height: var(--tab-icon-size) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tabbrowser-tab *, .tabs-newtab-button * {
|
||||||
|
background: none !important;
|
||||||
|
margin: 0 0 0 0 !important; padding: 0 0 0 0 !important;
|
||||||
|
-moz-appearance: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tabbrowser-tab .tab-close-button {
|
||||||
|
margin-right: 4px !important;
|
||||||
|
opacity: 0.25 !important;
|
||||||
|
}
|
||||||
|
.tabbrowser-tab .tab-throbber {
|
||||||
|
margin-left: 6px !important;
|
||||||
|
margin-right: -8px !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 -8px 0px 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) --- */
|
||||||
|
/**********************************/
|
||||||
|
|
||||||
|
/*padding-left: 40px !important;/**/
|
||||||
|
|
||||||
|
/**********************************/
|
||||||
|
}
|
||||||
|
#TabsToolbar::after { display: none !important; }
|
||||||
|
.tabbrowser-tab::before, .tabbrowser-tab::after { background: none !important; opacity: 0 !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: 0 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: block !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 { padding: 0 !important; margin: 0 !important; background: var(--url-background) !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; }
|
||||||
|
}
|
||||||
|
/**/
|
||||||
|
|
||||||
272
browser/userstyles/newtab.css
Normal file
272
browser/userstyles/newtab.css
Normal file
|
|
@ -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: #22252c;
|
||||||
|
--main-page-cell-bg-color: rgba(255,255,255,.05);
|
||||||
|
|
||||||
|
--main-page-text-color: #FFFFFF;
|
||||||
|
--main-page-text-color-two: #185B75;
|
||||||
|
--main-page-text-invert-color-two: #FFFFFF;
|
||||||
|
--main-page-link-color: #185B75;
|
||||||
|
|
||||||
|
--main-border-radius: 2px;
|
||||||
|
--main-theme-border-color: rgba(0, 0, 0,.2);
|
||||||
|
--main-page-border-color: rgba(0, 0, 0,.2);
|
||||||
|
|
||||||
|
--main-font-family: "Terminus", 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;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
1098
browser/userstyles/stackoverflow-dark.css
Normal file
1098
browser/userstyles/stackoverflow-dark.css
Normal file
File diff suppressed because it is too large
Load diff
Loading…
Reference in a new issue