About Seiten mit CSS Codes anpassen

  • Hallo FuchsFan.

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

    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

    Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:130.0) Gecko/20100101 Firefox/130.0.1
    OS: Windows 10 pro 64 bit und Windows 10 Home 64 bit
    Meine Scripte Sammlung: https://github.com/Endor8/userChrome.js
    Kein Support per PN. Fragen bitte im Forum stellen!

  • Hallo zusammen.

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

    Symbole:                

    Mfg.
    Endor

    Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:130.0) Gecko/20100101 Firefox/130.0.1
    OS: Windows 10 pro 64 bit und Windows 10 Home 64 bit
    Meine Scripte Sammlung: https://github.com/Endor8/userChrome.js
    Kein Support per PN. Fragen bitte im Forum stellen!

    3 Mal editiert, zuletzt von Endor (24. März 2023 um 16:21) aus folgendem Grund: Nicht benötigen CSS Code Teil entfernt

  • 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

    Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:130.0) Gecko/20100101 Firefox/130.0.1
    OS: Windows 10 pro 64 bit und Windows 10 Home 64 bit
    Meine Scripte Sammlung: https://github.com/Endor8/userChrome.js
    Kein Support per PN. Fragen bitte im Forum stellen!

    Einmal editiert, zuletzt von Endor (24. März 2023 um 19:48)

  • Hallo FuchsFan

    Danke für den Hinweis.

    Teste bitte:

    about:plugins nur für Nightly

    Mfg.
    Endor

    Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:130.0) Gecko/20100101 Firefox/130.0.1
    OS: Windows 10 pro 64 bit und Windows 10 Home 64 bit
    Meine Scripte Sammlung: https://github.com/Endor8/userChrome.js
    Kein Support per PN. Fragen bitte im Forum stellen!

    Einmal editiert, zuletzt von Endor (25. März 2023 um 14:01) aus folgendem Grund: Unnötigen CSS Code entfernt und Sektor angepasst

  • 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.

  • 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. :thumbup:


    2002Andreas

    Perfekt :thumbup:

    Direkt geändert.

    CSS siehe oben.

    Nochmals vielen Dank für den Hinweis. :)

    Mfg.
    Endor

    Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:130.0) Gecko/20100101 Firefox/130.0.1
    OS: Windows 10 pro 64 bit und Windows 10 Home 64 bit
    Meine Scripte Sammlung: https://github.com/Endor8/userChrome.js
    Kein Support per PN. Fragen bitte im Forum stellen!

    Einmal editiert, zuletzt von Endor (25. März 2023 um 14:00) aus folgendem Grund: Ein Beitrag von Endor mit diesem Beitrag zusammengefügt.

  • 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.

  • :/

    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.

  • 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;
    }