About Seiten mit CSS Codes anpassen

Sören Hentzschel

Zitat von Heinrich

Ist doch super..... dann geht wenigstens etwas bis dahin perfektes in die Tonne und ich kann wieder munter von vorne anfangen zu Basteln, nie lange Weile JUHU.............

Es zwingt dich ja niemand. Du machst das freiwillig und ohne jede Notwendigkeit.

Im Übrigen sind die Nutzer, die ihren Firefox individualisieren, genau der Grund für die bevorstehenden Änderungen. Mit Firefox 94 hat Mozilla die sogenannten Farbgebungen eingeführt, das sind die 18 neuen Themes, die seit Firefox 94 in about:addons auftauchen. Die sollten mit Firefox 96 auslaufen und dann wäre das Thema durch gewesen. Allerdings war das Nutzer-Feedback so positiv, dass Mozilla jetzt in das Thema investiert, die Anpassbarkeit noch weiter ausbaut und in diesem Rahmen wird dann auch about:addons neu gestaltet.

Heinrich

CSS

button[data-l10n-id="addon-category-recent-updates-title"] {

font-size: 0px !important;

}


button[data-l10n-id="addon-category-recent-updates-title"]::after {

content: "Letzte Updates " !important;

font-size: 16px !important;

margin-right: 45px !important;

width: 200px !important;

}

Alles anzeigen

Die Variante ist besser, ich habe nur den Wert

CSS

margin-right: 45px !important;

kleiner gemacht weil bei meinem Design sonst der Text in 2 Zeilen untereinander gequetscht wird, nun passts aber PERFEKTO !

Zitat von Sören Hentzschel

Es zwingt dich ja niemand. Du machst das freiwillig und ohne jede Notwendigkeit.

Das war auch nicht negativ gemeint ! ich bastel gerne bis alles so passt wie ich es mir vorgestellt habe.

Vorallem bekomme ich immer mehr Übung um immer mehr Probleme selbst lösen zu können und das sehe ich auch eher positiv denn ich lerne gerne immer weiter.

2002Andreas

Zitat von Heinrich

Die Variante ist besser

Auch mit der Bezeichnung jetzt ist es besser, als nur mit nth-child(8) > span:nth-child(1).

Freut mich wenn es bei dir funktioniert

Zitat von Sören Hentzschel

die Anpassbarkeit noch weiter ausbaut

Endor

Hallo zusammen.

Hätte da was zum testen:

about:policies

CSS Code:

CSS

    /*  AGENT_SHEET   */
    @namespace url(http://www.w3.org/1999/xhtml);

    @-moz-document url(about:policies),
                   url(about:policies#errors),
                   url(about:policies#active),
                   url(about:policies#documentation){

    html{background: #ffffff !important;}

    .main-content:before{
    content: "Endors Policies:" !important;
    color:red !important;
    margin-left: 250px !important;
    font-weight:bold !important;
    font-size:20px!important; }    
    
    #sectionTitle{
    color: #1a75ff !important; 
    font-weight: bold !important; 
    font-size: 18px !important;}
    
    #documentation > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(1){
    color: Orangered !important; 
    font-weight: bold !important; 
    font-size: 18px !important;}
    
    #errors > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(1),
    .inactive-service-message{
    color: #e64d00 !important;}
    
    .main-content{
    scrollbar-width: none !important;}

    body{
    margin-left: auto !important;
    margin-right: auto !important;
    max-height: 86vh !important;
    max-width: 1200px !important; /* Breite anpassen */
    margin-top: 40px !important;
    margin-bottom: 20px !important;
    padding-bottom: 20px !important;
    padding-top: 15px !important;
    padding-left: 50px !important;
    padding-right: 50px !important;
    background-color: #fffff0 !important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;
    border-radius: 20px !important;
    border-width:  4px !important;
    border-style: outset !important;
    }
    
    body:hover{
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}    
            
    #errors,
    #active,
    #documentation{
    min-height: 68vh !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    padding-top: 15px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    background-color: #fffff0 !important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;
    border-radius: 20px !important;
    border-width:  4px !important;
    border-style: outset !important;}
    
    #errors:hover,
    #active:hover,
    #documentation:hover{
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    #categories{
    margin-top: 105px !important; 
    margin-left: 10px !important; 
    padding-top: 35px !important;
    padding-right: 12px !important;
    max-height: 630px !important;  /* Höhe der Linken Box einstellen */
    background-color: #FFFFF0 !important;
    border-left-color:  Tomato!important;
    border-top-color:  Tomato!important;
    border-right-color:  OrangeRed!important;
    border-bottom-color: OrangeRed!important;
    border-radius: 14px !important;
    border-width:  4px !important;
    border-style: outset !important;}
    
/*     #categories:hover{
    background-color: #FFDEAD !important;
    border-left-color:  Tomato!important;
    border-top-color:  Tomato!important;
    border-right-color:  OrangeRed!important;
    border-bottom-color: OrangeRed!important;
    } */    
    
    tbody.collapsible:nth-child(n+1):hover{
    -moz-appearance:none!important;
    border-radius: 20px !important; 
    border-width:  1px !important;
    border-style: outset !important; 
    border-color: coral !important;}
    
    tbody.collapsible:nth-child(n+1) > tr:nth-child(1) {background-color: #fffff0 !important; }
    
    tbody.collapsible:nth-child(n+1) > tr:nth-child(1):hover {background-color: #f7e787 !important; }
    
    tbody.content-style:nth-child(n+2) > tr:nth-child(1) > td:nth-child(1) {background-color: #ffeb99 !important; color: red !important;}
    
    tbody.content-style:nth-child(n+2) > tr:nth-child(1) > td:nth-child(1):hover {background-color: #ffcc99 !important; color: red !important;}
    
    #interventions{
    padding-top: 15px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    background-color: #fffff0 !important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;
    border-radius: 20px !important;
    border-width:  4px !important;
    border-style: outset !important;}
    
    #interventions:hover{
    background-color: #FFDEAD !important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;
    }
    
    #overrides > tr:nth-child(n+2) > td:nth-child(2) > a:nth-child(1){margin-left: 114px !important; }
    
    #category-active{
    background: #efefef url("..//icons/general-24.png")no-repeat !important;
    background-position:14px 14px!important;
    font-size: 16px!important;
    color: orangered !important;
    padding-left:40px !important;
    padding-right: 20px !important;
    padding-bottom:3px!important; 
    padding-top:3px!important; 
    border-width:2px!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;
    border-style: outset !important;                  
    border-radius:24px!important;
    margin-left: 10px!important;}
    
    #category-active[selected="true"]{
    background: #efefef url("..//icons/general-24.png")no-repeat !important;
    background-position:14px 14px!important;
    font-size: 16px!important;
    color: blue !important;
    padding-left:40px !important;
    padding-right: 20px !important;
    padding-bottom:3px!important; 
    padding-top:3px!important; 
    border-width:2px!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;
    border-style: outset !important;                  
    border-radius:24px!important;}
    
    #category-active:hover{
    color: red !important;
    background: #B2EDFA url("..//icons/general-24.png")no-repeat !important;
    background-position:14px 14px!important;
    font-size:16px!important;
    text-decoration:none!important;
    border-radius:24px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
        
    #category-documentation{
    background: #efefef url("..//icons/active_sessions.png")no-repeat !important;
    background-position:14px 17px!important;
    color: orangered !important;
    margin-top: 15px!important;
    font-size: 16px!important;
    padding-left:40px !important;
    padding-right: 20px !important;
    padding-bottom:3px!important; 
    padding-top:3px!important; 
    border-width:2px!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;
    border-style: outset !important;                  
    border-radius:24px!important;
    margin-left: 10px!important;
    margin-bottom: 15px !important;}
    
    #category-documentation[selected="true"]{
    background: #efefef url("..//icons/active_sessions.png")no-repeat !important;
    background-position:14px 17px!important;
    font-size: 16px!important;
    color: blue !important;
    padding-left:40px !important;
    padding-right: 20px !important;
    padding-bottom:3px!important; 
    padding-top:3px!important; 
    border-width:2px!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;
    border-style: outset !important;                  
    border-radius:24px!important;}
    
    #category-documentation:hover{
    color: brown !important;
    background: #B2EDFA url("..//icons/active_sessions.png")no-repeat !important;
    background-position:14px 17px!important;
    font-size:16px!important;
    text-decoration:none!important;
    border-radius:24px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    #category-errors{
    background: #efefef url("..//icons/error.png")no-repeat !important;
    background-position:14px 17px!important;
    color: orangered !important;
    margin-top: 10px!important;
    font-size: 16px!important;
    padding-left:40px !important;
    padding-right: 20px !important;
    padding-bottom:3px!important; 
    padding-top:3px!important; 
    border-width:2px!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;
    border-style: outset !important;                  
    border-radius:24px!important;
    margin-left: 10px!important;}
    
    #category-errors[selected="true"]{
    background: #efefef url("..//icons/error.png")no-repeat !important;
    background-position:14px 17px!important;
    font-size: 16px!important;
    color: blue !important;
    padding-left:40px !important;
    padding-right: 20px !important;
    padding-bottom:3px!important; 
    padding-top:3px!important; 
    border-width:2px!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;
    border-style: outset !important;                  
    border-radius:24px!important;}
    
    #category-errors:hover{
    color: brown !important;
    background: #B2EDFA url("..//icons/error.png")no-repeat !important;
    background-position:14px 17px!important;
    font-size:16px!important;
    text-decoration:none!important;
    border-radius:24px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
        
    button[data-l10n-id="label-disable"]{
    background: #efefef url("..//icons/delete.png") no-repeat !important;
    margin-right: -5px !important;
    color:black!important;
    font-size:14px!important;
    padding-left:35px!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;      
    border-width:2px !important;
    border-style: outset !important;
    background-position:10px 6px!important;
    border-radius:14px!important;}
    
    button[data-l10n-id="label-disable"]:hover{
    background: #B2EDFA url("..//icons/delete.png") no-repeat !important;
    padding-left:35px!important;
    background-position:10px 6px!important;
    border-radius:14px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    button[data-l10n-id="label-enable"]{
    background: #efefef url("..//icons/Bild27.png") no-repeat !important;
    margin-right: -5px !important;
    color:black!important;
    font-size:14px!important;
    padding-left:35px!important;
    padding-right: 22px!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;      
    border-width:2px !important;
    border-style: outset !important;
    background-position:10px 6px!important;
    border-radius:14px!important;}
    
    button[data-l10n-id="label-enable"]:hover{
    background: #B2EDFA url("..//icons/Bild27.png") no-repeat !important;
    padding-left:35px!important;
    background-position:10px 6px!important;
    border-radius:14px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    tbody.collapsible:nth-child(n+1) > tr:nth-child(1) > td:nth-child(1) > a:nth-child(1){
    display: inline-block !important;
    min-width: 210px !important;
    max-width: 210px !important;
    word-wrap: break-word !important;
    background: #efefef url("..//icons/github.png") no-repeat !important;
    margin-right: -5px !important;
    color:black!important;
    font-size:14px!important;
    padding-left:35px!important;
    padding-right: 22px!important;
    padding-bottom:4px!important; 
    padding-top:3px!important; 
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;      
    border-width:2px !important;
    border-style: outset !important;
    background-position:10px 6px!important;
    border-radius:14px!important;}
    
    tbody.collapsible:nth-child(n+1) > tr:nth-child(1) > td:nth-child(1) > a:nth-child(1):hover{
    background: #B2EDFA url("..//icons/github.png") no-repeat !important;
    padding-left:35px!important;
    background-position:10px 6px!important;
    border-radius:14px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}    
    }

Alles anzeigen

Symbole:

Hoffe es passt alles.

Mfg.
Endor

FuchsFan

Zitat von Endor

Hätte da was zum testen:

Danke, Endor , übernehme ich mal. Das habe ich mal für mich umgebaut (erster Test), aber aufgefallen ist mir, dass die beiden Button auf der linken Seite sehr hoch waren (sah nicht so gut aus).

Endor

Hallo FuchsFan .

Ja du hast recht die Schaltflächen sind zu groß.
Habe ich hier schon geändert. Hast Du die Schriftgröße da auch kleiner gemacht

oder nur padding-top und padding-bottom geändert - entfernt?

Mfg.
Endor

FuchsFan

Zitat von Endor

Hast Du die Schriftgröße da auch kleiner gemacht
oder nur padding-top und padding-bottom geändert - entfernt?

Das ist erst einmal das, was ich mit den beiden Button gemacht habe. Schau mal bitte!

CSS

#category-active{
    background: #efefef url("..//icons/general-24.png")no-repeat !important;
    background-position:14px 7px!important;
    font-size: 16px!important;
    font-weight: 600 !important;
    color: orangered !important;
    padding-left:40px !important;
    padding-right: 20px !important;
    padding-bottom:0px!important; 
    padding-top:0px!important; 
    border-width:2px!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;
    border-style: outset !important;                  
    border-radius:24px!important;
    margin-left: 10px!important;
    min-height: 40px !important; 
    max-height: 40px !important;
    }
    
    #category-active[selected="true"]{
    background: #efefef url("..//icons/general-24.png")no-repeat !important;
    background-position:14px 7px!important;
    font-size: 16px!important;
    color: blue !important;
    padding-left:40px !important;
    padding-right: 20px !important;
    padding-bottom:0px!important; 
    padding-top:0px!important; 
    border-width:2px!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;
    border-style: outset !important;                  
    border-radius:24px!important;
    min-height: 40px !important; 
    max-height: 40px !important;}
    
    #category-active:hover{
    color: red !important;
    background: #B2EDFA url("..//icons/general-24.png")no-repeat !important;
    background-position:14px 7px!important;
    font-size:16px!important;
    text-decoration:none!important;
    border-radius:24px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;
    min-height: 40px !important; 
    max-height: 40px !important;}
        
    #category-documentation{
    background: #efefef url("..//icons/active_sessions.png")no-repeat !important;
    background-position:14px 7px!important;
    color: orangered !important;
    margin-top: 15px!important;
    font-size: 16px!important;
    font-weight: 600 !important;
    padding-left:40px !important;
    padding-right: 20px !important;
    padding-bottom:0px!important; 
    padding-top:0px!important; 
    border-width:2px!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;
    border-style: outset !important;                  
    border-radius:24px!important;
    margin-left: 10px!important;
    margin-bottom: 15px !important;
    min-height: 40px !important; 
    max-height: 404px !important;}
    
    #category-documentation[selected="true"]{
    background: #efefef url("..//icons/active_sessions.png")no-repeat !important;
    background-position:14px 7px!important;
    font-size: 16px!important;
    color: blue !important;
    padding-left:40px !important;
    padding-right: 20px !important;
    padding-bottom:0px!important; 
    padding-top:0px!important; 
    border-width:2px!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;
    border-style: outset !important;                  
    border-radius:24px!important;
    min-height: 40px !important; 
    max-height: 40px !important;}
    
    #category-documentation:hover{
    color: brown !important;
    background: #B2EDFA url("..//icons/active_sessions.png")no-repeat !important;
    background-position:14px 7px!important;
    font-size:16px!important;
    text-decoration:none!important;
    border-radius:24px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;
    min-height: 40px !important; 
    max-height: 40px !important;}

Alles anzeigen

Endor

Hallo FuchsFan

Danke.

Die beiden kannst Du raus nehmen
padding-bottom:0px!important;

padding-top:0px!important;

Da Wert 0 sind sie überflüssig.

Ich habe hier jetzt bei min-height den Wert 35px verwendet.

Die Schaltfläche Fehler ist standardmäßig ausgeblendet, ich habe sie nur über
die Entwickler-Werkzeuge eingeblendet zum Testen.

Was sagst Du dazu?

Mfg.
Endor

FuchsFan

Zitat von Endor

Die Schaltfläche Fehler ist standardmäßig ausgeblendet, ich habe sie nur über
die Entwickler-Werkzeuge eingeblendet zum Testen.
Was sagst Du dazu?

So ist es gut, finde ich. habe mich schon gewundert, weil ich den Button nicht entdecken konnte.

Zitat von Endor

Die beiden kannst Du raus nehmen
padding-bottom:0px!important;
padding-top:0px!important;

Hatte ich nur zum Test auf Null gesetzt, kommt weg. Danke!

Boersenfeger

Danke für den Code!

Habe hier noch bei den category Zeilen ein bißchen an der Position der Icons rumgemacht...

CSS

background-position:14px 10px!important;

Jetzt sind die Icons hier bündig mit der Oberkante des Schriftzugs.

Dharkness

Zitat von Endor

Die Schaltfläche Fehler ist standardmäßig ausgeblendet, ich habe sie nur über
die Entwickler-Werkzeuge eingeblendet zum Testen.

Hi Endor,

sag mal, weißt Du wie man für die Kategorie Fehler einen kleinen Fehler zum testen erstellt/erzwingt?

P.S.:

Einfach in eine policies.json einen einfachen Schreibfehler machen und gut.

FuchsFan

Zitat von Dharkness

Einfach in eine policies.json einen einfachen Schreibfehler machen und gut.

Und wo ist die Datei zu finden, bzw., wo erstellt werden?

Danke, hat sich erledigt. https://support.mozilla.org/de/kb/firefox-…esjson-anpassen

Endor

Dharkness

Leider hatte ich keine Ahnung davon.

Daher konnte ich da nichts zu sagen.

Hast Du ja nun selber raus gefunden.

Habe ich dann auch mal probiert und funktioniert hier auch so.

Mfg.
Endor

Endor

Hallo zusammen.

Habe den CSS Code für about:policies aktualisiert.
Die Schaltflächen links oben sind jetzt nicht mehr so hoch.

Dank eurer Hilfe habe ich eine policies.json Datei erstellt

und einige Policies und Fehler eingebaut, damit die entsprechenden
Seiten aktiv wurden und ich da dann die notwendigen Anpassungen

machen konnte. Es waren einige Überschriften noch nicht angesprochen

aber auch Farben bei Hintergrund der Einträge und hover habe ich da
noch gemacht.

Wer will hier der endgültige CSS Code

about:policies

CSS

    /*  AGENT_SHEET   */
    @namespace url(http://www.w3.org/1999/xhtml);

    @-moz-document url(about:policies),
                   url(about:policies#errors),
                   url(about:policies#active),
                   url(about:policies#documentation){

    html{background: #ffffff !important;}

    .main-content:before{
    content: "Endors Policies:" !important;
    color:red !important;
    margin-left: 250px !important;
    font-weight:bold !important;
    font-size:20px!important; }    
    
    #sectionTitle{
    color: #1a75ff !important; 
    font-weight: bold !important; 
    font-size: 18px !important;}
    
    #documentation > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(1){
    color: Orangered !important; 
    font-weight: bold !important; 
    font-size: 18px !important;}
    
    .no-specified-policies-message,
    #active > table:nth-child(3) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(n+1),
    #errors > table:nth-child(1) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(1),
    .inactive-service-message{
    color: #e64d00 !important;}
    
    .main-content{
    scrollbar-width: none !important;}

    body{
    margin-left: auto !important;
    margin-right: auto !important;
    max-height: 86vh !important;
    max-width: 1200px !important; /* Breite anpassen */
    margin-top: 40px !important;
    margin-bottom: 20px !important;
    padding-bottom: 20px !important;
    padding-top: 15px !important;
    padding-left: 50px !important;
    padding-right: 50px !important;
    background-color: #fffff0 !important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;
    border-radius: 20px !important;
    border-width:  4px !important;
    border-style: outset !important;
    }
    
    body:hover{
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}    
            
    #errors,
    #active,
    #documentation{
    min-height: 68vh !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    padding-top: 15px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    background-color: #fffff0 !important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;
    border-radius: 20px !important;
    border-width:  4px !important;
    border-style: outset !important;}
    
    #errors:hover,
    #active:hover,
    #documentation:hover{
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    #categories{
    margin-top: 105px !important; 
    margin-left: 10px !important; 
    padding-top: 35px !important;
    padding-right: 12px !important;
    max-height: 636px !important;  /* Höhe der Linken Box einstellen */
    background-color: #FFFFF0 !important;
    border-left-color:  Tomato!important;
    border-top-color:  Tomato!important;
    border-right-color:  OrangeRed!important;
    border-bottom-color: OrangeRed!important;
    border-radius: 14px !important;
    border-width:  4px !important;
    border-style: outset !important;}
    
     #categories:hover{
    background-color: #FFDEAD !important;
    border-left-color:  Tomato!important;
    border-top-color:  Tomato!important;
    border-right-color:  OrangeRed!important;
    border-bottom-color: OrangeRed!important;
    }    
    
    tbody.collapsible:nth-child(n+1):hover{
    -moz-appearance:none!important;
    border-radius: 20px !important; 
    border-width:  1px !important;
    border-style: outset !important; 
    border-color: coral !important;}
    
    tbody.collapsible:nth-child(n+1) > tr:nth-child(1) {background-color: #fffff0 !important; }
    
    tbody.collapsible:nth-child(n+1) > tr:nth-child(1):hover {background-color: #f7e787 !important; }
    
    tbody.content-style:nth-child(n+2) > tr:nth-child(1) > td:nth-child(1) {background-color: #ffeb99 !important; color: red !important;}
    
    tbody.content-style:nth-child(n+2) > tr:nth-child(1) > td:nth-child(1):hover {background-color: #ffcc99 !important; color: red !important;}
    
    #errorsContent > tr:nth-child(odd) > td:nth-child(1),
    #activeContent .odd{
    background-color:  #fff0d9 !important; 
    color: red !important;
    font-weight: 600 !important;}
    
    #errorsContent > tr:nth-child(odd) > td:nth-child(1):hover,
    #activeContent .odd:hover{
    background-color: #f7e787 !important; 
    color: red !important; 
    font-weight: 600 !important;
    border-width: 1px !important;
    border-style: outset !important; 
    border-color: coral !important; 
    box-shadow: none !important;}
    
    #errorsContent > tr:nth-child(even) > td:nth-child(1),
    #activeContent .even{
    background-color: #fffff0 !important; 
    color: #0039e6 !important;
    font-weight: 600 !important;}
    
    #errorsContent > tr:nth-child(even) > td:nth-child(1):hover,    
    #activeContent .even:hover{
    background-color: #f7e787 !important; 
    color: #0039e6 !important; 
    font-weight: 600 !important;
    border-width: 1px !important; 
    border-style: outset !important; 
    border-color: coral !important; 
    box-shadow: none !important;}
    
    #activeContent .last_row:not(:last-child) td {
    border-bottom: none !important;}    
    
    #interventions{
    padding-top: 15px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    background-color: #fffff0 !important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;
    border-radius: 20px !important;
    border-width:  4px !important;
    border-style: outset !important;}
    
    #interventions:hover{
    background-color: #FFDEAD !important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    #overrides > tr:nth-child(n+2) > td:nth-child(2) > a:nth-child(1){margin-left: 114px !important; }
    
    #category-active{
    background: #efefef url("..//icons/general-24.png")no-repeat !important;
    background-position:14px 4px!important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: orangered !important;
    padding-left:40px !important;
    padding-right: 20px !important;
    border-width:2px!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;
    border-style: outset !important;                  
    border-radius:24px!important;
    margin-left: 10px !important;
    min-height: 35px !important;}
    
    #category-active[selected="true"]{
    background: #efefef url("..//icons/general-24.png")no-repeat !important;
    background-position:14px 4px!important;
    font-size: 16px!important;
    color: blue !important;
    padding-left:40px !important;
    padding-right: 20px !important; 
    border-width:2px!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;
    border-style: outset !important;                  
    border-radius:24px!important;}
    
    #category-active:hover{
    color: red !important;
    background: #B2EDFA url("..//icons/general-24.png")no-repeat !important;
    background-position:14px 4px!important;
    font-size:16px!important;
    text-decoration:none!important;
    border-radius:24px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
        
    #category-documentation{
    background: #efefef url("..//icons/active_sessions.png")no-repeat !important;
    background-position:14px 6px!important;
    color: orangered !important;
    margin-top: 15px!important;
    font-size: 16px!important;
    font-weight: 600 !important;
    padding-left:40px !important;
    padding-right: 20px !important;
    border-width:2px!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;
    border-style: outset !important;                  
    border-radius:24px!important;
    margin-left: 10px!important;
    margin-bottom: 15px !important;
    min-height: 35px !important;}
    
    #category-documentation[selected="true"]{
    background: #efefef url("..//icons/active_sessions.png")no-repeat !important;
    background-position:14px 6px!important;
    font-size: 16px!important;
    color: blue !important;
    padding-left:40px !important;
    padding-right: 20px !important;
    border-width:2px!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;
    border-style: outset !important;                  
    border-radius:24px!important;}
    
    #category-documentation:hover{
    color: brown !important;
    background: #B2EDFA url("..//icons/active_sessions.png")no-repeat !important;
    background-position:14px 6px!important;
    font-size:16px!important;
    text-decoration:none!important;
    border-radius:24px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    #category-errors{
    background: #efefef url("..//icons/error.png")no-repeat !important;
    background-position:14px 7px!important;
    color: orangered !important;
    margin-top: 10px!important;
    font-size: 16px!important;
    font-weight: 600 !important;
    padding-left:40px !important;
    padding-right: 20px !important;
    border-width:2px!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;
    border-style: outset !important;                  
    border-radius:24px!important;
    margin-left: 10px!important;
    min-height: 35px !important;}
    
    #category-errors[selected="true"]{
    background: #efefef url("..//icons/error.png")no-repeat !important;
    background-position:14px 7px!important;
    font-size: 16px!important;
    color: blue !important;
    padding-left:40px !important;
    padding-right: 20px !important;
    border-width:2px!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;
    border-style: outset !important;                  
    border-radius:24px!important;}
    
    #category-errors:hover{
    color: brown !important;
    background: #B2EDFA url("..//icons/error.png")no-repeat !important;
    background-position:14px 7px!important;
    font-size:16px!important;
    text-decoration:none!important;
    border-radius:24px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
        
    button[data-l10n-id="label-disable"]{
    background: #efefef url("..//icons/delete.png") no-repeat !important;
    margin-right: -5px !important;
    color:black!important;
    font-size:14px!important;
    padding-left:35px!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;      
    border-width:2px !important;
    border-style: outset !important;
    background-position:10px 6px!important;
    border-radius:14px!important;}
    
    button[data-l10n-id="label-disable"]:hover{
    background: #B2EDFA url("..//icons/delete.png") no-repeat !important;
    padding-left:35px!important;
    background-position:10px 6px!important;
    border-radius:14px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    button[data-l10n-id="label-enable"]{
    background: #efefef url("..//icons/Bild27.png") no-repeat !important;
    margin-right: -5px !important;
    color:black!important;
    font-size:14px!important;
    padding-left:35px!important;
    padding-right: 22px!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;      
    border-width:2px !important;
    border-style: outset !important;
    background-position:10px 6px!important;
    border-radius:14px!important;}
    
    button[data-l10n-id="label-enable"]:hover{
    background: #B2EDFA url("..//icons/Bild27.png") no-repeat !important;
    padding-left:35px!important;
    background-position:10px 6px!important;
    border-radius:14px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    tbody.collapsible:nth-child(n+1) > tr:nth-child(1) > td:nth-child(1) > a:nth-child(1){
    display: inline-block !important;
    min-width: 210px !important;
    max-width: 210px !important;
    word-wrap: break-word !important;
    text-decoration: none !important;
    background: #efefef url("..//icons/github.png") no-repeat !important;
    margin-right: -5px !important;
    color:black!important;
    font-size:14px!important;
    padding-left:35px!important;
    padding-right: 22px!important;
    padding-bottom:4px!important; 
    padding-top:3px!important; 
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;      
    border-width:2px !important;
    border-style: outset !important;
    background-position:10px 6px!important;
    border-radius:14px!important;}
    
    tbody.collapsible:nth-child(n+1) > tr:nth-child(1) > td:nth-child(1) > a:nth-child(1):hover{
    background: #B2EDFA url("..//icons/github.png") no-repeat !important;
    padding-left:35px!important;
    background-position:10px 6px!important;
    border-radius:14px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}    
    }

Alles anzeigen

Hoffe es passt alles.

Mfg.
Endor

FuchsFan

Endor

Danke, Endor, das schaue ich mir an.

Zitat von Endor

Dank eurer Hilfe habe ich eine policies.json Datei erstellt
und einige Policies und Fehler eingebaut,

Das habe ich auch gemacht, aber es war mir nur möglich einen Eintrag einzufügen . Das ist ja so nicht gewollt, nun habe ich zwischen den Einträgen Kommas gesetzt (so gefunden), aber half auch nicht.

Wie hast du die Einträge gemacht?

Endor

Hallo FuchsFan

so sieht meine policies.json Datei aus:

Code

{
  "policies": {
    "DisablePocket": false,
    "DisableFirefoxStudies": false,
    "DisableFirefoxAccounts": false,
    "DisableFirefoxScreenshots": false,
    "DisablePocktet": false,
    "DisableFirefoxSttudies": false,
    "DisableFirefoxAtccounts": false,
    "DisableFirefoxStcreenshots": false
  }
}

Alles anzeigen

mehr habe ich da nicht.

Beachte ab Eintrag 5 - Zeile 7 habe ich absichtlich Fehler eingebaut.

Mfg.
Endor

FuchsFan

Zitat von Endor

so sieht meine policies.json Datei aus:

Da habe ich mich doch verleiten lassen, denn ich habe jeden Eintrag begonnen mit { "policies": {. Das kann dann auch nicht funktionieren. Danke, Endor.

FuchsFan

Endor

In dem Code von hier RE: About Seiten mit CSS Codes anpassen sind mir noch zwei Sachen aufgefallen.

Zeile 113 bis 118, da kann ich nichts mit anfangen, weil sich nichts verändert.

Bei "Dokumentation, rechte Seite die Boxen hast du bei Hover mit Border versehen, im Original nicht. Deshalb springt beim Überfahren mit der Maus das Feld (besonders das obere).

Da habe ich für die Boxen gleich einen Rand gesetzt, dann ist es vorbei.

Ansonsten, wie immer, prima gemacht. Danke!

Endor

Zeile 113 bis 118,

der wirkt rechts bei Dokumentation bei den einzelnen Richtlinien

beim Hovern, den roten Rand außen.

Mfg.
Endor

Endor

Zitat von FuchsFan

Da habe ich für die Boxen gleich einen Rand gesetzt, dann ist es vorbei.

Könntest Du mir diesen Teil mal geben,

das möchte ich hier mal testen, den das Hüpfen habe ich auch bemerkt,

aber eben nicht wegbekommen.

Mfg.
Endor

About Seiten mit CSS Codes anpassen

Ähnliche Themen

Mehrzeilige Tableiste für aktuelle Firefox-Versionen

Addons Manager Nightly