- Firefox-Version
- 79 / 80 / 81
- Betriebssystem
- Win 10 x64 Pro
Mit diesem Script RE: Mehrzeilige Tableiste für aktuelle FireFox-Versionen (71+) ist die Tableiste unten. Nun versuche ich die Scrollbutton anzupassen, was auch funktioniert. Hier der Code:
CSS
/* NewTab-Button wird ausgeblendet */
#tabs-newtab-button * {
display: none !important;
}
/* Abstand der Tabs vom oberen Rand */
.tabbrowser-tab:not([pinned]) {
margin-top: 5px !important;
}
/* Abstand zur Mitte (Url-Bar) */
#TabsToolbar {
margin-bottom: -2px !important;
}
/* Abstand Menü-Bar zur Url-Bar */
#toolbar-menubar {
margin-bottom: -4px !important;
}
/* Abstand Url-Bar zur Lesezeichen-Symbolleiste */
#PersonalToolbar{
margin-top:-1px!important;
}
/* Titelbar-Box ganz rechts in Tableiste ausblenden */
hbox.titlebar-spacer {
display: none !important;
}
/* bei Tableiste unten - Titelbar-Buttons ganz rechts ausblenden */
#TabsToolbar > .titlebar-buttonbox-container {
display: none !important;
}
/* New-Tab-Button in der Tab-Toolbar ausblenden */
toolbarbutton#new-tab-button {
display: none !important;
}
/* Alltabs-Button (Pfeil nach unten) */
toolbarbutton#alltabs-button {
background: none !important;
border: 1px solid royalblue !important;
margin-top: 3px !important;
margin-bottom: 3px !important;
}
toolbarbutton#alltabs-button:hover {
background: lime !important;
border: 1px solid royalblue !important;
color: red !important;
}
toolbarbutton#scrollbutton-up {
background: none !important;
border: 1px solid royalblue !important;
margin-top: 3px !important;
margin-bottom: 3px !important;
}
toolbarbutton#scrollbutton-up:hover {
background: yellow !important;
border: 1px solid royalblue !important;
color: red !important;
}
toolbarbutton#scrollbutton-down {
background: none !important;
border: 1px solid royalblue !important;
margin-top: 3px !important;
margin-bottom: 3px !important;
}
toolbarbutton#scrollbutton-down:hover {
background: yellow !important;
border: 1px solid royalblue !important;
color: red !important;
}
Alles anzeigen
Doch es gibt ein Problem, denn für die Lesezeichenordner verwende ich einen vergleichbaren Code. Nun stören sich beide Codes, wie kann ich das abändern?
CSS
/*** Scrollbutton in Lesezeichenordner ***/
toolbarbutton#scrollbutton-up,
toolbarbutton#scrollbutton-down {
border: 1px solid dodgerblue !important;
border-radius: 5px !important;
}
toolbarbutton#scrollbutton-up:hover,
toolbarbutton#scrollbutton-down:hover {
background: orange !important;
}
Alles anzeigen