280 lines
No EOL
7.7 KiB
CSS
Executable file
280 lines
No EOL
7.7 KiB
CSS
Executable file
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
|
|
@namespace html url("http://www.w3.org/1999/xhtml");
|
|
|
|
/**
|
|
* Due way style sheets are loaded, some styles in this sheet may not apply. To
|
|
* ensure that our styles work as intended, we load additional CSS via XBL and
|
|
* JavaScript.
|
|
*/
|
|
|
|
/**Next two change new tab transition color from the normal 'white flash'*/
|
|
:root {
|
|
--mcolor:#000000;
|
|
--tcolor:#ffffff;
|
|
--in-content-page-background:#0c0c0d /*tab flash on new tab*/
|
|
}
|
|
|
|
/*changes "flash" on tab open color*/
|
|
#browser vbox#appcontent tabbrowser,
|
|
#content,
|
|
#tabbrowser-tabpanels,
|
|
browser[type=content-primary],
|
|
browser[type=content] > html
|
|
|
|
{
|
|
background: var(--in-content-page-background)!important
|
|
}
|
|
|
|
/* HIDE DINOSAUR SHIT ---------------------------------------------------------------------------------------- */
|
|
#PanelUI-button,
|
|
#home-button,#reload-button,#stop-button,#forward-button,#back-button,
|
|
#customizableui-special-spring1,#customizableui-special-spring2,#library-button,
|
|
#sidebar-button,.tabs-newtab-button,.tab-close-button,.tab-icon-image,
|
|
#identity-box,.urlbar-history-dropmarker,#pageActionButton,#pocket-button,#star-button,
|
|
#wrapper-alltabs-button,#wrapper-new-tab-button,#wrapper-customizableui-special-spring1,
|
|
#wrapper-customizableui-special-spring2,#wrapper-downloads-button,
|
|
#nav-bar-overflow-button,#downloads-button,.titlebar-spacer{
|
|
visibility: collapse !important;
|
|
}
|
|
|
|
#tracking-protection-icon-box
|
|
{
|
|
position:absolute !important;
|
|
margin-top: 5px !important;
|
|
margin-left: -75px !important;
|
|
}
|
|
|
|
/*
|
|
|
|
#back-button,#forward-button,#reload-button,#stop-button,.tab-close-button
|
|
{
|
|
visibility: visible !important;
|
|
}
|
|
|
|
.tabs-newtab-button
|
|
{
|
|
height: 1em !important;
|
|
}
|
|
|
|
.tab-close-button
|
|
{
|
|
height: 1em !important;
|
|
color: #ff00ff !important;
|
|
}
|
|
|
|
.tab-close-button:hover
|
|
{
|
|
color: #ffffff !important;
|
|
background-color: #000000 !important;
|
|
}
|
|
*/
|
|
.urlbar-icon{
|
|
visibility: collapse !important;
|
|
}
|
|
/* hides a ugly black bottom background under each unfocused tab and urlbar*/
|
|
#navigator-toolbox{
|
|
background-color:#000000;
|
|
--tabs-border-color: none !important;
|
|
--toolbox-border-bottom-color: #000000 !important;
|
|
border: none !important;
|
|
margin: none !important;
|
|
padding: none !important;
|
|
}
|
|
|
|
/* Modify to change window drag space width */
|
|
:root[tabsintitlebar="true"] #nav-bar{ --window-drag-space-width: 24px }
|
|
|
|
.titlebar-buttonbox-container{
|
|
position: fixed;
|
|
top:0;
|
|
right:0;
|
|
height: 40px;
|
|
}
|
|
/* ----------------------------------------------------------------------------------------------------------- */
|
|
/* ----------------------------------------------------------------------------------------------------------- */
|
|
|
|
/* TABBAR ---------------------------------------------------------------------------------------------------- */
|
|
/* 100% tabs width */
|
|
.tabbrowser-tab[fadein]:not([pinned]) {
|
|
max-width: 100% !important;
|
|
font-size: 1em !important;
|
|
}
|
|
/* hides white borders between tabs */
|
|
.tabbrowser-tab::after, .tabbrowser-tab::before {
|
|
border:none !important;
|
|
}
|
|
/* center tab text title */
|
|
.tab-label {
|
|
-moz-box-flex: 1 !important;
|
|
text-align: center !important;
|
|
color : #ffffff;
|
|
}
|
|
.tab-throbber{
|
|
margin: 0!important;
|
|
padding: 0!important;
|
|
}
|
|
|
|
.tab-line{
|
|
visibility: collapse !important;
|
|
}
|
|
|
|
.tab-background {
|
|
border: none !important;
|
|
background-attachment: none!important;
|
|
background: #000000 !important;
|
|
}
|
|
|
|
.tabbrowser-tab:not([selected]) .tab-label{
|
|
color: #797979 !important;
|
|
}
|
|
|
|
#TabsToolbar, #titlebar
|
|
{
|
|
background: #000000 !important;
|
|
}
|
|
/* ----------------------------------------------------------------------------------------------------------- */
|
|
/* ----------------------------------------------------------------------------------------------------------- */
|
|
|
|
|
|
/* URLBAR ---------------------------------------------------------------------------------------------------- */
|
|
#nav-bar { background-color: #000000 !important;
|
|
background-image: none !important;
|
|
color: #797979 !important;
|
|
}
|
|
|
|
#urlbar{
|
|
|
|
padding-left: 75px !important;
|
|
padding-bottom: 0px !important;
|
|
font-size: 1em !important;
|
|
text-align: center !important;
|
|
color: var(--tcolor) !important;
|
|
background-color: var(--mcolor) !important;
|
|
border: none !important;
|
|
box-shadow: none !important;
|
|
--toolbarbutton-border-radius: 0px !important;
|
|
margin: 0 !important;
|
|
}
|
|
/* ----------------------------------------------------------------------------------------------------------- */
|
|
/* ----------------------------------------------------------------------------------------------------------- */
|
|
|
|
/* AUTO HIDE TABBAR -------------------------------------------------------------------------------------------*/
|
|
#tabbrowser-tabs, #tabbrowser-tabs > .tabbrowser-arrowscrollbox {
|
|
min-height: 0 !important;
|
|
}
|
|
|
|
#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"] {
|
|
visibility: collapse;
|
|
}
|
|
|
|
#PersonalToolbar
|
|
{
|
|
background-color: #000000 !important;
|
|
background-image: none !important;
|
|
color: #797979 !important;
|
|
}
|
|
|
|
/* ----------------------------------------------------------------------------------------------------------- */
|
|
/* ----------------------------------------------------------------------------------------------------------- */
|
|
|
|
/* AUTO HIDE URLBAR -------------------------------------------------------------------------------------------*/
|
|
/* keep visible when urlbar is focused navbar is hovered or menubar/customization is open */
|
|
/*
|
|
#nav-bar:not([customizing]){
|
|
visibility: hidden;
|
|
margin-top: -28px !important;;
|
|
transition: visibility 0s linear 0.5s, margin-top 0s linear 0.5s;
|
|
transition-duration: 0.20s;
|
|
}
|
|
#urlbar:focus,
|
|
#navigator-toolbox:hover > #nav-bar:not([customizing]),
|
|
#toolbar-menubar:not([inactive="true"]) ~ #nav-bar:not([customizing]) {
|
|
visibility: visible;
|
|
margin-top: 0px !important;;
|
|
transition-delay: 2s;
|
|
}*/
|
|
|
|
/*
|
|
scrollbar {
|
|
z-index: 2147483647 !important;
|
|
position: relative !important;
|
|
transition: all 0s !important;
|
|
}
|
|
scrollbar,
|
|
scrollbar * {
|
|
-moz-appearance: none !important;
|
|
margin: 0px !important;
|
|
padding: 0px !important;
|
|
border: 0px !important;
|
|
box-shadow: none !important;
|
|
|
|
}
|
|
|
|
:not(select)>scrollbar[orient="vertical"],
|
|
html>scrollbar[orient="vertical"] {
|
|
-moz-margin-start: -12px !important;
|
|
max-width: 12px !important;
|
|
min-width: 12px !important;
|
|
|
|
background: linear-gradient( rgba(0,0,0,0.2), rgba(0,0,0,0.2) );
|
|
background-size: 1px 1px;
|
|
background-repeat: repeat-y !important;
|
|
background-position: 50% 0% !important;
|
|
cursor: row-resize;
|
|
}
|
|
|
|
scrollbar[orient="horizontal"] {
|
|
margin-top: -12px !important;
|
|
max-height: 12px !important;
|
|
min-height: 12px !important;
|
|
|
|
background: linear-gradient( rgba(0,0,0,0.2), rgba(0,0,0,0.2) );
|
|
background-size: 1px 1px;
|
|
background-repeat: repeat-x;
|
|
background-position: 0% 50%;
|
|
cursor: col-resize;
|
|
}
|
|
|
|
scrollbar thumb[orient="vertical"] {
|
|
min-height: 24px !important;
|
|
width: 12px !important;
|
|
min-width: 12px !important;
|
|
max-width: 12px !important;
|
|
}
|
|
|
|
scrollbar thumb[orient="horizontal"] {
|
|
min-width: 24px !important;
|
|
height: 12px !important;
|
|
min-height: 12px !important;
|
|
max-height: 12px !important;
|
|
}
|
|
|
|
scrollbar thumb {
|
|
border-radius: 6px !important;
|
|
background: transparent !important;
|
|
border: 2px solid rgba(0,255,255,0) !important;
|
|
box-shadow: 0 0 0 8px #272b35 inset !important;
|
|
transition: all 0s !important;
|
|
opacity: 1 !important;
|
|
}
|
|
|
|
scrollbar:hover thumb,
|
|
scrollbar thumb:active {
|
|
box-shadow: 0 0 0 8px #cd23b9 inset !important;
|
|
}
|
|
*/
|
|
/* no buttons */
|
|
/*scrollbar scrollbarbutton{
|
|
min-height: 0px !important;
|
|
min-width: 0px !important;
|
|
max-height: 12px !important;
|
|
max-width: 12px !important;
|
|
height: 0px !important;
|
|
width: 0px !important;
|
|
}*/
|
|
|
|
/* autohide */
|
|
/*scrollbar:not(:hover) {
|
|
opacity: 0 !important;
|
|
transition: all .5s !important;
|
|
}*/ |