Beiträge von Dharkness

Dharkness

Zitat von Mira_Belle

Einen kleinen Bug beseitigt, der nur auftrat, wenn man an den Werten für die Scrollbaarbreite spielte.

Hallo Mira_Belle,

einen Bug gibt es noch, wenn man auf Webseiten mit dem Zoom spielt, gibt es bei negativen Werten, z.B. 90%, rechts der Scrollbar eine kleine Lücke.

Dharkness

Zitat von Mira_Belle

Also hier nun die z.Z. finale Version!

Auch von mir gibt es ein Dankeschön.

Zitat von Mira_Belle

Und wer gerne andere Verktorgrafiken nutzen möchte, ich färbe sie gerne auf Wunsch für Euch ein.

Nope, tut nicht not, habe ich für mich erledigt.

Dharkness

Zitat von 2002Andreas

Dieses Skript funktioniert auch in der Release und Beta einwandfrei.

Erledigt, so muss ich mich dann darum nicht mehr kümmern.

Dharkness

Zitat von ArisCTR

Die Datei wurde grundsätzlich überarbeitet und der Code sollte nur um einiges sauberer sein.

Meinem Empfinden entsprechend angepasst funktioniert und passt es, super.

Dharkness

Zitat von Herman4

die Seite hat was

Die Seite sieht hier völlig normal aus, hast Du die Seite mal durch Umgehung des Cache, müsste STRG + F5 sein, neu geladen?

Dharkness

Zitat von 2002Andreas

Wenn ja:

Nun passt es, Dankeschön.

Dharkness

Zitat von 2002Andreas

Oder habe ich dich wieder falsch verstanden, dann lasse ich es

Nein, hast Du nicht und nein, Du lässt es nicht. *d&r*

Passt soweit, aber kann man den Text auch vertikal mittig ausrichten?

Dharkness

Zitat von 2002Andreas

da sind die Button oben aber nicht mittig

Das sollen sie ja auch nicht sein, ich will nur die Icons und den Text horizontal in einer Linie ausgerichtet haben.

Dharkness

Zitat von Boersenfeger

den Vorschlag von Horstmann weiter oben hattest du gelesen?

Jupp, funktioniert leider auch nicht.

Zitat von 2002Andreas

Dein Code hat hier auch in Fx 111 nicht funktioniert

Mit dem * CSS sieht es hier so ** aus.

*

CSS

@-moz-document url("chrome://browser/content/pageinfo/pageInfo.xhtml") {
#topBar {
  border-bottom: 1px solid #B2B2B2 !important;
  background: #1C1B22 !important;
  padding-inline-start: 2px !important;
}

#viewGroup {
    padding-inline-start: 0 !important;
}
#viewGroup > radio > .radio-label-box {
    -moz-box-orient: horizontal !important;
}

#topBar radiogroup > radio {
  border: 1px solid #B2B2B2 !important;
  background: #905B46 !important;
  color: #FFF !important;
  padding: 2px 0 !important;
  margin: 2px 2px 2px 0 !important;
}
#topBar radiogroup > radio[selected] {
  background: #006800 !important;
  color: #FFF !important;
}
#topBar radiogroup > radio .radio-label {
  margin-inline-start: 8px !important;
}
#topBar radiogroup > radio:hover,
#topBar radiogroup > radio[selected]:hover {
  border: 1px solid #0082FC !important;
  background: #D1E2F2 !important;
  color: #000 !important;
}

vbox > hbox > button {
  appearance: none !important;
  border: 1px solid #B2B2B2 !important;
  background: #905B46 !important;
  color: #FFF !important;
  padding: 2px 5px !important;
  margin: 2px 2px 2px 0 !important;
}
vbox > hbox > button:hover {
  border: 1px solid #0082FC !important;
  background: #D1E2F2 !important;
  color: #000 !important;
}

#mainDeck {
  background: #232327 !important;
}

table {
  border: 2px solid #B2B2B2 !important;
  border-bottom: 0 !important;
}

table#mediaTable {
  margin-bottom: 9px !important;
}

#securityPanel > table {
  margin-bottom: 0 !important;
}

table th {
  background: #606060 !important;
  border-right: 2px solid #B2B2B2 !important;
  border-bottom: 2px solid #B2B2B2 !important;
}
table td {
  background: #C0C4C8 !important;
  border-bottom: 2px solid #B2B2B2 !important;
}
table th label {
  color: #FFF !important;
}
table td,
table td input {
  color: #000 !important;
}
.tableSeparator {
    height: 0 !important;
}

#permHostBox #hostText {
  appearance: none !important;
  border: 2px solid #B2B2B2 !important;
  border-bottom: 0 !important;
  border-left: 0 !important;
  background: #606060 !important;
  color: #FFF !important;
  padding: 2px 5px !important;
  margin: 0 !important;
}

#securityPanel > groupbox {
  margin: 0 0 10px 0 !important;
}

treecols[slot="treecols"] {
  border-bottom: 2px solid #B2B2B2 !important;
}

#metaTagsCaption,
groupbox > label,
groupbox > description,
deck > vbox > hbox > label {
  border: 2px solid #B2B2B2 !important;
  border-bottom: 0 !important;
  background: #606060 !important;
  color: #FFF !important;
  padding: 2px 5px !important;
  margin: 0 !important;
}
groupbox {
  border-bottom: 2px solid #B2B2B2 !important;
}
#metatree,
#permList,
#imagetree,
#imagecontainerbox {
  appearance: none !important;
  border: 2px solid #B2B2B2 !important;
  background-color: #31363A !important;
  margin: 0 0 10px 0 !important;
}
#imagetree {
  min-height: 16.3em !important;
}
#imagecontainerbox {
  margin: 7px 0 10px 0 !important;
}
}

Alles anzeigen

**

Dharkness

Zitat von 2002Andreas

Teste bitte mal:

Zeigt leider nicht den gewünschten Erfolg.

Dharkness

Guten Morgen zusammen,

ich hätte da auch einen Eintrag für die oberen Button in den Seiteninformationen, wie müsste das * umgebaut werden?

*

CSS

#viewGroup > radio > .radio-label-box {
    -moz-box-orient: horizontal !important;
}

Sprich Icons und Text sollen nebeneinander stehen.

Dharkness

Zitat von FuchsFan

Dieses kleine Problemchen musste ich bei dem anderen Code auch ändern, ist das bei Dir auch so?

Nein, bei mir hatten die letzten Änderungen keine Auswirkung darauf.

Dharkness

Zitat von FuchsFan

Das ist die Variante "Hell". Danke!

Aber gerne doch, das * ist jetzt meine derzeit letzte Überarbeitung bei nun 280 Zeilen **.

*

**

CSS

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

/* Originaler Text "Über Profile" ausgeblendet */
body > h1 {
    font-size: 0px !important;
    text-align: center !important;
    border: 2px solid #B2B2B2 !important;
    border-bottom: 0 !important;
    padding: 9px 0 !important;
    margin: 5px 380px 0 0 !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 im Fehlerbehebungsmodus 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;
    padding: 1px 5px 3px 5px !important;
    margin: 0 380px 0 0!important;
}
#owned > div:not([data-l10n-id="profiles-subtitle"]):not([id="profiles"]) {
    border: 2px solid #9CA4AB !important;
    border-top: 0 !important;
    padding: 2px 0 !important;
    margin: 0 380px 0 0!important;
}

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

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

#owned div > button[data-l10n-id="profiles-create"] {
    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 {
    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"] {
    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 {
    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"] {
    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 {
    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"] {
    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 {
    background: #D1E2F2 url("..//chrome/icons/Bild13.png")no-repeat !important;
    background-position: 8px 2px !important;
    color: #000 !important;
}

#owned div > button[data-l10n-id="profiles-remove"] {
    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  {
    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: 5px 0 5px 0 !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-spacing: 0 !important;
    border-radius: 0px !important;
    border: 0 !important;
    border-bottom: 1px solid #B2B2B2 !important;
    border-color: #9CA4AB !important;
    background: #4D5F6D !important;
    margin: 0 !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 4px !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

Dharkness

Zitat von 2002Andreas

215 und 220 kannst du einen Code draus machen.

Erledigt.

Zitat von 2002Andreas

28, 51, 217, 228, 235, 257 brauchst du auch nicht.

Doch, die müssen bleiben, denn sowohl die Button, als auch die Actionbox und die Tabellen sollen ohne Radius sein.

Dharkness

Zitat von 2002Andreas

Zitat von milupo

Ich habe ja auch nur meine Meinung geschrieben.

Ist ja auch ok.
Und im passt ja sogar auch besser in diesem Fall.

Ist entsprechend geändert und passt in der Tat besser.

P.S.: Ich bin jetzt bei 282 Zeilen.

CSS

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

/* Originaler Text "Über Profile" ausgeblendet */
body > h1 {
    font-size: 0px !important;
    text-align: center !important;
    border: 2px solid #B2B2B2 !important;
    border-bottom: 0 !important;
    padding: 9px 0 !important;
    margin: 5px 380px 0 0 !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 im Fehlerbehebungsmodus 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;
    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: 2px solid #9CA4AB !important;
    border-top: 0 !important;
    padding: 2px 0 !important;
    margin: 0 380px 0 0!important;
}

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

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

#owned div > button[data-l10n-id="profiles-create"] {
    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 {
    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"] {
    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 {
    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"] {
    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 {
    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"] {
    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 {
    background: #D1E2F2 url("..//chrome/icons/Bild13.png")no-repeat !important;
    background-position: 8px 2px !important;
    color: #000 !important;
}

#owned div > button[data-l10n-id="profiles-remove"] {
    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  {
    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: 15px 0 !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 4px !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

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.

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.

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

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.

Dharkness

Zitat von Endor

Sind in diesem Beitrag verlinkt.

Dankeschön Endor.

Beiträge von Dharkness

Scrollbar.uc.js Skript die Hg Farbe ändern

Scrollbar.uc.js Skript die Hg Farbe ändern

Scrollbar.uc.js funktioniert hier im Nightly nicht mehr

Scrollbar.uc.js funktioniert hier im Nightly nicht mehr

Google Translate ist irgendiwe kaputt?

display: moz-box erneuern Hier im Sidebar-Hover-Code

display: moz-box erneuern Hier im Sidebar-Hover-Code

display: moz-box erneuern Hier im Sidebar-Hover-Code

display: moz-box erneuern Hier im Sidebar-Hover-Code

display: moz-box erneuern Hier im Sidebar-Hover-Code

display: moz-box erneuern Hier im Sidebar-Hover-Code

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen