Beiträge von Endor

Endor

2002Andreas

Einen schönen Sonntag wünsche ich Euch beiden

Mfg.
Endor

Endor

Laut meinem Test müsste es daran liegen:

CSS

/**** Versionsnummer der Addons wird angezeigt ****/
  div:not([current-view=updates]) .addon-name-link[title]::after  {
     display: block !important;
      content: attr(title) !important;
      margin-top: -22px !important; /* Änderung Endor*/
}

Siehe meine Änderung darin.

2002Andreas

mit -26px sieht es hier so aus:

mit -22px so:

Mfg.
Endor

Endor

BarbaraZ-

Sieht gut aus!

Mfg.
Endor

Endor

Prima, freut mich wenn passt.

Wie immer gern geschehen.

Mfg.
Endor

Endor

Hallo BarbaraZ-

Teste mal, müsste alles so sein wie Du es möchtest:

CSS

          /* About:Dialog - über Firefox --- In Abwandlung von DeJaVu*/

@-moz-document url-prefix("chrome://browser/content/aboutDialog.xhtml"){
    #bottomBox,
    #clientBox,
    #leftBox,
    #trademark,
    #updateBox > vbox:nth-child(2) > hbox:nth-child(2),
    #updateButton,
    #version,
    #version::before,
    #aboutDialog vbox,
    #aboutDialogContainer hbox,
    #clientBox vbox,
    #contributeDesc > label:nth-child(1),
    #contributeDesc > label:nth-child(2),
    #releasenotes,
    #trademark,
    #updateButton,
        label.bottom-link:nth-child(3),
        [href='about:credits'],
        [href='about:license'],
        [href='about:rights'],
        #contributeDesc > label:nth-child(1),
    #contributeDesc > label:nth-child(2),
    #releasenotes,
        label.bottom-link:nth-child(3),
        [href='about:credits'],
        [href='about:license'],
        [href='about:rights'],
    #aboutDialog,
    #aboutDialogContainer, 
    #bottomBox,
    #clientBox,
    #trademark {
    background-color: DarkSykBlue !important;
    }

    label,
    .text-blurb,
    #trademark { 
        font-size: 14px !important;
        }

    #version::before {
        content: 'Meine aktuelle Browser-Version ist die:';
        font-size: 14px !important;
        font-weight: bold !important; 
        color: LightCoral !important;
        margin-right: 6px !important;
        margin-left: -24px !important;
        }

    #version  {
        font-size: 14px !important;
        margin-top: 30px !important;
        color: Yellow !important;
        }

    /*„die daran arbeitet“ eine Zeile tiefer schieben*/
    #communityDesc{max-width: 580px !important;}/*Änderung 28.02.23*/

    #bottomBox > hbox:nth-child(1) {
        margin-left: 130px !important; /*Änderung 28.02.23*/
        max-width: 740px !important; /*Änderung 28.02.23*/
        margin-bottom: 25px !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        background-color: dodgerblue !important;
        }

    #updateBox > vbox:nth-child(2) > hbox:nth-child(2) {
        margin-top: -25px !important;
        margin-bottom: 20px !important;
        }

    #trademark {
        margin-top: 5px !important;
        margin-bottom: 10px !important; 
        }
    
    #leftBox {
        appearance: none !important;
        background-size: contain !important;
        margin-top: 60px !important; 
        max-width: 150px !important; /*Änderung*/
        min-width: 150px !important; /*Änderung*/
    }            

    #updateButton {
        appearance: none !important; /*Firefox Update*/
        background: pink url("../Icons/qd-lupe.gif")no-repeat !important;
        min-width: 300px !important; /*Änderung*/
        padding-left: 30px !important;
        background-position: 13px !important;
        border: 3px solid dodgerblue !important;
        border-width: 2px !important;
        color: coral !important;
        margin-bottom: 10px !important;
        margin-top: 0 !important;
        }

    #icons > .icon {
        margin-top: 12px !important;
        }

    #updateButton:hover {
        appearance: none !important;
        background: yellow url("../Icons/qd-lupe.gif")no-repeat !important;
        padding-left: 30px !important ;
        background-position: 13px !important;
        }

    #updateButton .button-box {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        -moz-padding-start: 3px !important;
        -moz-padding-end: 3px !important;
        }

    #updateBox vbox description.text-blurb label.text-link {
        display: none !important;
        }
   
    [href='about:license'] {
        appearance: none !important; /* Information zur Lizensierung */
        background: lightgray url("../Icons/qd-info.png")no-repeat !important; 
        color: dodgerblue !important;
        margin-top: 2px !important;
        padding-right: 10px !important;
        margin-left: -3px !important;
        padding-left: 30px !important;
        border-width: 2px !important;
        background-position: 10px 5px !important;
        border: 3px solid red !important;
        }

    [href='about:license']:hover {
        background: darkgray url("../Icons/qd-info.png")no-repeat !important; 
        color: white !important;
        background-position: 10px 5px !important;
        }

    [href="about:rights"] {
        appearance: none !important; /* Endanwenderrechte */
        background: CornflowerBlue url("../Icons/qd-endanwender.png")no-repeat !important;
        color: black !important;
        /*padding-top: 2px !important;*/
        margin-right: 11px!important;
        margin-left: -28px !important;
        margin-top: 2px !important;
        padding-right: 20px !important;
        padding-left: 40px !important;
        border-color: red !important;
        border-width: 2px !important;
        background-position: 10px 5px !important;
        border: 3px solid yellow !important;
        }

    [href="about:rights"]:hover {
        appearance: none !important;
        background: darkgray url("../Icons/qd-endanwender.png") no-repeat !important;
        color: white !important;
        background-position: 10px 5px !important;
        } 
    
    label.bottom-link:nth-child(3) {
        appearance: none !important; /* Datenschutzbestimmungen */
        background: lightgray url("../Icons/qd-datenschutz.png")no-repeat !important;
        color: dodgerblue !important;
        margin-left: -2px !important;
        margin-right: -3px !important;
        margin-top: 2px !important;
        padding-right: 20px !important;
        padding-left: 40px !important;
        border-width: 2px !important;
        background-position: 10px 5px !important;
        border: 3px solid orange !important;
        }

    label.bottom-link:nth-child(3):hover {
        background: darkgray url("../Icons/qd-datenschutz.png")no-repeat !important;
        color: white !important;
        background-position: 10px 5px !important;
        }

    [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog'] {
        appearance: none !important; /* Mozilla */
        background: lightgray url("../Icons/qd-mozilla.png")no-repeat !important;
        color: black !important;
        margin-right: 2px !important;
        padding-right: 15px !important;
        padding-left: 35px !important;
        border-width: 2px !important;
        background-position: 10px 5px !important;
        border: 3px solid magenta !important;
        }

    [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']:hover {
        background: darkgray url("../Icons/qd-mozilla.png")no-repeat !important;
        color: white !important;
        background-position: 10px 5px !important;
        }

    [href='about:credits'] {
        appearance: none !important; /* globale Community */
        background: lightgray url("../Icons/qd-community.png")no-repeat !important;
        color: black !important;
        margin-right: 2px !important;
        padding-right: 7px !important;
        padding-left: 35px !important;
        border-width: 2px !important;
        background-position: 10px 5px !important;
        border: 3px solid violet !important;
        }

    [href='about:credits']:hover {
        background: darkgray url("../Icons/qd-community.png")no-repeat !important;
        color: white !important;
        background-position: 10px 5px !important;
        }

    #contributeDesc > label:nth-child(2) {
        appearance: none !important; /* machen Sie mit */
        background: lightgray url("../Icons/qd-mitmachen.png")no-repeat !important;
        color: black !important;
        margin-left: 2px !important;
        margin-right: 10px !important;
        padding-left: 35px !important;
        padding-right: 15px !important;
        border-color: cadetblue !important;
        border-width: 2px !important;
        background-position: 10px 5px !important;
        border: 3px solid dodgerblue !important;
        }

    #contributeDesc > label:nth-child(2):hover {
        background: darkgray url("../Icons/qd-mitmachen.png")no-repeat !important;
        color: white !important;
        background-position: 10px 5px !important;
        }

    #contributeDesc > label:nth-child(1) {
        appearance: none !important;  /*Spenden Sie*/
        background: yellow url("../Icons/qd-spenden.png")no-repeat !important;
        color: black !important;
        margin-right: -1px !important;
        padding-left: 35px !important;
        padding-right: 15px !important;
        border-width: 2px !important;
        background-position: 10px 5px !important;
        border: 3px solid pink !important;
        }

    #contributeDesc > label:nth-child(1):hover {
        background: darkgray url("../Icons/qd-spenden.png")no-repeat !important;
        color: black !important;
        background-position: 10px 5px !important;
        }

    #releasenotes { 
        appearance: none !important; /*Neue Funktionen und Änderungen*/
        background: darkgray url("../Icons/qd-info.png")no-repeat !important; 
        margin-left: 10px !important;
        margin-right: 35px !important;
        padding-left: 30px !important;
        padding-right: 20px !important;
        padding-bottom: 1px !important;
        border-width: 2px !important;
        background-position: 10px 5px !important;
        border: 3px solid yellow!important;
        margin-top: 50px !important; /*Änderung*/
        color: black !important;
        }

    #releasenotes:hover    {
        background: lightgray url("../Icons/qd-info.png")no-repeat !important;
        color: dodgerblue !important;
        background-position: 10px 5px !important;
        }    
    
    #rightBox {
        background-image: none !important;
        padding-top: 0px !important;      
        margin-top: 10px !important;
        }

    #rightBox::before {
        content: "Firefox Browser" !important;
        font-size: 20px !important;
        font-weight: bold !important;
        text-shadow: 5px 5px 5px red !important;
        color: yellow !important;
        -webkit-transform: scale(1.08) !important;
        min-width:  250px !important; /* Änderung 28.02.23*/
        margin-left: 200px !important; /* Änderung 28.02.23*/
        margin-right: 300px !important; /* Änderung 28.03.*/
        }
        
    #trademark {
        border: 3px solid red !important;
        max-width:  250px !important; /* Änderung 26.03.*/
        margin-left: 350px !important; /* Änderung 26.03.*/
        margin-right: 350px !important; /* Änderung 26.03.*/
        color: Yellow !important;
        }
    
        #trademark::after {
        content: " Dialog-Design by Barbara " !important;
        font-size: 14px !important;
        color: red !important;
        }
}

Alles anzeigen

Alle Änderungen habe ich mit /*Änderung 28.02.23*/ gekennzeichnet.

Hoffe es passt so.
Danke auch an 2002Andreas.
Die empfohlene Änderung funktioniert.

Mfg.
Endor

Endor

Zitat von 2002Andreas

Noch ein Versuch:

Hallo 2002Andreas.

War ein paar Stunden nicht vor dem PC.
Vielen Dank, das funktioniert super.

Nochmals vielen Dank.

Mfg.
Endor

Endor

grisu2099

Ganzer Code siehe Ersten Beitrag.

Die Frage ist nun eben wie muss man den ändern, dass der wieder

funktioniert, da dieser Teil ab Firefox 112 Nightly nicht mehr unterstützt wird:

-moz-image-region: rect(0px 17px 20px 0px) !important;

Mfg.
Endor

Endor

Hallo 2002Andreas.
Nein geht auch nicht.

Mein base64 entspricht diesen Bildern und da sind gleich drei Bilder zusammen.

Darum geht es auch nicht.

Mfg.
Endor

Wenn ich Dein Bild nehme dann passt auch der erste CSS Code

aus #2

Mfg.
Endor

Endor

Vermute mal es liegt an Windows 7, da ist ja das Proton Design nur

begrenzt vorhanden. Mal sehen.

Trotzdem vielen Dank für Deine Hilfe und Mühe.

Mfg.
Endor

Endor

Hallo 2002Andreas

Ja ich verwende auch schon lange nur noch die Pfadangabe.

Leider funktioniert Dein CSS Code hier nicht.

Keine Ahnung warum.

Es werden immer noch alle drei Pfeilbilder angezeigt.

Mfg.
Endor

Endor

bananovic

Freut mich, dass es jetzt funktioniert.

Wie immer gern geschehen.

jizz

Yes I know this Script. Actually I test it in another profile end it works fine.
This is a more complex script. It automatically adds predefined buttons to the status bar.
Line 38 - 40.

Endor

Hallo zusammen.
Verwende schon ewig einen CSS Schnipsel zum anpassen der Vor und Zurück Schaltflächen in der Navbar.

CSS Code:

CSS

#back-button> .toolbarbutton-icon{
appearance: none!important;
filter:none!important;
list-style-image: url("data:image/png;base64,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") !important;
-moz-image-region: rect(0px 17px 20px 0px) !important;
transform: scale(1.2, 1.2) !important;}
    
#forward-button> .toolbarbutton-icon  {
appearance: none!important;
filter:none!important;
list-style-image: url("data:image/png;base64,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") !important;
-moz-image-region: rect(0px 17px 20px 0px) !important;
transform: scale(1.2, 1.2) !important;}

Alles anzeigen

Zum Testen habe ich die Grafik base64 Codiert hier wird sie per Link geladen.
Die Grafik selber besteht aus drei Bildern. Schaltfläche deaktiviert, aktiviert und ausgewählt.

Im aktuellen Nightly wird es jetzt aber so dargestellt:

und so sieht es in der aktuellen 110 und Beta 111 aus

Wie muss ich den CSS Code ändern.
Vielen Dank im Voraus für Eure Hilfe.

Mfg.
Endor

Endor

Zitat von bananovic

Die Url befindet sich jetzt nicht mehr über der Statusbar, sondern in dieser.

Genau deswegen ja mein Hinweis.

Mal sehen was er dazu sagt.

Mfg.
Endor

Endor

Boersenfeger.

Mein CSS Code oben müsste genau so sein wie Du es gewöhnt bis.
Wenn nicht habe ich noch etwas falsch gemacht.

Mfg.
Endor

Endor

bananovic

Hast Du das Script von Andreas mal ohne den zusätzlichen CSS Code getestet?

Ich verwende auch dieses Script, aber ohne den CSS Code und es funktioniert hier bestens.

Ohne wird die Url hier wieder oberhalb der Statusbar angezeigt.

Mfg.
Endor

Endor

Hallo FuchsFan.
Leider doch nicht ganz.

Unten Rechts ist eine Ecke nicht abgerundet.

Ist oben jetzt auch noch geändert.

Vielen Dank für Deine Hilfe und Deinen CSS Code der hat mir sehr
weiter geholfen.

Boersenfeger

Teste bitte mal die Version von hier:

Beitrag

RE: About Seiten mit CSS Codes anpassen

Hallo FuchsFan

Habe meinen Code mal ausgeräumt und an Deinen angepasst.

Hoffe nun passt es. Bitte mal testen:

CSS Code für about:logins

(Quelltext, 595 Zeilen)

Mfg.
Endor

Endor

22. Februar 2023 um 20:26

die müsste jetzt passen.

Mfg.
Endor

Endor

Hallo FuchsFan

Habe meinen Code mal ausgeräumt und an Deinen angepasst.

Hoffe nun passt es. Bitte mal testen:

CSS Code für about:logins

CSS

    @namespace url(http://www.w3.org/1999/xhtml);
    @-moz-document url-prefix(about:logins) {
        
    .container > ol:nth-child(1){
        scrollbar-width: none !important;
    }
    
    button.menu-button.ghost-button:hover {
        background-color: lightblue !important;
        fill: red !important;        
    }

    .meta-info:first-of-type::before {
        border-top: none  !important;
    }
    
    .column:before {
        content: "Design by Endor & FuchsFan 02.2023";
        margin-top: 15px !important;
        font-size: 14px !important;
        font-weight: bold !important;
        color: red !important;
    }        
    
    /* linke Seite die Auflistung */    
    body > login-list {
        width: auto !important;
        border-bottom: none !important;
        scrollbar-width: none !important;
        border-right: none !important;
        background-color: #fbe8d2 !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;
    }
           
    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;
    }
    
    /* erstes Feld linke Seite (bei Name u. Zugangsdaten) */    
    div.meta {
        height: 55px !important;
        margin-top: 4px !important;
        padding-top: 12px !important;
        padding-left: 35px !important;
        background-color: #fffff0 !important;
    }    
    
    /* Hintergrundbox bei Button mit + Zeichen */   
    .create-login-button-container {
        padding-left: 0px !important; 
        padding-right: 0px !important; 
        padding-top: 20px !important;
        margin: -15px 120px 0 0!important; 
        box-shadow: none !important; 
        border-top: none !important;
    }
    
    /* Button mit + Zeichen */
    .create-login-button{
        background-color: transparent !important;
        fill: red !important;
    }    
    .create-login-button:hover{
        background-color: lightblue !important;
        fill: red !important;
    }  

    .container > ol:nth-child(1){
        border-bottom: none !important; 
        box-shadow: none !important;
    }
    
    .header, li {
        border-bottom: none !important;
        box-shadow: none !important;        
    }
    
    .header {
        margin-top: 20px!important;
    }
    
     /* HG für das obere rechte Feld */
    header {
    background-color: #fbe8d2 !important;
    height: 56px !important;
    border-top-right-radius: 28px  !important;
    }   
    
    /* HG für das linke obere Feld */
    login-list.initialized{
    background-color: #fbe8d2 !important;
    border-bottom-left-radius: 28px  !important;
    border-top-left-radius: 28px  !important;}
            
    .empty-search-message {
    background:#fffff0 !important;
    border-bottom: none !important; 
    box-shadow: none !important;
    }
    
    html {
        background: #ffffff!important;
    }
    
    body > h1:nth-child(2) {
        margin-top: 10px !important;
    }
    
    body {
        max-width: 1500px !important; /* Breite einstellen */
        max-height: 800px !important;
        margin-left: auto  !important;
        margin-right: auto !important;
        border-left-color: lightblue!important;
        border-top-color:  lightblue!important;
        border-right-color: dodgerblue!important;
        border-bottom-color: dodgerblue!important;
        border-width:  4px !important;
        border-style: outset !important;
        border-radius:28px!important;
        margin-top: 30px !important;
    }
    
    /* Suchfeld oben */  
    .filter,
    login-filter {
        appearance: none !important; 
        border-radius:24px !important;
        margin-left: 60px !important;
        margin-top: 2px  !important;
        min-width: 235px !important;
        max-width: 235px !important;
    }
    
    div.listHeader div.create-login-button-container button.create-login-button {
        margin-left: 65px  !important;
        margin-top: -155px  !important;
    }    
    
    .menu-button {
        fill: #e69500 !important;
    }
    
    .fxaccounts-extra-text {
        color: #0066cc !important; 
        font-weight: bold !important;
        padding-right: 30px !important;
    }
    
    div.container ol{
        background-color: beige !important;
    }
    
        /* rechte Seite großes Feld */
    html.official-branding.no-logins.initialized body section login-intro,
    div.container {
    max-height: 728px !important;
    }

    body > login-item:nth-child(3){
    border-bottom-right-radius: 28px  !important;
    }

    .time-created,
    body > login-list:nth-child(2), li, .header, header,
    .meta{
    box-shadow: none !important;
    }
    
    /* Linkes oberes Feld unteren Rand entfernen */
    .meta{
    border-bottom: none !important;
    }

    .meta,
    body > login-item:nth-child(3),
    .container {
      background-color: #fffff0 !important; 
    }
    
    .meta:hover {
    background: #ffdb4d !important;
    }
    
    #login-sort label {
        padding-left: 25px !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;
    }
        
    .login-item-title {
        color: #0066cc !important;
    }
    
    .favicon-wrapper,
    .login-item-favicon-wrapper {
        fill: #e69500 !important;
    }
    
    div.container {
        border-left: 1px solid silver !important;
    }
     
    #login-sort {
    background: #F0F0F0 url("..//icons/Bild86.png")no-repeat !important;
    padding-left:40px !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: 160px  !important;
    }
    
    #login-sort:hover {
    background: #B2EDFA url("..//icons/Bild86.png")no-repeat !important;
    padding-left:40px!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;
    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;
    }    

    .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

Mfg.
Endor

Endor

Hallo Boersenfeger.

Teste bitte mal den für about:logins

CSS

    @namespace url(http://www.w3.org/1999/xhtml);
    @-moz-document url-prefix(about:logins) {
        
    .container > ol:nth-child(1){
        scrollbar-width: none !important;
    }
    
    button.menu-button.ghost-button:hover {
        background-color: greenyellow !important;
        fill: red !important;        
    }

    .column:before {
        content: "Design by Endor & FuchsFan 02.2023";
        margin-top: 15px !important;
        font-size: 14px !important;
        font-weight: bold !important;
        color: red !important;
    }        
    
    /* linke Seite die Auflistung */    
    body > login-list {
        width: auto !important;
        border-bottom: none !important;
        scrollbar-width: none !important;
        border-right: none !important;
        background-color: #fbe8d2 !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;
    }
           
    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;
    }

    .meta{
    border-bottom: none !important;
    }
    
    .meta:hover {
    background: #ffdb4d !important;
    }
    
    div.meta {
        height: 55px !important;
        margin-top: 4px !important;
        padding-top: 12px !important;
        padding-left: 35px !important;
        background-color: #fffff0 !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;        
    }
    
    .header {
        margin-top: 20px!important;
    }
    
    html.initialized body header,    
    html.login-selected.initialized body header {
    background-color: #fbe8d2 !important;
    height: 52px !important;
    border-top-right-radius: 28px  !important;
    }   


     .listHeader{
    height: 82px !important;
    background-color: #fbe8d2 !important;
    border-top-left-radius: 28px  !important;}
    
    div.container div.column div.header {
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;    
    border-top-left-radius: 28px  !important;    
    }
    
    body > login-item:nth-child(3),
    .container{ border-bottom-right-radius: 28px  !important;}
    
    login-list.initialized{
    border-bottom-left-radius: 28px  !important;
    border-top-left-radius: 28px  !important;}
        
    .create-login-button-container{
    border-bottom-left-radius: 28px  !important;}
    
    .empty-search-message {
    background:#fffff0 !important;
    border-bottom: none !important; 
    box-shadow: none !important;
    }
    
    html {
        background: #ffffff!important;
    }
    
    body > h1:nth-child(2) {
        margin-top: 10px !important;
    }
    
    body {
        max-width: 1500px !important; /* Breite einstellen */
        max-height: 800px !important;
        margin-left: 100px !important;
        border-left-color: lightblue!important;
        border-top-color:  lightblue!important;
        border-right-color: dodgerblue!important;
        border-bottom-color: dodgerblue!important;
        border-width:  4px !important;
        border-style: outset !important;
        border-radius:28px!important;
        margin-top: 30px !important;
    }
    

    .filter,
    login-filter {
        appearance: none !important; 
        border-radius:24px !important;
        margin-left: 5px !important;
    }
    
    .menu-button {
        fill: #e69500 !important;
    }
    
    .fxaccounts-extra-text {
        color: #0066cc !important; 
        font-weight: bold !important;
        padding-right: 30px !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;
    }
    
   
    body > login-item:nth-child(3),
    .container {
      background-color: #fffff0 !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;
    }
        
    .login-item-title {
        color: #0066cc !important;
    }
    
    .favicon-wrapper,
    .login-item-favicon-wrapper {
        fill: #e69500 !important;
    }
    
    div.container {
        max-height: 730px !important;
        border-left: 1px solid silver !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;
    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;
    }    

    .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

Mfg.
Endor

Endor

In memoriam aller Verstorbenen:

Externer Inhalt www.youtube.com

Inhalte von externen Seiten werden ohne deine Zustimmung nicht automatisch geladen und angezeigt.

Durch die Aktivierung der externen Inhalte erklärst du dich damit einverstanden, dass personenbezogene Daten an Drittplattformen übermittelt werden. Mehr Informationen dazu haben wir in unserer Datenschutzerklärung zur Verfügung gestellt.

Endor

// Hier so:

Mfg.
Endor

Beiträge von Endor

Addons-Manager anpassen

Addons-Manager anpassen

Hilfe-Dialog-Anpassung

Hilfe-Dialog-Anpassung

Hilfe-Dialog-Anpassung

Vor und Zurück Schaltfläche CSS funktioniert nicht mehr richtig

Vor und Zurück Schaltfläche CSS funktioniert nicht mehr richtig

Vor und Zurück Schaltfläche CSS funktioniert nicht mehr richtig

Vor und Zurück Schaltfläche CSS funktioniert nicht mehr richtig

Vor und Zurück Schaltfläche CSS funktioniert nicht mehr richtig

Das Script "RevertAddonBarStatusBar.uc.js" funktioniert nicht mehr

Vor und Zurück Schaltfläche CSS funktioniert nicht mehr richtig

Das Script "RevertAddonBarStatusBar.uc.js" funktioniert nicht mehr

About Seiten mit CSS Codes anpassen

Das Script "RevertAddonBarStatusBar.uc.js" funktioniert nicht mehr

About Seiten mit CSS Codes anpassen

RE: About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

Was hört Ihr gerade?

About Seiten mit CSS Codes anpassen