About Seiten mit CSS Codes anpassen

FuchsFan

Zitat von Endor

Könntest Du mir diesen Teil mal geben,

Für meinen Teil habe ich ja Änderungen gemacht, nutze dort bei Hover auch kein Border.

Das wäre der Abschnitt bei mir nach Zeile 108 bis vor Zeile 148.

CSS

tbody.collapsible:nth-child(n+1) > tr:nth-child(1) {background-color: #fcf7f0 !important;
    border: 1px solid silver !important;
    }
    
    tbody.collapsible:nth-child(n+1) > tr:nth-child(1):hover {background-color: #f7e787 !important; }
    
    tbody.content-style:nth-child(n+2) > tr:nth-child(1) > td:nth-child(1) {background-color: #ffeb99 !important; color: red !important;}
    
    tbody.content-style:nth-child(n+2) > tr:nth-child(1) > td:nth-child(1):hover {background-color: #ffcc99 !important; color: red !important;}
    
    #errorsContent > tr:nth-child(odd) > td:nth-child(1),
    #activeContent .odd{
    background-color:  #fff0d9 !important; 
    color:  #0039e6 !important;
    font-weight: 600 !important;
    border: 1px solid silver !important;}
    
    #errorsContent > tr:nth-child(odd) > td:nth-child(1):hover,
    #activeContent .odd:hover{
    background-color: #f7e787 !important; 
    color: red !important; 
    font-weight: 600 !important;
    box-shadow: none !important;}
    
    #errorsContent > tr:nth-child(even) > td:nth-child(1),
    #activeContent .even{
    background-color: #fffff0 !important; 
    color: green !important;
    font-weight: 600 !important;
    border: 1px solid silver !important;}
    
    #errorsContent > tr:nth-child(even) > td:nth-child(1):hover,    
    #activeContent .even:hover{
    background-color: #f7e787 !important; 
    color: red !important; 
    font-weight: 600 !important;
    box-shadow: none !important;}

Alles anzeigen

Sieht dann bei Hover so aus:

Heinrich

Mal eine Frage so in die Runde der Fachleute hier....

Kann man den about seiten jeweils eigene Favicons zuweisen ? Wenn JA wie wenn nicht warum

Habs mal mit AddOns wie favicon-customizer versucht klappt aber irgendwie nicht !

Für freundliche Hilfe wäre ich dankbar.

Boersenfeger

Etwa so?

Für jeden einzelnen Eintrag gibts es einzelne Codes, die müsstest du also jeweils erstellen.

In diesem Thread sind alle verlinkt, da musst du dich entweder durcharbeiten, oder direkt nach dem jeweiligen suchen oder fragen.

Falls du bisher noch keine Anpassungen nutzt, müssen Vorarbeiten geleistet werden.

Dazu hier mehr:

Thema

Anpassungen von Firefox-Oberfläche mittels userChrome.css und Webseiten mittels userContent.css

Neben den eingebauten Browser-Entwicklerwerkzeugen gibt es für Firefox eine weitere Möglichkeit, die Firefox-Oberfläche und die Gestaltung von Webseiten zu verändern. Dies geschieht mit Hilfe der Formatierungssprache CSS (Abkürzung für englisch Cascading Stylesheets) und den beiden Dateien userChrome.css für die Gestaltung der Firefox-Oberfläche und userContent.css für die Gestaltung von Webseiten nach den Wünschen der Firefox-Benutzer.

Bis zur Einführung der Webextensions durch Mozilla war es…

milupo

10. Februar 2019 um 13:19

omar1979

Ich glaube er meint das Icon, welches im Tab angezeigt wird.

Heinrich

Zitat von omar1979

Ich glaube er meint das Icon, welches im Tab angezeigt wird.

RICHTIG !!

2002Andreas

Zitat von Heinrich

jeweils eigene Favicons zuweisen ?

Teste mal bitte:

CSS

.tabbrowser-tab[label="Über About"] .tab-text {
  padding-left: 28px !important;
  width: 19px !important;
  height: 19px !important;
  background-image: url("file:///C:/Users/Andi/Icons%20Firefox/folder-green.png") !important;
  background-repeat: no-repeat !important;
  background-position: 0px -5px !important;
  background-size: 17px 27px !important;
}

.tabbrowser-tab[label="Erweiterte Einstellungen"] .tab-text {
  padding-left: 20px !important;
  width: 19px !important;
  height: 19px !important;
  background-image: url("file:///C:/Users/Andi/Icons%20Firefox/Cloud.png") !important;
  background-repeat: no-repeat !important;
  background-position: 0px -5px !important;
  background-size: 17px 27px !important;
}

Alles anzeigen

Die Werte musst/kannst du dir ja noch anpassen.

Heinrich

Klappt irgendwie bei mir nicht

Das Standard favicon bleibt und das andere setzt sich daneben !

2002Andreas

Zitat von Heinrich

Das Standard favicon bleibt

Standard gibt es da gar kein Icon

Und so sieht das hier dann mit meinem Code aus:

Heinrich

Hab den Fehler gefunden !

Hatte in der userchrome.css in dem Teil von Aris den Globe noch aktiv.

Nun läuft aber DANKE, jetzt muss ich nur noch etwas mi den Werten experimentieren

2002Andreas

Zitat von Heinrich

den Globe noch aktiv.

Alles klar, schön dass du den Grund gefunden hast

Boersenfeger

Das habe ich dann ja so richtig falsch verstanden...

Heinrich

Zitat von Boersenfeger

Das habe ich dann ja so richtig falsch verstanden...

Nicht traurig sein ! kann passieren

FuchsFan

Endor

Ich grüße Dich , Endor!

Kannst Du bitte mal den Code von about:logins und about:loginsimportreport überprüfen.

Dieser will in Nightly nicht mehr richtig funktionieren.

Edit:

Gerade festgestellt, auch in der beta nicht.

Boersenfeger

Kann/muß ich für Nightly bestätigen...

bei logins ist der linke Teil zu schmal, so daß die Anzahl hinter dem Body verschwindet..

bei loginsimport ist die Anzeige an den rechten Rand gerutscht..

Sören Hentzschel

Zitat von Boersenfeger

bei loginsimport ist die Anzeige an den rechten Rand gerutscht..

Das hat nichts mit einer Anpassung zu tun, das ist standardmäßig so und auch nicht weiter relevant, da es gar keinen Grund gibt, das in einem Tab aufzurufen. Das ist der Inhalt eines Dialogs, der als Teil von about:logins erscheint, wenn man Passwörter als CSV-Datei importiert. Würde man das in einem Tab aufrufen, würde man eine völlig sinnbefreite Seite sehen, die überall "0" als Wert zeigt.

Endor

Hallo zusammen.

Für about:logins im Nightly bitte mal testen:

CSS

    @namespace url(http://www.w3.org/1999/xhtml);
    @-moz-document url-prefix(about:logins) {
        
    .container > ol:nth-child(1){scrollbar-width: none !important;}

    body > login-item:nth-child(3):before {
    content: "Design by Endor";
    margin-left: 150px!important;
    margin-top: -10px!important;
    font-size: 25px!important;
    font-weight: bold!important;
    color: red!important;}        
             
    body > header:nth-child(1){margin-left: -35px !important; margin-top: 1px !important; border-bottom: none !important;
    border-top-right-radius:28px !important; border-top-left-radius:28px !important;}
    
    body > login-item:nth-child(3){border-right-width: 1px !important;}
    
    body > login-list{
    width: auto !important; 
    margin-top: 70px !important;
    border-right: none !important; 
    border-bottom: none !important;
    scrollbar-width: none !important;}
    
    .count{
    color: #0f6acc !important; 
    font-size: 15px !important; 
    font-weight: bold !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: 240px !important;}
    
    .meta{padding-left: 35px !important; border-right: none !important; border-bottom: none !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 {
    background:#fbe8d2 !important; 
    margin-left: -320px !important;
    margin-top: 5px !important; 
    border-top-left-radius: 24px  !important;
    border-top-right-radius: 24px  !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{margin-left: 175px !important; max-width: 1350px !important;}
        
    .filter,
    login-filter{appearance: none !important; border-radius:24px !important;}
    
    .menu-button{fill: #e69500 !important;}
    
    .time-created,
    .create-login-button-container,
    body > login-list:nth-child(2), li, .header, header,
    .meta{box-shadow: none !important;}
    
    .container > ol:nth-child(1),
    .meta, .create-login-button-container,
    body > login-item:nth-child(3),
    .container {background-color: #FFFFF0 !important;}
    
    .meta:hover, .create-login-button-container:hover
    {background: #ffe680 !important; }
    
    .login-list-item.selected{background: #fff0b3 !important; border-left: 2px!important;}
    .login-list-item.selected:hover{background: #ffdb4d !important; }
    
    .login-list-item {background-color: #FFFFF0 !important;}
    .login-list-item:hover {background-color: #ffe680 !important;}
    
    .header{margin-top: 20px!important;}
    .login-item-title{color: #0066cc !important;}
    
    .favicon-wrapper,
    .login-item-favicon-wrapper{fill: #e69500 !important;}
    
     #login-sort{
    background: #F0F0F0 url("..//icons/Bild86.png")no-repeat !important;
    padding-left:30px !important;
    padding-right: 5px !important;
    padding-top:  2px!important; 
    padding-bottom: 4px!important; 
    background-position:10px 6px!important;
    font-size:14.0px!important;
    border-style: outset !important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;
    border-width:2px !important;
    color:black !important;
    margin-left: -15px !important;
    max-width: 180px  !important;}
    
    #login-sort:hover{
    background: #B2EDFA url("..//icons/Bild86.png")no-repeat !important;
    padding-left:30px!important ;
    border-style: outset !important;
    border-width:2px !important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;
    background-position:10px 6px!important;}

    .copy-username-button{
    appearance:none!important;
    background: #F0F0F0 url("..//icons/Bild73.png")no-repeat !important;
    padding-left:20px!important;
    padding-top:  2px!important; 
    padding-bottom: 4px!important; 
    background-position:14px 6px!important;
    font-size:14.0px!important;
    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{margin-left: 50px !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; 
    width: 350px !important; 
    background-position:10px 5px!important;
    color:black!important;
    font-size:14px!important;
    text-decoration:none!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;
    border-style: outset !important;
    border-width:2px !important;
    border-radius:16px!important;}

    .origin-input:hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/Bild75.png")no-repeat !important;
    background-position:10px 5px!important;
    border-style: outset !important;
    border-width:2px !important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}    
    
    .fxaccounts-enable-button{
    appearance:none!important;
    background: #F0F0F0 url("..//icons/Bild83.png")no-repeat !important;
    padding-left:35px!important;
    padding-top:  2px!important; 
    padding-bottom: 4px!important; 
    background-position:10px 6px!important;
    color:black!important;
    font-size:14px!important;
    text-decoration:none!important;
    padding-right:25px!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;
    border-style: outset !important;
    border-width:2px !important;
    border-radius:16px!important;}

    .fxaccounts-enable-button:hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/Bild83.png")no-repeat !important;
    background-position:10px 6px!important;
    border-style: outset !important;
    border-width:2px !important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}    

    .create-login-button{
    appearance:none!important;
    background: #F0F0F0 url("..//icons/Bild84.png")no-repeat !important;
    width: 235px !important;
    padding-left:32px!important;
    padding-top:  2px!important; 
    padding-bottom: 4px!important; 
    background-position:10px 5px!important;
    color:black!important;
    font-size:14px!important;
    text-decoration:none!important;
    padding-right:35px!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;
    border-style: outset !important;
    border-width:2px !important;
    border-radius:16px!important;}

    .create-login-button:hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/Bild84.png")no-repeat !important;
    padding-left:32px!important ;
    border-style: outset !important;
    border-width:2px !important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;
    background-position:10px 5px!important;}    

    
    .edit-button{
    appearance:none!important;
    background: #F0F0F0 url("..//icons/Bild67.png")no-repeat !important;
    padding-left:40px!important;
    padding-right: 20px !important;
    padding-top:  2px!important; 
    padding-bottom: 4px!important; 
    background-position:10px 5px!important;
    font-size:14.0px!important;
    border-style: outset !important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;
    border-width:2px !important;
    border-radius:16px !important;
    color:black !important; }

    .edit-button:hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/Bild67.png")no-repeat !important;
    border-style: outset !important;
    border-width:2px !important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;
    background-position:10px 5px!important;}
    
    .delete-button{
    appearance:none!important;
    background: #F0F0F0 url("..//icons/Bild8.gif")no-repeat !important;
    padding-left:40px!important;
    padding-right:20px!important;
    padding-top:  2px!important; 
    padding-bottom: 4px!important; 
    background-position:10px 5px!important;
    font-size:14.0px!important;
    border-style: outset !important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;
    border-width:2px !important;
    border-radius:16px !important;
    color:black !important; }
    
    .delete-button:hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/Bild8.gif")no-repeat !important;
    background-position:10px 5px!important;
    border-style: outset !important;
    border-width:2px !important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    .save-changes-button{
    appearance:none!important;
    background: #F0F0F0 url("..//icons/Bild87.png")no-repeat !important;
    padding-left:40px!important;
    padding-right:20px!important;
    padding-top:  2px!important; 
    padding-bottom: 4px!important; 
    background-position:10px 5px!important;
    font-size:14.0px!important;
    border-style: outset !important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;
    border-width:2px !important;
    border-radius:16px !important;
    color:black !important; }
    
    .save-changes-button:hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/Bild87.png")no-repeat !important;
    background-position:10px 5px!important;
    border-style: outset !important;
    border-width:2px !important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}    
    
    .cancel-button{
    appearance:none!important;
    background: #F0F0F0 url("..//icons/Bild88.png")no-repeat !important;
    padding-left:40px!important;
    padding-right:20px!important;
    padding-top:  2px!important; 
    padding-bottom: 4px!important; 
    background-position:10px 5px!important;
    font-size:14.0px!important;
    border-style: outset !important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;
    border-width:2px !important;
    border-radius:16px !important;
    color:black !important; }
    
    .cancel-button:hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/Bild88.png")no-repeat !important;
    background-position:10px 5px!important;
    border-style: outset !important;
    border-width:2px !important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}        
    
    .reveal-password-checkbox{fill: #0066cc !important;}
    
    .menu{border-radius: 20px !important;}

    .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

Hoffe es passt nun.

Mfg.
Endor

2002Andreas

Zitat von Endor

Hoffe es passt nun.

Hallo Endor.

Ich nutze das zwar nicht, aber hier sieht das so aus:

So ganz passt es dann wohl nicht.

Wobei hier auch der Eintrag Zeile 6 oben fehlt

Endor

Hallo 2002Andreas

Vielen Dank für den Hinweis.

Ja das aus Zeile 6 wird hier auch nicht angezeigt.

Muss ich gleich noch ändern. Des weiteren hatte ich zwei
Anpassungen vergessen wieder zu entfernen.
Demnächst kommt eine neue Version.

Mfg.
Endor

So bitte nochmal testen:

CSS

    @namespace url(http://www.w3.org/1999/xhtml);
    @-moz-document url-prefix(about:logins) {
        
    .container > ol:nth-child(1){scrollbar-width: none !important;}

    .column:before {
    content: "Design by Endor";
    margin-left: 150px!important;
    margin-top: -10px!important;
    font-size: 25px!important;
    font-weight: bold!important;
    color: red!important;}        
             
    body > header:nth-child(1){
    margin-left: -35px !important; 
    margin-top: 1px !important; 
    border-bottom: none !important;
    border-top-right-radius:28px !important; 
    border-top-left-radius:28px !important;}
    
    body > login-item:nth-child(3){border-right-width: 1px !important;}
    
    body > login-list{
    width: auto !important; 
    margin-top: 70px !important;
    border-right: none !important; 
    border-bottom: none !important;
    scrollbar-width: none !important;}
    
    .count{
    color: #0f6acc !important; 
    font-size: 15px !important; 
    font-weight: bold !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: 240px !important;}
    
    .meta{padding-left: 35px !important; border-right: none !important; border-bottom: none !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 {
    background:#fbe8d2 !important; 
    margin-left: -320px !important;
    margin-top: 5px !important; 
    border-top-left-radius: 28px  !important;
    border-top-right-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{margin-left: 175px !important; max-width: 1150px !important;}
        
    .filter,
    login-filter{appearance: none !important; border-radius:24px !important;}
    
    .menu-button{fill: #e69500 !important;}
    
    .fxaccounts-extra-text{color: #0066cc !important; font-weight: bold !important;}
    
    .time-created,
    .create-login-button-container,
    body > login-list:nth-child(2), li, .header, header,
    .meta{box-shadow: none !important;}
    
    .container > ol:nth-child(1),
    .meta, .create-login-button-container,
    body > login-item:nth-child(3),
    .container {background-color: #FFFFF0 !important;}
    
    .meta:hover, .create-login-button-container:hover
    {background: #ffe680 !important; }
    
    .login-list-item.selected{background: #fff0b3 !important; border-left: 2px!important;}
    .login-list-item.selected:hover{background: #ffdb4d !important; }
    
    .login-list-item {background-color: #FFFFF0 !important;}
    .login-list-item:hover {background-color: #ffe680 !important;}
    
    .header{margin-top: 20px!important;}
    .login-item-title{color: #0066cc !important;}
    
    .favicon-wrapper,
    .login-item-favicon-wrapper{fill: #e69500 !important;}
    
     #login-sort{
    background: #F0F0F0 url("..//icons/Bild86.png")no-repeat !important;
    padding-left:30px !important;
    padding-right: 5px !important;
    padding-top:  2px!important; 
    padding-bottom: 4px!important; 
    background-position:10px 6px!important;
    font-size:14.0px!important;
    border-style: outset !important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;
    border-width:2px !important;
    color:black !important;
    margin-left: -15px !important;
    max-width: 180px  !important;}
    
    #login-sort:hover{
    background: #B2EDFA url("..//icons/Bild86.png")no-repeat !important;
    padding-left:30px!important ;
    border-style: outset !important;
    border-width:2px !important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;
    background-position:10px 6px!important;}

    .copy-username-button{
    appearance:none!important;
    background: #F0F0F0 url("..//icons/Bild73.png")no-repeat !important;
    padding-left:20px!important;
    padding-top:  2px!important; 
    padding-bottom: 4px!important; 
    background-position:14px 6px!important;
    font-size:14.0px!important;
    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{margin-left: 50px !important;}


    .copy-username-button,
    .copy-password-button {min-width: 130px !important;}

    .copy-password-button{
    appearance:none!important;
    background: #F0F0F0 url("..//icons/Bild74.png")no-repeat !important;
    padding-left:20px!important;
    padding-top:  2px!important; 
    padding-bottom: 4px!important; 
    background-position:14px 6px!important;
    font-size:14.0px!important;
    border-style: outset !important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;
    border-width:2px !important;
    border-radius:16px!important;
    color:black !important;}

    .copy-password-button:hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/Bild74.png")no-repeat !important;
    padding-left:20px!important ;
    border-style: outset !important;
    border-width:2px !important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;
    background-position:14px 6px!important;}        

    
    .origin-input{
    appearance:none!important;
    background: #F0F0F0 url("..//icons/Bild75.png")no-repeat !important;
    padding-left:35px !important;
    padding-top:  2px !important; 
    padding-bottom: 4px !important; 
    padding-right: 35px !important; 
    min-width: 350px !important; 
    background-position:10px 5px!important;
    color:black!important;
    font-size:14px!important;
    text-decoration:none!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;
    border-style: outset !important;
    border-width:2px !important;
    border-radius:16px!important;}

    .origin-input:hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/Bild75.png")no-repeat !important;
    background-position:10px 5px!important;
    border-style: outset !important;
    border-width:2px !important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}    
    
    .fxaccounts-enable-button{
    appearance:none!important;
    background: #F0F0F0 url("..//icons/Bild83.png")no-repeat !important;
    padding-left:35px!important;
    padding-top:  2px!important; 
    padding-bottom: 4px!important; 
    background-position:10px 6px!important;
    color:black!important;
    font-size:14px!important;
    text-decoration:none!important;
    padding-right:25px!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;
    border-style: outset !important;
    border-width:2px !important;
    border-radius:16px!important;}

    .fxaccounts-enable-button:hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/Bild83.png")no-repeat !important;
    background-position:10px 6px!important;
    border-style: outset !important;
    border-width:2px !important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}    

    .create-login-button{
    appearance:none!important;
    background: #F0F0F0 url("..//icons/Bild84.png")no-repeat !important;
    width: 235px !important;
    padding-left:32px!important;
    padding-top:  2px!important; 
    padding-bottom: 4px!important; 
    background-position:10px 5px!important;
    color:black!important;
    font-size:14px!important;
    text-decoration:none!important;
    padding-right:35px!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;
    border-style: outset !important;
    border-width:2px !important;
    border-radius:16px!important;}

    .create-login-button:hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/Bild84.png")no-repeat !important;
    padding-left:32px!important ;
    border-style: outset !important;
    border-width:2px !important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;
    background-position:10px 5px!important;}    

    
    .edit-button{
    appearance:none!important;
    background: #F0F0F0 url("..//icons/Bild67.png")no-repeat !important;
    padding-left:40px!important;
    padding-right: 20px !important;
    padding-top:  2px!important; 
    padding-bottom: 4px!important; 
    background-position:10px 5px!important;
    font-size:14.0px!important;
    border-style: outset !important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;
    border-width:2px !important;
    border-radius:16px !important;
    color:black !important; }

    .edit-button:hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/Bild67.png")no-repeat !important;
    border-style: outset !important;
    border-width:2px !important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;
    background-position:10px 5px!important;}
    
    .delete-button{
    appearance:none!important;
    background: #F0F0F0 url("..//icons/Bild8.gif")no-repeat !important;
    padding-left:40px!important;
    padding-right:20px!important;
    padding-top:  2px!important; 
    padding-bottom: 4px!important; 
    background-position:10px 5px!important;
    font-size:14.0px!important;
    border-style: outset !important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;
    border-width:2px !important;
    border-radius:16px !important;
    color:black !important; }
    
    .delete-button:hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/Bild8.gif")no-repeat !important;
    background-position:10px 5px!important;
    border-style: outset !important;
    border-width:2px !important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    .save-changes-button{
    appearance:none!important;
    background: #F0F0F0 url("..//icons/Bild87.png")no-repeat !important;
    padding-left:40px!important;
    padding-right:20px!important;
    padding-top:  2px!important; 
    padding-bottom: 4px!important; 
    background-position:10px 5px!important;
    font-size:14.0px!important;
    border-style: outset !important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;
    border-width:2px !important;
    border-radius:16px !important;
    color:black !important; }
    
    .save-changes-button:hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/Bild87.png")no-repeat !important;
    background-position:10px 5px!important;
    border-style: outset !important;
    border-width:2px !important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}    
    
    .cancel-button{
    appearance:none!important;
    background: #F0F0F0 url("..//icons/Bild88.png")no-repeat !important;
    padding-left:40px!important;
    padding-right:20px!important;
    padding-top:  2px!important; 
    padding-bottom: 4px!important; 
    background-position:10px 5px!important;
    font-size:14.0px!important;
    border-style: outset !important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;
    border-width:2px !important;
    border-radius:16px !important;
    color:black !important; }
    
    .cancel-button:hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/Bild88.png")no-repeat !important;
    background-position:10px 5px!important;
    border-style: outset !important;
    border-width:2px !important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}        
    
    .reveal-password-checkbox{fill: #0066cc !important;}
    
    .menu{border-radius: 20px !important;}

    .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

2002Andreas

Zitat von Endor

So bitte nochmal testen:

Noch nicht ganz

Oder soll das mittig sein mit dem Fenster?

Dann passt es.

universum123

Endor

der Scrollbalken/Leiste fehlt bei mir

ist so wie bei Andreas zu sehen ist

gruß uni

About Seiten mit CSS Codes anpassen

Anpassungen von Firefox-Oberfläche mittels userChrome.css und Webseiten mittels userContent.css

Ähnliche Themen

Mehrzeilige Tableiste für aktuelle Firefox-Versionen

Addons Manager Nightly