FF 4.0 Personas + Glass eine andere farbe des browsers trotz glass
#1
geschrieben 21. März 2011 - 23:02
Wie schaffe ich es ein Bild/ eine Farbe in Personas (oder sonstwo) einzustellen und nicht die transparente Titelleiste zu verlieren? Habe bei Personas nach Glass gesucht aber es gibt eben nur Bilder und nichts transparentes.
Das heisst wenn man einen transparenten Rahmen haben möchte MUSS man das standard Theme aktivieren.
Danke
Anzeige
#2
geschrieben 22. März 2011 - 08:42
#4
geschrieben 22. März 2011 - 12:46
@ mister-x, danke (schade aber)
#5
geschrieben 22. März 2011 - 13:00
holt euch erst mal "stylish" und dann erstellt ihr nen neuen stil und da kommt folgendes rein:
/* keep persona out of titlebar */ #main-window[lightweightthemes="true"] { background-position: 100% 33px !important; background-color: transparent !important; } /* fix: tabs become too transparent and hard-to-read due to above rule */ .tabbrowser-tab:-moz-lwtheme-darktext:not([selected="true"]), .tabs-newtab-button:-moz-lwtheme-darktext { background-image: -moz-linear-gradient(center bottom , rgba(26, 26, 26, 0.4) 1px, transparent 1px), -moz-linear-gradient(transparent, rgba(114, 114, 114, 0.1) 1px, rgba(81, 81, 81, 0.2) 80%, rgba(0, 0, 0, 0.2)), -moz-linear-gradient(rgb(207, 219, 236), rgb(207, 219, 236)) !important; } .tabbrowser-tab[selected="true"]:-moz-lwtheme { background-image: -moz-linear-gradient(white, rgba(255, 255, 255, 0.5) 50%), -moz-linear-gradient(rgb(207, 219, 236), rgb(207, 219, 236)) !important; }
Die Tabs an sich werden hierbei allerdings nicht mitgefärbt. Mal schaun, ob ich noch was anderes finde
zusätzlich kann man noch im "about:config" bereich von firefox den Wert von browser.tabs.drawInTitlebar auf "false" stellen. dadurch rutschen die tabs wieder unter die titelleiste und dürften mitgefärbt werden.
Edit: Alternativ kann man mit dem AddOn "Stratiform" die Symbolleiste.... "pimpen?"
Dieser Beitrag wurde von mister-x bearbeitet: 22. März 2011 - 13:09
#6
geschrieben 22. März 2011 - 13:09
#navigator-toolbox label:not([class^="menu-"]):not([id^="identity-icon"]):not([class^="urlbar"]):not([class^="tab"]),
#sidebar-header,
#browser-bottombox label,
#browser-bottombox description,
#navigator-toolbox:not([blah]) .tabbrowser-tab
{color: white !important;
text-shadow: black 1px 1px 1.5px !important; }
#browser-bottombox [disabled="true"] label
{color: rgb(127, 127, 127) !important;
text-shadow: 1px 1px 0 black !important; }
#main-window[stylish-platform*="Linux"] #navigator-toolbox label[class^="menu"],
#browser-bottombox notificationbox *:not([blah])
{color: inherit !important;
text-shadow: none !important; }
#sidebar-header
{-moz-appearance: none !important;
border-top: none !important;
background-image: -moz-linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0)) !important; }
#browser-bottombox > *
{-moz-box-ordinal-group: 2 !important; }
#browser-bottombox notificationbox
{-moz-box-ordinal-group: 1 !important; }
#status-bar
{background-color: transparent !important; }
#navigator-toolbox textbox
{background-color: rgba(255, 255, 255, .84) !important; }
#navigator-toolbox textbox:hover
{background-color: rgba(255, 255, 255, .92) !important; }
#navigator-toolbox textbox[focused]
{background-color: white !important; }
#urlbar toolbarbutton
{border-radius: 0 4px 4px 0!important; }
@media not all and (-moz-windows-compositor){
#browser-bottombox > *
{-moz-appearance: none !important;
background: none !important;
border: none !important; }
#sidebar-header,
#navigator-toolbox:not(:-moz-lwtheme) > *:not(#TabsToolbar):not(#toolbar-menubar),
#browser-bottombox,
#main-window[tabsontop="false"] :-moz-any(#TabsToolbar, #toolbar-menubar),
#main-window[chromehidden=""][tabsontop="false"]:not(:-moz-lwtheme)
{background-color: RGB(0, 0, 0) !important; }
#navigator-toolbox:-moz-lwtheme > *:not(#TabsToolbar),
#browser-bottombox:-moz-lwtheme > *,
#main-window[tabsontop="false"]:-moz-lwtheme #TabsToolbar:nth-last-child(1n+2),
#main-window[tabsontop="false"]:-moz-lwtheme #PersonalToolbar[collapsed="false"] + #TabsToolbar,
#main-window[tabsontop="false"]:-moz-lwtheme [id^="__customToolbar"]:not([collapsed="true"]) ~ #TabsToolbar,
#sidebar-header:-moz-lwtheme
{background-color: RGBa(0, 0, 0, .5) !important; }
#main-window:-moz-lwtheme #TabsToolbar,
#main-window:-moz-lwtheme #toolbar-menubar,
#main-window[tabsontop="false"]:-moz-lwtheme #nav-bar
{background-color: transparent !important; }
#main-window[stylish-platform*="Linux"] #nav-bar
{background-image: -moz-linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0)) !important; }
#main-window[stylish-platform*="Linux"][tabsontop="true"]:not([lwtheme="true"]) #TabsToolbar
{box-shadow: 0 -1PX 0 threedshadow inset !important; }
#FindToolbar,
#addon-bar
{border-top: 2px solid rgb(0, 0, 0) !important;
-moz-border-top-colors: rgb(128, 128, 128) rgba(255, 255, 255, .5) !important; }
#FindToolbar:not([hidden="true"]) ~ #addon-bar
{border-top: none !important; }
#navigator-toolbox:after
{background-image: -moz-linear-gradient(RGBa(0, 0, 0, .2), transparent) !important; }
.tabbrowser-tab[selected="true"]
{background-image: -moz-linear-gradient(bottom, rgba(255, 255, 255, .505), rgba(255, 255, 255, .82)),
-moz-linear-gradient(rgba(255, 255, 255, .25), rgba(255, 255, 255, 0) 35%),
-moz-linear-gradient(RGB(0, 0, 0), RGB(0, 0, 0)) !important; }
.tabbrowser-tab:not([selected="true"]),
.tabs-newtab-button
{background-image: -moz-linear-gradient(bottom, rgba(26, 26, 26, .4), rgba(26, 26, 26, .4) 1px, transparent 1px),
-moz-linear-gradient(rgba(195, 195, 195, .5), rgba(90, 90, 90, .5)),
-moz-linear-gradient(RGB(0, 0, 0), RGB(0, 0, 0)) !important; }
.tabbrowser-tab:not([selected="true"]):hover,
.tabs-newtab-button:hover
{background-image: -moz-linear-gradient(bottom, rgba(26, 26, 26, .4), rgba(26, 26, 26, .4) 1px, transparent 1px),
-moz-linear-gradient(rgba(245, 245, 245, .6), rgba(140, 140, 140, .6)),
-moz-linear-gradient(RGB(0, 0, 0), RGB(0, 0, 0)) !important; }
.tabbrowser-tab[pinned][titlechanged]
{background-image: -moz-linear-gradient(bottom, rgba(26, 26, 26, .4), rgba(26, 26, 26, .4) 1px, transparent 1px),
-moz-radial-gradient(50% 3px, circle cover, white 2%, rgba(255, 255, 255, 0) 50%),
-moz-linear-gradient(rgba(190, 190, 190, .5), rgba(110, 110, 110, .5) 50%),
-moz-linear-gradient(RGB(0, 0, 0), RGB(0, 0, 0)) !important; }
.tabbrowser-tab[pinned][titlechanged]:hover
{background-image: -moz-linear-gradient(bottom, rgba(26, 26, 26, .4), rgba(26, 26, 26, .4) 1px, transparent 1px),
-moz-radial-gradient(50% 3px, circle cover, white 2%, rgba(255, 255, 255, 0) 50%),
-moz-linear-gradient(rgba(240, 240, 240, .6), rgba(160, 160, 160, .6) 50%),
-moz-linear-gradient(RGB(0, 0, 0), RGB(0, 0, 0)) !important; }
.tabbrowser-tab[selected="true"]:-moz-lwtheme
{background-image: -moz-linear-gradient(bottom, rgba(255, 255, 255, .505), rgba(255, 255, 255, .82)),
-moz-linear-gradient(rgba(255, 255, 255, .25), rgba(255, 255, 255, 0) 35%),
-moz-linear-gradient(RGBa(0, 0, 0, .5), RGBa(0, 0, 0, .5)) !important; }
.tabbrowser-tab:not([selected="true"]):-moz-lwtheme,
.tabs-newtab-button:-moz-lwtheme
{background-image: -moz-linear-gradient(rgba(255, 255, 255, .4), rgba(255, 255, 255, 0) 50%),
-moz-linear-gradient(RGBa(0, 0, 0, .5), RGBa(0, 0, 0, .5)) !important; }
.tabbrowser-tab:not([selected="true"]):-moz-lwtheme:hover,
.tabs-newtab-button:-moz-lwtheme:hover
{background-image: -moz-linear-gradient(rgba(255, 255, 255, .7), rgba(255, 255, 255, .1) 50%),
-moz-linear-gradient(RGBa(0, 0, 0, .5), RGBa(0, 0, 0, .5)) !important; }
.tabbrowser-tab[pinned][titlechanged]:-moz-lwtheme
{background-image: -moz-radial-gradient(50% 3px, circle cover, white 2%, rgba(255, 255, 255, 0) 50%),
-moz-linear-gradient(rgba(255, 255, 255, .4), rgba(255, 255, 255, 0) 50%),
-moz-linear-gradient(RGBa(0, 0, 0, .5), RGBa(0, 0, 0, .5)) !important; }
.tabbrowser-tab[pinned][titlechanged]:-moz-lwtheme:hover
{background-image: -moz-radial-gradient(50% 3px, circle cover, white 2%, rgba(255, 255, 255, 0) 50%),
-moz-linear-gradient(rgba(255, 255, 255, .7), rgba(255, 255, 255, .1) 50%),
-moz-linear-gradient(RGBa(0, 0, 0, .5), RGBa(0, 0, 0, .5)) !important; }
}
@media all and (-moz-windows-compositor){
#browser-bottombox:-moz-lwtheme > *
{border: none !important; }
#browser-bottombox:not(:-moz-lwtheme)
{background-image: -moz-linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0)) !important; }
#browser-bottombox:not(:-moz-lwtheme) > *:not(#sync-notifications)
{-moz-appearance: -moz-win-glass !important; }
#FindToolbar,
#addon-bar
{box-shadow: 0 1px 0 rgba(160, 160, 160, .7) inset !important; }
#FindToolbar:not([hidden="true"]) ~ #addon-bar
{box-shadow: none !important; }
#addon-bar > *:not(#status-bar)
{margin-top: 1px !important;
margin-bottom: -1px !important; }
#sidebar-header,
#navigator-toolbox > *,
#browser-bottombox,
#browser-bottombox > *,
#main-window[tabsontop="false"] #TabsToolbar:nth-last-child(1n+2),
#main-window[tabsontop="false"] #PersonalToolbar[collapsed="false"] + #TabsToolbar,
#main-window[tabsontop="false"] [id^="__customToolbar"]:not([collapsed="true"]) ~ #TabsToolbar
{background-color: RGBA(0, 0, 0, 0) !important; }
#TabsToolbar,
#toolbar-menubar,
#main-window[tabsontop="false"] #nav-bar
{background-color: transparent !important; }
#main-window[tabsontop="true"][sizemode="maximized"]:not([lwtheme="true"]) #TabsToolbar
{background-image: none !important;
box-shadow: 0 -0PX 0 rgba(26, 26, 26, .4) inset !important; }
#main-window[tabsontop="true"][sizemode="normal"]:not([lwtheme="true"]) #nav-bar
{box-shadow: rgba(26, 26, 26, .4) 0 -0PX 0 !important;
border-top: none !important;
margin-top: 1px !important; }
#main-window[sizemode="normal"] #browser-bottombox > *
{border-left: 1px solid rgba(26, 26, 26, .4) !important;
border-right: 1px solid rgba(26, 26, 26, .4) !important; }
#navigator-toolbox:after
{background-color: rgba(160, 160, 160, .6) !important;
background-image: -moz-linear-gradient(RGBA(0, 0, 0, 0), transparent) !important; }
.tabbrowser-tab[selected="true"]
{background-image: -moz-linear-gradient(bottom, rgba(255, 255, 255, .505), rgba(255, 255, 255, .82)),
-moz-linear-gradient(rgba(255, 255, 255, .25), rgba(255, 255, 255, 0) 35%),
-moz-linear-gradient(RGBA(0, 0, 0, 0), RGBA(0, 0, 0, 0)) !important; }
.tabbrowser-tab:not([selected="true"]),
.tabs-newtab-button
{background-image: -moz-linear-gradient(bottom, rgba(26, 26, 26, .4), rgba(26, 26, 26, .4) 0PX, transparent 1px),
-moz-linear-gradient(rgba(195, 195, 195, .5), rgba(90, 90, 90, .5)),
-moz-linear-gradient(RGBA(0, 0, 0, 0), RGBA(0, 0, 0, 0)) !important; }
.tabbrowser-tab:not([selected="true"]):hover,
.tabs-newtab-button:hover
{background-image: -moz-linear-gradient(bottom, rgba(26, 26, 26, .4), rgba(26, 26, 26, .4) 0PX, transparent 1px),
-moz-linear-gradient(rgba(245, 245, 245, .6), rgba(140, 140, 140, .6)),
-moz-linear-gradient(RGBA(0, 0, 0, 0), RGBA(0, 0, 0, 0)) !important; }
.tabbrowser-tab[pinned][titlechanged]
{background-image: -moz-linear-gradient(bottom, rgba(26, 26, 26, .4), rgba(26, 26, 26, .4) 0PX, transparent 1px),
-moz-radial-gradient(50% 3px, circle cover, white 2%, rgba(255, 255, 255, 0) 50%),
-moz-linear-gradient(rgba(190, 190, 190, .5), rgba(110, 110, 110, .5) 50%),
-moz-linear-gradient(RGBA(0, 0, 0, 0), RGBA(0, 0, 0, 0)) !important; }
.tabbrowser-tab[pinned][titlechanged]:hover
{background-image: -moz-linear-gradient(bottom, rgba(26, 26, 26, .4), rgba(26, 26, 26, .4) 0PX, transparent 1px),
-moz-radial-gradient(50% 3px, circle cover, white 2%, rgba(255, 255, 255, 0) 50%),
-moz-linear-gradient(rgba(240, 240, 240, .6), rgba(160, 160, 160, .6) 50%),
-moz-linear-gradient(RGBA(0, 0, 0, 0), RGBA(0, 0, 0, 0)) !important; }
}
@media not all and (-moz-windows-compositor){
/**/}
@media all and (-moz-windows-theme: luna-blue), all and (-moz-windows-theme: luna-olive), all and (-moz-windows-theme: luna-silver), all and (-moz-windows-theme: royale), all and (-moz-windows-theme: zune){
#main-window:not([inFullscreen])
{margin-top: -2px !important;
padding-top: 2px !important; }
}
@media not all and (-moz-windows-compositor){
#titlebar
{visibility: hidden !important; }
#titlebar-content
{visibility: visible !important; }
#main-window[sizemode="maximized"][tabsintitlebar="true"]:not(:-moz-lwtheme) #TabsToolbar
{background-image: -moz-linear-gradient(bottom, rgba(26, 26, 26, 0.4) 1px, rgba(0, 0, 0, 0.05) 1px, transparent 50%) !important; }
#main-window[chromehidden=""]:not(:-moz-lwtheme),
#navigator-toolbox:not(:-moz-lwtheme) > *
{background-color: RGB(0, 0, 0) !important; }
#main-window[tabsontop="false"]:not([stylish-platform*="Linux"]) #navigator-toolbox > *:not(#TabsToolbar)
{background-image: none !important; }
#main-window[tabsontop="true"][stylish-platform*="Linux"]:not([lwtheme="true"]) #TabsToolbar
{background-color: RGB(0, 0, 0) !important;
-moz-appearance: none !important; }
}
@media all and (-moz-windows-compositor){
#main-window[chromehidden=""]
{background-color: RGBA(0, 0, 0, 0) !important; }
#navigator-toolbox:not(:-moz-lwtheme) > *,
#browser-bottombox:not(:-moz-lwtheme),
#sidebar-header,
#main-window:not(:-moz-lwtheme) #TabsToolbar:nth-last-child(1n+2),
#main-window[tabsontop="false"]:not(:-moz-lwtheme) #PersonalToolbar[collapsed="false"] + #TabsToolbar,
#main-window[tabsontop="false"]:not(:-moz-lwtheme) [id^="__customToolbar"]:not([collapsed="true"]) ~ #TabsToolbar
{background-color: transparent !important; }
.tabbrowser-tab[selected="true"]:not(:-moz-lwtheme)
{background-image: -moz-linear-gradient(bottom, rgba(255, 255, 255, .505), rgba(255, 255, 255, .82)),
-moz-linear-gradient(rgba(255, 255, 255, .25), rgba(255, 255, 255, 0) 35%),
-moz-linear-gradient(RGBA(0, 0, 0, 0) 000%, transparent 000%) !important; }
#browser-bottombox
{border-radius: 0 !important; }
}/**/
"Himmlische Ruhe und tödliche Stille haben dieselbe Phonzahl."
My Music
#7
geschrieben 22. März 2011 - 13:11
Edit: Bei dir ist aber dann trotzdem die Titelleiste nicht transparent.
Dieser Beitrag wurde von mister-x bearbeitet: 22. März 2011 - 13:15
#8
geschrieben 22. März 2011 - 13:17
Ich hab hier noch ein geeignetes Windows-Theme mitlaufen...
Damit ist alles transparent...
"Himmlische Ruhe und tödliche Stille haben dieselbe Phonzahl."
My Music
#9
geschrieben 22. März 2011 - 13:20
#10
geschrieben 22. März 2011 - 13:22
"Himmlische Ruhe und tödliche Stille haben dieselbe Phonzahl."
My Music
#11
geschrieben 22. März 2011 - 13:36
Das Aerodesign an sich gefällt ihm aber schon. Und das beißt sich mit dem Wunsch einer schönen Personas Tapete, da Personas auch die eigentlich transparente Titelleiste mit"färbt".
#12
geschrieben 22. März 2011 - 13:38
im grunde genommen wollte ich dieses standard blau verändern durch einzelne farbe oder ein bild (personas)
aber schaut so als wäre dies nicht möglich, was schade ist.
______________
edit: ja mister-x hat es am besten zusammengefasst, vlt. bin ich im moment der einzigste mit dem wunsch aber ich bin mir sicher wenns sich ff 4.0 einmal durchsetzt werden das mehrere leute wollen.
Dieser Beitrag wurde von bassdrum bearbeitet: 22. März 2011 - 13:40
#14
geschrieben 22. März 2011 - 16:56
jetzt ist meine navi+lesezeichenleiste sogar transparent, das wollte ich garnicht finde ich aber total klasse.
Falls jemand noch das Addon braucht:
https://addons.mozil...don/stratiform/
_________
Edit: Eine Frage noch, wie entferne ich das "S" von stratiform neben der suchleiste? In den optionen nichts gefunden.
Antwort selbst gefunden: Rechtsklick auf Firefox -> Anpassen, symbol wegziehen
Dieser Beitrag wurde von bassdrum bearbeitet: 22. März 2011 - 17:05
- ← Wie Firefox4-Nach Absturz oder (Xen)Tabs wiederherstellen
- Browser & Mailsoftware
- Firefox 4 - Lesezeichenleiste mehrzeilig anzeigen →