Beiträge von 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

Endor

Wie Ihr ja schon weiter oben geschrieben habt, im Nightly muss man
diesen Teil entfernen:

CSS

.window-card-title::after {
content: "  Release" !important;
color: #d90036 !important; 
font-size: 21px !important;}

Braucht es ja nicht mehr.

Mfg.
Endor

Endor

Mann habt ihr schlechtes Wetter.

Hier strahlender Sonnenschein, blauer Himmel

14 Grad warm.

Mfg.
Endor

Endor

Hallo 2002Andreas und FuchsFan.

Ihr habt ja immer noch weitere klasse Ideen.

Habe ich mal wieder übernommen nur habe ich das Firefox Logo anders eingebunden

damit nicht soviel Abstand nach oben ist und der blaue Pfeil wieder angezeigt wird.

Hier mein ganzer Code:

CSS

    @namespace url(http://www.w3.org/1999/xhtml);

    @-moz-document url(about:windows-messages) {
        
    html{background: white !important;
    scrollbar-width: none !important;}
        
    body {
    height: auto !important; 
    background-color: #fffff0 !important;
    max-width: 1250px !important; /* hier die Breite einstellen */
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 25px !important;
    padding-top: 35px !important;
    padding-left: 25px !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-radius: 20px !important;
    border-width:  4px !important;
    border-style: outset !important;}    
    
    .window-card-title::after {
    content: "  Release" !important;
    color: #d90036 !important; 
    font-size: 21px !important;}

    .card > summary{
    background: #FFFFFF url("..//icons/Firefox6.png") no-repeat !important;
    background-attachment:scroll !important;
    background-position:18px -7px !important;}
    
    .card:hover > summary{
    background: #FFFFF0 url("..//icons/Firefox6.png") no-repeat !important;
    background-attachment:scroll !important;
    background-position:18px -7px !important;}

    .window-card-title {
    margin-left: 65px !important;
    margin-right: 10px !important;}
            
    [data-l10n-id="windows-messages-page-title"] {
    font-size: 0 !important; }
  
    [data-l10n-id="windows-messages-page-title"]:before {
    content: "Endors Firefox: Aktuelle Informationen zu Meldungen von Windows" !important;
    font-size: 20px !important;
    margin-left: 220px }
        
    h1:before {
    content: "Endors Firefox:    "; 
    font-weight:bold !important;  
    color:red !important; 
    margin-left:300px !important; 
    margin-right: 15px !important; 
    padding-top: 100px !important;}
    
    h1{
    color: #cc0000 !important; 
    font-size: 22px !important; 
    font-weight: bold !important; 
    margin-bottom: 20px !important;}
    
    h3{
    color: #1a75ff !important; 
    font-size: 20px !important;}
    
    .card > summary:nth-child(1)::marker{
    color: #1a75ff !important; 
    font-size: 20px ! important;}
    
    li.message:nth-child(n+1)::marker{
    color: #cc0000 !important;
    font-size: 20px ! important;}
    
    li.message:nth-child(odd) {
    background: #fffae8 !important;
    border-radius: 14px !important;
    border: 1px solid silver !important;
    padding: 4px 10px 10px 10px !important;}

    li.message:nth-child(even) {
    background: #ffffdd !important;
    border-radius: 14px !important;
    border: 1px solid silver !important;
    padding: 4px 10px 10px 10px !important;} 

    li.message:nth-child(odd):hover {
    background: #fbe8d2 !important;
    border-radius: 14px !important;
    border: 1px solid silver !important;
    padding: 4px 10px 10px 10px !important;
    box-shadow: 2px 2px 2px 2px lightgrey !important;}

    li.message:nth-child(even):hover {
    background: #fbe8d2 !important;
    border-radius: 14px !important;
    border: 1px solid silver !important;
    padding: 4px 10px 10px 10px !important;
    box-shadow: 2px 2px 2px 2px lightgrey !important;}
    
    .card:hover {
    background: #fffff0 !important;}
    
    :root {
    --card-outline-color: red !important;}
    
    [data-l10n-id="windows-messages-copy-to-clipboard"] {
    margin-top: 15px !important;
    text-decoration:none !important;
    display: inline-block !important;
    padding-left: 55px !important;
    padding-right: 35px !important;
    padding-top: 5px  !important;
    padding-bottom: 5px !important;
    color: black !important;
    background: #efefef url("..//icons/page_copy20.png") no-repeat !important;
    background-position:16px 6px!important;
    border-left-color:  #E6E5E5 !important;
    border-top-color:  #E6E5E5 !important;
    border-right-color:  #5C5B5B !important;
    border-bottom-color:  #5C5B5B !important;  
    border-width:1px !important;
    border-style: outset !important;
    border-radius:22px!important;}

    [data-l10n-id="windows-messages-copy-to-clipboard"]:hover{
    background: #CFE6F1 url("..//icons/page_copy20.png") no-repeat !important;
    background-position:16px 6px!important;
    border-left-color:  #e4e3e3 !important;
    border-top-color:  #e4e3e3 !important;
    border-right-color:  #5c5b5b !important;
    border-bottom-color:  #5c5b5b !important;    
    border-width:1px !important;
    border-style: outset !important;
    border-radius:22px!important;}
    }

Alles anzeigen

Symbol für oben:

Was meint Ihr dazu?

Mfg.
Endor

Endor

Danke, ja funktioniert.

Und wie Du schon sagtest, da wird der Text nicht angezeigt.
Auch oben Links fehlt etwas.

Ich fange nochmal von vorne mit dem CSS Code an

dann kriege ich das schon hin.

Nochmals vielen Dank für Deine Hilfe.

Mfg.
Endor

Endor

In den Entwicklerwerkzeugen fehlt schon mehr.

Wie macht man das? Möchte ich auch mal testen.

Dank Deines Bilder habe ich gesehen, dass etwas falsch angezeigt wird.

Muss den Code nochmal überarbeiten.
Danke vielmals für Dein Bild 2002Andreas.

Mfg.
Endor

Endor

Hallo 2002Andreas

Jetzt verstehe ich was Du meinst.

Der ist ca. in der Mitte siehe:

Sollte also funktionieren.

Mfg.
Endor

Endor

Hallo 2002Andreas.

Obiger CSS Code ist für die Seite about:logins.
Den musste ich auch ändern. Daher meine Frage an FuchsFan

da er mich ja darauf aufmerksamen gemacht hat.

Mfg.
Endor

Endor

FuchsFan

Teste mal den für about:logins

Edit: Code funktioniert noch nicht richtig.
Daher habe ich ihn wieder entfernt.

Mfg.
Endor

Endor

Zitat von FuchsFan

Kleine Änderungen habe ich noch gemacht

Hallo FuchsFan

Habe ich jetzt so übernommen.

CSS

li.message:nth-child(odd) {
background: #fffae8 !important;
border-radius: 14px !important;
border: 1px solid silver !important;
padding: 4px 10px 10px 10px !important;}

li.message:nth-child(even) {
background: #ffffdd !important;
border-radius: 14px !important;
border: 1px solid silver !important;
padding: 4px 10px 10px 10px !important;} 

li.message:nth-child(odd):hover {
background: #fbe8d2 !important;
border-radius: 14px !important;
border: 1px solid silver !important;
padding: 4px 10px 10px 10px !important;
box-shadow: 2px 2px 2px 2px lightgrey !important;}

li.message:nth-child(even):hover {
background: #fbe8d2 !important;
border-radius: 14px !important;
border: 1px solid silver !important;
padding: 4px 10px 10px 10px !important;
box-shadow: 2px 2px 2px 2px lightgrey !important;}

Alles anzeigen

sieht finde ich gut aus. Danke!

Habe es so jetzt auch im letzten CSS Code geändert.

Beitrag

RE: About Seiten mit CSS Codes anpassen

Hallo 2002Andreas .

Vielen Dank für Deine Codes. Alles übernommen.

Hallo FuchsFan

Habe alles was ihr beiden oben vorgeschlagen habt übernommen
und noch etwas eingefügt.

Hier der gesamte CSS Code:

about:windows-messages

(Quelltext, 113 Zeilen)

Was sagst Du dazu?

Mfg.
Endor

Endor

15. Februar 2023 um 19:20

Mfg.
Endor

Beiträge von Endor

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

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

RE: About Seiten mit CSS Codes anpassen