1. Nachrichten
  2. Forum
    1. Unerledigte Themen
    2. Forenregeln
  3. Spenden
  • Anmelden
  • Registrieren
  • Suche
Alles
  • Alles
  • Artikel
  • Seiten
  • Forum
  • Erweiterte Suche
  1. camp-firefox.de
  2. FuchsFan

Beiträge von FuchsFan

  • About Seiten mit CSS Codes anpassen

    • FuchsFan
    • 26. Februar 2022 um 16:10

    Endor

    Ein Hinweis noch zu dem Code von hier RE: About Seiten mit CSS Codes anpassen.

    Bei einem Klick auf den Button "Zugangsdaten hinzufügen" öffnet sich das neue Menü dazu, dass dann so aussieht.

    Folgenden Code-Schnipsel habe ich zusätzlich eingefügt, damit passt es dann wieder.

    CSS
    html.official-branding.initialized body section header {
            background-color: #fbe8d2 !important;
            height: 52px !important;
        }  

  • About Seiten mit CSS Codes anpassen

    • FuchsFan
    • 25. Februar 2022 um 22:04
    Zitat von Endor

    denn Du hast mich damit auf eine Idee gebracht

    :thumbup: Da bin ich aber sehr gespannt.

  • About Seiten mit CSS Codes anpassen

    • FuchsFan
    • 25. Februar 2022 um 19:45

    Endor

    So einfach kann es sein, bin ich nicht drauf gekommen. Danke für die zwei Schnipsel, nun kann ich das wieder einrichten. :thumbup:

  • About Seiten mit CSS Codes anpassen

    • FuchsFan
    • 25. Februar 2022 um 19:20
    Zitat von Boersenfeger

    welche Änderung du gemacht hast

    Die Änderungen, die ich dir jetzt nenne, beziehen sich immer auf den Code von hier RE: About Seiten mit CSS Codes anpassen.

    Betrachtest du das Bild von hier RE: About Seiten mit CSS Codes anpassen, dann erkennst du, dass im Nightly das obere Feld (sog. header) nicht mehr bis zum äußeren linken Rand reicht. Mir war es nicht möglich das wieder abzuändern. Siehe hier im Bild links oben den rot umrandeten Teil, der jetzt im gesamten Hintergrund eingebunden ist.

    Deswegen habe ich mir einen passenden Hintergrund gewählt, der damit alles abdeckt, hier das helle Grau.

    Das sind die Änderungen dazu (immer die Blöcke mit dem Selektor vergleichen).

    1.

    CSS
    body > header:nth-child(1){
        margin-top: 1px !important; 
        border-bottom: none !important;
        border-top-right-radius:28px !important; 
        border-top-left-radius:28px !important;}

    2.

    CSS
    header {
        background: gainsboro !important; 
        margin-top: 5px !important; 
        margin-bottom: 6px !important; 
        border-top-left-radius: 28px  !important;
        border-top-right-radius: 28px  !important;}

    3. zusätzlich eingefügt:

    CSS
    .official-branding.login-selected.initialized{
        background-color: gainsboro !important;
        }
  • About Seiten mit CSS Codes anpassen

    • FuchsFan
    • 25. Februar 2022 um 09:50
    Zitat von Sören Hentzschel

    Dann kannst du deine Änderungen ja teilen.

    Damit habe ich kein Problem, aber viele User werden doch immer auf den Code von Endor zugreifen. Darum auch immer der Hinweis für ihn.

    Hier dann mein Code:

    CSS
        @namespace url(http://www.w3.org/1999/xhtml);
        @-moz-document url-prefix(about:logins) {
            
        .container > ol:nth-child(1){
            scrollbar-width: none !important;
        }
        
        /* Drei-Punkte-Button oben rechts */
        button.menu-button.ghost-button {
            background-color: lightblue !important;
            border: 1px solid orange !important;
            fill: blue !important;        
        }
        button.menu-button.ghost-button:hover {
            background-color: greenyellow !important;
            fill: red !important;        
        }
    
        .column:before {
            content: "Design by Endor & FuchsFan 01.2022";
            margin-top: -15px !important;
            font-size: 12px !important;
            font-weight: bold !important;
            color: green !important;
        }        
        
        /* linke Seite die Auflistung */    
        body > login-list {
            width: auto !important;
            margin-top: 70px !important;
            border-right: 2px solid orange !important; 
            border-bottom: none !important;
            scrollbar-width: none !important;
        }
        
        /* oben der Text "Zugangsdaten" */
        .count {
            color: #0f6acc !important; 
            font-size: 15px !important; 
            font-weight: bold !important;
            margin-left: 10px !important;
        }
        
        body > login-list:nth-child(2){ 
            border-bottom: none !important;
        }
        
        ul.menu button.menuitem-button {
            background-color: beige !important;
            border: 1px solid silver !important;
            margin-top: 2px !important;
        }
        ul.menu button.menuitem-button:hover {
            background-color: greenyellow !important;
            border: 1px solid coral !important;
        }
        
        li[class="login-list-item"],
        li[class="login-list-item selected"]{
            padding-left: 25px !important;
        }
        
        div.detail-row:nth-child(2) > div:nth-child(1) > label:nth-child(1) > input:nth-child(2),
        .password-display {
            width: 280px !important;
        }
        
        div.meta {
            padding-left: 35px !important;
            margin-top: 0px !important;
            border-bottom: 2px solid orange !important; 
            border-top: 2px solid coral !important;
        }    
        
        .create-login-button-container {
            padding-left: 10px !important; 
            padding-right: 70px !important; 
            margin-bottom: 1px !important; 
            box-shadow: none !important; 
            border-top: none !important;
        }
        
        .container > ol:nth-child(1){
            border-bottom: none !important; 
            box-shadow: none !important;
        }
        
        .header, li {
            border-bottom: none !important;
            box-shadow: none !important;
            
        }
        
        html.official-branding.login-selected.initialized body section header {
            background-color: gainsboro !important;
            height: 52px !important;
            border-bottom: 2px solid coral !important;
        }        
        
        
        div.container div.column div.header {
            border-bottom: 2px solid dodgerblue !important;
        }
        
        .empty-search-message {
            /* background:#fffff0 !important; */
            border-bottom: none !important; 
            box-shadow: none !important;
        }
        
        html {
            background: gainsboro!important;
        }
        
        body > h1:nth-child(2) {
            margin-top: 10px !important;
        }
        
        body {
            max-width: 1150px !important;
            max-height: 860px !important;
            margin-left: 400px !important;
            border: 5px solid dodgerblue !important; 
            /* border-radius:28px!important; */
            margin-top: 5px !important;
        }
            
        .filter,
        login-filter {
            appearance: none !important; 
            border-radius:24px !important;
        }
        
        .menu-button {
            fill: #e69500 !important;
        }
        
        .fxaccounts-extra-text {
            color: #0066cc !important; 
            font-weight: bold !important;
        }
        
        div.container ol{
            background-color: beige !important;
        }
        
        .time-created,
        .create-login-button-container,
        body > login-list:nth-child(2), li, .header, header,
        .meta{
            box-shadow: none !important;
        }
        
        .meta, .create-login-button-container,
        body > login-item:nth-child(3),
        .container {
            background: conic-gradient(at 0% 30% , beige 20%, white 30%, #21bf06 60%) !important;
            /* background-color: #fffff0 !important; */
        }
        
        .meta:hover, 
        .create-login-button-container:hover {
            background: #ffe680 !important;
        }
        
        div.create-login-button-container {
            border-top: 2px solid orange !important;
        }    
        
        .login-list-item.selected {
            background: #fff0b3 !important; 
            border-left: 2px!important;
        }
        .login-list-item.selected:hover {
            background: #ffdb4d !important;        
        }
        
        .login-list-item {
            background-color: #FFFFF0 !important;
        }
        .login-list-item:hover {
            background-color: #ffe680 !important;
        }
        
        .header {
            margin-top: 20px!important;
        }
        
        .login-item-title {
            color: #0066cc !important;
        }
        
        .favicon-wrapper,
        .login-item-favicon-wrapper {
            fill: #e69500 !important;
        }
         
        #login-sort {
        background: #F0F0F0 url("..//icons/Bild86.png")no-repeat !important;
        padding-left:30px !important;
        padding-right: 5px !important;
        padding-top:  2px!important; 
        padding-bottom: 4px!important; 
        background-position:10px 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;
        color:black !important;
        margin-left: -15px !important;
        max-width: 180px  !important;
        }
        
        #login-sort:hover {
        background: #B2EDFA url("..//icons/Bild86.png")no-repeat !important;
        padding-left:30px!important ;
        border-style: outset !important;
        border-width:2px !important;
        border-left-color:  #bbddff !important;
        border-top-color:  #bbddff !important;
        border-right-color:  #11508d !important;
        border-bottom-color:  #11508d !important;
        background-position:10px 6px!important;
        }
    
        .copy-username-button {
        appearance:none!important;
        background: #F0F0F0 url("..//icons/Bild73.png")no-repeat !important;
        padding-left:20px!important;
        padding-top:  2px!important; 
        padding-bottom: 4px!important; 
        background-position:14px 6px!important;
        font-size:14.0px!important;
        /* margin-left: -5px !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:16px!important;
        color:black !important; 
        }
    
        .copy-username-button:hover {
        appearance:none!important;
        background: #B2EDFA url("..//icons/Bild73.png")no-repeat !important;
        padding-left:20px!important ;
        border-style: outset !important;
        border-width:2px !important;
        border-left-color:  #bbddff !important;
        border-top-color:  #bbddff !important;
        border-right-color:  #11508d !important;
        border-bottom-color:  #11508d !important;
        background-position:14px 6px!important;
        }
    
        
        .copy-username-button,
        .copy-password-button {
            min-width: 130px !important;
        }
    
        .copy-password-button {
        appearance:none!important;
        background: #F0F0F0 url("..//icons/Bild74.png")no-repeat !important;
        padding-left:20px!important;
        padding-top:  2px!important; 
        padding-bottom: 4px!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:16px!important;
        color:black !important;
        }
    
        .copy-password-button:hover {
        appearance:none!important;
        background: #B2EDFA url("..//icons/Bild74.png")no-repeat !important;
        padding-left:20px!important ;
        border-style: outset !important;
        border-width:2px !important;
        border-left-color:  #bbddff !important;
        border-top-color:  #bbddff !important;
        border-right-color:  #11508d !important;
        border-bottom-color:  #11508d !important;
        background-position:14px 6px!important;
        }        
    
        .origin-input {
        appearance:none!important;
        background: #F0F0F0 url("..//icons/Bild75.png")no-repeat !important;
        padding-left:35px !important;
        padding-top:  2px !important; 
        padding-bottom: 4px !important; 
        padding-right: 35px !important; 
        min-width: 350px !important; 
        background-position:10px 5px!important;
        color:black!important;
        font-size:14px!important;
        text-decoration:none!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;
        border-radius:16px!important;
        }
    
        .origin-input:hover {
        appearance:none!important;
        background: #B2EDFA url("..//icons/Bild75.png")no-repeat !important;
        background-position:10px 5px!important;
        border-style: outset !important;
        border-width:2px !important;
        border-left-color:  #bbddff !important;
        border-top-color:  #bbddff !important;
        border-right-color:  #11508d !important;
        border-bottom-color:  #11508d !important;
        }    
        
        .fxaccounts-enable-button {
        appearance:none!important;
        background: #F0F0F0 url("..//icons/Bild83.png")no-repeat !important;
        padding-left:35px!important;
        padding-top:  2px!important; 
        padding-bottom: 4px!important; 
        background-position:10px 6px!important;
        color:black!important;
        font-size:14px!important;
        text-decoration:none!important;
        padding-right:25px!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;
        border-radius:16px!important;
        }
    
        .fxaccounts-enable-button:hover {
        appearance:none!important;
        background: #B2EDFA url("..//icons/Bild83.png")no-repeat !important;
        background-position:10px 6px!important;
        border-style: outset !important;
        border-width:2px !important;
        border-left-color:  #bbddff !important;
        border-top-color:  #bbddff !important;
        border-right-color:  #11508d !important;
        border-bottom-color:  #11508d !important;
        }    
    
        .create-login-button {
        appearance:none!important;
        background: #F0F0F0 url("..//icons/Bild84.png")no-repeat !important;
        width: 235px !important;
        padding-left:32px!important;
        padding-top:  2px!important; 
        padding-bottom: 4px!important; 
        background-position:10px 5px!important;
        color:black!important;
        font-size:14px!important;
        text-decoration:none!important;
        padding-right:35px!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;
        border-radius:16px!important;
        }
    
        .create-login-button:hover {
        appearance:none!important;
        background: #B2EDFA url("..//icons/Bild84.png")no-repeat !important;
        padding-left:32px!important ;
        border-style: outset !important;
        border-width:2px !important;
        border-left-color:  #bbddff !important;
        border-top-color:  #bbddff !important;
        border-right-color:  #11508d !important;
        border-bottom-color:  #11508d !important;
        background-position:10px 5px!important;
        }    
    
        .edit-button {
        appearance:none!important;
        background: #F0F0F0 url("..//icons/Bild67.png")no-repeat !important;
        padding-left:40px!important;
        padding-right: 20px !important;
        padding-top:  2px!important; 
        padding-bottom: 4px!important; 
        background-position:10px 5px!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:16px !important;
        color:black !important; 
        }
    
        .edit-button:hover {
        appearance:none!important;
        background: #B2EDFA url("..//icons/Bild67.png")no-repeat !important;
        border-style: outset !important;
        border-width:2px !important;
        border-left-color:  #bbddff !important;
        border-top-color:  #bbddff !important;
        border-right-color:  #11508d !important;
        border-bottom-color:  #11508d !important;
        background-position:10px 5px!important;
        }
        
        .delete-button {
        appearance:none!important;
        background: #F0F0F0 url("..//icons/Bild8.gif")no-repeat !important;
        padding-left:40px!important;
        padding-right:20px!important;
        padding-top:  2px!important; 
        padding-bottom: 4px!important; 
        background-position:10px 5px!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:16px !important;
        color:black !important; 
        }
        
        .delete-button:hover {
        appearance:none!important;
        background: #B2EDFA url("..//icons/Bild8.gif")no-repeat !important;
        background-position:10px 5px!important;
        border-style: outset !important;
        border-width:2px !important;
        border-left-color:  #bbddff !important;
        border-top-color:  #bbddff !important;
        border-right-color:  #11508d !important;
        border-bottom-color:  #11508d !important;
        }
        
        .save-changes-button {
        appearance:none!important;
        background: #F0F0F0 url("..//icons/Bild87.png")no-repeat !important;
        padding-left:40px!important;
        padding-right:20px!important;
        padding-top:  2px!important; 
        padding-bottom: 4px!important; 
        background-position:10px 5px!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:16px !important;
        color:black !important; 
        }
        
        .save-changes-button:hover {
        appearance:none!important;
        background: #B2EDFA url("..//icons/Bild87.png")no-repeat !important;
        background-position:10px 5px!important;
        border-style: outset !important;
        border-width:2px !important;
        border-left-color:  #bbddff !important;
        border-top-color:  #bbddff !important;
        border-right-color:  #11508d !important;
        border-bottom-color:  #11508d !important;
        }    
        
        .cancel-button {
        appearance:none!important;
        background: #F0F0F0 url("..//icons/Bild88.png")no-repeat !important;
        padding-left:40px!important;
        padding-right:20px!important;
        padding-top:  2px!important; 
        padding-bottom: 4px!important; 
        background-position:10px 5px!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:16px !important;
        color:black !important; 
        }
        
        .cancel-button:hover {
        appearance:none!important;
        background: #B2EDFA url("..//icons/Bild88.png")no-repeat !important;
        background-position:10px 5px!important;
        border-style: outset !important;
        border-width:2px !important;
        border-left-color:  #bbddff !important;
        border-top-color:  #bbddff !important;
        border-right-color:  #11508d !important;
        border-bottom-color:  #11508d !important;
        }        
        
        .reveal-password-checkbox {
            fill: #0066cc !important;
        }
        
        .menu {
            /* border-radius: 20px !important; */
            border: 1px solid dodgerblue !important;
            padding: 5px !important;
        }
    
        .menuitem-import-browser {
            width: 100% !important;
            height: 24px !important;
            fill:  green !important;
            color: black!important;
        }
        
        .menuitem-export {
            width: 100% !important;
            height: 24px !important;
            fill:  orange !important;
            color: black !important;
        }
        
        .menuitem-import {
            width: 100% !important;
            height: 24px !important;
            fill:  #cc3300!important;
            color: black !important;
        }
        
        .menuitem-import-file {
            width: 100% !important;
            height: 24px !important;
            fill:  blue !important;
            color: black !important;
        }
        
        .menuitem-remove-all-logins {
            width: 100% !important;
            height: 24px !important;
            fill:  #cc3300!important;
            color: black !important;
            margin-left: -1px !important;
        }
        
        .menuitem-help {
            width: 100% !important;
            height: 24px !important;
            fill: blue!important;
            color: black !important;
        }
        
        .menuitem-preferences {
            width: 100% !important;
            height: 24px !important;
            fill: red!important;
            color: black !important;
        }    
        
        .menuitem-mobile[data-l10n-id="menu-menuitem-android-app"] {
            width: 100% !important;
            height: 24px !important;
            fill: #33cc33!important;
            color: black!important;
        }
    
        .menuitem-mobile[data-l10n-id="menu-menuitem-iphone-app"] {
            width: 100% !important;
            height: 24px !important;
            fill: #9900ff!important;
            color: black!important;
        }    
        }
    Alles anzeigen

  • About Seiten mit CSS Codes anpassen

    • FuchsFan
    • 25. Februar 2022 um 09:37
    Zitat von Dharkness

    Putzig, ich muss bei mir nichts anpassen.

    Mag ja bei Dir zutreffen. Nehme ich den Code von hier RE: About Seiten mit CSS Codes anpassen, dann sieht es in Version 97 so aus.

    Und ab Version 99 dann so.

    Für mich habe ich das schon bereinigt, war ja nur ein Hinweis.

  • About Seiten mit CSS Codes anpassen

    • FuchsFan
    • 24. Februar 2022 um 22:01

    Endor

    Ich grüße Dich! :)

    Ab Version 99 sind in about:login Anpassungen erforderlich, sieht nicht mehr gut aus. Sollte nur ein Hinweis sein, keine Eile.

  • Tab Beschriftung im Nightly anders als im Default Browser

    • FuchsFan
    • 24. Februar 2022 um 20:06

    2002Andreas

    Ja, Andreas, frag mich nicht was da hineinspielt. Nehme ich meinen Code, dann wird im selben Nightly alles sauber angezeigt.

  • Tab Beschriftung im Nightly anders als im Default Browser

    • FuchsFan
    • 24. Februar 2022 um 18:46
    Zitat von 2002Andreas

    Auch dann keine Probleme

    Das sind die von Mozilla, probiere mal das:

    Sky Clouds – Holen Sie sich dieses Theme für 🦊 Firefox (de)
    Laden Sie Sky Clouds für Firefox herunter.
    addons.mozilla.org

    Wäre gut zu wissen, was das zu bedeuten hat.

  • Tab Beschriftung im Nightly anders als im Default Browser

    • FuchsFan
    • 24. Februar 2022 um 18:39
    Zitat von 2002Andreas

    Ich musste dafür nur die Textfarbe der inaktiven Tabs auf weiß, statt schwarz ändern.

    Du wirst den Effekt auch nicht sehen, weil du einfarbige Themes hast (hell und dunkel). Dann funktioniert es hier auch.

    Es ist nur noch der Code für den Text aktiv, alles andere ist raus.

    CSS
    .tabbrowser-tab[visuallyselected="true"] label.tab-text.tab-label {    
            font-size: 15px !important;
            opacity: 1.0 !important;
        }
        
        /* Schrift inaktiver Tab */    
        .tabbrowser-tab:not([visuallyselected="true"]) label.tab-text.tab-label {
            font-size: 15px !important;
            opacity: 1.0 !important;
        }

    Nehme ich das Theme Hell von Mozilla, dann sieht es so aus:

    Nehme ich ein farbiges Theme, dann wird die Schrift verschwommen, als wenn unten etwas verloren geht.

    Da hat also der Code von Börsi nichts mit zu tun, Sand im Getriebe, eventuell ändert sich das ja wieder.

  • Tab Beschriftung im Nightly anders als im Default Browser

    • FuchsFan
    • 24. Februar 2022 um 18:04
    Zitat von Boersenfeger

    Ob 100 oder 110% Größe; es ändert sich nichts an der Tabbeschriftung

    Kommentiere mal bitte die Zeilen 168 bis 174 aus, das ändert hier dann das Schriftbild.

    Zitat von 2002Andreas

    Selbst bei ganz großer Schrift nicht.

    Sofern die Schriftgröße geändert wird, gleich verschwommen. :/

  • Tab Beschriftung im Nightly anders als im Default Browser

    • FuchsFan
    • 24. Februar 2022 um 17:40
    Zitat von Boersenfeger

    Leider ergibt deine Änderung hier hinsichtlich der Schriftschärfe hier keine Abhilfe...

    Ich habe noch mehrmals probiert, aber es kann/muss an deinem Code liegen. Vergrößere ich die Schrift, so ist sie sofort unscharf. :/

    Warte mal ab, eventuell kann ein anderer User helfen.

  • Tab Beschriftung im Nightly anders als im Default Browser

    • FuchsFan
    • 24. Februar 2022 um 17:28
    Zitat von Boersenfeger

    So wie im 2. Screenshot (Arbeiter)

    Wenn ich dich richtig verstehe, so meinst du die unscharfe Schrift. Oder? ;) :)

    So, ich habe im Nightly mal deinen Code installiert. Im aktiven Tab war die Schrift gleich scharf und gut lesbar, nur die inaktiven Tabs zeigen das unscharfe Muster.

    Links der Tab unscharf, ganz rechts der Tab scharfe Schriftdarstellung mit einer Anpassung in deinem Code. Zeile 66 bis 68 auskommentiert, damit ist zwar die Schrift kleiner, aber der rechte Tab zeigt das Ergebnis.

  • Tab Beschriftung im Nightly anders als im Default Browser

    • FuchsFan
    • 24. Februar 2022 um 16:54
    Zitat von Boersenfeger

    Kann das jemand bestätigen

    Keine Veränderungen, gerade Update eingespielt. Wie sah/sieht es denn sonst bei dir aus?

  • Rahmen um Lesezeichen-Ordner-Menü entfernen

    • FuchsFan
    • 23. Februar 2022 um 20:07

    2002Andreas

    Stimmt, Andreas, es geht auch ohne :is, nur mit menupopup , es müssen nur die richtigen Bezeichnungen gewählt werden, dann können dort auch beide Hintergründe gleichzeitig angesprochen werden. Danke, für den Hinweis. :thumbup: :)

  • Rahmen um Lesezeichen-Ordner-Menü entfernen

    • FuchsFan
    • 23. Februar 2022 um 19:26
    Zitat von 2002Andreas

    Das benutzt man nur, wenn man mehrere Werte damit ansprechen will, nicht nur einen.

    Du magst ja recht haben, aber ich nutze sie so einzeln, und kann, wenn ich möchte, beide HG einzeln ausblenden.

    Wenn beide aktiv, dann sieht es z.B. so aus:


    Zitat von milupo

    Das war früher -moz-any.

    Danke, milupo, das habe ich fast alles schon geändert.

  • Rahmen um Lesezeichen-Ordner-Menü entfernen

    • FuchsFan
    • 23. Februar 2022 um 19:18
    Zitat von 2002Andreas

    Der ist für:

    Richtig!

    Und der Code mit is: hat dann noch eine andere Farbe.

  • Rahmen um Lesezeichen-Ordner-Menü entfernen

    • FuchsFan
    • 23. Februar 2022 um 19:11
    Zitat von 2002Andreas

    Na klar darfst du

    Danke! Das wäre der eine Hintergrund. Der andere Hg hat den Code:

    CSS
    /* Hintergrundfarbe der Menüs */
    menupopup {
        --panel-background: gold !important; 
    }

    Deswegen verstehe ich nicht, warum der Code von hier RE: Rahmen um Lesezeichen-Ordner-Menü entfernen nicht arbeitet.

  • Rahmen um Lesezeichen-Ordner-Menü entfernen

    • FuchsFan
    • 23. Februar 2022 um 18:59
    Zitat von 2002Andreas

    Auch damit passiert hier nichts

    Darf ich auch noch einen hinzufügen. Damit kann ich hier den HG entfernen (wenn es der richtige sein sollte?).

    CSS
    :is(menupopup){
        background-color: none !important;
    }
  • Überhangmenü

    • FuchsFan
    • 21. Februar 2022 um 17:03
    Zitat von milupo

    Ah, danke, werde ich mal probieren.

    Ich nutze dafür schon Ewigkeiten den css-Code. Ist sehr schmal eingestellt, wenn erforderlich mehrmals nebeneinander, dann ist es auch gut.

    CSS
    /************** Flexibler Leerraum (Anpassen-Menue), die Breite ist anpassbar ***********************/
    
    toolbarpaletteitem[id^="wrapper-customizableui-special-spring"] {
        min-width: 10px!important;
        max-width: 15px!important;
    }
    
    toolbarspring {
        -moz-box-flex: 1;
        min-width: 15px!important;
        max-width: 15px!important;
    }
    Alles anzeigen

Unterstütze uns!

Jährlich (2025)

108,6 %

108,6% (705,72 von 650 EUR)

Jetzt spenden
  1. Kontakt
  2. Datenschutz
  3. Impressum
Community-Software: WoltLab Suite™
Mastodon