Merge branch 'master' of github.com:hlissner/dotfiles
* 'master' of github.com:hlissner/dotfiles: firefox: update twily userstyle
This commit is contained in:
Henrik Lissner
commit
88701d728a
|
|
@ -24,16 +24,19 @@
|
|||
|
||||
/* URL VARIABLES */
|
||||
--url-background: #3E3848; --url-color: var(--fg-light);
|
||||
--url-height: 28px; --url-right-margin: 5px;
|
||||
--url-height: 26px; --url-right-margin: 5px;
|
||||
--url-fonts: "Ubuntu Mono",monospace,"Dejavu Sans"; --url-font-size: 12pt;
|
||||
--url-text-align: left; /* left | center | right */
|
||||
--url-position: fixed; /* absolute == top (under tabs) || fixed == bottom of browser */
|
||||
--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; }
|
||||
|
|
@ -42,10 +45,10 @@
|
|||
#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; }
|
||||
.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: 28px !important; margin-left: -2px !important; padding-left: 5px !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; }
|
||||
|
|
@ -54,7 +57,6 @@
|
|||
.autocomplete-richlistbox .autocomplete-richlistitem[actiontype="searchengine"],
|
||||
.autocomplete-richlistbox .autocomplete-richlistitem[type~="autofill"] { padding: 0 0 10px !important; }
|
||||
|
||||
|
||||
/* --- Uncomment the section below to enable the Back/Forward buttons [EXPERIMENTAL] (Requires url-bar) --- */
|
||||
/*
|
||||
#back-button, #forward-button { display: block !important; }
|
||||
|
|
@ -72,20 +74,20 @@
|
|||
.tabs-newtab-button:hover { background-color: #3E384C !important; }
|
||||
|
||||
/* --- Uncomment the section below to enable the New Tab Button [EXPERIMENTAL] --- */
|
||||
/*
|
||||
|
||||
.tabs-newtab-button { display: block !important; background: #302A3A !important; margin: 0 0 0 0 !important; width: 28px !important; }
|
||||
.tabs-newtab-button::before { content: "+" !important; position: relative; bottom: 2px; opacity: 0.4; }
|
||||
.tabs-newtab-button::before { content: "+" !important; 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; }
|
||||
#content-deck { /*padding-bottom: var(--url-height) !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;
|
||||
margin: 0 0 0px 0 !important;
|
||||
|
||||
/* --- Uncomment the section below to attach the url-bar to the tab-bar [EXPERIMENTAL] (Require a line in "#TabsToolbar" below) --- */
|
||||
/*
|
||||
|
|
@ -96,14 +98,15 @@
|
|||
}
|
||||
#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 --- */
|
||||
width: 100% !important; margin-top: 0px !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-icons { padding-right: 5px !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;
|
||||
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;
|
||||
|
|
@ -121,13 +124,13 @@
|
|||
/**/
|
||||
|
||||
/* TABS */
|
||||
.tabbrowser-tab[fadein]:not([pinned]) { min-width: 50px !important; max-width: 100% !important; }
|
||||
.tabbrowser-tab[fadein]:not([pinned]) { min-width: 50px !important; max-width: 300px !important; margin-right: 1px !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;
|
||||
padding-bottom: 0 !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab[visuallyselected="true"] {
|
||||
|
|
@ -141,23 +144,32 @@
|
|||
#tabbrowser-tabs .tabbrowser-tab label { text-align: var(--url-text-align) !important; }
|
||||
|
||||
#tabbrowser-tabs .tabbrowser-tab .tab-icon-image {
|
||||
margin: 0 -9px 0 6px !important;
|
||||
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; list-style-image: none !important;
|
||||
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;
|
||||
background: var(--url-background) !important; color: var(--fg-light) !important;
|
||||
border-radius: 0px !important; position: relative !important;
|
||||
/*border-top: 1px solid #dc52a5 !important;/**/
|
||||
}
|
||||
|
|
@ -176,7 +188,7 @@
|
|||
/**********************************/
|
||||
}
|
||||
#TabsToolbar::after { display: none !important; }
|
||||
.tabbrowser-tab::before, .tabbrowser-tab::after { background: none !important; opacity: 1 !important; visibility: visible !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; }*/
|
||||
|
||||
|
|
@ -195,7 +207,7 @@
|
|||
#appmenu-toolbar-button, #appmenu-button-container { display: none !important; }
|
||||
|
||||
/* HIDE STATUS BAR */
|
||||
#status-bar, #statusbar-display, statuspanel { display: none !important; }
|
||||
/*#status-bar, #statusbar-display, statuspanel { display: none !important; }*/
|
||||
|
||||
/* PRIVATE BROWSING ICON HIDE */
|
||||
#main-window[privatebrowsingmode=temporary] #private-browsing-indicator,
|
||||
|
|
@ -255,7 +267,7 @@
|
|||
/* SCROLLBAR */
|
||||
scrollbar[orient="vertical"], scrollbar thumb[orient="vertical"],
|
||||
scrollbar[orient="horizontal"], scrollbar thumb[orient="horizontal"] {
|
||||
display: none !important; /* none = hide || block = show */
|
||||
display: block !important; /* none = hide || block = show */
|
||||
}
|
||||
|
||||
/*
|
||||
|
|
@ -305,7 +317,7 @@
|
|||
}
|
||||
|
||||
/*----- Fix for white flash on new tab -----*/
|
||||
tabbrowser tabpanels, #appcontent > #content { background: var(--bg-light) !important; }
|
||||
tabbrowser tabpanels, #appcontent > #content { padding: 0 !important; margin: 0 !important; background: var(--url-background) !important; }
|
||||
|
||||
|
||||
/* Set dark text in light textareas */
|
||||
|
|
|
|||
Loading…
Reference in a new issue