About Seiten mit CSS Codes anpassen

edvoldi

Zitat von Büssen

Soll es so sein?

ja.

Zur Zeit sieht das bei mir so aus:

Wie schon geschrieben schaffe ich es nicht für jede Gruppe ein eigenes Bild einzufügen und die Rahmen sind bei mir genauso wie bei Endor oben hell und unten dunkel.

Gruß
EDV-Oldi

Büssen

Habe die border-width auf 4 px erhöht, sieht nun wieder so aus:

Warten wir es ab - alles wird noch gut!

Ich mache nun erst mal fofftein!

Dharkness

Hi,

der → border-style: outset !important; Eintrag sollte für rundherum gleiche Rahmenfarbe dahingehend → border-style: solid !important; geändert werden.

Endor

about:memory

nicht vergessen oben links auf Measure zu klicken. :wink:

CSS Code

CSS

    @namespace url(http://www.w3.org/1999/xhtml);
    @-moz-document url-prefix(about:memory) {
        
    body::before {
    content: "Endors: about:memory    "; 
    font-size:24px!important; 
    font-weight:bold !important; 
    margin-left:510px !important;  
    color:red !important; 
    line-height: 3.0 !important; }
    
    h1{
    color: red !important; 
    font-size: 22px !important; 
    font-weight: bold !important; 
    margin-top: 20px !important;}
    
    h2{
    color: #3377ff !important; 
    margin-left: 40px !important; 
    margin-top: 20px !important;}
    
    div.sidebarItem:nth-child(1) > div:nth-child(1){
    color: red !important; 
    font-weight: bold !important; }
    
    div.sidebarItem:nth-child(1):hover > div:nth-child(1){color: #3377ff !important;}
    
    div.sidebarItem:nth-child(2) > div:nth-child(1){
    color: red !important; 
    font-weight: bold !important; 
    margin-left: 9px !important;}
    
    div.sidebarItem:nth-child(2):hover > div:nth-child(1){color: #3377ff !important;}
    
    div.opsRowLabel{
    color: red !important; 
    font-size: 14px !important; 
    font-weight: bold !important; }
        
    div.opsRowLabel:hover{
    color: #3377ff !important; 
    font-size: 14px !important; 
    font-weight: bold !important; }

    div.ancillary:nth-child(1) {
    max-width: 1170px !important;
    margin-left: 80px !important;
    margin-bottom: 15px !important;
    background-color: #fffff0 !important;
    padding-top: 20px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-bottom: 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;}    
    
    div.ancillary:nth-child(1):hover{ 
    background-color: #FFDEAD !important;
    }
    
    ::marker {color: #ffffff !important;}
    
    .sidebar{
    margin-top: 5px !important;
    max-height: 530px !important;
    padding-top: 25px !important;
    padding-left: 25px !important;
    padding-right: 25px !important;
    padding-bottom: 25px !important;
    background-color: #FFFFF0 !important;
    border-left-color:  Tomato!important;
    border-top-color:  Tomato!important;
    border-right-color:  OrangeRed!important;
    border-bottom-color: OrangeRed!important;
    border-radius: 14px !important;
    border-width:  4px !important;
    border-style: outset !important;}
    
    .sidebar:hover{
    background-color: #FFDEAD !important;
    border-left-color:  Tomato!important;
    border-top-color:  Tomato!important;
    border-right-color:  OrangeRed!important;
    border-bottom-color: OrangeRed!important;
    }
    
    div.ancillary:nth-child(3){
    margin-left: 85px !important;
    }
    
    html{background: #ffffff !important;}
    
    body{background: #ffffff !important;}
    
    .sections{ 
    max-width: 840px !important;
    background-color: #fffff0 !important;
    margin-top: 5px !important;
    margin-left: 85px !important;
    padding-top: 20px !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;}
    
    .sections:hover{ 
    background-color: #FFDEAD !important;
    }
    
    html > body > div:first-child > div > div:first-child {
    margin-left: 4px ! important; 
    padding-left:14px !important; 
    margin-right: 2px ! important;}
    
    html > body > div:first-child > div > div:nth-child(2){
    min-width: 114px !important;
    padding-left:14px !important; 
    margin-right: 2px ! important; 
    padding-top: 6px !important; 
    padding-bottom: 11px !important; 
    max-height: 40px !important; }
    
    html > body > div:first-child > div > div:nth-child(3){
    min-width: 214px !important; 
    padding-left:14px !important; 
    margin-right: 2px ! important; 
    padding-top: 10px !important;}
    
    html > body > div:first-child > div > div:last-child{
    min-width: 157px !important; 
    padding-left:14px !important; 
    margin-right: -2px ! important; 
    padding-top: 10px !important;}
    
        
    #measureButton{
    -moz-appearance:none!important;
    background: #efefef url("..//icons/Bild16.png")no-repeat !important;
    padding-left:27px!important;
    padding-bottom: 5px!important; 
    padding-right: 5px!important;
    background-position:8px 3px!important;
    font-size:14.0px!important;
    height:24px!important;
    border-radius:14px!important;
    border-left-color:  #E6E5E5 !important;
    border-top-color:  #E6E5E5 !important;
    border-right-color:  #5C5B5B !important;
    border-bottom-color:  #5C5B5B !important;
    border-style: outset !important;
    border-width:2px !important;
    color:black !important;
    margin-left:-8px !important;}

    #measureButton:hover{
    -moz-appearance:none!important;
    background: #CFE6F1 url("..//icons/Bild16.png")no-repeat !important;
    padding-left:27px!important;
    background-position:8px 3px!important; 
    border-radius:14px!important;
    border-left-color:  #e4e3e3 !important;
    border-top-color:  #e4e3e3 !important;
    border-right-color:  #5c5b5b !important;
    border-bottom-color:  #5c5b5b !important;
    border-style: outset !important;
    border-width:2px !important;}
    
    button[title="Do a global garbage collection."]{
    -moz-appearance:none!important;
    background: #efefef  url("..//icons/Bild17.png")no-repeat !important;
    padding-left:24px!important;
    padding-bottom: 5px!important; 
    padding-right: 5px!important;
    background-position:7px 3px!important;
    font-size:14.0px!important;
    height:24px!important;
    border-radius:14px!important;
    border-color: dodgerblue !important;
    border-style: outset !important;
    border-left-color:  #E6E5E5 !important;
    border-top-color:  #E6E5E5 !important;
    border-right-color:  #5C5B5B !important;
    border-bottom-color:  #5C5B5B !important;
    border-width:2px !important;
    color:black !important;
    margin-left:-10px !important;    }

    button[title="Do a global garbage collection."]:hover{
    -moz-appearance:none!important;
    background:#CFE6F1 url("..//icons/Bild17.png")no-repeat !important;
    padding-left:24px!important;
    background-position:7px 3px!important;
    border-radius:14px!important;
    border-left-color:  #e4e3e3 !important;
    border-top-color:  #e4e3e3 !important;
    border-right-color:  #5c5b5b !important;
    border-bottom-color:  #5c5b5b !important;
    border-style: outset !important;
    border-width:2px !important;    }
    
    button[title="Do a cycle collection."]{
    -moz-appearance:none!important;
    background: #efefef  url("..//icons/Bild18.png")no-repeat !important;
    padding-left:24px!important;
    padding-bottom: 5px!important; 
    padding-right: 5px!important;
    background-position:7px 2px!important;
    font-size:14.0px!important;
    height:24px!important;
    border-radius:14px!important;
    border-color: dodgerblue !important;
    border-style: outset !important;
    border-left-color:  #E6E5E5 !important;
    border-top-color:  #E6E5E5 !important;
    border-right-color:  #5C5B5B !important;
    border-bottom-color:  #5C5B5B !important;
    border-width:2px !important;
    margin-left:7px !important;
    color:black !important; }

    button[title="Do a cycle collection."]:hover{
    -moz-appearance:none!important;
    background: #CFE6F1 url("..//icons/Bild18.png")no-repeat !important;
    padding-left:24px!important;
    background-position:7px 2px!important;
    border-radius:14px!important;
    border-style: outset !important;
    border-left-color:  #e4e3e3 !important;
    border-top-color:  #e4e3e3 !important;
    border-right-color:  #5c5b5b !important;
    border-bottom-color:  #5c5b5b !important;
    border-width:2px !important;}
    
    html > body > div:first-child > div > div:nth-child(3) > button:last-child{
    -moz-appearance:none!important;
    background: #efefef  url("..//icons/Bild19.png")no-repeat !important;
    padding-left:24px!important;
    padding-bottom: 5px!important; 
    padding-right: 5px!important;
    background-position:7px 2px!important;
    font-size:14.0px!important;
    height:24px!important;
    border-radius:14px!important;
    border-color: dodgerblue !important;
    border-left-color:  #E6E5E5 !important;
    border-top-color:  #E6E5E5 !important;
    border-right-color:  #5C5B5B !important;
    border-bottom-color:  #5C5B5B !important;
    border-style: outset !important;
    border-width:2px !important;
    margin-left:7px !important;
    color:black !important; }

    html > body > div:first-child > div > div:nth-child(3) > button:last-child:hover{
    -moz-appearance:none!important;
    background: #CFE6F1 url("..//icons/Bild19.png")no-repeat !important;
    padding-left:24px!important;
    background-position:7px 2px!important;
    border-radius:14px!important;
    border-left-color:  #e4e3e3 !important;
    border-top-color:  #e4e3e3 !important;
    border-right-color:  #5c5b5b !important;
    border-bottom-color:  #5c5b5b !important;
    border-style: outset !important;
    border-width:2px !important;}    
    
    #saveLogsConcise{
    -moz-appearance:none!important;
    background: #efefef  url("..//icons/Bild20.png")no-repeat !important;
    padding-left:24px!important;
    padding-bottom: 5px!important; 
    padding-right: 5px!important;
    background-position:7px 3px!important;
    font-size:14.0px!important;
    height:24px!important;
    border-radius:14px!important;
    border-color: dodgerblue !important;
    border-left-color:  #E6E5E5 !important;
    border-top-color:  #E6E5E5 !important;
    border-right-color:  #5C5B5B !important;
    border-bottom-color:  #5C5B5B !important;
    border-style: outset !important;
    border-width:2px !important;
    margin-left:-10px !important;
    color:black !important; }

    #saveLogsConcise:hover{
    -moz-appearance:none!important;
    background: #CFE6F1 url("..//icons/Bild20.png")no-repeat !important;
    padding-left:24px!important;
    background-position:7px 3px!important;
    border-radius:14px!important;
    border-left-color:  #e4e3e3 !important;
    border-top-color:  #e4e3e3 !important;
    border-right-color:  #5c5b5b !important;
    border-bottom-color:  #5c5b5b !important;
    border-style: outset !important;
    border-width:2px !important;}            
    
    button[title="Load memory reports from file and show."] {
    -moz-appearance:none!important;
    background: #efefef  url("..//icons/Bild21.png")no-repeat !important;
    padding-left:24px!important;
    padding-bottom: 5px!important; 
    padding-right: 5px!important;
    background-position:8px 2px!important;
    font-size:14.0px!important;
    height:24px!important;
    border-radius:14px!important;
    border-color: dodgerblue !important;
    border-style: outset !important;
    border-left-color:  #E6E5E5 !important;
    border-top-color:  #E6E5E5 !important;
    border-right-color:  #5C5B5B !important;
    border-bottom-color:  #5C5B5B !important;
    border-width:2px !important;
    margin-left:10px !important;
    color:black  !important; }

    button[title="Load memory reports from file and show."]:hover{
    -moz-appearance:none!important;
    background: #CFE6F1 url("..//icons/Bild21.png")no-repeat !important;
    padding-left:24px!important;
    border-radius:14px!important;
    border-left-color:  #e4e3e3 !important;
    border-top-color:  #e4e3e3 !important;
    border-right-color:  #5c5b5b !important;
    border-bottom-color:  #5c5b5b !important;
    border-style: outset !important;
    border-width:2px !important;
    background-position:8px 2px!important; }    
    
    button[title="Read memory reports from the clipboard and show."]{
    -moz-appearance:none!important;
    background: #efefef  url("..//icons/Bild22.png")no-repeat !important;
    padding-left:23px!important;
    padding-bottom: 5px!important; 
    padding-right: 5px!important;
    background-position:7px 2px!important;
    font-size:14.0px!important;
    height:24px!important;
    border-radius:14px!important;
    border-color: dodgerblue !important;
    border-left-color:  #E6E5E5 !important;
    border-top-color:  #E6E5E5 !important;
    border-right-color:  #5C5B5B !important;
    border-bottom-color:  #5C5B5B !important;
    border-style: outset !important;
    border-width:2px !important;
    margin-left:10px !important;
    color:black !important;  }

    button[title="Read memory reports from the clipboard and show."]:hover{
    -moz-appearance:none!important;
    background: #CFE6F1 url("..//icons/Bild22.png")no-repeat !important;
    padding-left:23px!important;
    background-position:7px 2px!important;
    border-radius:14px!important;
    border-left-color:  #e4e3e3 !important;
    border-top-color:  #e4e3e3 !important;
    border-right-color:  #5c5b5b !important;
    border-bottom-color:  #5c5b5b !important;
    border-style: outset !important;
    border-width:2px !important;}
    
    button[title="Load memory report data from two files and show the difference."]{
    -moz-appearance:none!important;
    background: #efefef  url("..//icons/Bild23.png")no-repeat !important;
    padding-left:24px!important;
    padding-bottom: 5px!important; 
    padding-right: 5px!important;
    background-position:8px 2px!important;
    font-size:14.0px!important;
    height:24px!important;
    border-radius:14px!important;
    border-color: dodgerblue !important;
    border-style: outset !important;
    border-left-color:  #E6E5E5 !important;
    border-top-color:  #E6E5E5 !important;
    border-right-color:  #5C5B5B !important;
    border-bottom-color:  #5C5B5B !important;
    border-width:2px !important;
    margin-left:10px !important;
    color:black !important;  }

    button[title="Load memory report data from two files and show the difference."]:hover{
    -moz-appearance:none!important;
    background: #CFE6F1 url("..//icons/Bild23.png")no-repeat !important;
    padding-left:24px!important;
    background-position:8px 2px!important;
    border-radius:14px!important;
    border-left-color:  #e4e3e3 !important;
    border-top-color:  #e4e3e3 !important;
    border-right-color:  #5c5b5b !important;
    border-bottom-color:  #5c5b5b !important;
    border-style: outset !important;
    border-width:2px !important;}
    
    button[title="Save memory reports to file."]{
    -moz-appearance:none!important;
    background: #efefef  url("..//icons/Bild24.png")no-repeat !important;
    padding-left:26px!important;
    padding-bottom: 5px!important; 
    padding-right: 8px!important;
    background-position:7px 2px!important;
    font-size:14.0px!important;
    height:24px!important;
    border-radius:14px!important;
    border-color: dodgerblue !important;
    border-style: outset !important;
    border-left-color:  #E6E5E5 !important;
    border-top-color:  #E6E5E5 !important;
    border-right-color:  #5C5B5B !important;
    border-bottom-color:  #5C5B5B !important;
    border-width:2px !important;
    margin-left:18px !important;
    color:black !important;  }

    button[title="Save memory reports to file."]:hover{
    -moz-appearance:none!important;
    background: #CFE6F1 url("..//icons/Bild24.png")no-repeat !important;
    padding-left:26px!important;
    background-position:7px 2px!important;
    border-radius:14px!important;
    border-left-color:  #e4e3e3 !important;
    border-top-color:  #e4e3e3 !important;
    border-right-color:  #5c5b5b !important;
    border-bottom-color:  #5c5b5b !important;
    border-style: outset !important;
    border-width:2px !important;}    
    
        
    [href="about:support"]{min-width: 260px !important;}
        
    [href="about:support"]{
    -moz-appearance:none!important;
    background: #efefef  url("..//icons/Bild25.png")no-repeat !important;
    margin-bottom: 5px !important;
    margin-right: 5px !important;
    padding-left:35px!important;
    padding-right:20px!important;
    padding-bottom: 1px!important; 
    height:24px!important;
    border-color: dodgerblue !important;
    border-style: outset !important;
    border-left-color:  #E6E5E5 !important;
    border-top-color:  #E6E5E5 !important;
    border-right-color:  #5C5B5B !important;
    border-bottom-color:  #5C5B5B !important;
    border-width:2px !important;
    font-size:14px!important;
    text-decoration:none!important;
    background-position:10px 2px!important;
    border-radius:14px!important;
    color:black !important; 
    line-height: 2.0 !important;}

    [href="about:support"]:hover{
    -moz-appearance:none!important;
    background: #CFE6F1 url("..//icons/Bild25.png")no-repeat !important;
    font-size:14px!important;
    text-decoration:none!important;
    padding-right:20px!important;
    padding-left:35px!important ;
    background-position:10px 2px!important;}
        
    html > body > div:first-child > div > div:last-child > button:last-child{
    -moz-appearance:none!important;
    background: #efefef  url("..//icons/Bild26.png")no-repeat !important;
    padding-left:24px!important;
    padding-bottom: 5px!important; 
    padding-right: 5px!important;
    background-position:7px 2px!important;
    font-size:14.0px!important;
    height:24px!important;
    border-radius:14px!important;
    border-style: outset !important;
    border-left-color:  #E6E5E5 !important;
    border-top-color:  #E6E5E5 !important;
    border-right-color:  #5C5B5B !important;
    border-bottom-color:  #5C5B5B !important;
    border-width:2px !important;
    margin-left:10px!important;
    color:black !important; }

    html > body > div:first-child > div > div:last-child > button:last-child:hover{
    -moz-appearance:none!important;
    background: #CFE6F1 url("..//icons/Bild26.png")no-repeat !important;
    padding-left:24px!important;
    border-style: outset !important;
    border-left-color:  #e4e3e3 !important;
    border-top-color:  #e4e3e3 !important;
    border-right-color:  #5c5b5b !important;
    border-bottom-color:  #5c5b5b !important;
    background-position:7px 2px!important;}
    
    .index > li:nth-child(n+1) > a:nth-child(1){
    display: inline-block !important;
    min-width: 160px !important;
    margin-left:-11px !important;
    margin-right: 10px !important;
    margin-bottom: 6px !important;
    -moz-appearance:none!important;
    background: #efefef  url("..//icons/Bild119.png")no-repeat !important;
    padding-left:26px!important;
    padding-bottom: 4px!important;
    padding-top: 2px!important;
    background-position:7px 4px!important;
    font-size:13.0px!important;
    border-radius:14px!important;
    border-style: outset !important;
    border-left-color:  #E6E5E5 !important;
    border-top-color:  #E6E5E5 !important;
    border-right-color:  #5C5B5B !important;
    border-bottom-color:  #5C5B5B !important;
    border-width:2px !important;
    color:black !important;}
    
    .index > li:nth-child(n+1) > a:nth-child(1):hover{
    -moz-appearance:none!important;
    background: #CFE6F1 url("..//icons/Bild119.png")no-repeat !important;
    border-style: outset !important;
    border-left-color:  #e4e3e3 !important;
    border-top-color:  #e4e3e3 !important;
    border-right-color:  #5c5b5b !important;
    border-bottom-color:  #5c5b5b !important;
    background-position:7px 4px!important; }
    }

Alles anzeigen

Symbole:

Boersenfeger eventuell Zeilen 30, 31, 85 und 88 wieder beachten. :wink:

Mfg.
Endor

Endor

about:cache kommt morgen.

Mfg.
Endor

Büssen

Moin,

habe ein Problem mit about:debugging.

Wenn ich normal aufrufe:

Links bleibt ein großer Rand - bis Sidebar Lesezeichen

Gehe ich runter auf 90 % Größe, dann sieht es so aus:

Es bleibt links auch noch ein Rand - bis Sidebar.

Bei 80 % passt die Größe, trotzdem bleibt links ein Rand. Das Original scheint 110 % zu haben.

Was müsste ich ändern?

Nachtrag: habe diese Zeile von 200 px auf 30 px geändert

CSS

body{background-color: #ffffff !important; margin-left: 30px !important;

Nun passt es wieder >> es bleibt noch ein ganz kleiner Rand.

edvoldi

Hallo Büsen,

ändere einmal diesen Code

CSS

body{background-color: #ffffff !important; margin-left: 200px !important;
overflow-x: hidden !important; }

in diesen

CSS

    body{ background-color: #ffffff !important;
    overflow-x: hidden !important;
    }
    .app__sidebar {
    margin-left: 20px !important;
    }

Gruß
EDV-Oldi

Büssen

Hallo edvoldi,

das war wieder ein guter Kundendienst!

Vielen Dank - nun passt wieder alles. >> zumindest im besagtem Profil.

Habe in einem anderen Profil gleiches Verhalten - geändert: aber hier geht alles zu weit nach rechts raus.

Musste hier auf 90% runter, damit alles sichtbar ist.

FuchsFan

Endor

Ich brauche bitte mal einen Hinweis, wie ich den Zeilenumbruch des Button verhindern kann.

Sören Hentzschel

white-space: nowrap; für das Element.

FuchsFan

Zitat von Sören Hentzschel

für das Element.

Danke, Sören, aber in diesem Fall weiß ich nicht , wie ich das in dem Code von Endor einsetzen kann.

Nachtrag: Nun habe ich doch über die margin-Werte noch eine Lösung gefunden. Besser wäre es m.M.n. aber, wenn die Container etwas länger wären. Endor, kannst du dazu bitte noch was ändern?

2002Andreas

Zitat von FuchsFan

wie ich das in dem Code von Endor einsetzen kann

Nach Zeile:

736, 758, 773 und 795

das einfügen:

white-space: nowrap !important;

Boersenfeger

Hi, Endor,

Das ist hier in Nightly das Ergebnis des Codes für about:memory

Imho fehlen einige Icons bzw Code für Buttons.. jeweils gelb markiert!?

edvoldi

Zitat von Boersenfeger

fehlen einige Icons bzw Code für Buttons

Bei mir sind sie alle da.

FuchsFan

Zitat von 2002Andreas

Nach Zeile:
736, 758, 773 und 795

Danke, Andreas, das sieht dann so aus. Habe mal versucht mit margin-Werten zu verlagern, gelingt mir nicht.

Edit: Mit den Einstellungen zusätzlich klappt es dann doch. RE: About Seiten mit CSS Codes anpassen

Boersenfeger

Hier nochmal mein Code, der in den Zeilen 4, 30, 31, 85 und 88 geändert ist.

CSS

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

body:before {content: "Boersenfegers: about:memory "; font-size:24px!important; font-weight:bold !important;
margin-left:510px !important; color:red !important; line-height: 3.0 !important; }

h1{color: red !important; font-size: 22px !important; font-weight: bold !important; margin-top: 20px !important;}

h2{color: #3377ff !important; margin-left: 40px !important; margin-top: 20px !important;}

div.sidebarItem:nth-child(1) > div:nth-child(1){color: red !important; font-weight: bold !important; }

div.sidebarItem:nth-child(1):hover > div:nth-child(1) {color: #3377ff !important;}

div.sidebarItem:nth-child(2) > div:nth-child(1){color: red !important; font-weight: bold !important; margin-left: 9px !important;}

div.sidebarItem:nth-child(2):hover > div:nth-child(1) {color: #3377ff !important;}

div.opsRowLabel{
color: red !important;
font-size: 14px !important;
font-weight: bold !important; }

div.opsRowLabel:hover{
color: #3377ff !important;
font-size: 14px !important;
font-weight: bold !important; }

div.ancillary:nth-child(1) {
max-width: 1300px !important;
margin-left: 40px !important;
margin-bottom: 15px !important;
background-color: #fffff0 !important;
padding-top: 20px !important;
padding-left: 15px !important;
padding-right: 15px !important;
padding-bottom: 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;}

div.ancillary:nth-child(1):hover{
background-color: #FFDEAD !important;
}

::marker {color: #ffffff !important;}

.sidebar{
margin-top: 5px !important;
max-height: 500px !important;
padding-top: 25px !important;
padding-left: 25px !important;
padding-right: 25px !important;
padding-bottom: 25px !important;
background-color: #FFFFF0 !important;
border-left-color: Tomato!important;
border-top-color: Tomato!important;
border-right-color: OrangeRed!important;
border-bottom-color: OrangeRed!important;
border-radius: 14px !important;
border-width: 4px !important;
border-style: outset !important;}

.sidebar:hover{
background-color: #FFDEAD !important;
border-left-color: Tomato!important;
border-top-color: Tomato!important;
border-right-color: OrangeRed!important;
border-bottom-color: OrangeRed!important;
}

div.ancillary:nth-child(3){
margin-left: 85px !important;
}

html{background: #ffffff !important;}

body{background: #ffffff !important;}

.sections{
max-width: 810px !important;
background-color: #fffff0 !important;
margin-top: 5px !important;
margin-left: 90px !important;
padding-top: 20px !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;}

.sections:hover{
background-color: #FFDEAD !important;}

html > body > div:first-child > div > div:first-child { margin-left: 4px ! important; padding-left:14px !important; margin-right: 2px ! important;}
html > body > div:first-child > div > div:nth-child(2){min-width: 114px !important; padding-left:14px !important; margin-right: 2px ! important; padding-top: 6px !important; padding-bottom: 11px !important; max-height: 40px !important; }
html > body > div:first-child > div > div:nth-child(3){min-width: 214px !important; padding-left:14px !important; margin-right: 2px ! important; padding-top: 10px !important;}
html > body > div:first-child > div > div:last-child{min-width: 157px !important; padding-left:14px !important; margin-right: -2px ! important; padding-top: 10px !important;}

#measureButton{
-moz-appearance:none!important;
background: #efefef url("..//icons/Bild16.png")no-repeat !important;
padding-left:27px!important;
padding-bottom: 5px!important;
padding-right: 5px!important;
background-position:8px 3px!important;
font-size:14.0px!important;
height:24px!important;
border-radius:14px!important;
border-left-color: #E6E5E5 !important;
border-top-color: #E6E5E5 !important;
border-right-color: #5C5B5B !important;
border-bottom-color: #5C5B5B !important;
border-style: outset !important;
border-width:2px !important;
color:black !important;
margin-left:-8px !important; }

#measureButton:hover{
-moz-appearance:none!important;
background: #CFE6F1 url("..//icons/Bild16.png")no-repeat !important;
padding-left:27px!important;
background-position:8px 3px!important;
border-radius:14px!important;
border-left-color: #e4e3e3 !important;
border-top-color: #e4e3e3 !important;
border-right-color: #5c5b5b !important;
border-bottom-color: #5c5b5b !important;
border-style: outset !important;
border-width:2px !important;}

button[title="Do a global garbage collection."]{
-moz-appearance:none!important;
background: #efefef url("..//icons/Bild17.png")no-repeat !important;
padding-left:24px!important;
padding-bottom: 5px!important;
padding-right: 5px!important;
background-position:7px 3px!important;
font-size:14.0px!important;
height:24px!important;
border-radius:14px!important;
border-color: dodgerblue !important;
border-style: outset !important;
border-left-color: #E6E5E5 !important;
border-top-color: #E6E5E5 !important;
border-right-color: #5C5B5B !important;
border-bottom-color: #5C5B5B !important;
border-width:2px !important;
color:black !important;
margin-left:-10px !important; }

button[title="Do a global garbage collection."]:hover{
-moz-appearance:none!important;
background:#CFE6F1 url("..//icons/Bild17.png")no-repeat !important;
padding-left:24px!important;
background-position:7px 3px!important;
border-radius:14px!important;
border-left-color: #e4e3e3 !important;
border-top-color: #e4e3e3 !important;
border-right-color: #5c5b5b !important;
border-bottom-color: #5c5b5b !important;
border-style: outset !important;
border-width:2px !important; }

button[title="Do a cycle collection."]{
-moz-appearance:none!important;
background: #efefef url("..//icons/Bild18.png")no-repeat !important;
padding-left:24px!important;
padding-bottom: 5px!important;
padding-right: 5px!important;
background-position:7px 2px!important;
font-size:14.0px!important;
height:24px!important;
border-radius:14px!important;
border-color: dodgerblue !important;
border-style: outset !important;
border-left-color: #E6E5E5 !important;
border-top-color: #E6E5E5 !important;
border-right-color: #5C5B5B !important;
border-bottom-color: #5C5B5B !important;
border-width:2px !important;
margin-left:7px !important;
color:black !important; }

button[title="Do a cycle collection."]:hover{
-moz-appearance:none!important;
background: #CFE6F1 url("..//icons/Bild18.png")no-repeat !important;
padding-left:24px!important;
background-position:7px 2px!important;
border-radius:14px!important;
border-style: outset !important;
border-left-color: #e4e3e3 !important;
border-top-color: #e4e3e3 !important;
border-right-color: #5c5b5b !important;
border-bottom-color: #5c5b5b !important;
border-width:2px !important;}

html > body > div:first-child > div > div:nth-child(3) > button:last-child{
-moz-appearance:none!important;
background: #efefef url("..//icons/Bild19.png")no-repeat !important;
padding-left:24px!important;
padding-bottom: 5px!important;
padding-right: 5px!important;
background-position:7px 2px!important;
font-size:14.0px!important;
height:24px!important;
border-radius:14px!important;
border-color: dodgerblue !important;
border-left-color: #E6E5E5 !important;
border-top-color: #E6E5E5 !important;
border-right-color: #5C5B5B !important;
border-bottom-color: #5C5B5B !important;
border-style: outset !important;
border-width:2px !important;
margin-left:7px !important;
color:black !important; }

html > body > div:first-child > div > div:nth-child(3) > button:last-child:hover{
-moz-appearance:none!important;
background: #CFE6F1 url("..//icons/Bild19.png")no-repeat !important;
padding-left:24px!important;
background-position:7px 2px!important;
border-radius:14px!important;
border-left-color: #e4e3e3 !important;
border-top-color: #e4e3e3 !important;
border-right-color: #5c5b5b !important;
border-bottom-color: #5c5b5b !important;
border-style: outset !important;
border-width:2px !important;}

#saveLogsConcise{
-moz-appearance:none!important;
background: #efefef url("..//icons/Bild20.png")no-repeat !important;
padding-left:24px!important;
padding-bottom: 5px!important;
padding-right: 5px!important;
background-position:7px 3px!important;
font-size:14.0px!important;
height:24px!important;
border-radius:14px!important;
border-color: dodgerblue !important;
border-left-color: #E6E5E5 !important;
border-top-color: #E6E5E5 !important;
border-right-color: #5C5B5B !important;
border-bottom-color: #5C5B5B !important;
border-style: outset !important;
border-width:2px !important;
margin-left:-10px !important;
color:black !important; }

#saveLogsConcise:hover{
-moz-appearance:none!important;
background: #CFE6F1 url("..//icons/Bild20.png")no-repeat !important;
padding-left:24px!important;
background-position:7px 3px!important;
border-radius:14px!important;
border-left-color: #e4e3e3 !important;
border-top-color: #e4e3e3 !important;
border-right-color: #5c5b5b !important;
border-bottom-color: #5c5b5b !important;
border-style: outset !important;
border-width:2px !important;}

button[title="Load memory reports from file and show."] {
-moz-appearance:none!important;
background: #efefef url("..//icons/Bild21.png")no-repeat !important;
padding-left:24px!important;
padding-bottom: 5px!important;
padding-right: 5px!important;
background-position:8px 2px!important;
font-size:14.0px!important;
height:24px!important;
border-radius:14px!important;
border-color: dodgerblue !important;
border-style: outset !important;
border-left-color: #E6E5E5 !important;
border-top-color: #E6E5E5 !important;
border-right-color: #5C5B5B !important;
border-bottom-color: #5C5B5B !important;
border-width:2px !important;
margin-left:10px !important;
color:black !important; }

button[title="Load memory reports from file and show."]:hover{
-moz-appearance:none!important;
background: #CFE6F1 url("..//icons/Bild21.png")no-repeat !important;
padding-left:24px!important;
border-radius:14px!important;
border-left-color: #e4e3e3 !important;
border-top-color: #e4e3e3 !important;
border-right-color: #5c5b5b !important;
border-bottom-color: #5c5b5b !important;
border-style: outset !important;
border-width:2px !important;
background-position:8px 2px!important; }

button[title="Read memory reports from the clipboard and show."]{
-moz-appearance:none!important;
background: #efefef url("..//icons/Bild22.png")no-repeat !important;
padding-left:23px!important;
padding-bottom: 5px!important;
padding-right: 5px!important;
background-position:7px 2px!important;
font-size:14.0px!important;
height:24px!important;
border-radius:14px!important;
border-color: dodgerblue !important;
border-left-color: #E6E5E5 !important;
border-top-color: #E6E5E5 !important;
border-right-color: #5C5B5B !important;
border-bottom-color: #5C5B5B !important;
border-style: outset !important;
border-width:2px !important;
margin-left:10px !important;
color:black !important; }

button[title="Read memory reports from the clipboard and show."]:hover{
-moz-appearance:none!important;
background: #CFE6F1 url("..//icons/Bild22.png")no-repeat !important;
padding-left:23px!important;
background-position:7px 2px!important;
border-radius:14px!important;
border-left-color: #e4e3e3 !important;
border-top-color: #e4e3e3 !important;
border-right-color: #5c5b5b !important;
border-bottom-color: #5c5b5b !important;
border-style: outset !important;
border-width:2px !important;}

button[title="Load memory report data from two files and show the difference."]{
-moz-appearance:none!important;
background: #efefef url("..//icons/Bild23.png")no-repeat !important;
padding-left:24px!important;
padding-bottom: 5px!important;
padding-right: 5px!important;
background-position:8px 2px!important;
font-size:14.0px!important;
height:24px!important;
border-radius:14px!important;
border-color: dodgerblue !important;
border-style: outset !important;
border-left-color: #E6E5E5 !important;
border-top-color: #E6E5E5 !important;
border-right-color: #5C5B5B !important;
border-bottom-color: #5C5B5B !important;
border-width:2px !important;
margin-left:10px !important;
color:black !important; }

button[title="Load memory report data from two files and show the difference."]:hover{
-moz-appearance:none!important;
background: #CFE6F1 url("..//icons/Bild23.png")no-repeat !important;
padding-left:24px!important;
background-position:8px 2px!important;
border-radius:14px!important;
border-left-color: #e4e3e3 !important;
border-top-color: #e4e3e3 !important;
border-right-color: #5c5b5b !important;
border-bottom-color: #5c5b5b !important;
border-style: outset !important;
border-width:2px !important;}

button[title="Save memory reports to file."]{
-moz-appearance:none!important;
background: #efefef url("..//icons/Bild24.png")no-repeat !important;
padding-left:26px!important;
padding-bottom: 5px!important;
padding-right: 8px!important;
background-position:7px 2px!important;
font-size:14.0px!important;
height:24px!important;
border-radius:14px!important;
border-color: dodgerblue !important;
border-style: outset !important;
border-left-color: #E6E5E5 !important;
border-top-color: #E6E5E5 !important;
border-right-color: #5C5B5B !important;
border-bottom-color: #5C5B5B !important;
border-width:2px !important;
margin-left:18px !important;
color:black !important; }

button[title="Save memory reports to file."]:hover{
-moz-appearance:none!important;
background: #CFE6F1 url("..//icons/Bild24.png")no-repeat !important;
padding-left:26px!important;
background-position:7px 2px!important;
border-radius:14px!important;
border-left-color: #e4e3e3 !important;
border-top-color: #e4e3e3 !important;
border-right-color: #5c5b5b !important;
border-bottom-color: #5c5b5b !important;
border-style: outset !important;
border-width:2px !important;}

[href="about:support"]{min-width: 260px !important;}

[href="about:support"]{
-moz-appearance:none!important;
background: #efefef url("..//icons/Bild25.png")no-repeat !important;
margin-bottom: 5px !important;
margin-right: 5px !important;
padding-left:35px!important;
padding-right:20px!important;
padding-bottom: 1px!important;
height:24px!important;
border-color: dodgerblue !important;
border-style: outset !important;
border-left-color: #E6E5E5 !important;
border-top-color: #E6E5E5 !important;
border-right-color: #5C5B5B !important;
border-bottom-color: #5C5B5B !important;
border-width:2px !important;
font-size:14px!important;
text-decoration:none!important;
background-position:10px 2px!important;
border-radius:14px!important;
color:black !important;
line-height: 2.0 !important;}

[href="about:support"]:hover{
-moz-appearance:none!important;
background: #CFE6F1 url("..//icons/Bild25.png")no-repeat !important;
font-size:14px!important;
text-decoration:none!important;
padding-right:20px!important;
padding-left:35px!important ;
background-position:10px 2px!important;}

html > body > div:first-child > div > div:last-child > button:last-child{
-moz-appearance:none!important;
background: #efefef url("..//icons/Bild26.png")no-repeat !important;
padding-left:24px!important;
padding-bottom: 5px!important;
padding-right: 5px!important;
background-position:7px 2px!important;
font-size:14.0px!important;
height:24px!important;
border-radius:14px!important;
border-style: outset !important;
border-left-color: #E6E5E5 !important;
border-top-color: #E6E5E5 !important;
border-right-color: #5C5B5B !important;
border-bottom-color: #5C5B5B !important;
border-width:2px !important;
margin-left:10px!important;
color:black !important; }

html > body > div:first-child > div > div:last-child > button:last-child:hover{
-moz-appearance:none!important;
background: #CFE6F1 url("..//icons/Bild26.png")no-repeat !important;
padding-left:24px!important;
border-style: outset !important;
border-left-color: #e4e3e3 !important;
border-top-color: #e4e3e3 !important;
border-right-color: #5c5b5b !important;
border-bottom-color: #5c5b5b !important;
background-position:7px 2px!important;}

.index > li:nth-child(1) > a:nth-child(1){
margin-left:-11px !important;
-moz-appearance:none!important;
background: #efefef url("..//icons/Bild119.png")no-repeat !important;
padding-left:26px!important;
padding-right: 89px!important;
background-position:7px 2px!important;
font-size:14.0px!important;
border-radius:14px!important;
border-style: outset !important;
border-left-color: #E6E5E5 !important;
border-top-color: #E6E5E5 !important;
border-right-color: #5C5B5B !important;
border-bottom-color: #5C5B5B !important;
border-width:2px !important;
color:black !important;
line-height: 2.2!important; }

.index > li:nth-child(1) > a:nth-child(1):hover{
-moz-appearance:none!important;
background: #CFE6F1 url("..//icons/Bild119.png")no-repeat !important;
border-style: outset !important;
border-left-color: #e4e3e3 !important;
border-top-color: #e4e3e3 !important;
border-right-color: #5c5b5b !important;
border-bottom-color: #5c5b5b !important;
background-position:7px 2px!important; }

.index > li:nth-child(2) > a:nth-child(1){
margin-left:-11px !important;
-moz-appearance:none!important;
background: #efefef url("..//icons/Bild119.png")no-repeat !important;
padding-left:26px!important;
padding-right: 28px!important;
background-position:7px 2px!important;
font-size:14.0px!important;
border-radius:14px!important;
border-style: outset !important;
border-left-color: #E6E5E5 !important;
border-top-color: #E6E5E5 !important;
border-right-color: #5C5B5B !important;
border-bottom-color: #5C5B5B !important;
border-width:2px !important;
color:black !important;
line-height: 2.2!important;}

.index > li:nth-child(2) > a:nth-child(1):hover{
-moz-appearance:none!important;
background: #CFE6F1 url("..//icons/Bild119.png")no-repeat !important;
border-style: outset !important;
border-left-color: #e4e3e3 !important;
border-top-color: #e4e3e3 !important;
border-right-color: #5c5b5b !important;
border-bottom-color: #5c5b5b !important;
background-position:7px 2px!important;}

.index > li:nth-child(3) > a:nth-child(1){
margin-left:-11px !important;
-moz-appearance:none!important;
background: #efefef url("..//icons/Bild119.png")no-repeat !important;
padding-left:26px!important;
padding-right: 20px!important;
background-position:7px 2px!important;
font-size:14.0px!important;
border-radius:14px!important;
border-style: outset !important;
border-left-color: #E6E5E5 !important;
border-top-color: #E6E5E5 !important;
border-right-color: #5C5B5B !important;
border-bottom-color: #5C5B5B !important;
border-width:2px !important;
color:black !important;
line-height: 2.2!important;}

.index > li:nth-child(3) > a:nth-child(1):hover{
-moz-appearance:none!important;
background: #CFE6F1 url("..//icons/Bild119.png")no-repeat !important;
border-style: outset !important;
border-left-color: #e4e3e3 !important;
border-top-color: #e4e3e3 !important;
border-right-color: #5c5b5b !important;
border-bottom-color: #5c5b5b !important;
background-position:7px 2px!important;}

.index > li:nth-child(4) > a:nth-child(1){
margin-left:-11px !important;
-moz-appearance:none!important;
background: #efefef url("..//icons/Bild119.png")no-repeat !important;
padding-left:26px!important;
padding-right: 10px!important;
background-position:7px 2px!important;
font-size:14.0px!important;
border-radius:14px!important;
border-style: outset !important;
border-left-color: #E6E5E5 !important;
border-top-color: #E6E5E5 !important;
border-right-color: #5C5B5B !important;
border-bottom-color: #5C5B5B !important;
border-width:2px !important;
color:black !important;
line-height: 2.2!important;}

.index > li:nth-child(4) > a:nth-child(1):hover{
-moz-appearance:none!important;
background: #CFE6F1 url("..//icons/Bild119.png")no-repeat !important;
border-style: outset !important;
border-left-color: #e4e3e3 !important;
border-top-color: #e4e3e3 !important;
border-right-color: #5c5b5b !important;
border-bottom-color: #5c5b5b !important;
background-position:7px 2px!important;}

.index > li:nth-child(5) > a:nth-child(1){
margin-left:-11px !important;
-moz-appearance:none!important;
background: #efefef url("..//icons/Bild119.png")no-repeat !important;
padding-left:26px!important;
padding-right: 20px!important;
background-position:7px 2px!important;
font-size:14.0px!important;
border-radius:14px!important;
border-style: outset !important;
border-left-color: #E6E5E5 !important;
border-top-color: #E6E5E5 !important;
border-right-color: #5C5B5B !important;
border-bottom-color: #5C5B5B !important;
border-width:2px !important;
color:black !important;
line-height: 2.2!important; }

.index > li:nth-child(5) > a:nth-child(1):hover{
-moz-appearance:none!important;
background: #CFE6F1 url("..//icons/Bild119.png")no-repeat !important;
border-style: outset !important;
border-left-color: #e4e3e3 !important;
border-top-color: #e4e3e3 !important;
border-right-color: #5c5b5b !important;
border-bottom-color: #5c5b5b !important;
background-position:7px 2px!important; }

.index > li:nth-child(6) > a:nth-child(1){
margin-left:-11px !important;
-moz-appearance:none!important;
background: #efefef url("..//icons/Bild119.png")no-repeat !important;
padding-left:26px!important;
padding-right: 19px!important;
background-position:7px 2px!important;
font-size:14.0px!important;
border-radius:14px!important;
border-style: outset !important;
border-left-color: #E6E5E5 !important;
border-top-color: #E6E5E5 !important;
border-right-color: #5C5B5B !important;
border-bottom-color: #5C5B5B !important;
border-width:2px !important;
color:black !important;
line-height: 2.2!important;}

.index > li:nth-child(6) > a:nth-child(1):hover{
-moz-appearance:none!important;
background: #CFE6F1 url("..//icons/Bild119.png")no-repeat !important;
border-style: outset !important;
border-left-color: #e4e3e3 !important;
border-top-color: #e4e3e3 !important;
border-right-color: #5c5b5b !important;
border-bottom-color: #5c5b5b !important;
background-position:7px 2px!important;}

.index > li:nth-child(7) > a:nth-child(1){
margin-left:-11px !important;
-moz-appearance:none!important;
background: #efefef url("..//icons/Bild119.png")no-repeat !important;
padding-left:26px!important;
padding-right: 19px!important;
background-position:7px 2px!important;
font-size:14.0px!important;
border-radius:14px!important;
border-style: outset !important;
border-left-color: #E6E5E5 !important;
border-top-color: #E6E5E5 !important;
border-right-color: #5C5B5B !important;
border-bottom-color: #5C5B5B !important;
border-width:2px !important;
color:black !important;
line-height: 2.2!important;}

.index > li:nth-child(7) > a:nth-child(1):hover{
-moz-appearance:none!important;
background: #CFE6F1 url("..//icons/Bild119.png")no-repeat !important;
border-style: outset !important;
border-left-color: #e4e3e3 !important;
border-top-color: #e4e3e3 !important;
border-right-color: #5c5b5b !important;
border-bottom-color: #5c5b5b !important;
background-position:7px 2px!important;}

.index > li:nth-child(8) > a:nth-child(1){
margin-left:-11px !important;
-moz-appearance:none!important;
background: #efefef url("..//icons/Bild119.png")no-repeat !important;
padding-left:26px!important;
padding-right: 19px!important;
background-position:7px 2px!important;
font-size:14.0px!important;
border-radius:14px!important;
border-style: outset !important;
border-left-color: #E6E5E5 !important;
border-top-color: #E6E5E5 !important;
border-right-color: #5C5B5B !important;
border-bottom-color: #5C5B5B !important;
border-width:2px !important;
color:black !important;
line-height: 2.2!important;}

.index > li:nth-child(8) > a:nth-child(1):hover{
-moz-appearance:none!important;
background: #CFE6F1 url("..//icons/Bild119.png")no-repeat !important;
border-style: outset !important;
border-left-color: #e4e3e3 !important;
border-top-color: #e4e3e3 !important;
border-right-color: #5c5b5b !important;
border-bottom-color: #5c5b5b !important;
background-position:7px 2px!important;}

.index > li:nth-child(9) > a:nth-child(1){
margin-left:-11px !important;
-moz-appearance:none!important;
background: #efefef url("..//icons/Bild119.png")no-repeat !important;
padding-left:26px!important;
padding-right: 19px!important;
background-position:7px 2px!important;
font-size:14.0px!important;
border-radius:14px!important;
border-style: outset !important;
border-left-color: #E6E5E5 !important;
border-top-color: #E6E5E5 !important;
border-right-color: #5C5B5B !important;
border-bottom-color: #5C5B5B !important;
border-width:2px !important;
color:black !important;
line-height: 2.2!important; }

.index > li:nth-child(9) > a:nth-child(1):hover{
-moz-appearance:none!important;
background: #CFE6F1 url("..//icons/Bild119.png")no-repeat !important;
border-style: outset !important;
border-left-color: #e4e3e3 !important;
border-top-color: #e4e3e3 !important;
border-right-color: #5c5b5b !important;
border-bottom-color: #5c5b5b !important;
background-position:7px 2px!important; }

.index > li:nth-child(10) > a:nth-child(1){
margin-left:-11px !important;
-moz-appearance:none!important;
background: #efefef url("..//icons/Bild119.png")no-repeat !important;
padding-left:26px!important;
padding-right: 19px!important;
background-position:7px 2px!important;
font-size:14.0px!important;
border-radius:14px!important;
border-style: outset !important;
border-left-color: #E6E5E5 !important;
border-top-color: #E6E5E5 !important;
border-right-color: #5C5B5B !important;
border-bottom-color: #5C5B5B !important;
border-width:2px !important;
color:black !important;
line-height: 2.2!important;}

.index > li:nth-child(10) > a:nth-child(1):hover{
-moz-appearance:none!important;
background: #CFE6F1 url("..//icons/Bild119.png")no-repeat !important;
border-style: outset !important;
border-left-color: #e4e3e3 !important;
border-top-color: #e4e3e3 !important;
border-right-color: #5c5b5b !important;
border-bottom-color: #5c5b5b !important;
background-position:7px 2px!important;}

.index > li:nth-child(11) > a:nth-child(1){
margin-left:-11px !important;
-moz-appearance:none!important;
background: #efefef url("..//icons/Bild119.png")no-repeat !important;
padding-left:26px!important;
padding-right: 74px!important;
background-position:7px 2px!important;
font-size:14.0px!important;
border-radius:14px!important;
border-style: outset !important;
border-left-color: #E6E5E5 !important;
border-top-color: #E6E5E5 !important;
border-right-color: #5C5B5B !important;
border-bottom-color: #5C5B5B !important;
border-width:2px !important;
color:black !important;
line-height: 2.2!important;}

.index > li:nth-child(11) > a:nth-child(1):hover{
-moz-appearance:none!important;
background: #CFE6F1 url("..//icons/Bild119.png")no-repeat !important;
border-style: outset !important;
border-left-color: #e4e3e3 !important;
border-top-color: #e4e3e3 !important;
border-right-color: #5c5b5b !important;
border-bottom-color: #5c5b5b !important;
background-position:7px 2px!important;}

.index > li:nth-child(12) > a:nth-child(1){
margin-left:-11px !important;
-moz-appearance:none!important;
background: #efefef url("..//icons/Bild119.png")no-repeat !important;
padding-left:26px!important;
padding-right: 74px!important;
background-position:7px 2px!important;
font-size:14.0px!important;
border-radius:14px!important;
border-style: outset !important;
border-left-color: #E6E5E5 !important;
border-top-color: #E6E5E5 !important;
border-right-color: #5C5B5B !important;
border-bottom-color: #5C5B5B !important;
border-width:2px !important;
color:black !important;
line-height: 2.2!important;}

.index > li:nth-child(12) > a:nth-child(1):hover{
-moz-appearance:none!important;
background: #CFE6F1 url("..//icons/Bild119.png")no-repeat !important;
border-style: outset !important;
border-left-color: #e4e3e3 !important;
border-top-color: #e4e3e3 !important;
border-right-color: #5c5b5b !important;
border-bottom-color: #5c5b5b !important;
background-position:7px 2px!important;}
}

Alles anzeigen

2002Andreas

Zitat von FuchsFan

Habe mal versucht mit margin-Werten zu verlagern, gelingt mir nicht.

ab 736:

CSS

.connect-page__troubleshoot--usb > p:nth-child(1) > a:nth-child(1){
background: #efefef url("..//icons/Bild34.png") no-repeat !important;
margin-left: 1px !important;
color:black!important;
font-size:14px!important;
text-decoration:none!important;
padding-top: 3px !important;
padding-bottom: 3px !important;
padding-right:15px!important;
padding-left:40px!important;
border-color: #A6A4A4 !important;
border-left-color: #E6E5E5 !important;
border-top-color: #E6E5E5 !important;
border-right-color: #5C5B5B !important;
border-bottom-color: #5C5B5B !important;
border-style: outset !important;
border-width:1px !important;
background-position:12px 5px!important;
border-radius:16px!important;}

Alles anzeigen

ab 771:

CSS

.connect-page__troubleshoot--network > p:nth-child(1) > a:nth-child(1){
background: #efefef url("..//icons/Bild34.png") no-repeat !important;
margin-left: 1px !important;
color:black!important;
font-size:14px!important;
text-decoration:none!important;
padding-top: 3px !important;
padding-bottom: 3px !important;
padding-right:14px!important;
padding-left:30px!important;
border-color: #A6A4A4 !important;
border-left-color: #E6E5E5 !important;
border-top-color: #E6E5E5 !important;
border-right-color: #5C5B5B !important;
border-bottom-color: #5C5B5B !important;
border-style: outset !important;
border-width:1px !important;
background-position:12px 5px!important;
border-radius:16px!important;}

Alles anzeigen

sieht hier dann so aus:

Werte kannst/musst du dir dann noch etwas anpassen.

PS:

Das ist dann ohne den Zusatz von Sören!

Büssen

Zitat von Boersenfeger

Imho fehlen einige Icons bzw Code für Buttons.. jeweils gelb markiert!?

Hallo Boersenfeger,

schau mal in den Ordner Icon:

dort müssen die Bilder 16 bis 26.png und 119.png drin sein.

Dann siehst du auch alle Icons im Nightly.

Restliche Icons von # 124 kopieren.

FuchsFan

Zitat von 2002Andreas

Werte kannst/musst du dir dann noch etwas anpassen.

PS:
Das ist dann ohne den Zusatz von Sören!

Danke, Andreas, auch das funktioniert so.

edvoldi

Zitat von Büssen

Dann siehst du auch alle Icons im Nightly.

Ich habe mir gerade das im Nightly angesehen, dort ist ein Feld mehr als in der 76.0.1 Version und für Save verbose wird das Icon im Nightly nicht angezeigt

Links Nightly recht 76.X

Gruß
EDV-Oldi

About Seiten mit CSS Codes anpassen

Ähnliche Themen

Mehrzeilige Tableiste für aktuelle Firefox-Versionen

Addons Manager Nightly