About Seiten mit CSS Codes anpassen

Endor

Danke für den CSS Shnipsel, den habe ich mal gleich eingebaut.

Die Breite von 1600 war nur für Boersenfeger gedacht.
Hier verwende ich eine Breite von 1150px.
Dementsprechend habe ich Deinen Schnipsel angepasst.

CSS

    #description{
    margin-top: 30px !important;
    min-width: 1100px !important;
    max-width: 1100px !important;}

Nochmals danke dafür.

Mfg.
Endor

Endor

Hallo zusammen.

So der fertige Code für about:glean mit Symbolen:

CSS

    /* AGENT_SHEET */
    @namespace url(http://www.w3.org/1999/xhtml);
    @-moz-document url(about:glean){
        
    html{
    background:#ffffff !important;
    scrollbar-width: none !important;}
        
    .main-content::before {content: "Design by Endor";
    margin-left: 450px;
    font-size: 25px;
    font-weight: bold;
    color: red;}
     
    .main-content {
    scrollbar-width: none !important;}
    
    #description > h2:nth-child(1){margin-top: -30px  !important;} 
    
    #log-pings{
    margin-left: 4px !important;    
    margin-top: 3px !important; 
    margin-bottom: -3px !important;}
    
    #description > ol:nth-child(9) > li:nth-child(2) > label:nth-child(2){
    line-height: 3 !important;}    
    
    #description > ol:nth-child(9) > li:nth-child(3) > label:nth-child(2){
    line-height: 2 !important;}
       
    body{
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 1150px !important; /* Breite anpassen - gelle Boersenfeger */
    min-height: 700px !important;
    margin-top: 35px !important;
    margin-bottom: 20px !important;
    padding-bottom: 30px !important;
    padding-top: 5px !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;}
    
    #description{
    margin-top: 30px !important;
    min-width: 1100px !important;
    max-width: 1100px !important;}  /* Hier auch Breite anpassen 50px weniger als in Zeile 32 verwenden */
    
    h2{
    color: #cc0000 !important;
    font-weight: bold !important; 
    font-size: 17px !important;
    margin-left: 0px !important;}
    
    #description > ul:nth-child(5){
    color: #1a75ff !important;}
        
    #controls-submit{
    appearance:none!important;
    background: #F0F0F0  url("..//icons/Ping2.gif")no-repeat !important;
    padding-left:45px!important;
    padding-right:20px!important;
    margin-top: 10px !important;
    margin-left: 2px !important;
    background-position:14px 8px!important;
    font-size:14.0px !important;
    font-weight: 500 !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:14px !important;
    color:black !important;
    line-height: 1.2 !important;}

    #controls-submit:hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/Ping2.gif")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;}
    
    [href="https://mozilla.github.io/glean/book/index.html"]{
    appearance:none!important;
    text-decoration: none !important;
    background: #F0F0F0  url("..//icons/Glean-Book-16.png")no-repeat !important;
    padding-left:35px!important;
    padding-right:20px!important;
    padding-top:4px!important;
    padding-bottom:4px!important;
    margin-top: 15px !important;
    background-position:14px 6px!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:14px !important;
    color:black !important;}
    
    [href="https://mozilla.github.io/glean/book/index.html"]:hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/Glean-Book-16.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;}

    #controls {line-height: 2 !important;} 
        
    [href="https://firefox-source-docs.mozilla.org/toolkit/components/glean/user/instrumentation_tests.html"]{
    appearance:none!important;
    text-decoration: none !important;
    background: #F0F0F0  url("..//icons/Fog.png")no-repeat !important;
    padding-left:35px!important;
    padding-right:20px!important;
    padding-top:4px!important;
    padding-bottom:4px!important;
    margin-top: 15px !important;
    background-position:14px 6px!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; 
    line-height: 4.2 !important;}
    
    [href="https://firefox-source-docs.mozilla.org/toolkit/components/glean/user/instrumentation_tests.html"]:hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/Fog.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;}
    
    [href="https://firefox-source-docs.mozilla.org/toolkit/components/glean/dev/preferences.html"]{
    appearance:none!important;
    text-decoration: none !important;
    background: #F0F0F0  url("..//icons/Bild3.gif")no-repeat !important;
    padding-left:40px!important;
    padding-right:20px!important;
    padding-top:4px!important;
    padding-bottom:4px!important;
    margin-top: 15px !important;
    background-position:14px 6px!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;}
    
    [href="https://firefox-source-docs.mozilla.org/toolkit/components/glean/dev/preferences.html"]:hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/Bild3.gif")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;}    
    
    [href="https://mozilla.github.io/glean/book/user/pings/custom.html"]{
    appearance:none!important;
    text-decoration: none !important;
    background: #F0F0F0  url("..//icons/collect_users.gif")no-repeat !important;
    padding-left:35px!important;
    padding-right:20px!important;
    padding-top:4px!important;
    padding-bottom:4px!important;
    margin-top: 15px !important;
    background-position:14px 6px!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;
    white-space: nowrap!important;
    overflow: hidden !important;
    text-overflow: ellipsis!important;}
    
    [href="https://mozilla.github.io/glean/book/user/pings/custom.html"]:hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/collect_users.gif")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;}        
    
    [href="http://firefox-source-docs.mozilla.org/toolkit/components/glean/dev/testing.html#logging"]{
    appearance:none!important;
    text-decoration: none !important;
    background: #F0F0F0  url("..//icons/Bild97.png")no-repeat !important;
    padding-left:35px!important;
    padding-right:20px!important;
    padding-top:4px!important;
    padding-bottom:4px!important;
    margin-top: 15px !important;
    margin-left: 3px !important;
    background-position:14px 7px!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; 
    line-height: 3 !important;}
    
    [href="http://firefox-source-docs.mozilla.org/toolkit/components/glean/dev/testing.html#logging"]:hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/Bild97.png")no-repeat !important;
    background-position:14px 7px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}

    #description > ol:nth-child(9) > li:nth-child(5) > a:nth-child(1){
    appearance:none!important;
    text-decoration: none !important;
    background: #F0F0F0  url("..//icons/Ping.png")no-repeat !important;
    padding-left:35px!important;
    padding-right:20px!important;
    padding-top:4px!important;
    padding-bottom:4px!important;
    margin-top: 15px !important;
    margin-left: 2px !important;
    background-position:14px 6px!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; 
    line-height: 3 !important;}
    
    #description > ol:nth-child(9) > li:nth-child(5) > a:nth-child(1):hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/Ping.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;}

    [href="https://dictionary.telemetry.mozilla.org/"]{
    appearance:none!important;
    text-decoration: none !important;
    background: #F0F0F0  url("..//icons/Glean-book-16a.png")no-repeat !important;
    padding-left:35px!important;
    padding-right:20px!important;
    padding-top:4px!important;
    padding-bottom:4px!important;
    margin-top: 15px !important;
    background-position:14px 7px!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;}
    
    [href="https://dictionary.telemetry.mozilla.org/"]:hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/Glean-book-16a.png")no-repeat !important;
    background-position:14px 7px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}            
        
    #ping-names{
    appearance:none!important;
    text-decoration: none !important;
    background: #F0F0F0  url("..//icons/menu.png")no-repeat !important;
    padding-left:35px!important;
    padding-top:0px!important;
    padding-bottom:0px!important;
    margin-top: 15px !important;
    margin-left: 2px !important;
    background-position:14px 7px!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:14px !important;
    color:black !important;}
    
    #ping-names:hover{
    appearance:none!important;
    background-color: #B2EDFA !important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}    
    }

Alles anzeigen

Symbole:

Mfg.
Endor

FuchsFan

Zitat von Boersenfeger

Vielen Dank

Bitte, war nur ein Vorschlag.

Zitat von Endor

Nochmals danke dafür.

Keine Ursache, Endor, Hauptsache es passt.

Zitat von Endor

So der fertige Code für about:glean

Zeilen 129 bis 131 müssten m.M.n. überflüssig sein.

Danke, für den Code.

2002Andreas

Zitat von FuchsFan

müssten m.M.n. überflüssig sein

Sie beißen sich außerdem mit Zeile 57 - 60:

CSS

#description{
    margin-top: 30px !important;
    min-width: 1100px !important;
    max-width: 1100px !important;}  /* Hier auch Breite anpassen 50px weniger als in Zeile 32 verwenden */

Genutzt wird immer der erste Eintrag soweit ich das weiß.

Sören Hentzschel

Zitat von 2002Andreas

Genutzt wird immer der erste Eintrag soweit ich das weiß.

Bei gleicher Spezifität von Selektoren gewinnt der, der zuletzt kommt.

2002Andreas

Zitat von Sören Hentzschel

der zuletzt kommt.

Danke, dann hatte ich das falsch in Erinnerung.

Endor

Hallo zusammen und vielen Dank an alle für den Hinweis,
Info und Erklärung zu den nicht mehr benötigten CSS Code Schnipsel.
Habe ich oben entfernt.

Mfg.
Endor

FuchsFan

Endor

Hinweis, wegen Änderungen in aktuellem Nightly. Die gibt es bei logging, plugins und profiles, was ich bisher feststellen konnte.

Endor

Hallo FuchsFan

Danke für den Hinweis.

Teste bitte:

about:plugins nur für Nightly

CSS

    @-moz-document url("about:plugins"){
    
    #plugs::before {content: "Endors"; font-size:24px !important; font-weight: bold !important; 
    color:red !important;  margin-right: 10px !important; }
    
    #plugs {margin-top: 50px !important;}
    
    html{background: #ffffff  !important; margin-top: 20px !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;}
    
    .container {
    background-color: #ee7621 !important; 
    color: #ffffff !important; 
    padding-left: 20px !important; 
    margin-top: 70px !important; 
    border-radius: 24px !important;
    min-height: 34px !important;}
    
    .content > slot:nth-child(1){font-size: 16px !important; }
    
    th {background-color: #ee7621 !important;}
    
    .container:hover,
    th:hover {background-color: #b54f06 !important;}
    
    td{background: #FFFFFF !important;}
    td:hover{background: #ffeb99 !important;}
    
    h1{color: red !important; font-size: 22px !important; font-weight: bold !important; 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

FuchsFan

Zitat von Endor

Teste bitte:

Passt!

2002Andreas

Nur mal so eine Frage dazu.

Warum nehmt ihr nicht die jeweilige ID statt z.B. in Zeile 86:

#outside > message-bar:nth-child(3) > a:nth-child(1)

Die ID wäre in diesem Fall:

[data-l10n-id="moz-support-link-text"]

Sollte Mozilla etwas anpassen, dann könnte es sein, dass die Zahlen nicht mehr stimmen, und ihr es erst wieder anpassen müsst.

Endor

FuchsFan

Aus dem Code könnten wir alles was mit Table beginnt entfernen.

Wird nicht mehr gebraucht. Was meinst Du?

2002Andreas.

Danke das teste ich mal.

2002Andreas

Perfekt

Direkt geändert.

CSS siehe oben.

Nochmals vielen Dank für den Hinweis.

Mfg.
Endor

2002Andreas

Zitat von Endor

Nochmals vielen Dank für den Hinweis.

Gerne doch wie immer

Zitat von Endor

könnten wir alles was mit Table beginnt entfernen.

Ja, wäre dann auch übersichtlicher.

2002Andreas

Zitat von Endor

Danke das teste ich mal.

Mit deinem Code steht da:

Endors Installierte Plugins

So wäre es richtig

Und auch hier wäre die genaue ID besser.

CSS

[data-l10n-id="installed-plugins-label"] {
   font-size: 0 !important;
   margin-bottom: 20px !important;
}
      
[data-l10n-id="installed-plugins-label"]:before {
   content: "Endors installierte Plugins"; 
   font-size:24px !important; 
   font-weight: bold !important; 
   color:red !important;
}

Alles anzeigen

FuchsFan

Zitat von Endor

Wird nicht mehr gebraucht. Was meinst Du?

Alles entfernt, und funktioniert trotzdem, ist also überflüssig.

2002Andreas

Noch eine Spielerei

Code

[data-l10n-id="version-dd"] {
        color: red;
        font-size: 14px;
}

[data-l10n-id="state-dd-enabled"] {
        color: green;
        font-size: 14px;
}

FuchsFan

Zitat von 2002Andreas

Noch eine Spielerei

Warum nicht.

2002Andreas

Wenn ich das alles entferne, ändert sich hier nichts:

CSS

    .content > slot:nth-child(1){font-size: 16px !important; }
    
    th {background-color: #ee7621 !important;}
    
    .container:hover,
    th:hover {background-color: #b54f06 !important;}
    
    td{background: #FFFFFF !important;}
    td:hover{background: #ffeb99 !important;}

und bei h1 dieser Teil:

CSS

color: red !important; font-size: 22px !important; font-weight: bold !important;

Oder ist das nur hier so?

Edit:

Funktion ist nur in der userContent.css vorhanden, nicht in den Entwickler-Werkzeugen.

FuchsFan

Zitat von 2002Andreas

Oder ist das nur hier so?

Eigentlich kann das auch weg, denn es wirkt nur ein Teil bei Hover. .container:hover

2002Andreas

Hier mal ein schönes Beispiel.

In den Entwickler-Werkzeugen sieht das mit dem Code so aus:

Der Hg der Leiste ist grau, obwohl eine Farbe für vergeben ist.

Auch alle anderen Anpassungen haben keine Wirkung.

(bei Nutzung der userContent.css passt allerdings alles)

Nimmt man jedoch die genaue ID bzw. Bezeichnungen, dann sieht es so aus in den Entwickler-Werkzeugen:

Alles wird richtig angezeigt, auch bei Nutzung der userContent.css

CSS

[data-l10n-id="deprecation-description"] {
  --in-content-box-info-background: #ee7621 !important;
  --message-bar-text-color: white !important;
  padding: 4px 8px !important;
  border-radius: 11px !important;
  background: #ee7621 !important;
  min-height: 34px !important;
  font-size: 18px !important;
}

About Seiten mit CSS Codes anpassen

Ähnliche Themen

Mehrzeilige Tableiste für aktuelle Firefox-Versionen

Addons Manager Nightly