Moin,
nutze für die Tabs diesen Code:
CSS
/* Tabs rund und farbig */
/* Do not remove the @namespace line -- it's required for correct functioning
* set default namespace to XUL
*/
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/**********************************************************
********** Reihenfolge der Leisten ***********************
**********************************************************/
/* Die Reihenfolge der Leisten im Leisten-Container wird durch die
* zugewiesenen Zahlen der "-moz-box-ordinal-group" bestimmt:
* Oben die Menü-Leiste, darunter die Navigations-Leiste danach
* die Lesezeichen-Leiste, unten die TAB-Leiste, so wie man es
* von früher her gewohnt ist.
*
* Oft wird eine andere Vorgehensweise beschrieben.
* Ob es wichtig ist? Ich habe sie jedenfalls einfach von 1 bis 4
* durchnummeriert, das ist übersichtlich und hat bisher geklappt.
*/
#toolbar-menubar {
-moz-box-ordinal-group: 1 !important;
}
#nav-bar {
-moz-box-ordinal-group: 2 !important;
}
#PersonalToolbar {
-moz-box-ordinal-group: 3 !important;
}
#TabsToolbar {
-moz-box-ordinal-group: 4 !important;
}
/**********************************************************
********** Vollbildmodus *********************************
**********************************************************/
/* Damit die Rückkehr aus dem Vollbildmodus mit der Maus klappt:
* Bei 0 bleiben die URL-Leiste und die Tab-Leiste immer sichtbar,
* je größer der negative Wert, desto mehr verschwindet aus dem sichtbaren
* Bereich, ein Pixel muß für den Mauskontakt am oberen Rand immer sichtbar
* bleiben. Den Wert an die Leistenhöhe anpassen!
*/
#main-window[inFullscreen="true"] #navigator-toolbox {
margin-top: -80px !important;
}
/* Bei Mauskontakt des noch sichtbaren Pixels die Leisten wieder einblenden
*/
#main-window[inFullscreen="true"] #navigator-toolbox:hover {
margin-top: 0 !important;
}
/* Etwas schnellere Animation beim ein- und ausblenden, normal ist 1.5s
*/
#navigator-toolbox {
transition: 0.5s !important;
}
/**********************************************************
********** Angaben für die TAB-Leiste ********************
**********************************************************/
/* TAB normal (inaktiv):
* Hintergrundfarbe, Schriftfarbe,
* Rahmen um die TABs, oben abgerundet und Abstände angepaßt,
* unten kein Rahmen -> Abschlußrahmen vom Container.
*/
#toolbar-menubar:not([autohide=true]) ~ #TabsToolbar > #tabbrowser-tabs > .tabbrowser-tab > .tab-stack > .tab-background {
border:none!important;}
#TabsToolbar .tabbrowser-tab {
color: black !important;
border: 1px solid !important;
border-bottom: none !important;
border-radius: 15px 15px 0 0 !important;
margin: 3px 1px 1px 2px !important;
padding: 1px 0 !important;
}
/* TAB bei Mauskontakt:
* Hintergrundfarbe, Rahmen
*/
#TabsToolbar .tabbrowser-tab:hover {
color: black !important;
}
/* TAB bei bei angewähltem TAB (aktiv):
* Hintergrundfarbe, Rahmen,
* Schriftfarbe.
*/
#TabsToolbar .tabbrowser-tab[selected="true"] {
background: yellow !important;
font-weight:bold !important;
color: black ! important;
}
/* Tab-Icon etwas größer,
* links weniger, unten etwas mehr Abstand zum TAB-Rand.
*/
#TabsToolbar .tab-icon-image {
height: 20px !important;
width: 20px !important;
margin-left: -4px !important;
margin-bottom: 2px !important;
}
/* Tab-Schließen-Button:
* Rechts weniger Abstand zum TAB-Rand, etwas größer,
* Textfarbe (Kreuz)
* Hintergrundfarbe, an den Eckenradius des Buttons angepaßt.
*/
#TabsToolbar .tab-close-button {
margin-right: -4px !important;
padding: 0 !important;
color: white !important;
border-radius: 5px !important;
border:2px solid lightgrey!important;
}
#TabsToolbar .tab-close-button:not([selected="true"]) {
height: 22px !important;
width: 22px !important;
background: red !important;
border:2px solid lightgrey!important;
border-radius: 5px !important;
}
/* Tab-Schließen-Button bei angewähltem TAB (aktiv):
* Hintergrundfarbe.
*/
#TabsToolbar .tab-close-button[selected="true"] {
border:2px solid lightgrey!important;
background-color: red !important;
border-radius: 5px !important;
}
/* Alle anderen Elemente in den TABs ohne Hintergrund.
*/
#TabsToolbar .tabbrowser-tab * {
background: none !important;
}
.tabbrowser-tab::after, .tabbrowser-tab::before {
border: none !important;
} Lässt sich diese Ansicht noch verbessern?
