About Seiten mit CSS Codes anpassen

2002Andreas

Zitat von universum123

der Scrollbalken/Leiste fehlt bei mir

Dann Zeile 4 mal auskommentieren.

universum123

2002Andreas

genau das wars

thx

2002Andreas

Zitat von universum123

thx

Gerne doch

Endor

Bin zur Zeit nur immer kurz vor dem PC.
Die Scrollbar habe ich wie 2002Andreas schon geschrieben hat ausgeblendet.
Sieht bei mir auch ähnlich wie bei 2002Andreas aus.
Nur unten die Schaltfläche ist hier nicht zweizeilig.

Mal sehen.

Mfg.
Endor

edvoldi

Zitat von Endor

Nur unten die Schaltfläche ist hier nicht zweizeilig.

Ich habe dazu diese Code:

Zitat

.create-login-button-container {

padding-left: 10px !important;

padding-right: 70px !important;

margin-bottom: 1px !important;

}

ausgeblendet.

FuchsFan

Endor

Danke, Endor, für den überarbeiteten Code. Habe für mich einige Änderungen gemacht, aber ansonsten läuft wieder alles.

Boersenfeger

Ich schließe mich da gerne an.

Endor

Hallo zusammen.

Freut mich wenn es gefällt.

edvoldi

Vielen Dank. Habe ich jetzt auch so gemacht.

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 {  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; 
    padding-right: 15px !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:35px!important;
    padding-top:  2px!important; 
    padding-bottom: 4px!important; 
    background-position:10px 5px!important;
    color:black!important;
    font-size:13px!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:35px!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 nun passt es.

Mfg.
Endor

2002Andreas

Zitat von Endor

Hoffe nun passt es.

Zeile 282 bitte den Wert anpassen wie in Zeile 270.

Bei hover zuckt der Eintrag.

Endor

Zitat von 2002Andreas

Zeile 282 bitte den Wert anpassen wie in Zeile 270.

Ist geändert.

Danke.

Mfg.
Endor

Endor

Hallo zusammen.

Für about:loginsimportreport

hätte ich auch was gemacht:

CSS

    @namespace url(http://www.w3.org/1999/xhtml);
    @-moz-document url-prefix(about:loginsimportreport) {

    body{
    margin-left: 170px !important;
    margin-right: auto !important;
    max-height: 86vh !important;
    max-width: 1200px !important; /* Breite anpassen */
    margin-top: 40px !important;
    margin-bottom: 20px !important;
    padding-bottom: 20px !important;
    padding-top: 15px !important;
    padding-left: 50px !important;
    padding-right: 50px !important;
    background-color: #fffff0 !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;
    }
    
    body:hover{
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    #report-body{
    background: #fffff0 !important; 
    margin-right: 400px !important; 
    min-width: 650px !important;}
    
    /* Nullen auf gleiche Höhe bringen */    
    .new-logins {margin-top: 210px !important; margin-left: -25px !important;}
    
    .exiting-logins {margin-top: 210px !important;}
    
    .duplicate-logins {margin-top: 209px !important;}
    
    .errors-logins {margin-top: 209px !important;}
    
    .logins-list{border-top: none !important;}
    
    .summary > div:nth-child(2){
    margin-top: 50px !important;
    color: #0059b3 !important; 
    font-weight: bold  !important;
    font-size: 16px !important;}
    
    /* Farbe Überschrift ändern */
    .summary > h2:nth-child(1){color: crimson !important; margin-top: 80px !important;}

    /* Farbe Nummern ändern */
    .new-logins > div:nth-child(1),
    .exiting-logins > div:nth-child(1),
    .duplicate-logins > div:nth-child(1),
    .errors-logins > div:nth-child(1){color: #0059b3 !important;}

    /* Schaltfläche anpassen */
    .about-logins-import-report-learn-more{
    margin-top: 60px !important;
    appearance:none !important;
    text-decoration: none !important;
    max-width: 170px !important;
    background: #F0F0F0 url("..//icons/Bild34.png")no-repeat !important;
    padding-left:40px!important;
    padding-top:  2px!important; 
    padding-right: 20px !important; 
    padding-bottom: 4px!important; 
    background-position:14px 4px!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; }

    .about-logins-import-report-learn-more:hover{
    appearance:none!important;
    background: #B2EDFA url("..//icons/Bild34.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:14px 4px!important;}
    }

Alles anzeigen

Mfg.
Endor

FuchsFan

Zitat von Endor

Für about:loginsimportreport
hätte ich auch was gemacht:

Kannst Du das bitte bei Dir auch mal überprüfen, der Button .about-logins-import-report-learn-more wird bei Hover nur am oberen Rand angesprochen.

Endor

Es liegt an Zeile 64

margin-top: 60px !important;

wenn man die entfernt dann passt der hover wieder.

Nur wie schiebe ich dann die Schaltfläche weiter runter?

Mal sehen.

Edit:

So sollte es nun passen:

CSS

    @namespace url(http://www.w3.org/1999/xhtml);
    @-moz-document url-prefix(about:loginsimportreport) {

    body{
    margin-left: 170px !important;
    margin-right: auto !important;
    max-height: 86vh !important;
    max-width: 1200px !important; /* Breite anpassen */
    margin-top: 40px !important;
    margin-bottom: 20px !important;
    padding-bottom: 20px !important;
    padding-top: 15px !important;
    padding-left: 50px !important;
    padding-right: 50px !important;
    background-color: #fffff0 !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;
    }
    
    body:hover{
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    #report-body{
    background: #fffff0 !important; 
    margin-right: 400px !important; 
    min-width: 650px !important;}
    
    /* Nullen auf gleiche Höhe bringen */    
    .new-logins {margin-top: 210px !important; margin-left: -25px !important;}
    
    .exiting-logins {margin-top: 210px !important;}
    
    .duplicate-logins {margin-top: 209px !important;}
    
    .errors-logins {margin-top: 209px !important;}
    
    .logins-list{border-top: none !important;}
    
    .summary > div:nth-child(2){
    margin-top: 10px !important;
    color: #0059b3 !important; 
    font-weight: bold  !important;
    font-size: 16px !important;
    line-height: 6 !important;}
    
    /* Farbe Überschrift ändern */
    .summary > h2:nth-child(1){color: crimson !important; margin-top: 80px !important;}

    /* Farbe Nummern ändern */
    .new-logins > div:nth-child(1),
    .exiting-logins > div:nth-child(1),
    .duplicate-logins > div:nth-child(1),
    .errors-logins > div:nth-child(1){color: #0059b3 !important;}

    /* Schaltfläche anpassen */
    .about-logins-import-report-learn-more{
    appearance:none !important;
    text-decoration: none !important;
    max-width: 170px !important;
    background: #F0F0F0 url("..//icons/Bild34.png")no-repeat !important;
    padding-left:40px!important;
    padding-top:  2px!important; 
    padding-right: 20px !important; 
    padding-bottom: 4px!important; 
    background-position:14px 4px!important;
    font-size: 14px !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;}

    .about-logins-import-report-learn-more:hover{
    background: #B2EDFA url("..//icons/Bild34.png")no-repeat !important;
    appearance:none !important;
    text-decoration: none !important;
    max-width: 170px !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 4px!important;}
    }

Alles anzeigen

Mfg.
Endor

Boersenfeger

Hier habe ich noch 2 Probleme mit dem Code aus # 994 wie auch mit dem aus # 992

Beim Hoovern wandert die Beschriftung nach rechts

Die Zahlen sind nicht in einer Höhe..

Endor

Bitte testen:

CSS

    @namespace url(http://www.w3.org/1999/xhtml);
    @-moz-document url-prefix(about:loginsimportreport) {

    body{
    margin-left: 170px !important;
    margin-right: auto !important;
    max-height: 86vh !important;
    max-width: 1200px !important; /* Breite anpassen */
    margin-top: 40px !important;
    margin-bottom: 20px !important;
    padding-bottom: 20px !important;
    padding-top: 15px !important;
    padding-left: 50px !important;
    padding-right: 50px !important;
    background-color: #fffff0 !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;
    }
    
    body:hover{
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    #report-body{
    background: #fffff0 !important; 
    margin-right: 400px !important; 
    min-width: 650px !important;}
    
    /* Nullen auf gleiche Höhe bringen */    
    .new-logins {margin-top: 210px !important; margin-left: -25px !important;}
    
    .exiting-logins {margin-top: 210px !important;}
    
    .duplicate-logins {margin-top: 210px !important;}
    
    .errors-logins {margin-top: 210px !important;}
    
    .logins-list{border-top: none !important;}
    
    .summary > div:nth-child(2){
    margin-top: 10px !important;
    color: #0059b3 !important; 
    font-weight: bold  !important;
    font-size: 16px !important;
    line-height: 6 !important;}
    
    /* Farbe Überschrift ändern */
    .summary > h2:nth-child(1){color: crimson !important; margin-top: 80px !important;}

    /* Farbe Nummern ändern */
    .new-logins > div:nth-child(1),
    .exiting-logins > div:nth-child(1),
    .duplicate-logins > div:nth-child(1),
    .errors-logins > div:nth-child(1){color: #0059b3 !important;}

    /* Schaltfläche anpassen */
    .about-logins-import-report-learn-more{
    appearance:none !important;
    text-decoration: none !important;
    background: #F0F0F0 url("..//icons/Bild34.png")no-repeat !important;
    padding-left:40px!important;
    padding-top:  2px!important; 
    padding-right: 40px !important; 
    padding-bottom: 4px!important; 
    background-position:14px 4px!important;
    font-size: 14px !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;}

    .about-logins-import-report-learn-more:hover{
    background: #B2EDFA url("..//icons/Bild34.png")no-repeat !important;
    appearance:none !important;
    text-decoration: none !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 4px!important;
    padding-left:40px!important;
    padding-top:  2px!important; 
    padding-right: 40px !important; 
    padding-bottom: 4px!important; }
    }

Alles anzeigen

Mfg.
Endor

2002Andreas

Weiterer Versuch

CSS

    @namespace url(http://www.w3.org/1999/xhtml);
    @-moz-document url-prefix(about:loginsimportreport) {

    body{
    margin-left: 170px !important;
    margin-right: auto !important;
    max-height: 86vh !important;
    max-width: 1200px !important; /* Breite anpassen */
    margin-top: 40px !important;
    margin-bottom: 20px !important;
    padding-bottom: 20px !important;
    padding-top: 15px !important;
    padding-left: 50px !important;
    padding-right: 50px !important;
    background-color: #fffff0 !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;
    }
    
    body:hover{
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    #report-body{
    background: #fffff0 !important; 
    margin-right: 400px !important; 
    min-width: 650px !important;}
    
    /* Nullen auf gleiche Höhe bringen */    
    .new-logins { margin-top: 210px !important;  margin-left: -25px !important;}
    
     .exiting-logins {margin-top: 210px !important;}
    
    .duplicate-logins {margin-top: 211px !important;}
    
    .errors-logins {margin-top: 212px !important;margin-left: 30px !important;}
    
    .logins-list{border-top: none !important;}
    
    .summary > div:nth-child(2){
    margin-top: 10px !important;
    color: #0059b3 !important; 
    font-weight: bold  !important;
    font-size: 16px !important;
    line-height: 6 !important;}
    
    /* Farbe Überschrift ändern */
    .summary > h2:nth-child(1){color: crimson !important; margin-top: 80px !important;}

    /* Farbe Nummern ändern */
    .new-logins > div:nth-child(1),
    .exiting-logins > div:nth-child(1),
    .duplicate-logins > div:nth-child(1),
    .errors-logins > div:nth-child(1){color: #0059b3 !important;}

    /* Schaltfläche anpassen */
    .about-logins-import-report-learn-more{
    appearance:none !important;
    text-decoration: none !important;
    max-width: 170px !important;
    background: #F0F0F0 url("..//icons/Bild34.png")no-repeat !important;
    padding-left:40px!important;
    padding-top:  2px!important; 
    padding-right: 20px !important; 
    padding-bottom: 4px!important; 
    background-position:14px 4px!important;
    font-size: 14px !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;}

    .about-logins-import-report-learn-more:hover{
    background: #B2EDFA url("..//icons/Bild34.png")no-repeat !important;
    appearance:none !important;
    text-decoration: none !important;
    max-width: 170px !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 4px!important;}
    }

Alles anzeigen

Boersenfeger

Beide Codes bewirken hier keine Änderung. Screenshots mit Andreas Code.

Bei mir befindet sich das Ergebnis auch an der rechten Seite und nicht mittig

Endor

Boersenfeger

Da ist nicht der neue Code aktiv.

Siehe Bild von 2002Andreas.

Mfg.
Endor

Boersenfeger

Korrektur, nach einem Firefox Neustart passt es jetzt...

Vielen Dank an Euch beide!

Endor

Boersenfeger

Magst Du bitte nochmal testen.

Ich habe 2002Andreas Änderungen übernommen und ein zwei Anpassungen

gemacht. Vielen Dank an dieser Stelle an 2002Andreas.

CSS

    @namespace url(http://www.w3.org/1999/xhtml);
    @-moz-document url-prefix(about:loginsimportreport) {

    body{
    margin-left: 170px !important;
    margin-right: auto !important;
    max-height: 86vh !important;
    max-width: 1200px !important; /* Breite anpassen */
    margin-top: 40px !important;
    margin-bottom: 20px !important;
    padding-bottom: 20px !important;
    padding-top: 15px !important;
    padding-left: 50px !important;
    padding-right: 50px !important;
    background-color: #fffff0 !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;
    }
    
    body:hover{
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    #report-body{
    background: #fffff0 !important; 
    margin-right: 400px !important; 
    min-width: 650px !important;}
    
    /* Nullen auf gleiche Höhe bringen */    
    .new-logins {margin-top: 210px !important; margin-left: -25px !important;}
    
    .exiting-logins {margin-top: 210px !important; margin-left: 30px !important;}
    
    .duplicate-logins {margin-top: 211px !important;}
    
    .errors-logins {margin-top: 212px !important; margin-left: 30px !important;}
    
    .logins-list{border-top: none !important;}
    
    .summary > div:nth-child(2){
    margin-top: 10px !important;
    color: #0059b3 !important; 
    font-weight: bold  !important;
    font-size: 17px !important;
    line-height: 6 !important;}
    
    /* Farbe Überschrift ändern */
    .summary > h2:nth-child(1){
    color: crimson !important; 
    margin-top: 80px !important;
    font-weight: bold  !important;
    font-size: 24px !important;}

    /* Farbe Nummern ändern */
    .new-logins > div:nth-child(1),
    .exiting-logins > div:nth-child(1),
    .duplicate-logins > div:nth-child(1),
    .errors-logins > div:nth-child(1){color: #0059b3 !important;}

    /* Schaltfläche anpassen */
    .about-logins-import-report-learn-more{
    appearance:none !important;
    text-decoration: none !important;
    background: #F0F0F0 url("..//icons/Bild34.png")no-repeat !important;
    padding-left:40px!important;
    padding-top:  2px!important; 
    padding-right: 40px !important; 
    padding-bottom: 4px!important; 
    background-position:14px 4px!important;
    font-size: 14px !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;}

    .about-logins-import-report-learn-more:hover{
    background: #B2EDFA url("..//icons/Bild34.png")no-repeat !important;
    appearance:none !important;
    text-decoration: none !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 4px!important;
    padding-left:40px!important;
    padding-top:  2px!important; 
    padding-right: 40px !important; 
    padding-bottom: 4px!important; }
    }

Alles anzeigen

Mfg.
Endor

About Seiten mit CSS Codes anpassen

Ähnliche Themen

Mehrzeilige Tableiste für aktuelle Firefox-Versionen

Addons Manager Nightly