About Seiten mit CSS Codes anpassen

grisu2099

Zitat von 2002Andreas

In der 111 passen auch die beiden anderen Button nicht perfekt:

Jetzt, wo du das sagst: Ganz perfekt paßt der mittlere der drei hier auch nicht - fällt aber kaum auf.

2002Andreas

Zitat von grisu2099

fällt aber kaum auf.

Ja, und wer den Code nutzen möchte, der kann sich das ja anpassen.

Sind ja fast überall Überschriften im Code

FuchsFan

Zitat von 2002Andreas

Ja, und wer den Code nutzen möchte, der kann sich das ja anpassen.
Sind ja fast überall Überschriften im Code

Trotzdem, sehr undurchsichtig.

2002Andreas

Zitat von FuchsFan

Trotzdem, sehr undurchsichtig.

Das ist doch aber seht oft, dass Abstände in der Release nicht immer im Nighlty passen.

FuchsFan

Zitat von 2002Andreas

Das ist doch aber seht oft, dass Abstände in der Release nicht immer im Nighlty passen.

Das schon, aber bei uns passt es in 111/112, nur bei Dir nicht. Das meinte ich damit.

2002Andreas

Zitat von FuchsFan

nur bei Dir nicht.

Achso, ok.

Mir ist aber eingefallen, ich nutze den Windows Zoom 125%.

Evtl. liegt es ja daran in Fx 111

2002Andreas

Zitat von 2002Andreas

Evtl. liegt es ja daran in Fx 111

Hat damit nichts zu tun.

Es ist alles nur kleiner geworden.

Ich muss entw. den max Wert erhöhen, oder statt max min nehmen.

Aber der mittlere Button passt ja auch nicht.

Endor

Hallo zusammen.

Meint ihr die beiden Schaltflächen
Mit deaktivierten Add-ons neu starten...
Normal neu starten...

Da muss ich was ändern, dass die beiden immer die selbe Länge haben.
Denn das sieht bei jedem etwas anders aus. Mal sehen.

Mfg.
Endor

2002Andreas

Zitat von Endor

Meint ihr die beiden Schaltflächen

Hallo Endor.

Nicht nur die, sondern drüber: Neu Starten

Das muss nebeneinander stehen.

Dharkness

Zitat von 2002Andreas

Ich muss entw. den max Wert erhöhen, oder statt max min nehmen.

Ich musste min- und max-Einträge verwenden.

Endor

Das mit den Schaltflächen konnte ich beheben:

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;
    padding-bottom: 1px !important;
    background-position: 14px 6px !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 6px !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;
    min-width: 330px !important;
    max-width: 330px !important;
    text-align: left !important;
    margin-left: 8px !important;
    padding-left: 45px !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;
    min-width: 330px !important;
    max-width: 330px !important;
    text-align: left !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

Das mit Neu starten habe ich hier so nicht ist bei mir nebenenander.

Da muss ich mir mal euren Code anschauen.

Mfg.
Endor

Endor

Hallo Andreas.

Das ist der Code von FuchsFan

den habe ich mal angepasst. Hoffe das ist jetzt so wie Du es möchtest.

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: 500px !important;
    padding: 0 50px !important;
    margin-left: 310px !important;
    margin-right: -200px !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 50% !important;
  }
  
  .action-box{
    background: #f2e6d9 !important;
    border: 2px ridge coral !important;
    margin-top: 40px !important;
    margin-left: -120px !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: 309px !important;
    min-width: 309px !important;
    padding: 3px 0px 6px 0px !important;
    margin: 0 auto 10px 4px!important;
  }

  #owned {        
    border: 2px ridge lightgrey !important;
    border-radius: 10px !important;
    min-width: 55vw !important;
    padding: 20px !important;
    margin-top: 140px !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;
    min-width: 315px !important;
    max-width: 315px !important;
    text-align: left !important;
    margin-left: 4px !important;
    padding-left: 40px !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;
    min-width: 315px !important;
    max-width: 315px !important;
    text-align: left !important;
    margin-left: 4px !important;
    padding-left: 40px !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: 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

So sieht es hier in Firefox 111.0.1 mit obigem Code aus:

Schönen Abend weiterhin.

Mfg.
Endor

2002Andreas

Zitat von Endor

Hoffe das ist jetzt so wie Du es möchtest.

Hallo Endor.

Ja, durch ändern der Zeile 103 - 104 passt es dann hier auch.

Dharkness

Hallo zusammen,

so * sieht about:profiles jetzt bei mir aus und das mit diesem ** 312-zeiligen CSS-Voodoo.

*

**

CSS

@-moz-document url("about:profiles") {
body {
    position: relative !important;
    max-width: 1200px !important;
    padding: 10px 0 0 0 !important;
    margin: 0 auto !important;
}

body > h1 {
    border-top: 2px solid #B2B2B2 !important;
    border-right: 2px solid #B2B2B2 !important;
    border-left: 2px solid #B2B2B2 !important;
    padding: 9px 0 !important;
    margin-top: 5px !important;
    margin-bottom: 0 !important;
    margin-right: 380px !important;
}

/* Originaler Text "Über Profile" ausgeblendet */
#body > h1 {
    font-size: 0px !important;
    text-align: center !important;
}
/* Neuen Text mit HG eingefügt */
body > h1::after {
    content: 'Meine Profile' !important;
    font: 32px bold !important;
    text-align: center !important;
    color: #D2534C !important;
    padding: 0 !important;
}

.action-box {
    border-radius: 0px !important;
    border: 2px solid #D2534C !important;
    padding: 0 !important;
    margin-top: 5px !important;
}
.action-box h3 {
    text-align: center !important;
    font-size: 1.2em !important;
    border-bottom: 2px solid #D2534C  !important;
    color: #D2534C !important;
    padding: 5px 5px 6px 5px!important;
    margin: 0 !important;
}
.action-box > h3:after {
    content: " - Achtung, dieser * Button lässt Firefox in den abgesicherten Modus starten und dieser ** Button startet Firefox wieder normal.";
    font-size: 0.9em !important;
    font-weight: normal !important;
    color: #D2534C !important;
}

.action-box button {
    min-height: 24px !important;
    max-height: 24px !important;
    border-radius: 0px !important;
    border: 2px solid #D2534C !important;
    padding: 0px 5px !important;
    margin: 3px 2px 3px 3px !important;
}

.action-box button:hover {
    border: 2px solid #78AEE5 !important;
    background: #D1E2F2 !important;
    color: #000 !important;
}

.action-box button#restart-in-safe-mode-button {
    margin-bottom: 0 !important;
}
.action-box button[data-l10n-id="profiles-restart-in-safe-mode"],
.action-box button[data-l10n-id="profiles-restart-normal"] {
    min-width: 354px !important;
    max-width: 354px !important;
    background: #F0F0F0 url("..//chrome/icons/Bild21.png") no-repeat !important;
    background-position: 8px 2px !important;
    color: #D2534C !important;
    padding: 0 5px 5px 32px !important;
}
.action-box button[data-l10n-id="profiles-restart-in-safe-mode"]:hover,
.action-box button[data-l10n-id="profiles-restart-normal"]:hover {
    background: #D2534C url("..//chrome/icons/Bild21.png") no-repeat !important;
    background-position: 8px 2px !important;
    color: #FFF !important;
    padding: 0 5px 5px 32px !important;
}

.action-box button#restart-in-safe-mode-button:after {
    content: " *";
    font-size: 0.9em !important;
    font-weight: normal !important;
    color: #D2534C !important;
}
.action-box button#restart-button:after {
    content: " **";
    font-size: 0.9em !important;
    font-weight: normal !important;
    color: #D2534C !important;
}
.action-box button#restart-in-safe-mode-button:hover:after,
.action-box button#restart-button:hover:after {
    color: #FFF !important;
}

#owned h3 {
    color: #FFF !important;
}
#owned > div[data-l10n-id="profiles-subtitle"] {
    border: 2px solid #9CA4AB !important;
    color: #FFF !important;
    padding: 1px 5px 3px 5px !important;
    margin-right: 380px !important;
    margin-bottom: 0 !important;
}
#owned > div:not([data-l10n-id="profiles-subtitle"]):not([id="profiles"]) {
    border-right: 2px solid #9CA4AB !important;
    border-bottom: 2px solid #9CA4AB !important;
    border-left: 2px solid #9CA4AB !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    padding-left: 0 !important;
    margin-top: 0 !important;
    margin-right: 380px !important;
}

#owned div > button {
    min-height: 24px !important;
    max-height: 24px !important;
    border-radius: 0px !important;
    border: 1px solid #9CA4AB !important;
    background: #2A2A2E !important;
    color: #FFF !important;
    padding: 0 5px 5px 33px !important;
    margin: 5px 0 5px 8px !important;
    margin-inline-end: 0 !important;
}

#owned div > button:hover {
    border: 1px solid #78AEE5 !important;
    background: #D1E2F2 !important;
    color: #000 !important;
}

#owned div > button[data-l10n-id="profiles-create"] {
    border-radius: 0px !important;
    border: 1px solid #9CA4AB !important;
    background: #0082FC url("..//chrome/icons/Bild11.png")no-repeat !important;
    background-position: 8px 3px !important;
    color: #FFF !important;
}
#owned div > button[data-l10n-id="profiles-create"]:hover {
    border: 1px solid #78AEE5 !important;
    background: #D1E2F2 url("..//chrome/icons/Bild11.png")no-repeat !important;
    background-position: 8px 3px !important;
    color: #000 !important;
}

#owned div > button[data-l10n-id="profiles-set-as-default"] {
    border-radius: 0px !important;
    border: 1px solid #9CA4AB !important;
    background: #0082FC  url("..//chrome/icons/Bild14.png")no-repeat !important;
    background-position: 8px 3px !important;
    color: #FFF !important;
}
#owned div > button[data-l10n-id="profiles-set-as-default"]:hover {
    border: 1px solid #78AEE5 !important;
    background: #D1E2F2 url("..//chrome/icons/Bild14.png")no-repeat !important;
    background-position: 8px 3px !important;
    color: #000 !important;
}


#owned div > button[data-l10n-id="profiles-launch-profile"] {
    border-radius: 0px !important;
    border: 1px solid #9CA4AB !important;
    background: #0082FC url("..//chrome/icons/Bild15.png")no-repeat !important;
    background-position: 8px 2px !important;
    color: #FFF !important;
}
#owned div > button[data-l10n-id="profiles-launch-profile"]:hover {
    border: 1px solid #78AEE5 !important;
    background: #D1E2F2 url("..//chrome/icons/Bild15.png")no-repeat !important;
    background-position: 8px 2px !important;
    color: #000 !important;
}

#owned div > button[data-l10n-id="profiles-rename"] {
    border-radius: 0px !important;
    border: 1px solid #9CA4AB !important;
    background: #905B46 url("..//chrome/icons/Bild13.png")no-repeat !important;
    background-position: 8px 2px !important;
    color: #FFF !important;
}
#owned div > button[data-l10n-id="profiles-rename"]:hover {
    border: 1px solid #78AEE5 !important;
    background: #D1E2F2 url("..//chrome/icons/Bild13.png")no-repeat !important;
    background-position: 9px 2px !important;
    color: #000 !important;
}

#owned div > button[data-l10n-id="profiles-remove"] {
    border-radius: 0px !important;
    border: 1px solid #9CA4AB !important;
    background: #F0F0F0 url("..//chrome/icons/Bild8.gif") no-repeat !important;
    background-position: 8px 2px !important;
    color: #D2534C !important;
}
#owned div > button[data-l10n-id="profiles-remove"]:hover  {
    border: 1px solid #78AEE5 !important;
    background: #D2534C url("..//chrome/icons/Bild8.gif") no-repeat !important;
    background-position: 8px 2px !important;
    color: #FFF !important;
}

hr {
    display: none !important;
}

#profiles {
    border: 2px solid #9CA4AB !important;
    padding: 10px 10px 0 10px !important;
    margin-top: 15px!important;
    margin-bottom: 15px!important;
}
#profiles > div {
    border: 2px solid #9CA4AB !important;
    background: #C0C4C8 !important;
    padding: 0 !important;
    margin-bottom: 10px !important;
}

#profiles > div > h2 {
    font-size: 1.2em !important;
    border-bottom: 1px solid #9CA4AB !important;
    background: #474749 !important;
    color: #FFF !important;
    padding: 0 8px 1px 8px !important;
    margin: 0 !important;
}
#profiles > div > h2[data-l10n-args='{"name":"Fx57-H-Default"}'] {
    color: #FC5648 !important;
}

#profiles > div > table {
    max-width: 100% !important;
    border-radius: 0px !important;
    margin: 0 !important;
}
#profiles > div > table {
    border-spacing: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #B2B2B2 !important;
    border-color: #9CA4AB !important;
    background: #4D5F6D !important;
}
#profiles > div > table tr > th {
    border-radius: 0px !important;
    border-left: 0 !important;
    border-color: #9CA4AB !important;
    background: #4D5F6D !important;
    padding: 6px 5px !important;
}
#profiles > div > table tr > td {
    border-radius: 0px !important;
    border-right: 0 !important;
    border-color: #9CA4AB !important;
    background: #C0C4C8 !important;
    color: #000 !important;
    padding: 6px 5px !important;
}
#profiles > div > table tr > th {
    background: #474749 !important;
    color: #FFF !important;
}

#profiles > div:nth-child(8) > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(3) > th:nth-child(1) + td,
#profiles > div > table tr > th[data-l10n-id="profiles-rootdir"] + td {
    padding-left: 138px !important;
}

#profiles > div > table tr button[data-l10n-id="profiles-opendir"] {
    position: absolute !important;
    left: 115px !important;
    min-height: 24px !important;
    max-height: 24px !important;
    border-radius: 0px !important;
    border: 1px solid #9CA4AB !important;
    background: #0082FC url("..//chrome/icons/Bild12.png")no-repeat !important;
    background-position: 10px 4px !important;
    color: #FFF !important;
    padding: 0 5px 0 34px !important;
    margin-top: -4px !important;
}
#profiles > div > table tr button[data-l10n-id="profiles-opendir"]:hover {
    border: 1px solid #78AEE5 !important;
    background: #D1E2F2 url("..//chrome/icons/Bild12.png")no-repeat !important;
    background-position: 10px 2px !important;
    color: #000 !important;
}

#profiles > div > h3[data-l10n-id="profiles-current-profile"] {
    font-size: 1.1em !important;
    font-weight: normal !important;
    border-top: 1px solid #9CA4AB !important;
    border-bottom: 1px solid #9CA4AB !important;
    background: #474749 !important;
    color: #FC5648 !important;
    padding: 2px 5px 3px 8px !important;
    margin: 0 !important;
}
}

Alles anzeigen

2002Andreas

Zitat von Dharkness

312-zeiligen CSS-Voodoo

Dharkness

Zitat von 2002Andreas

Zitat von Dharkness

312-zeiligen CSS-Voodoo

Mittlerweile sind es nur noch 309 Zeilen, sprich die Zeilen 130, 131 und 132 habe ich entfernt, mal sehen, was ich noch einsparen kann.

2002Andreas

Zitat von Dharkness

jetzt bei mir aus

Wobei es ja eigentlich heißen müsste:

Achtung, dieser * Button lässt Firefox den Fehlerbehebungsmodus starten..

und nicht(mehr):

Achtung, dieser * Button lässt Firefox in den abgesicherten Modus starten...

Dharkness

Zitat von 2002Andreas

Wobei es ja eigentlich heißen müsste:

Achtung, dieser * Button lässt Firefox den Fehlerbehebungsmodus starten..

Du hast natürlich recht, ist geändert und durch weitere Änderungen sind es jetzt nur noch 294 Zeilen.

2002Andreas

Zitat von Dharkness

sind es jetzt nur noch 294 Zeilen.

Die sind doch auch über

160, 175, 189, 203, 265, 287

Wobei ich jetzt nicht alles genau überprüft habe.

Zitat von Dharkness

ist geändert

milupo

Zitat von 2002Andreas

in den

Ich würde hier „im“ verwenden und nicht „in den“. Was nützt es, wenn man dann irgendwo drin ist und dort nichts gemacht wird.

About Seiten mit CSS Codes anpassen

Ähnliche Themen

Mehrzeilige Tableiste für aktuelle Firefox-Versionen

Addons Manager Nightly