Moin.
Ich schraube an der Gestaltung der Tableiste.
Da ich eine mehrzeilige verwende, sollen die Tabs nicht mehr wie Reiter aussehen.
Das nur als Hintergrundinfo.
Ich habe in einem jungfräulichen Profil ein Testcase erzeugt:
CSS
#TabsToolbar{ margin: 6px 3px !important; }
#TabsToolbar tab {
margin-right: 3px !important;
background-color: white !important;
padding: 2px 4px !important;
border-style: none !important;
background-image: none !important;
-moz-border-image: none !important;
border-radius: 10px !important;
margin-bottom: 3px !important; /* Abstand zwischen Zeilen der Tableiste, denn es gibt keine extra Box für eine Zeile innerhalb einer mehrzeiligen Tableiste */
}
#TabsToolbar tab[last-tab="true"] { margin-right: 0px !important; }
#TabsToolbar tab[selected="true"] { background-color: #FDF7D1 !important; }
Alles anzeigen
Screenshot: http://borumat.de/+screenshots/hc-2011.06.21-14_24_47.png
Die horizontale dunkelgrau Linie unter der Tableiste möchte ich entfernen.
Ich konnte die dafür verantwortliche Stilregel bisher nicht ermitteln.
Ich vermute, dass es sich um das Element mit der Klasse #navigator-toolbox handelt.
Aber über welche Eigenschaft nur wird diese Linie erzeugt.
Ich habe mir im DOM-Inspector schon einen Wolf gesucht.
Weiß jemand von Euch Rat?
Danke.