About Seiten mit CSS Codes anpassen

milupo

Zitat von Firefox_94.0.1

Wie kann ich in about:preferences die drop-down menüs im offenen Zustand anpassen?

Du musst in den Browser-Werkzeugen einstellen, dass die Popups nicht sofort wieder ausgeblendet werden.

Firefox_94.0.1

Zitat von milupo

Zitat von Firefox_94.0.1

Wie kann ich in about:preferences die drop-down menüs im offenen Zustand anpassen?

Du musst in den Browser-Werkzeugen einstellen, dass die Popups nicht sofort wieder ausgeblendet werden.

Danke. Dachte, diese Einstellung in den Browser-Werkzeugen nur für die Elemente gilt, die mit den Browser-Werkzeugen untersucht werden können.

2002Andreas

Zitat von Firefox_94.0.1

die mit den Browser-Werkzeugen untersucht werden können.

Du kannst damit zwar die IDs auslesen:

aber nicht verändern:

Das geht nur mit den Entwickler-Werkzeugen, da es sich um einen neuen Tab handelt:

milupo

Zitat von Firefox_94.0.1

Dachte, diese Einstellung in den Browser-Werkzeugen nur für die Elemente gilt, die mit den Browser-Werkzeugen untersucht werden können.

Au weia, da habe ich gar nicht aufgepasst.

Heinrich

Ich hätte hier auch noch mal einen !!

Das Letzte was in meinem Fux noch ungeschmückt war............

Die Weiterleitungs-Warung bei kritischen Seiten.

aboutCerterror.css

CSS

/*Kritische Seiten, Weiterleitungs-Warnung*/
@namespace url(http://www.w3.org/1999/xhtml);
 @-moz-document url-prefix(about:certerror){

    body {
        background-color: #FFF5CF !important;
        }
    
    #advancedPanelContainer {
        background-color: rgba(233,219,205,1.00) !important;
        }
    
    #badCertAdvancedPanel{
        background-color: #fbe8d2 !important;
        }
    
    #exceptionDialogButton,
    #advancedButton{
        color: #B70E11 !important;
        background: rgba(242,234,227,1.00)!important;
        }
    
    #exceptionDialogButton:hover,
    #advancedButton:hover{
        color: #B70E11 !important;
        background: lightblue !important;
        }
    
    #advancedPanelReturnButton,
    #returnButton{
        color: green !important;
        background: rgba(242,234,227,1.00)!important;
        }
    
    #advancedPanelReturnButton:hover,
    #returnButton:hover{
        color: green !important;
        background: lightblue!important;
        }
    
    #learnMoreLink,
    #errorCode,
    #viewCertificate{
        color: red !important;
        }
    }

Alles anzeigen

Farben kann sich ja Jeder umgestalten wie er es braucht !

2002Andreas

Zitat von Heinrich

@-moz-document url-prefix(about:certerror){

Heinrich

Versuchs mal mit dieser URL

https://cheeaun.phoenity.com/

about:certerror ist auch keine aufrufbare URL sondern eine Warnmeldung

2002Andreas

Zitat von Heinrich

Versuchs mal mit dieser URL

Heinrich

Genau für die Meldung ist das

2002Andreas

Zitat von Heinrich

Genau für die Meldung ist das

Alles klar, danke

Sören Hentzschel

Zitat von 2002Andreas

Es gibt einige interne about:-Seiten mehr als auf about:about aufgelistet werden. Du findest dort beispielsweise auch about:pocket-style-guide nicht.

2002Andreas

Zitat von Sören Hentzschel

Es gibt einige interne about:-Seiten mehr

Danke für die Aufklärung

Heinrich

Zitat von Sören Hentzschel

Es gibt einige interne about:-Seiten mehr als auf about:about aufgelistet werden. Du findest dort beispielsweise auch about:pocket-style-guide nicht.

Aber die von mir verbastelte Meldung erscheint halt des öfteren von selbst mal und sollte deshalb zu meinem Style passen.

Alle Anderen about Seiten die ich auch mal aufrufen würde habe ich ja auch schon teils mit Code von hier umgestaltet und die about`s die ich eh nie nutze können aussehen wie sie wollen

Heinrich

Ich habe nochmal ein wenig nachgebessert !

Auf Erweitert klicken ist auch mit überarbeitet.........

Neuer Code

CSS

/*Kritische Seite, Weiterleitungs-Warnung*/
@namespace url(http://www.w3.org/1999/xhtml);
 @-moz-document url-prefix(about:certerror){

    body {
        background-color: #FFF5CF !important;
        }
    
    #advancedPanelContainer {
        background-color: rgba(233,219,205,1.00) !important;
        }
    
    #badCertAdvancedPanel{
        background-color: #fbe8d2 !important;
        }
    
    #exceptionDialogButton,
    #advancedButton{
        color: #B70E11 !important;
        background: rgba(242,234,227,1.00)!important;
        }
    
    #exceptionDialogButton:hover,
    #advancedButton:hover{
        color: #B70E11 !important;
        background: lightblue !important;
        }
    
    #advancedPanelReturnButton,
    #returnButton{
        color: green !important;
        background: rgba(242,234,227,1.00)!important;
        }
    
    #advancedPanelReturnButton:hover,
    #returnButton:hover{
        color: green !important;
        background: lightblue!important;
        }
    .title-text,
    #learnMoreLink,
    #errorCode,
    #viewCertificate{
        color: red !important;
        }
        #errorWhatToDoTitleText > strong:nth-child(1){
        color: blue !important;
        }
        
    }

Alles anzeigen

Mira_Belle

Zitat von Heinrich

Ich habe nochmal ein wenig nachgebessert !
....

Danke für die Anregung.

CSS

@-moz-document url-prefix(about:certerror){
    body {
        background-color: #2b2b2b !important;
    }
    body.certerror .title {
        color: #ff9600 !important;
    }
    .title-text {
        color:#e1e1e1 !important;  
        font-weight: bold !important;
    }
   
    #errorShortDesc,
    #errorWhatToDoTitle,
    #errorWhatToDoText {
        color:#e1e1e1 !important;
    }
    .advanced-panel-container,
    #advancedPanelContainer {
        background-color: #2b2b2b !important;
    }
   
    #badCertAdvancedPanel{
        background-color: #404040 !important;
        border-color: #ff9600 !important;
        border-style: solid  !important;
        border-width: 2px !important;
        border-radius: 8px!important;        
    }
   
    #badCertTechnicalInfo {
        color: #e1e1e1 !important;        
    }
    #exceptionDialogButton,
    #advancedButton,
    #advancedPanelReturnButton,
    #returnButton {
        background: #2b2b2b !important;
        color: #e1e1e1 !important;
        border-color: #e1e1e1 !important;
        border-style: solid  !important;
        border-width: 2px !important;
        border-radius: 8px!important;
    }
   
    #exceptionDialogButton:hover,
    #advancedButton:hover,
    #advancedPanelReturnButton:hover,
    #returnButton:hover {
        background: #404040 !important;
        color: #e1e1e1 !important;
        border-color: #ff9600 !important;
    }
   
    #learnMoreLink,
    #errorCode,
    #viewCertificate  {
        color: #ff9600 !important;
    }

    #learnMoreLink:hover,    #errorCode:hover,    #viewCertificate:hover  {        color: #f3ae4e !important;    }
}

Alles anzeigen

Heinrich

Zitat von Mira_Belle

Danke für die Anregung.

Gerne doch freut mich das es nicht nur mir gefällt sieht bei mir aber auch schon wieder anders aus !

Mira_Belle

Wie lässt sich das Icon des Tabs färben?

Mit ...

CSS

.tab-icon-image {
    fill: red !important;
}

... sollte es doch gehen.

Nur wo müssen diese Zeilen hin?

Heinrich

Damit

CSS

.tabbrowser-tab[label="Warnung: Mögliches Sicherheitsrisiko erkannt"] .tab-icon-image {
  fill: red !important;
}

Statt fill kanst du aber auch ein Icon verwenden

dann aber so verwenden über die userContent.css

CSS

/*Damit wird das original Icon ausgeblendet */
.tabbrowser-tab[label="Warnung: Mögliches Sicherheitsrisiko erkannt"] .tab-icon-image {
  display: none !important;
}
  /*Damit wird das neue Icon dann eingefügt */  
.tabbrowser-tab[label="Warnung: Mögliches Sicherheitsrisiko erkannt"] .tab-text {
  padding-left: 23px !important;
  width: 19px !important;
  height: 19px !important;
  background: url("image/warnung16x16.png")no-repeat !important;
  background-size: 18px 18px !important;
}

Alles anzeigen

Mit deiner Variante würdest du die Tab-Icons pauschal ansprechen aber du willst ja immer nur ein bestimmtes und das geht nur so

und sowas immer schön in die userContent.css, am besten über inkludieren und nicht direkt da rein , ich habe weil ich einige Favicons geändert habe extra eine Favicon.css dafür angelegt.

2002Andreas

Zitat von Heinrich

schön in die userContent.css

Du meinst in die userChrome.css

Tabs gehören zur Optik vom Fx, und nicht von Webseiten.

Heinrich

Zitat von 2002Andreas

Zitat von Heinrich

schön in die userContent.css

Du meinst in die userChrome.css
Tabs gehören zur Optik vom Fx, und nicht von Webseiten.

Oh Mann, stimmt , DANKE da hab ich`s aber auch drin, war wohl schon zu spät für komplett Fehlerfreies Denken

About Seiten mit CSS Codes anpassen

Ähnliche Themen

Mehrzeilige Tableiste für aktuelle Firefox-Versionen

Addons Manager Nightly