Beiträge von bugger

Da ich des suchens leid war hab ich mir das Standardtheme vorgenommen und dort die änderungen vorgenommen

.tabs-container:not([overflow="true"]) {
  -moz-padding-start: 0px !important;
}


/* Tabs */
.tabbrowser-tab {
  -moz-appearance: none;
  background: url("chrome://browser/skin/tabbrowser/tab-bkgnd.png") repeat-x;
  height: 22px;
  margin: 2px 0px 2px !important;
  padding: 0px 1px 0px 0px;
  border: 2px solid;
  border-width: 1px !important;
  border-bottom: none;
  background-color:#DFDCD6 !important;
  opacity:1 !important;
  -moz-border-radius-topleft: 4px !important;
  -moz-border-radius-topright: 4px !important;
  -moz-border-top-colors: ThreeDShadow rgba(255,255,255,.3);
  -moz-border-right-colors: rgba(0,0,0,.1);
  -moz-border-left-colors: ThreeDShadow rgba(255,255,255,.3);
}


.tabbrowser-tab:hover,
.tabbrowser-tab[selected="true"] {
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-top-colors: ThreeDShadow;
  -moz-border-right-colors: ThreeDShadow;
  -moz-border-left-colors: ThreeDShadow;
}


.tabbrowser-tab:not([selected="true"]):hover {
  background-image: url("chrome://browser/skin/tabbrowser/tab-hover-bkgnd.png");
}

Das sind die änderungen in der browser.css

Aber nun die nächste frage, weiß jemand wie man die Scroll-buttons in der Tableiste ändern kann? Die im Tab Mix Plus scheinen keine wirkung zu zeigen

.tabs-arrowscrollbox[flowing=multibar] > .tabs-scroll-up {
  list-style-image: url("chevron-up.gif");
}


.tabs-arrowscrollbox[flowing=multibar] > .tabs-scroll-down {
  list-style-image: url("chevron-dn.gif");
}

Nach dem wechsel auf Firefox 3 fangen auch schon die "Problemchen" an...
Da mir das aussehen der inaktiven Tabs bei dem Standard Theme nicht gefallen hat ( 1px kleiner, abrundung der ecken anders ) hab ich versucht das zu ändern, was sich dann als recht kompliziert erwiesen hat, da ich ehrlich gesagt keine Ahnung von CSS usw. hab.

Durch folgendes hab ich es einigermaßen geschaft, das es fast so aussieht wie ich es haben möchte

.tabs-frame,
.tabs-newbutton,
#tabs-left-space,
#tabs-right-space,
.tabs-alltabs-button,
.tabs-closebutton-box {
  padding-top:0px !important;
  padding-bottom:0px !important;
}


.tabbrowser-tab {
  margin-top:3px !important;
  margin-bottom:2px !important;
  background-color:#DFDCD6 !important;
  opacity:1 !important;
  -moz-border-radius-topleft:5px !important;
  -moz-border-radius-topright:5px !important;
}

Aber leider ist es nicht ganz so wie es soll...
Gehe ich mit der Maus auf ein inaktives Tab, sackt das Icon und der Text um 1px ab, aktiviere ich es hüpften die beiden wieder um das 1px hoch.

Da ich Tab Mix Plus nutze, und maximal 2 Tabreihen haben möchte kommt schon der nächste optische Mangel mit dem obrigem Code. Bei einer Reihe ist die Tabhöhe der aktiven und inaktiven Tabs identisch, sobald es eine zweite Reihe mit Tabs gibt, ist wieder der 1px unterschied wie im Standardtheme.

Auch habe ich bisher nicht rausgefunden wie ich den 3px breiten Rand ganz links neben dem ersten Tab wegmachen kann.

Ist schon setlsam, beim FF2 reichte folgendes um es so aussehen zu lassen wie ich es gerne hätte, und beim FF3 komme ich nicht weiter...

.tabbrowser-tabs > tab {
  height: 27px !important;
  margin-top: 1px !important;
}

Lange Rede, kruzer Sinn, so wie es hier bei dem FF2 aussieht hätte ich es gerne auch beim FF3

[Blockierte Grafik: http://www.abload.de/img/tabs1yn.png]

Wäre toll wenn mir jemand dabei weiterhelfen könnte.