Bis auf zwei drei den Kompakt-Modus betreffenden Anpassungen wird alles ab "@media" angewendet, wenn
1. die Titlebar nicht angezeigt wird
2. das Light-Theme (schwarze Schrift auf dunklem Grund) gewählt wurde, wobei ich noch nicht herausgefunden habe, wie sich verhindern lässt, dass die Anweisungen greifen, wenn über das Light-Theme eines der Lightweight-Themes (z. B. Pastel) gelegt wird. Falls da jemand eine Idee hat …
(Ich nutze Firefox seit Version 0.7 oder 0.8 und ich hatte mich in diesem Zeitraum nur zweimal über die Änderungen an der Benutzeroberfläche geärgert, die Mozilla vorgenommen hat. Das zweite Mal nach dem Update auf Firefox Quantum. Ich halte das Design für eine Katastrophe. Mein CSS ist eher Schadensbegrenzung.)
Unter Windows 8 ist auch noch die klassische Benutzeroberfläche verfügbar, oder? Falls ja, einfach die @media-Regel entsprechend ändern.
CSS
#sidebar {
min-width: 12em !important;
max-width: 50em !important;
}
#sidebar-header {
font-size: 1em !important;
font-weight: normal !important;
padding: 0 !important;
}
@media (-moz-os-version: windows-win7) and (-moz-windows-classic) {
#main-window[lwthemetextcolor="dark"][tabsintitlebar] #TabsToolbar toolbarbutton {
--toolbarbutton-hover-background: #c4c4c4 !important
}
#main-window[lwthemetextcolor="dark"][tabsintitlebar] #nav-bar toolbarbutton {
--toolbarbutton-hover-background: #ddd !important
}
#main-window[lwthemetextcolor="dark"][tabsintitlebar] .urlbar-icon:hover,
#main-window[lwthemetextcolor="dark"][tabsintitlebar] .urlbar-icon-wrapper:hover,
#main-window[lwthemetextcolor="dark"][tabsintitlebar] #identity-box:hover {
background-color: #ddd !important;
}
#main-window[lwthemetextcolor="dark"][tabsintitlebar] .tabbrowser-tab .tab-close-button.close-icon > .toolbarbutton-icon {
fill: black !important;
fill-opacity: 0 !important;
stroke-opacity: .7 !important;
/*"stroke: Farbe" wird von "fill: Farbe (inklusive 'transparent')"
überstimmt, und zwar selbst dann, wenn fill-opacity "0" ist.
fill-opacity überstimmt hingegen nicht stroke-opacity.
Deswegen kann "stroke: Farbe" nur indirekt über "fill: Farbe"
bestimmt werden.*/
}
/*Verbindungsaufbau?*/
#main-window[lwthemetextcolor="dark"][tabsintitlebar]:root[sessionrestored] .tab-throbber[busy]::before {
fill: #C60000 !important;
opacity: 1 !important;
}
/*Ladevorgang?*/
#main-window[lwthemetextcolor="dark"][tabsintitlebar]:root[sessionrestored] .tab-throbber[progress]::before {
fill: #203B7C !important;
opacity: 1 !important;
}
#main-window[lwthemetextcolor="dark"][tabsintitlebar] .tabbrowser-tab .tab-close-button.close-icon:hover > .toolbarbutton-icon {
background-color: #dadada !important;
}
#main-window[lwthemetextcolor="dark"][tabsintitlebar] .tabbrowser-tab:not([selected="true"]) .tab-close-button.close-icon:hover > .toolbarbutton-icon {
background-color: #aaa !important;
}
#main-window[lwthemetextcolor="dark"][tabsintitlebar] #navigator-toolbox::after {
--toolbox-border-bottom-color: #bbb !important;
/*-----------------------------------------------------------------------------
--*-Properties w. z. B. "--toolbox-border-bottom-color" sind Custom-Properties.
Siehe https://wiki.selfhtml.org/wiki/CSS/Variablen
*/-----------------------------------------------------------------------------
}
#main-window[lwthemetextcolor="dark"][tabsintitlebar] #TabsToolbar {
background-color: #e2e2e2 !important;
color: black !important;
}
#main-window[lwthemetextcolor="dark"][tabsintitlebar] #nav-bar {
background-color: #fafafa !important;
border-top-color: #bbb !important;
}
#main-window[lwthemetextcolor="dark"][tabsintitlebar] #PersonalToolbar {
background-color: #fafafa !important;
}
#main-window[lwthemetextcolor="dark"][tabsintitlebar] .tab-line {
display: none !important;
}
#main-window[lwthemetextcolor="dark"][tabsintitlebar] .tabbrowser-tab::after,
#main-window[lwthemetextcolor="dark"][tabsintitlebar] .tabbrowser-tab::before {
border: 0 none !important;
}
#main-window[lwthemetextcolor="dark"][tabsintitlebar] .tabbrowser-tab .tab-background {
border: 0 none !important;
background-color: #e2e2e2 !important;
}
#main-window[lwthemetextcolor="dark"][tabsintitlebar] .tabbrowser-tab:hover .tab-background {
background-color: #cecece !important;
}
#main-window[lwthemetextcolor="dark"][tabsintitlebar] .tabbrowser-tab {
border-top: 0 none !important;
border-right: 1px solid #a5a5a5 !important;
}
#main-window[lwthemetextcolor="dark"][tabsintitlebar] .scrollbutton-up {
border-right: 1px solid transparent !important;
}
#main-window[lwthemetextcolor="dark"][tabsintitlebar] .scrollbutton-up[disabled="true"] {
border-right-color: #a5a5a5 !important;
fill-opacity: .28 !important;
opacity: 1 !important
}
#main-window[lwthemetextcolor="dark"][tabsintitlebar] .tabbrowser-tab:not([selected=true]) {
border-bottom: 1px solid #bbb !important;
}
#main-window[lwthemetextcolor="dark"][tabsintitlebar] .tabbrowser-tab:hover {
border-bottom-color: #cecece !important;
}
#main-window[lwthemetextcolor="dark"][tabsintitlebar] .tabbrowser-tab[selected] .tab-background {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAGCAYAAAAYLBS/AAAAGXRFWHRTb2Z0d2Fy\
ZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNpiNAnsU2RgYNgPxPIMhMEj\
IHZgOr2u8D6Q4QjED4nRAFLPBBUgpBGsAaqOgQlJApdGFA3omrBpxNCATROyxsPY\
NIAAQIABAH5LGh5TnhXHAAAAAElFTkSuQmCC') !important;
background-repeat: no-repeat !important;
background-position: center 2px !important;
background-color: #fafafa !important;
}
#main-window[lwthemetextcolor="dark"][tabsintitlebar] #urlbar,
#main-window[lwthemetextcolor="dark"][tabsintitlebar] .searchbar-textbox {
border-color: #bbb !important;
box-shadow: none !important;
border-radius: 0 !important;
}
#main-window[lwthemetextcolor="dark"][tabsintitlebar] #urlbar[focused="true"],
#main-window[lwthemetextcolor="dark"][tabsintitlebar] .searchbar-textbox[focused="true"] {
border-color: #bbb !important;
}
#main-window[lwthemetextcolor="dark"][uidensity="compact"][tabsintitlebar] .tabs-newtab-button {
padding-left: 1px !important;
}
#main-window[lwthemetextcolor="dark"][uidensity="compact"][tabsintitlebar] #urlbar,
#main-window[lwthemetextcolor="dark"][uidensity="compact"][tabsintitlebar] .searchbar-textbox {
margin-top: 4px !important;
margin-bottom: 4px !important;
}
/*------------------------------------------------------------------
Falls mindestens zwei Tabs geöffnet sind und der erste Tab leer ist:
*/
#main-window[lwthemetextcolor="dark"][tabsintitlebar] tabs:not([overflow]) .tabbrowser-tab:-moz-any([label="New Tab"], [label="Neuer Tab"])[first-visible-tab]:not([selected]):not(:hover) * {
display: none !important;
}
#main-window[lwthemetextcolor="dark"][tabsintitlebar] tabs:not([overflow]) .tabbrowser-tab:-moz-any([label="New Tab"], [label="Neuer Tab"])[first-visible-tab]:not([selected]):not(:hover) {
min-width: 1px !important;
max-width: 1px !important;
}
#main-window[lwthemetextcolor="dark"][tabsintitlebar] tabs:not([overflow]) .tabbrowser-tab:-moz-any([label="New Tab"], [label="Neuer Tab"])[first-visible-tab]:not([selected])[beforeselected]:not(:hover) {
border-color: #fafafa !important;
}
}