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

Endor

Hallo FuchsFan.

Danke für den CSS Code.

Ich habe es so gemacht:

padding: 4px 10px 10px 10px !important;}

Danke

Mfg.
Endor

Endor

Hallo FuchsFan

entsprechenden Absatz so ändern:

CSS

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

Danke für die Idee, übernehme ich gleich mal.

Edit: Ist im letzten Code jetzt auch drinnen.

Mfg.

Endor

Endor

Endor

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

CSS

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

    @-moz-document url(about:windows-messages) {
        
    html{background: white !important;
    scrollbar-width: none !important;}
    
    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;}
        
    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;}    
    
    [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

Was sagst Du dazu?

Mfg.
Endor

Beiträge von Endor

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

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen