About Seiten mit CSS Codes anpassen

2002Andreas

Zitat von Sören Hentzschel

Innerhalb der @-moz-Regel

Sh...peinlich

Zitat von Sören Hentzschel

kann sowas quasi mit einem Klick formatieren

Muss ich mal nachsehen, ob das mit Notepad++ auch geht.

milupo

Zitat von 2002Andreas

Muss ich mal nachsehen, ob das mit Notepad++ auch geht.

Über Bearbeiten --> Einrückung kannst du den Zeileneinzug vergrößern oder verkleinern. In den Fällen, wo die schließende Klammer hinten an den Text geklatscht ist, solltest du erst die Klammer auf die nächste Zeile bringen, wo sie ja sowieso allein stehen sollte, ansonsten wird sie mit nach rechts eingerückt und wenn du sie dann auf die nächste Zeile bringst, ist sie dann zu weit rechts.

2002Andreas

Zitat von milupo

Über Bearbeiten --> Einrückung

Danke.

Entweder kann ich es nicht, oder es funktioniert nicht wie erwartet

Egal was ich davon nehme, der Text sieht dann auch nicht wirklich anders aus.

Egal, dann muss ich es eben wenn dann immer per Hand machen, habe ja Zeit

milupo

Zitat von 2002Andreas

Egal was ich davon nehme, der Text sieht dann auch nicht wirklich anders aus.

Ich habe es oben mit dem Code von edvoldi gemacht: Du kannst alle Zeilen mit den Regeleigenschaften zusammen markieren und sie werden eingerückt. Wie gesagt, vorher die schließende Klammer auf die nächste Zeile bringen:

CSS

@-moz-document url("about:plugins"){
    #plugs {
        margin-top: 60px !important;
    }
    
    [data-l10n-id="installed-plugins-label"] {
        font-size: 0 !important;
        margin-bottom: 40px !important;
    }
      
    [data-l10n-id="installed-plugins-label"]::before {
        content: "Endors installierte Plugins";     
        font-size:26px !important; 
        font-weight: bold !important; 
        color:red !important;}
    
    html {
        background: #ffffff  !important; margin-top: 20px !important;
    }
    
    #outside > dl {
        max-width: 1020px !important;
    }
    
    /* Breite einstellen */
    
    body {
        background: #fffff0 !important;
        margin-top: 40px !important;
        margin-left: 230px !important; 
        max-width: 1200px !important;
        min-height: 750px !important;
        padding-left: 25px !important;
        padding-right: 25px !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;
    }
    
    [data-l10n-id="deprecation-description"] {
        --in-content-box-info-background: #ee7621 !important;
        --message-bar-text-color: white !important;
        padding: 4px 8px !important;
        border-radius: 24px !important;
        border-width: 2px !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;    
        background: #ee7621 !important;
        min-height: 34px !important;
        font-size: 18px !important;
    }
    
    [data-l10n-id="deprecation-description"]:hover {
        --in-content-box-info-background: #b54f06 !important;
        --message-bar-text-color: white !important;
        padding: 4px 8px !important;
        border-radius: 24px !important;
        background: #b54f06 !important;
        min-height: 34px !important;
        font-size: 18px !important;
    }    
    
    [data-l10n-id="version-dd"] {
        color: red;
        font-size: 14px;
    }

    [data-l10n-id="state-dd-enabled"] {
        color: green;
        font-size: 14px;
    }
    
    [data-l10n-id="file-dd"] {
        color: #bf00ff;
        font-size: 14px;
    }
        
    h1 {
        margin-top: 20px !important;
    }
    
    h2 {
        color: #3377ff !important;
        margin-left: 40px !important; 
        margin-top: 40px !important;
    }    
    
    [data-l10n-id="moz-support-link-text"] {
        appearance:none!important;
        background: #F0F0F0 url("..//icons/Bild34.png") no-repeat !important;
        color:black!important;
        font-size:14px!important;
        text-decoration:none!important;
        margin-top:3px!important;
        margin-bottom: 5px !important;
        margin-right:55px!important;
        margin-left: 10px !important;
        padding-right: 15px !important;
        padding-left:35px!important;
        padding-top: 1px!important;
        padding-bottom: 2px!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;
        background-position:10px 2px!important;
        border-radius:14px!important;
    }

    [data-l10n-id="moz-support-link-text"]:hover {
        appearance:none!important;
        background: #B2EDFA  url("..//icons/Bild34.png")no-repeat !important;
        color:black!important;
        font-size:14px!important;
        border-left-color:  #bbddff !important;
        border-top-color:  #bbddff !important;
        border-right-color:  #11508d !important;
        border-bottom-color:  #11508d !important;
        border-style: outset !important;
        border-width:2px !important;
        background-position:10px 2px!important;
        border-radius:14px!important;
    }    
}

Alles anzeigen

2002Andreas

Zitat von milupo

sie werden eingerückt.

Danke.

Dann habe ich das falsch verstanden.

Ich dachte, der Code wird gleich richtig erstellt:

Also nach der { wird der Text in eine neue Zeile verschoben, und die Klammer auch nach rechts verschoben.

Dharkness

Zitat von Endor

Teste bitte nochmals müsse nun passen.

Magst Du mir mal einen Link zu dem Beitrag mit den Icons zukommen lassen?

2002Andreas

Zitat von Dharkness

mit den Icons zukommen lassen

Gute Idee

Am besten wäre eine .zip Datei mit allen Icons.

Dann passt auch der jeweilige Text in den Codes.

Endor

Sind in diesem Beitrag verlinkt.

Beitrag

RE: About Seiten mit CSS Codes anpassen

Das wäre meine Version von about:profiles:

(Quelltext, 306 Zeilen)

Symbole siehe hier: https://github.com/Endor8/CSS/tre…s/about:profile

@Boersenfeger Zeile 13 könnte für dich wieder wichtig sein. :wink:

Mfg.
Endor

Endor

11. Mai 2020 um 12:13

Werde ich oben noch einbinden.

Mfg.
Endor

2002Andreas

Zitat von Endor

Symbole siehe hier

Danke

milupo

Zitat von 2002Andreas

Ich dachte, der Code wird gleich richtig erstellt:

Das ist wohl hier im Forum der seltenste Anwendungsfall. Jeder, der Code hier einstellt, hat ihn irgendwie anders formatiert. Damit die Einrückungen gleich richtig sind, müsste es eine Art Absatzvorlage geben, die du immer als Basis für neuen Code übernimmst. Die Anzahl der Regelzeilen spielt da ja keine Rolle, da du beim Schreiben des Codes durch einen Zeilenumbruch die Einrückung übernimmst.

Der Haken ist: Du willst oft schnell helfen und übernimmst dann einfach den eingestellten Code des jeweiligen Nutzers und damit auch dessen Formatierung, die dadurch fortgeschrieben wird.

Dharkness

Zitat von Endor

Sind in diesem Beitrag verlinkt.

Dankeschön Endor.

Endor

Gerne!

2002Andreas

Zitat von milupo

und übernimmst dann einfach den eingestellten Code des jeweiligen Nutzers

So ist es

Endor

Hallo 2002Andreas

Nur eine kurze Frage zu Deinem CSS Code

Wofür ist dieser Teil, ich finde da nichts zu bei mir

CSS

  [data-l10n-args='{"name":"default"}'] ~ button {
    background-image: url("file:///C:/Users/Andi/Icons%20Firefox/4.jpg") !important;
    background-color: red !important;
    color: white !important;
    background-repeat: no-repeat !important;
    margin-top: 8px !important;
    padding-left: 35px !important;
    padding-right: 20px !important;
  }

  [data-l10n-args='{"name":"default"}'] ~ button:hover {
    background-image: url("file:///C:/Users/Andi/Icons%20Firefox/4.jpg") !important;
    background-color: green !important;
    background-repeat: no-repeat !important;
  }

Alles anzeigen

Hilfst Du mir mal kurz auf die Sprünge?

Mfg.
Endor

2002Andreas

Zitat von Endor

Wofür ist dieser Teil, ich finde da nichts zu bei mir

Der ist nur für das Standard Profil.

Du musst für dich den Namen anpassen, also das default austauschen.

Dann wird damit unten den Button angesprochen.

Bei mir ist es das Profil unten: Test ohne

Dann sind nur dort die Icons enthalten.

2002Andreas

Hier kann man das besser erkennen.

Nur vom Standardprofil ist der Hg rot bei: Umbenennen

grisu2099

Zitat von FuchsFan

Das gefällt mir sehr, habe das erst einmal für mich farbig umgestaltet (ich mag es immer hell, besser für die Augen in meinem Alter). Vielen Dank, grisu2099 , prima Ansatz finde ich.

Freut mich, wenn es dir gefällt.

Da ich es eher dunkel mag, hab ich alle "about"-Seiten in dieser Art bearbeitet.

Hier ging es ja eher um die Positionierung der Buttons...

Endor

2002Andreas

Ach so . Danke.

Das brauche ich nicht.

Habe meinen CSS Code jetzt auf Deine Version,
also Button Änderungen generell am Anfang und Einrückungen

umgestellt. Hoffe es passt so jetzt.

CSS

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

@-moz-document url(about:profiles) {
  button {
    background: #F0F0F0 !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: 12px !important;
    background-position: 14px 7px !important;
    color: black !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 14px !important;
  }

  button:hover {
    background: #B2EDFA !important;
    background-position: 14px 7px !important;
    border-left-color: #bbddff !important;
    border-top-color: #bbddff !important;
    border-right-color: #11508d !important;
    border-bottom-color: #11508d !important;
  }

  html {
    background: #ffffff !important;
  }

  h1::after {
    content: "Design by Endor";
    margin-left: 230px;
    font-size: 25px;
    font-weight: bold;
    color: red;
  }

  #body {
    position: relative !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 1200px !important; /* Breite anpassen zbs. 1600px, dann unbedingt in Zeile 72 den Wert auf 71% erhöhen */
    margin-top: 40px !important;
    margin-bottom: 20px !important;
    padding-bottom: 30px !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;
  }

  .content-flex {
    flex: 1 1 56% !important;
  }

  .action-box {
    margin-top: -40px !important;
    border-radius: 24px !important;
    max-width: 353px !important;
  }

  .action-box > h3:nth-child(1) {
    margin-left: 13px !important;
  }

  .action-box > h3, h2, h1 {
    color: #057A7A !important;
  }

  .action-box {
    background: #FDF5E6 !important;
  }

  .action-box > h3 {
    margin-left: 4px !important;
  }

  #owned {
    margin-top: -80px !important;
  }

  #profiles > div > table {
    border-radius: 24px !important;
  }

  #profiles > div > table > tbody > tr:nth-child(1) > th:nth-child(1) {
    border-top-left-radius: 24px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  #profiles > div > table > tbody > tr:nth-child(1) > td:nth-child(2) {
    border-top-right-radius: 24px !important;
  }

  #profiles > div > table > tbody > tr:nth-child(3) > th:nth-child(1) {
    border-bottom-left-radius: 24px !important;
  }

  #profiles > div > table > tbody > tr:nth-child(3) > td:nth-child(2) {
    border-bottom-right-radius: 24px !important;
  }

  th, td {
    padding-left: 17px !important;
  }

  hr {
    display: none !important;
  }

  h2 {
    margin-top: 25px !important;
  }

  h3 {
    color: red !important;
  }

  [data-l10n-id="profiles-restart-normal"] {
    background-image: url("..//icons/Bild9.png") !important;
    background-repeat: no-repeat !important;
    margin-left: 8px !important;
    padding-left: 45px !important;
    padding-right: 152px !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }

  [data-l10n-id="profiles-restart-normal"]:hover {
    background-image: url("..//icons/Bild9.png") !important;
    background-repeat: no-repeat !important;
  }

  [data-l10n-id="profiles-restart-in-safe-mode"] {
    background-image: url("..//icons/Bild10.png") !important;
    background-repeat: no-repeat !important;
    margin-left: 8px !important;
    padding-left: 45px !important;
    padding-right: 34px !important;
    margin-bottom: 10px !important;
  }

  [data-l10n-id="profiles-restart-in-safe-mode"]:hover {
    background-image: url("..//icons/Bild10.png") !important;
    background-repeat: no-repeat !important;
  }

  [data-l10n-id="profiles-create"] {
    background-image: url("..//icons/Bild11.png") !important;
    background-repeat: no-repeat !important;
    padding-left: 35px !important;
    padding-right: 20px !important;
  }

  [data-l10n-id="profiles-create"]:hover {
    background-image: url("..//icons/Bild11.png") !important;
    background-repeat: no-repeat !important;
  }

  [data-l10n-args='{"name":"default"}'] {
    color: blue !important;
  }

  [data-l10n-id="profiles-yes"] {
    color: green !important;
    font-weight: bold !important;
    font-size: 18px !important;
  }
  
  [data-l10n-id="profiles-no"]{
    color: red !important;
    font-size: 16px !important; 
  }

  [data-l10n-id="profiles-opendir"] {
    background-image: url("..//icons/Bild12.png") !important;
    background-repeat: no-repeat !important;
    margin-left: 5px !important;
    padding-left: 35px !important;
    padding-right: 20px !important;
  }

  [data-l10n-id="profiles-opendir"]:hover {
    background-image: url("..//icons/Bild12.png") !important;
    background-repeat: no-repeat !important;
  }

  /* Position der Schaltflächen Ordner öffnen festlegen */
  #profiles > div:nth-child(n+1) > table > tbody > tr:nth-child(n+1) > td > button{
    position: absolute !important;
    right: 80px !important; 
    margin-top:-8px !important;
  }

  #profiles > div:nth-child(n+1) > table:nth-child(n+1) > tbody:nth-child(1) > tr:nth-child(n+1),
  #profiles > div:nth-child(n+1) > table:nth-child(n+1) > tbody:nth-child(1) > tr:nth-child(n+1) > th:nth-child(n+1) {
    height: 32px !important;
  }

  [data-l10n-id="profiles-rename"] {
    background-image: url("..//icons/Bild13.png") !important;
    background-repeat: no-repeat !important;
    margin-top: 8px !important;
    padding-left: 35px !important;
    padding-right: 20px !important;
  }

  [data-l10n-id="profiles-rename"]:hover {
    background-image: url("..//icons/Bild13.png") !important;
    background-repeat: no-repeat !important;
  }

  [data-l10n-id="profiles-remove"] {
    background-image: url("..//icons/Bild8.gif") !important;
    background-repeat: no-repeat !important;
    margin-top: 8px !important;
    padding-left: 35px !important;
    padding-right: 20px !important;
  }

  [data-l10n-id="profiles-remove"]:hover {
    background-image: url("..//icons/Bild8.gif") !important;
    background-repeat: no-repeat !important;
  }

  [data-l10n-id="profiles-set-as-default"] {
    background-image: url("..//icons/Bild14.png") !important;
    background-repeat: no-repeat !important;
    margin-top: 8px !important;
    padding-left: 35px !important;
    padding-right: 20px !important;
  }

  [data-l10n-id="profiles-set-as-default"]:hover {
    background-image: url("..//icons/Bild14.png") !important;
    background-repeat: no-repeat !important;
  }

  [data-l10n-id="profiles-launch-profile"] {
    background-image: url("..//icons/Bild15.png") !important;
    background-repeat: no-repeat !important;
    margin-top: 8px !important;
    padding-left: 35px !important;
    padding-right: 20px !important;
  }

  [data-l10n-id="profiles-launch-profile"]:hover {
    background-image: url("..//icons/Bild15.png") !important;
    background-repeat: no-repeat !important;
  }

  #profiles > div:nth-child(even) > table {
    background: #FFFAF0 !important;
  }

  #profiles > div:nth-child(odd) > table {
    background: #FFFFFF !important;
  }

  td:hover {
    background: #ffeb99 !important;
  }

  th {
    background-color: #ee7621 !important;
  }

  th:hover {
    background-color: #b54f06 !important;
  }
}

Alles anzeigen

Symbole:

Vielen Dank für Deine ganze Hilfe und Mühe.

Mfg.
Endor

2002Andreas

Zitat von Endor

Das brauche ich nicht.

Ok, dann einfach entfernen.

Zitat von Endor

Hoffe es passt so jetzt.

Zitat von Endor

Vielen Dank für Deine ganze Hilfe und Mühe.

Gerne wie immer

FuchsFan

Da kommt Freude auf, wenn alle ihre Tricks einbringen. Danke!

Den Code von grisu2099 und Endor habe ich mal in die Schleudermaschine gegeben, das kam dabei heraus.

CSS

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

@-moz-document url(about:profiles) {
    
  html {
    background: #d9d9d9 !important;
  }    
    
/* alle Button */    
  button {
    background: #fff7e6 !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: 20px !important;
    background-position: 14px 7px !important;
    color: black !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 14px !important;
  }

  button:hover {
    background: #B2EDFA !important;
    background-position: 14px 7px !important;
    border-left-color: #bbddff !important;
    border-top-color: #bbddff !important;
    border-right-color: #11508d !important;
    border-bottom-color: #11508d !important;
  }

/* Originaler Text "Über Profile" ausgeblendet */
  #body > h1 {
    font-size: 0px !important; 
    margin-bottom: 30px !important;
  }

/* neuen Text mit HG eingefügt */
  h1::after {
    content: 'Meine Profile' !important;
    border: 2px ridge lightgrey !important;
    border-radius: 20px !important; 
    background-color: #009900 !important;
    color: white !important;
    font: 32px bold !important;
    line-height: 100px !important;
    text-align: center !important;
    min-width: 500px !important;
    max-width: 700px !important;
    padding: 0 50px !important;
    margin-left: 170px !important;
  }
  
  #body {
    position: relative !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 1200px !important; /* Breite anpassen zbs. auf 1600px, dann aber auch in Zeile 39 den Wert auf 71% erhöhen */
    margin-top: 40px !important;
    margin-bottom: 20px !important;
    padding-bottom: 30px !important;
    padding-top: 15px !important;
    padding-left: 50px !important;
    padding-right: 50px !important;
    background-color: #fff7e6 !important;
    border: royalblue! important;
    border-width:  8px !important;
    box-shadow: 15px 15px 0px 0px #fdd342 inset !important;
    border-style: double !important;
  }
  
  .content-flex {
    flex: 1 1 56% !important;
  }
  
  .action-box{
    background: #f2e6d9 !important;
    border: 2px ridge coral !important;
    margin-top: -100px !important;
    margin-right: -14px !important;
    margin-bottom: 50px !important;
    border-radius: 14px !important;
  }

  .action-box > h3, h2, h1 {
    color: #057A7A !important;
  }

/* Label "Neu starten"  */
  .action-box > h3:nth-child(1) {
    border: 2px ridge lightgrey !important;
    border-radius: 20px !important;
    background-color: lightgreen !important;
    text-align: center !important;
    min-height: 20px !important;
    max-height: 20px !important;
    max-width: 100px !important;
    padding: 3px 50px 6px 50px !important;
    margin: 0 auto 20px 70px!important;
  }

  #owned {        
    border: 2px ridge lightgrey !important;
    border-radius: 10px !important;
    min-width: 55vw !important;
    padding: 20px !important;
    margin-top: -30px !important;
    background-color: #ecd9c6 !important;
    position: relative !important;
  }
    
/* Die Einstellungen ab hier sind für alle Profile */

/* Rahmen um die Profil-Gruppen */
  #profiles > div { 
    border: 2px ridge lightgrey !important;
    border-radius: 20px !important;
    padding: 15px 30px !important;
    margin-top: 30px !important;
    background: #F0F0F0 !important;
  }    

  #profiles > div > table {
    border-radius: 14px !important;
  }

  #profiles > div > table > tbody > tr:nth-child(1) > th:nth-child(1) {
    border-top-left-radius: 14px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  #profiles > div > table > tbody > tr:nth-child(1) > td:nth-child(2) {
    border-top-right-radius: 14px !important;
  }

  #profiles > div > table > tbody > tr:nth-child(3) > th:nth-child(1) {
    border-bottom-left-radius: 14px !important;
  }

  #profiles > div > table > tbody > tr:nth-child(3) > td:nth-child(2) {
    border-bottom-right-radius: 14px !important;
  }

  th, td {
    padding-left: 17px !important;
  }
  
  td {
    font-size: 14px !important;
  }

  hr {
    display: none !important;
  }

  h2 {
    margin-top: 25px !important;
  }

  [data-l10n-id="profiles-restart-normal"] {
    background-image: url("..//icons/Bild9.png") !important;
    background-repeat: no-repeat !important;
    margin-left: 8px !important;
    padding-left: 40px !important;
    padding-right: 155px !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }

  [data-l10n-id="profiles-restart-normal"]:hover {
    background-image: url("..//icons/Bild9.png") !important;
    background-repeat: no-repeat !important;
  }

  [data-l10n-id="profiles-restart-in-safe-mode"] {
    background-image: url("..//icons/Bild10.png") !important;
    background-repeat: no-repeat !important;
    margin-left: 8px !important;
    padding-left: 40px !important;
    padding-right: 34px !important;
    margin-bottom: 10px !important;
  }

  [data-l10n-id="profiles-restart-in-safe-mode"]:hover {
    background-image: url("..//icons/Bild10.png") !important;
    background-repeat: no-repeat !important;
  }

  [data-l10n-id="profiles-create"] {
    background-image: url("..//icons/Bild11.png") !important;
    background-repeat: no-repeat !important;
    background-position: 14px 5px !important; 
    padding-left: 40px !important;
    padding-right: 20px !important;
  }

  [data-l10n-id="profiles-create"]:hover {
    background-image: url("..//icons/Bild11.png") !important;
    background-repeat: no-repeat !important;
  }

  [data-l10n-id="profiles-yes"] {
    color: green !important;
    font-weight: bold !important;
    font-size: 18px !important;
  }
  
  [data-l10n-id="profiles-no"]{
    color: red !important;
    font-size: 16px !important;
  }
  
  [data-l10n-id="profiles-opendir"] {
    background-image: url("..//icons/Bild12.png") !important;
    background-repeat: no-repeat !important;
    margin-left: 5px !important;
    padding-left: 40px !important;
    padding-right: 20px !important;
  }

  [data-l10n-id="profiles-opendir"]:hover {
    background-image: url("..//icons/Bild12.png") !important;
    background-repeat: no-repeat !important;
  }
    
  /* Label Profilname */
  #profiles > div > h2:nth-child(1) {
    border: 2px ridge lightgrey !important;
    border-radius: 20px !important;
    background-color: lightgreen !important;
    text-align: center !important;
    line-height: 40px !important;
    width: 20vw !important;
    height: 40px !important;
    margin: 0 0 20px 50px !important;
  }
    
/* Erklärung im Standardprofil */
  #profiles > div > h3 {
    color: red !important;
    border: 2px ridge red !important;
    border-radius: 10px !important;
    padding: 20px !important;
    margin: 0 0 20px 0 !important;
  }

/* Position der Schaltflächen Ordner öffen festlegen */
  #profiles > div:nth-child(n+1) > table > tbody > tr:nth-child(2) > td > button {
    position: absolute !important;
    right: 70px !important;
    margin-top: -8px !important;
  }

  #profiles > div:nth-child(n+1) > table > tbody > tr:last-child > td > button {
    position: absolute !important;
    right: 70px !important;
    margin-top: -8px !important;
  }

  #profiles > div:nth-child(n+1) > table:nth-child(n+1) > tbody:nth-child(1) > tr:nth-child(n+1),
  #profiles > div:nth-child(n+1) > table:nth-child(n+1) > tbody:nth-child(1) > tr:nth-child(n+1) > th:nth-child(n+1) {
    height: 32px !important;
  }

  [data-l10n-id="profiles-rename"] {
    background-image: url("..//icons/Bild13.png") !important;
    background-repeat: no-repeat !important;
    margin-top: 8px !important;
    padding-left: 40px !important;
    padding-right: 20px !important;
  }

  [data-l10n-id="profiles-rename"]:hover {
    background-image: url("..//icons/Bild13.png") !important;
    background-repeat: no-repeat !important;
  }

  [data-l10n-id="profiles-remove"] {
    background-image: url("..//icons/Bild8.gif") !important;
    background-repeat: no-repeat !important;
    background-position: 14px 6px !important;
    margin-top: 8px !important;
    padding-left: 40px !important;
    padding-right: 20px !important;
  }

  [data-l10n-id="profiles-remove"]:hover {
    background-image: url("..//icons/Bild8.gif") !important;
    background-repeat: no-repeat !important;
  }

  [data-l10n-id="profiles-set-as-default"] {
    background-image: url("..//icons/Bild14.png") !important;
    background-repeat: no-repeat !important;
    margin-top: 8px !important;
    padding-left: 40px !important;
    padding-right: 20px !important;
  }

  [data-l10n-id="profiles-set-as-default"]:hover {
    background-image: url("..//icons/Bild14.png") !important;
    background-repeat: no-repeat !important;
  }

  [data-l10n-id="profiles-launch-profile"] {
    background-image: url("..//icons/Bild15.png") !important;
    background-repeat: no-repeat !important;
    background-position: 14px 6px !important;
    margin-top: 8px !important;
    padding-left: 40px !important;
    padding-right: 20px !important;
  }

  [data-l10n-id="profiles-launch-profile"]:hover {
    background-image: url("..//icons/Bild15.png") !important;
    background-repeat: no-repeat !important;
  }

/* Zeilen(Boxen) rechts - der HG im Wechsel */
  #profiles > div:nth-child(odd) > table {   
    background: #f7edd4 !important;
  }
  #profiles > div:nth-child(even) > table {
    background: beige !important;
  }

  td:hover {
    background: #ffeb99 !important;
  }

  th {
    background-color: #ee7621 !important;
    padding-right: 10px !important;
    font-size: 13px !important;
  }

  th:hover {
    background-color: #b54f06 !important;
  }
}

Alles anzeigen

About Seiten mit CSS Codes anpassen

RE: About Seiten mit CSS Codes anpassen

Ähnliche Themen

Mehrzeilige Tableiste für aktuelle Firefox-Versionen

Addons Manager Nightly