privaten Tab farbig hervorheben

Zitronella

Problem selbst gelöst mit folgenden Code:

CSS

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


        #appmenu-button {
          background: #A90101 !important;
        }


        #appmenu-button dropmarker:before {
          content: "My Firefox" !important;
          color: #FFFFFF !important;
          text-shadow:none;
        }


        #appmenu-button .button-text {
          display: none !important;
        }
        tabs.tabbrowser-tabs#tabbrowser#tabs{


            background-color: transparent!important;
           }




        .tabbrowser-tab, .tabs-newtab-button {


            background: transparent !important;
            color: #ffffff !important;
            text-shadow:  0px 0px 2px !important;
            font-size: 0.9em !important;
            border: #000000 1px solid !important;
            padding-left: 4px !important;
            padding-right: 4px !important;
           box-shadow: inset 0px 0px 1em 0px rgba(255,255,255,.5) !important;
           border-radius: 6px 6px 0px 0px !important;
            height: 24px !important;
           }

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


            margin-left: 1px !important;
            margin-right: 1px !important;
                 color: #ffffff !important;
           }


        .tabbrowser-tab[selected="true"]{
            background: transparent !important;
            color: #ffffff !important;
                 text-shadow:  0px 0px 2px !important;
           box-shadow: inset 0px 0px 10px 0px  #EE0000 !important;
           }
        /* privates Fenster/Tab */
        #main-window[privatebrowsingmode=temporary] #appmenu-button {
          background: #6913A3 !important;
        }




    #main-window[privatebrowsingmode=temporary]:not([disablechrome]) .tabbrowser-tab[selected=true]:not(:-moz-lwtheme) {
box-shadow: inset 0px 0px 10px 0px  #8b00e9 !important;
    }

Alles anzeigen

2002Andreas

Zitat von Zitronella

Problem selbst gelöst mit folgenden Code:

Also doch eine Fachfrau inzwischen :klasse::wink:

Zitronella

hehe, naja, so würd ich das nicht sagen, ich probiere eigentlich nur rum und teste, aber ohne deine Hilfe hätt ich das niemals hin bekommen.

So, zum Abschluss noch ein Bild [Blockierte Grafik: http://www.abnehmen-aktuell.de/images/abnehmen-bilder/2012/05/SmileyFreu3-1.gif]

[Blockierte Grafik: http://i.imgur.com/0YOHm6q.png]

2002Andreas

Zitat von Zitronella

aber ohne deine Hilfe hätt ich das niemals hin bekommen.

Ich bin überzeugt davon...mit etwas Geduld und testen hättest du es auch geschafft :wink:
Aber freut mich das ich dir zumindest weiterhelfen konnte.

Zitat von Zitronella

So, zum Abschluss noch ein Bild

Danke, sieht sehr gut aus :klasse:

Zitronella

Die Schrift war mir noch zu verschwommen, dazu muss man die beiden Zeilen

CSS

text-shadow:  0px 0px 2px !important;

in

CSS

text-shadow:  0px 0px 0px !important;

ändern

[Blockierte Grafik: http://i.imgur.com/dU0w4jR.png]

Zitronella

Was ich festgestellt habe ist wenn ich ein Theme zB. http://www.getpersonas.com/de/persona/347947 verwende wird der private Tab wieder nicht lila angezeigt.
Ich habe die unterste Codezeile dahingehend verändert von

CSS

#main-window[privatebrowsingmode=temporary]:not([disablechrome]) .tabbrowser-tab[selected=true]:not(:-moz-lwtheme) {
box-shadow: inset 0px 0px 10px 0px  #8b00e9 !important;

zu

CSS

#main-window[privatebrowsingmode=temporary]:not([disablechrome]) .tabbrowser-tab[selected=true] {
box-shadow: inset 0px 0px 10px 0px  #8b00e9 !important;
    }

also einfach das

Code

:not(:-moz-lwtheme)

entfernt. Dann geht es wieder. Ist dann der gesamte Code immer noch korrekt oder könnten dadurch andere Fehler entstehen?

2002Andreas

Hallo Zitronella..

Zitat von Zitronella

könnten dadurch andere Fehler entstehen?

da ich keine Themes etc. nutze kann ich dir das leider nicht sagen, aber es kann nichts ernsthaftes am Fx sein.

Zitat von Zitronella

dahingehend verändert

Ich bin überzeugt das du einen evtl. Fehler berichtigen könntest, und wenn nicht melde dich bitte, dann inst. ich mir das Theme und versuche dir zu helfen :wink:

Zitronella

ok, danke. Ich fragte nur weil ich irgendwie keine verständliche Antwort im Netz fand was dieses ":not(:-moz-lwtheme)" genau bedeutet/macht.

2002Andreas

Ich auch nicht, aber evtl. hilft dir das weiter

https://developer.mozilla.org/en-US/docs/CSS/:-moz-lwtheme

Zitronella

jo , danke, das hatte ich auch gefunden, nur mangels Kenntnis nicht wirklich schlau daraus geworden naja, es funktioniert alles und wenn nicht weiß ich wo ich mich melden kann