About Seiten mit CSS Codes anpassen

FuchsFan

Zitat von 2002Andreas

Alles wird richtig angezeigt

Damit [data-l10n-id="deprecation-description"] sieht es dann so aus.

2002Andreas

Zitat von FuchsFan

sieht es dann so aus.

Du hast den kompl. Code von mir genommen?

Und so in der CSS Datei:

FuchsFan

Zitat von 2002Andreas

Du hast den kompl. Code von mir genommen?

Ja, hatte ich, aber jetzt einige Anpassungen, und gut ist. Danke, alle Code-Schnipsel verarbeitet.

2002Andreas

Zitat von FuchsFan

jetzt einige Anpassungen

Ok, das kann natürlich immer sein.

Zitat von FuchsFan

Danke, alle Code-Schnipsel verarbeitet.

Freut mich wenn es jetzt alles funktioniert.

War wie immer gern geschehen

Endor

Hallo 2002Andreas.

Vielen Dank auch von mir.

Müsste alle Schnipsel verarbeitet haben und funktioniert bestens.
Habe noch ein paar Zeilen entfernt und noch etwas angepasst.

Hier mal mein CSS Code dafür:

CSS

    @-moz-document url("about:plugins"){
    

    #plugs{margin-top: 60px !important;}
    
    [data-l10n-id="installed-plugins-label"] {
    font-size: 0 !important;
    margin-bottom: 40px !important;}
      
    [data-l10n-id="installed-plugins-label"]:before {
    content: "Endors installierte Plugins";     
    font-size:26px !important; 
    font-weight: bold !important; 
    color:red !important;}
    
    html{background: #ffffff  !important; margin-top: 20px !important;}
    
    #outside > dl {max-width: 1020px !important;}
    
    /* Breite einstellen */
    
    body{
    background: #fffff0 !important;
    margin-top: 40px !important;
    margin-left: 230px !important; 
    max-width: 1200px !important;
    min-height: 750px !important;
    padding-left: 25px !important;
    padding-right: 25px !important;
    padding-bottom:25px !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;}
    
    [data-l10n-id="deprecation-description"] {
    --in-content-box-info-background: #ee7621 !important;
    --message-bar-text-color: white !important;
    padding: 4px 8px !important;
    border-radius: 24px !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;    
    background: #ee7621 !important;
    min-height: 34px !important;
    font-size: 18px !important;
    }
    
    [data-l10n-id="deprecation-description"]:hover {
    --in-content-box-info-background: #b54f06 !important;
    --message-bar-text-color: white !important;
    padding: 4px 8px !important;
    border-radius: 24px !important;
    background: #b54f06 !important;
    min-height: 34px !important;
    font-size: 18px !important;}    
    
    [data-l10n-id="version-dd"] {
    color: red;
    font-size: 14px;}

    [data-l10n-id="state-dd-enabled"] {
    color: green;
    font-size: 14px;}
    
    [data-l10n-id="file-dd"]{
    color: #bf00ff;
    font-size: 14px;}
        
    h1{margin-top: 20px !important;}
    
    h2{color: #3377ff !important;
    margin-left: 40px !important; 
    margin-top: 40px !important;}    
    
    [data-l10n-id="moz-support-link-text"]{
    appearance:none!important;
    background: #F0F0F0 url("..//icons/Bild34.png")no-repeat !important;
    color:black!important;
    font-size:14px!important;
    text-decoration:none!important;
    margin-top:3px!important;
    margin-bottom: 5px !important;
    margin-right:55px!important;
    margin-left: 10px !important;
    padding-right: 15px !important;
    padding-left:35px!important;
    padding-top: 1px!important;
    padding-bottom: 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-width:2px !important;
    background-position:10px 2px!important;
    border-radius:14px!important;}

    [data-l10n-id="moz-support-link-text"]:hover{
    appearance:none!important;
    background: #B2EDFA  url("..//icons/Bild34.png")no-repeat !important;
    color:black!important;
    font-size:14px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;
    border-style: outset !important;
    border-width:2px !important;
    background-position:10px 2px!important;
    border-radius:14px!important;}    
    }

Alles anzeigen

Mfg.
Endor

2002Andreas

Zitat von Endor

und funktioniert bestens.

Freut mich, war gern geschehen

FuchsFan

Zitat von Endor

Müsste alle Schnipsel verarbeitet haben und funktioniert bestens.

Ist übrigens auch schon für Version 112 (beta) fällig.

Endor

Hallo FuchsFan.

Danke für die Info.

about:logging für Nightly

CSS

    /* AGENT_SHEET */
    @namespace url(http://www.w3.org/1999/xhtml);
    @-moz-document url(about:logging){
        
    html{
    background:#ffffff !important;
    scrollbar-width: none !important;}
        
    .main-content::before {content: "Design by Endor";
    margin-left: 300px;
    font-size: 25px;
    font-weight: bold;
    color: red;}
     
    .main-content {
    padding-top: 40px !important;
    scrollbar-width: none !important;}
    
    #logging{margin-top: 45px  !important;}
        
    #body{
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 1450px !important; /* Breite anpassen - gelle Boersenfeger */
    margin-top: 35px !important;
    margin-bottom: 20px !important;
    padding-bottom: 30px !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;}
    
    h1{
    color: #cc0000 !important; 
    font-size: 26px !important; 
    font-weight: bold !important;
    margin-top: 50px !important;}
    
    h2{
    color: #1a75ff !important;
    font-weight: bold !important; 
    font-size: 17px !important;
    margin-top: 20px !important;}
    
    #no-log-modules{
    color: #cc0000 !important;
    font-size: 18px !important;
    font-weight: bold !important; 
    margin-top: 20px !important;}
    
    [data-l10n-id="about-logging-start-logging"]{
    appearance:none!important;
    background: #F0F0F0  url("..//icons/Play.png")no-repeat !important;
    padding-left:45px!important;
    padding-right:20px!important;
    margin-top: 10px !important;
    background-position:14px 9px!important;
    font-size:14.0px!important;
    border-style: outset !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-radius:12px !important;
    color:black !important;}

    [data-l10n-id="about-logging-start-logging"]:hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/Play.png")no-repeat !important;
    background-position:14px 9px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    [data-l10n-id="about-logging-stop-logging"]{
    appearance:none!important;
    background: #F0F0F0  url("..//icons/PLayer-Stop.png")no-repeat !important;
    padding-left:35px!important;
    padding-right:20px!important;
    margin-top: 15px !important;
    background-position:14px 9px!important;
    font-size:14.0px!important;
    border-style: outset !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-radius:12px !important;
    color:black !important;}
    
    [data-l10n-id="about-logging-stop-logging"]:hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/PLayer-Stop.png")no-repeat !important;
    background-position:14px 9px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    #open-log-file-button{
    appearance:none!important;
    background: #F0F0F0  url("..//icons/Bild12.png")no-repeat !important;
    padding-left:35px!important;
    padding-right:20px!important;
    margin-top: 15px !important;
    background-position:14px 9px!important;
    font-size:14.0px!important;
    border-style: outset !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-radius:12px !important;
    color:black !important; }
    
    #open-log-file-button:hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/Bild12.png")no-repeat !important;
    background-position:14px 9px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    #set-log-file-button{
    appearance:none!important;
    background: #F0F0F0  url("..//icons/Bild13.png")no-repeat !important;
    margin-left: 5px !important;
    padding-left:35px!important;
    padding-right:20px!important;
    background-position:14px 9px!important;
    font-size:14px!important;
    border-style: outset !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-radius:12px !important;
    color:black !important;}
        
    #set-log-file-button:hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/Bild13.png")no-repeat !important;
    background-position:14px 9px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}    
    
    #logging-preset-dropdown{
    appearance:none !important;
    height: 30px !important;
    background: #F0F0F0  url("..//icons/network.png")no-repeat !important;
    margin-left: 5px !important;
    padding-left: 40px !important;
    padding-right:20px !important;
    padding-top: 3px !important;
    background-position:14px 6px!important;
    font-size:14px!important;
    font-weight: 600 !important;
    border-style: outset !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-radius:12px !important;
    color:black !important;}    
        
    #logging-preset-dropdown:hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/network.png")no-repeat !important;
    background-position:14px 6px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}    
    
    #log-modules{
    margin-top: 10px !important;
    border-radius: 22px !important;
    padding-left: 14px !important;}
    
    #logging-preset-description{
    margin-top: 10px !important;}
    
    #current-log-modules{
    margin-top: 10px !important;}    
    
    #log-file{
    border-radius: 22px !important;
    padding-left: 14px !important;}
    
    #log-file:hover, #log-modules:hover {
    background: #ffe599 !important;}
    
    #set-log-modules-button{
    appearance:none!important;
    background: #F0F0F0  url("..//icons/Bild13.png")no-repeat !important;
    margin-top: 15px !important;
    margin-left: 0px !important;
    padding-left:40px!important;
    padding-right:20px!important;
    background-position:14px 8px!important;
    font-size: 14px!important;
    border-style: outset !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-radius:12px !important;
    color:black !important;}
    
    #set-log-modules-button:hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/Bild13.png")no-repeat !important;
    background-position:14px 8px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    [data-l10n-name="logging"]{
    appearance:none!important;
    background: #F0F0F0  url("..//icons/Bild13.png")no-repeat !important;
    margin-top: 8px !important;
    padding-left:35px !important;
    padding-right:20px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    text-decoration: none !important;
    background-position:14px 6px!important;
    font-size:14px!important;
    font-weight: 600 !important;
    border-style: outset !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-radius:12px !important;
    color:black !important;}
    
    [data-l10n-name="logging"]:hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/Bild13.png")no-repeat !important;
    background-position:14px 6px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    }

Alles anzeigen

Was meinst Du?

Mfg.
Endor

2002Andreas

Zitat von Endor

Was meinst Du?

Bin zwar nicht gefragt, aber funktioniert alles

Nur wieder mein Hinweis/Rat

Teste bitte mal:

Zeile 65, 82, 91 und 108

Es reicht die jeweilige ID, z.B. [data-l10n-id="about-logging-start-logging"]

Zeile 245 + 266

Statt: #log-tutorial > a:nth-child(1)

Neu: [data-l10n-name="logging"]

PS:

Das soll aber keine Kritik an deinem Code sein.

FuchsFan

Zitat von Endor

Was meinst Du?

Alles da, Endor, und funktioniert.

Meinen Stil hatte ich schon fertig eingerichtet, mit kleinen Abweichungen.

Weil wir gerade dabei sind, in about:profiles habe ich das so eingerichtet.

Endor

Hallo 2002Andreas.

Vielen Dank. Alles übernommen.

Siehe CSS Code oben.

Vielen Dank.

Einen schönen Sonntag und eine tolle Woche wünsche ich Dir.

Mfg.
Endor

2002Andreas

Zitat von Endor

Einen schönen Sonntag und eine tolle Woche wünsche ich Dir.

Danke, das wünsche ich dir auch

Zitat von Endor

Alles übernommen.

edvoldi

Hallo zusammen,

ich versuche gerade den Code für "about:plugins" im Ordner "userContent.css" einzubinden.
Leider ohne Erfolg, alle anderen "about" Seiten die ich benutze, funktionieren ohne Probleme.

Wenn ich den Code in den Browser-Werzeuge in der Datei plugins.css rein kopiere funktioniert der Code.
Was mache ich falsch?

2002Andreas

Zitat von edvoldi

im Ordner "userContent.css" einzubinden.

Hast du mal alles ganz genau überprüft?

Kein Fehler im Code, bei der Einbindung etc.?

grisu2099

Zitat von edvoldi

Was mache ich falsch?

Das läßt sich nicht so einfach sagen...

Zeig mal bitte deine userContent.css und die CSS-Datei für "about-plugins".

edvoldi

Das ist meine userContec.css

und in der Datei About_plugins_113.css ist dieser Inhalt:

CSS

    @-moz-document url("about:plugins"){
    

    #plugs{margin-top: 60px !important;}
    
    [data-l10n-id="installed-plugins-label"] {
    font-size: 0 !important;
    margin-bottom: 40px !important;}
      
    [data-l10n-id="installed-plugins-label"]:before {
    content: "Endors installierte Plugins";     
    font-size:26px !important; 
    font-weight: bold !important; 
    color:red !important;}
    
    html{background: #ffffff  !important; margin-top: 20px !important;}
    
    #outside > dl {max-width: 1020px !important;}
    
    /* Breite einstellen */
    
    body{
    background: #fffff0 !important;
    margin-top: 40px !important;
    margin-left: 230px !important; 
    max-width: 1200px !important;
    min-height: 750px !important;
    padding-left: 25px !important;
    padding-right: 25px !important;
    padding-bottom:25px !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;}
    
    [data-l10n-id="deprecation-description"] {
    --in-content-box-info-background: #ee7621 !important;
    --message-bar-text-color: white !important;
    padding: 4px 8px !important;
    border-radius: 24px !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;    
    background: #ee7621 !important;
    min-height: 34px !important;
    font-size: 18px !important;
    }
    
    [data-l10n-id="deprecation-description"]:hover {
    --in-content-box-info-background: #b54f06 !important;
    --message-bar-text-color: white !important;
    padding: 4px 8px !important;
    border-radius: 24px !important;
    background: #b54f06 !important;
    min-height: 34px !important;
    font-size: 18px !important;}    
    
    [data-l10n-id="version-dd"] {
    color: red;
    font-size: 14px;}

    [data-l10n-id="state-dd-enabled"] {
    color: green;
    font-size: 14px;}
    
    [data-l10n-id="file-dd"]{
    color: #bf00ff;
    font-size: 14px;}
        
    h1{margin-top: 20px !important;}
    
    h2{color: #3377ff !important;
    margin-left: 40px !important; 
    margin-top: 40px !important;}    
    
    [data-l10n-id="moz-support-link-text"]{
    appearance:none!important;
    background: #F0F0F0 url("..//icons/Bild34.png")no-repeat !important;
    color:black!important;
    font-size:14px!important;
    text-decoration:none!important;
    margin-top:3px!important;
    margin-bottom: 5px !important;
    margin-right:55px!important;
    margin-left: 10px !important;
    padding-right: 15px !important;
    padding-left:35px!important;
    padding-top: 1px!important;
    padding-bottom: 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-width:2px !important;
    background-position:10px 2px!important;
    border-radius:14px!important;}

    [data-l10n-id="moz-support-link-text"]:hover{
    appearance:none!important;
    background: #B2EDFA  url("..//icons/Bild34.png")no-repeat !important;
    color:black!important;
    font-size:14px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;
    border-style: outset !important;
    border-width:2px !important;
    background-position:10px 2px!important;
    border-radius:14px!important;}    
    }

Alles anzeigen

Gruß

EDV-Oldie

grisu2099

Neustart hast du gemacht?

edvoldi

Zitat von grisu2099

Neustart hast du gemacht

Natürlich, mache ich nach jeder Änderung.

Gruß

EDV-Oldie

2002Andreas

Zitat von edvoldi

ist dieser Inhalt:

Und die Datei ist auch richtig in deinem Ordner dafür enthalten, und abgespeichert?

grisu2099

Gerade getestet: Hier funktioniert die css-Datei...

About Seiten mit CSS Codes anpassen

Ähnliche Themen

Mehrzeilige Tableiste für aktuelle Firefox-Versionen

Addons Manager Nightly