Aero Glass in Lesezeichen-Leiste

pcinfarkt

TMP - k.A.

CSS

#tabbrowser-tabs > tab,
#TabsToolbar {
    background-image: none !important;
    background-color: transparent !important;
    }


.tabbrowser-tab[selected="true"] {
    -moz-box-shadow: -1px 0 15px rgba(0, 255, 0, .8) inset;
    font-weight: bold;
    }
/*
#identity-box {
    background-image: none !important;
    background-color: transparent !important;
    }
#identity-icon-labels {
    -moz-box-shadow: -1px 0 15px rgba(0, 255, 0, .8) inset;
    color: black !important;
    }
*/

Alles anzeigen

MrBusty

Super pcinfarkt! - Das funktioniert. Vielen Dank!!!

Mit TMP kann ich die Reiter semitransparent gestalten - aber nur, wenn ich auch eine Hintergrundfarbe vergebe.
Idealer wäre es, wenn die Tabs das aktuelle Skin bebehalten könnten, während sie semitransparent dargestellt werden.

Ist es möglich, anstatt background-color: transparent !important; eine Teiltransparenz für die Tabs zu vergeben (wobei der aktive Tab unverändert -also opaque- bleiben sollte)?

PS: Sind die Änderungen für #identity-box und #identity-icon-labels für spätere Versionen von Firefox gedacht? Was bewirken diese?

pcinfarkt

Zitat von MrBusty

- Ist es möglich, anstatt background-color: transparent !important; eine Teiltransparenz für die Tabs zu vergeben (wobei der aktive Tab unverändert -also opaque- bleiben sollte)?

Da musst du wahrscheinlich mit den Referenzen [1]

Code

opacity

,

Code

finishopacity

und

Code

style

*spielen*.

Die Ansprache für nicht-aktive Tabs wäre

Code

.tabbrowser-tab[selected="false"]

und für aktive

Code

.tabbrowser-tab[selected="true"]

.

Vllt. ein Beispiel unabhängig vom obigen Schnipsel für nicht-aktive Tabs:

CSS

#TabsToolbar, 
.tabbrowser-tab[selected="false"] {
     opacity: .6 !important;


/* besser geeignet für  Einzelelemente
     finishopacity: 10 !important;
     style=3 !important;
*/
     }

Möglicherweise muss man da aber wesentlich mehr ändern. Hilfsmittel kann da auch u.a. der DOMI [2] sein.

[1] https://developer.mozilla.org/en/CSS_Reference
[2] https://www.camp-firefox.de/forum/viewtopi…c80f360#p716341

MrBusty

Hallo pcinfarkt, ich habe jetzt alles durchprobiert... - hier ist meine userchrome.css:

CSS

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */




/* App button glossy */
#appmenu-button {
	background-image: none											  !important;
	border-color:	  rgba(0, 0, 0, 0.7)							!important;
	box-shadow: 		rgba(0, 0, 0, 0.7)							!important;
}


/* Bookmarks bar glossy */
#PersonalToolbar {
	-moz-appearance:  none 											 !important;
	background-image: -moz-linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.1))	!important;
	background-color: transparent 									!important;
	-moz-appearance:  -moz-win-glass								 !important;
	border:			  none											  !important;
	color:				#000 											 !important;
	text-shadow:		#fff 0px 0px 10px, #fff 1px 1px 10px, #fff 1px 1px 3px	!important;
}


/* Tabbar glossy */
#TabsToolbar {
	background-image: none											  !important;
	background-color: transparent									 !important;
}


/* All tabs glossy 
#tabbrowser-tabs > tab {
	opacity:		.7													  !important;
}
*/


/* Inactive tab glossy */
.tabbrowser-tab[selected="false"] {
	opacity:		.7													  !important;
}


/* Active tab non-glossy */
.tabbrowser-tab[selected="true"] {
	opacity:		0.1													 !important;
}

Alles anzeigen

#tabbrowser-tabs > tab funktioniert und macht alle Tabs halbtransparent.
Leider kann man nicht den aktiven Tab anschließend mit .tabbrowser-tab[selected="true"] wieder opaque machen (opacity: 1.0).

Mit .tabbrowser-tab[selected="false"] alle inaktiven Tabs halbtransparent zu machen geht leider auch nicht
(mit .tabbrowser-tab[selected="true"] für den aktiven Tab allerdings schon...)

Gibt es hier noch einen Trick?

PS: Wie spricht man die Addon-Leiste an?

pcinfarkt

Code

#addon-bar

PS. Mit dem DOMI (s.d.a.w.o.) ganz leicht zu finden!

MrBusty

Zitat von pcinfarkt
Code
#addon-bar
PS. Mit dem DOMI (s.d.a.w.o.) ganz leicht zu finden!

Auf der DOMI-Seite bin ich nicht fündig geworden - dafür aber in einem Beispiel von dir, welches du verlinkt hattest.
Leider hat das bei mir nicht funktioniert - irgendwie sind meine CSS-Kenntnisse an dieser Stelle voll für'n A...

Hier was ich probiert habe:

CSS

/* Tabbar and Addon-Bar glossy */
#addon-bar,
#TabsToolbar {
	background-image:	none									!important;
	background-color:	transparent								!important;
}

Hast du zu dem Problem mit der Transparenz der nicht-aktiven Reiter eine Idee?

Brummelchen

Du weiss bis jetzt alles wichtige, investier doch jetzt selbst mal etwas Arbeit.

Das, was ich dir zuletzt schrieb, habe ich aber ohne TMP getestet.
Mit TMP dürfte das nur unwesentlich anders sein, dann nimm testweise die Einstellungen
zu den Tabs bei TMP raus.

MrBusty

Ich weiß, dass ich nichts weiß. - Das ist aber auch das Einzige!

Warum funktioniert .tabbrowser-tab[selected="false"] nicht, .tabbrowser-tab[selected="true"] aber schon??? :-???

Warum funtioniert

CSS

.tabbrowser-tab[selected="true"] {
   opacity:      0.7                                        !important;
}

aber nicht

CSS

.tabbrowser-tab[selected="true"] {
   opacity:      1.0                                        !important;
}

??? :-???

Ich habe alle eure Tips rauf und runter probiert - aber das half nichts!
Auch der Versuche es mit deaktiviertem TMP zu probieren, schlug leider massiv fehl.

Ich frage nur, weil ich allein nicht weiter komme...

Brummelchen

Zitat

Warum funktioniert .tabbrowser-tab[selected="false"]

Weil das - zum wiederholten Male - der falsche Syntax ist...
Ich hatte nicht umsonst auf meinen Code verwiesen...
► https://www.camp-firefox.de/forum/viewtopi…=723113#p723113

Zitat

.tabbrowser-tab:not([selected="true"])

MrBusty

Zitat von Brummelchen

Weil das - zum wiederholten Male - der falsche Syntax ist...
Ich hatte nicht umsonst auf meinen Code verwiesen...
► https://www.camp-firefox.de/forum/viewtopi…=723113#p723113

Entschuldige bitte Brummelchen, dies habe ich leider irgendwie übersehen...
Der Code von dir lief ja am Anfang noch nicht, weil -wie ich vermute- dieser die TabsToolbar noch nicht auf transparent gestellt hat. Anschießend hatte ich dann nur noch den Beitrag von pcinfarkt » Sa, 23. Apr 2011 8:01 im Kopf, welcher leider die falsche Syntax enthielt.
Ich hoffe, du kannst mir das verzeihen. :oops:

Ok, für alle, welche ähnliches vor haben - hier ist mein CSS:

CSS

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */




/* App button glossy */
#appmenu-button {
	background-image:	none									!important;
	border-color:		rgba(0, 0, 0, 0.7)							!important;
	box-shadow:		rgba(0, 0, 0, 0.7)							!important;
}


/* Bookmarks bar glossy */
#PersonalToolbar {
	-moz-appearance:	none 									!important;
	background-image:	-moz-linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.1))	!important;
	background-color:	transparent 								!important;
	-moz-appearance:	-moz-win-glass								!important;
	border:			none									!important;
	color:			#000 									!important;
	text-shadow:		#fff 0px 0px 10px, #fff 1px 1px 10px, #fff 1px 1px 3px			!important;
}


/* Tabbar glossy */
#addon-bar,
#TabsToolbar {
	background-image:	none									!important;
	background-color:	transparent								!important;
}


/* Inactive tab glossy */
.tabbrowser-tab:not([selected="true"]) {
	opacity:		.7									!important;
}

Alles anzeigen

Er funktioniert schon ziemlich gut (was allein Brummelchen und pcinfarkt zu verdanken ist! ).
Allerdings klappt das mit der Transparenz für die Addon-Leiste noch nicht (Code unter /* Tabbar glossy */)

Wenn ihr an dieser Stelle noch einmal weiter helfen könnt, dann wäre ich euch sehr dankbar!
(ich hoffe, es ist euch nicht zuviel...)

Nochmal vielen Dank für eure bisherige Hilfe!!!