Hallo Leute,
ich habe mir hier einen Code für farbige Tabs geklaut und an meine Bedürfnisse angepasst. Er funktioniert auch sehr gut bis auf eine einzige Sache:
ich mache meine Sitzung mit ca. 30 Tabs auf:
alle ungeladenen Tabs von der letzten Sitzung --> weiss (passt)
der aktive Tab --> rot (passt)
der gelesene Tab --> gelb (passt)
der neu aufgemachte noch nicht gelesene Link --> blau (passt)
ABER der blaue TAB wird nach dem anklicken nicht GELB sondern bleibt blau. Wie muss man da den Code anpassen? denn ich möchte alle gelesenen Tabs gelb haben.
/*AGENT_SHEET*/ @charset "UTF-8";
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
#tabbrowser-tabs .tabbrowser-arrowscrollbox {
-moz-binding: url("chrome://global/content/bindings/scrollbox.xml#arrowscrollbox") !important;
}
/* === Mehrzeilige Tableiste === */
/* Titel-Leistenschaltflächen */
#titlebar,#titlebar-buttonbox {
height: 32px !important;
}
#titlebar {
margin-bottom: -32px !important;
}
#main-window[sizemode="maximized"] #titlebar {
margin-bottom: -24px !important;
}
/* Tab-Leiste */
#tabbrowser-tabs,
.tabbrowser-arrowscrollbox {
min-height: 32px !important;
}
/* Anzahl der Tabreihen muss nicht mehr angegeben werden */
/* Wenn Sie die Anzahl der Tabs über die angegebene Anzahl von Stufen hinaus erhöhen, */
/* werden die angezeigten Bildlaufleisten mit Mausklicks und Rädern verschoben */
#main-window[tabsintitlebar] #tabbrowser-tabs {
-moz-window-dragging: no-drag !important;
}
.tabbrowser-arrowscrollbox {
-moz-binding: url("chrome://global/content/bindings/scrollbox.xml#arrowscrollbox") !important;
}
/* Anzahl der Tabschritte */
#tabbrowser-tabs .scrollbox-innerbox {
max-height: calc( 32px * 25 ) !important;/* Zahl nach 32px ist Anzahl der Tabreihen */
}
/* Verschiedene Einstellungen */
/* Tabs */
#tabbrowser-tabs .arrowscrollbox-scrollbox {
overflow: visible !important;
display: block !important;
}
#tabbrowser-tabs .scrollbox-innerbox {
display: flex !important;
flex-wrap: wrap !important;
overflow-y: auto !important;
}
.tabbrowser-tab:not([pinned]) {
flex-grow: 1 !important;
display: -webkit-box !important;
min-height: 32px !important;
min-width: 130px !important; /* Minimal Wert standardmäßig 76px /
max-width: 130px !important; / Maximal Wert standardmäßig 225px */
}
.tab-stack {
width: 100% !important;
height: 100% !important;
}
/* -- Ausblenden -- */
#tabbrowser-tabs .scrollbutton-up,
#tabbrowser-tabs .scrollbutton-down,
#tabbrowser-tabs .autorepeatbutton-up,
#tabbrowser-tabs .autorepeatbutton-down,
#alltabs-button {
display: none !important;
}
/* Tab, normal gelb*/
.tabbrowser-tab .tab-content {
background: #FFFF66 !important;
color: black !important;
}
/* Ungelesener Tab / Tab, in welchem (noch) kein Link angewählt wurde hellblau aquamarine2 */
.tabbrowser-tab[notselectedsinceload="true"] .tab-content {
background: #76EEC6 !important;
color: black !important;
}
/* Tab, entladen / (noch) nicht geladen */
.tabbrowser-tab[pending="true"] .tab-content {
background: white !important;
color: black !important;
}
/* Tab, aktiv rot*/
.tabbrowser-tab[selected='true'] .tab-content {
background: #FF6347 !important;
color: black !important;
}
Ich habe wirklich wenig Ahnung von Codes und habe mich durch try and error herangewagt.
Folgende Anpassungen bräuchte ich noch von euch:
1. (gelöst) das schließen X soll nur im aktiven Tab zu sehen sein, bei den anderen Tabs kein X
2. Tabhöhe verringern, die sind viel zu hoch.
3. die Tabs in der letzten Tabreihe sollen gleiche /fixe Größe haben wie die oberen also bündig untereinander -
jetzt verlängern sie sich zur Rechten Seite.
Wäre toll, wenn ein Schrauber mir da zur Hand gehen könnte. Danke mal im voraus.
[attachment=0]Tabs.png[/attachment]
