Beiträge von FuchsFan

FuchsFan

Zitat von 2002Andreas

Siehe bitte meinen Nachtrag:

Perfekt, Andreas, das sieht gut aus. In 148 auch geklärt, lag noch am alten Script. Gut, dass immer noch geprüft werden kann. Ich bedanke mich.

FuchsFan

Zitat von 2002Andreas

Auf die Schnelle in Fx 148

Danke, dann muss ich suchen.

FuchsFan

Zitat von 2002Andreas

Wenn du magst, dann kannst du das auch mal testen:

Ja, Andreas ich danke dir. In 146 funktioniert es mit einem kleinen Manko. Bei Hover wenn der Button gedrückt wird (also aktiv ist), dann ist der originale graue HG noch mit aktiv. Auch in v148 probiert, dort funktioniert der Code so nicht, ob du das mal prüfen könntest.

FuchsFan

Zitat von Mitleser

Ich hoffe es hilft dir weiter...

Ich danke dir, damit werde ich mich mal befassen, melde mich dann wieder.

Zitat von Mitleser

Eine weitere Möglichkeit wäre: Shadowroot ist von außen über Variablen ansprechbar. Diese müssen auf einer höhere Ebene deklariert werden um dann auf der auszuführenden Ebene anwendbar zu sein...
Das wäre dann die bessere Lsg.

Das sind für mich "Böhmische Wälder".

FuchsFan

Die Thematik hatten wir schon einige Male, war für mich aber immer noch nicht zufriedenstellend. Den Kompromiss habe ich natürlich gefunden, und bisher genutzt.

Der Code dafür sieht i.M. so aus:

CSS

toolbarbutton#scrollbutton-down,
toolbarbutton#scrollbutton-up{
	color: blue !important;
    background-color: lightgrey !important;
    border: 1px solid grey !important;
	border-radius: 5px !important; 
	height: 32px !important;
}

toolbarbutton#scrollbutton-down:hover,
toolbarbutton#scrollbutton-up:hover  {
    color: blue !important;
    background-color: yellow !important;
    border: 1px solid red !important;
}


toolbarbutton#scrollbutton-up{
	margin-top: 10px !important;
}

Alles anzeigen

Weil das in diesem Beitrag #14 besonders hervor gehoben wird, nach Möglichkeit immer nur den zu verändernden Bereich (nicht übergreifend) anzusprechen. So habe ich auch versucht den o.g. Code zu verändern, aber leider ohne Erfolg. Mein Gedanke dabei, die Button in Ordnern und die in der Symbolleiste einzeln anzusteuern. Versucht habe ich das mit folgendem Code, in der Hoffnung, dass dieses nur für einen Bereich zuständig wäre, leider nicht.

Gibt es eine Möglichkeit hier wirklich eine Trennung zu erzwingen?

CSS

[data-l10n-id="overflow-scroll-button-backwards"],
[data-l10n-id="overflow-scroll-button-forwards"] {
	appearance: none !important;
	background-color: green !important;
	box-shadow: none !important;
	border: 2px solid red !important;
	border-radius: 0 !important;
	height: 32px !important;
	overflow: hidden !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	
}

Alles anzeigen

FuchsFan

BrokenHeart

Danke, jetzt kann ich nichts mehr feststellen, läuft prima.

FuchsFan

Zitat von BrokenHeart

Bitte nochmal testen:

BrokenHeart

Mir ist da noch Folgendes aufgefallen, eventuell kannst du das noch nachbessern.

1. Suchbegriff wird eingegeben

2. wird durch das Script dann gelöscht, der Pfeil rechts bleibt aber erhalten

3. wird dann auf den Pfeil geklickt, so öffnet sich ein Tab mit den Suchergebnissen und die Searchbar sieht dann wieder so aus

.......der Inhalt bleibt erhalten, wird nicht mehr vom Script erfasst.

FuchsFan

BrokenHeart

Danke, funktioniert bestens.

FuchsFan

Zitat von Boersenfeger

Dass das Suchfeld jetzt hellblau ist, stört zwar

Dann hast du, so wie ich bisher auch, einen css-Code für die Urlbar, der eine Hintergrundfarbe dafür festlegt. Nach dem Update wird das auch auf die Searchbar übertragen (siehe Grafik). Nun besteht nur noch die Möglichkeit beides einzeln anzusprechen.

FuchsFan

Zitat von 2002Andreas

Reicht auch so:

Hier nicht i.M, aber da muss ich den Code sowieso überarbeiten. Eine Sache stört dabei noch, bei Aktivierung der Leiste erscheint immer eine dickere Linie (outline ?), wie kann die entfernt oder geändert werden.

Edit:

Damit scheint es zu funktionieren.

CSS

#searchbar-new {
	--toolbar-field-focus-border-color: transparent !important;
}

FuchsFan

Zitat von 2002Andreas

alles klar

Jetzt mal versucht mit dem Code in 148.

FuchsFan

Zitat von 2002Andreas

Du hast die aktuelle Version von heute?

Das war der Grund, habe heute zwar aktualisiert, ist aber das Update von gestern. Jetzt kam Update, und nun funktioniert es hier auch nicht mehr.

FuchsFan

Zitat von Sören Hentzschel

Das funktioniert so eben nicht mehr seit der heutigen Nightly-Version

Komme ich nicht mit, Nightly ist hier aktualisiert.

FuchsFan

Zitat von 2002Andreas

Oder du nutzt ein anderes Skript

Habe extra das Script von oben eingefügt und getestet. Suchbegriff eingegeben und Enter, Links öffnen sich, Searchbar leer.

Gleich nochmal in 148 getestet, ohne Probleme.

Wartet man, so leert sich die Leiste wie gewollt.

FuchsFan

Zitat von Boersenfeger

Moin, leider arbeitet mein Script nicht mehr korrekt um das Suchfeld nach dem Drücken der Eingabetaste zu leeren

Version 146 bis 148 funktioniert immer noch. Searchbar ist lightblue, musst über css anpassen, eventuell so.

Code

#searchbar {
    background-color: white ! important;
}

FuchsFan

Mira_Belle

An deinem Code About:Dialog für Nightly habe ich mal ein wenig rumgeschraubt, hatte Langeweile. Kannst ja mal schauen, eventuell ist ja was zu gebrauchen.

CSS

/*---------------------------------------------------*/
/****       Anpassungen an dem About:Dialog       ****/
/*---------------------------------------------------*/

@-moz-document url-prefix("chrome://browser/content/aboutDialog.xhtml") {
  
#aboutDialog {
   border: 6px solid grey !important;
   max-height: 575px !important;
   min-height: 575px !important;
   min-width: 1170px !important;
}

#aboutDialog,
#bottomBox,
#clientBox {
   background-color: var(--uc-color-black-light) !important;
}

#aboutDialog vbox,
#aboutDialogContainer hbox,
#clientBox vbox,
#communityExperimentalDesc,
#contributeDesc,
#releasenotes,
#trademark,
#updateButton {
   font-size: 15px !important;
}

/* Das ist Links das FF-Logo */
#leftBox {
   appearance: none !important;
   border: 2px solid grey !important;
   border-style: double  !important;
   border-width:  7px !important;
   border-radius: 10px !important;
   background-color: #4d4d4d !important;
   background-size: contain !important;
   background-size: 160px 160px !important;
   margin-top: 80px !important;
   max-width: 200px !important;
   min-width: 200px !important;
   max-height: 200px !important;
   min-height: 200px !important;
   background-position: 15px 13px !important;
}

/*===== Das ist rechts die Box =====*/

/* Die große Überschrift mit Icon in der Mitte */
#rightBox::before {
   content: "  F i r e f o x "   url("file:///C:/FoxIcons/nightly96.png") "   B r ow s e r  " !important;
   font-size: 30px !important;
   font-weight: 700 !important;
   font-family: Georgia, "Times New Roman",Times, serif !important;
   letter-spacing: 0.3em !important; 
   color: #33ccff !important;
   text-shadow: 3px 3px white , -3px -3px black !important;
}

/* große Box auf rechter Seite */
#rightBox {
   background: #411840 !important; 
   max-height: 460px !important;
   min-height: 460px !important;
   min-width: 75% !important;
   padding-left: 90px !important;
   padding-top: 25px !important;
   margin-top: 25px !important;
   border-color:  gainsboro !important;
   border-style: double  !important;
   border-width:  8px !important;
   box-shadow: 13px 13px 0px 0px #666666 inset !important;
}
  
/* Blendet Original-Icon aus */

#updateIcon {
   display: none !important;
}
#icons > .noUpdatesFound {
   display: none !important;
}
  
#icons > .update-throbber {
   display: none !important;
}

#icons > .apply {
   display: none !important;
} 

#icons.icon {
   margin: 10px !important;
} 
 
/*==== das Update-Deck ====*/ 

#updateInfo deck#updateDeck {
   margin-left: 140px !important;
}	  

/* Update-Suche */
[data-l10n-id="update-checkingForUpdates"] {
   appearance: none !important;
   border-radius: 10px !important;
   background: url("file:///C:/FoxIcons/throbber.gif") no-repeat !important;
   background-position: -5px center !important;
   background-size: 44px !important;
   color: #eee8aa !important;
   font-size: 1.3em !important;
   font-weight: 600 !important;
   min-height: 28px !important;
   margin-left: 50px !important;
   padding-left: 45px !important;
}

/* Version ist aktuell */
[data-l10n-id="update-noUpdatesFound"] {
   appearance: none !important;
   border-radius: 10px !important;
   background: url("file:///C:/FoxIcons/haken24.png") no-repeat !important;
   background-position: -3px center !important;
   background-size: 26px !important;
   color: lightyellow !important;
   font-size: 1.4em !important;
   font-weight: 600 !important;
   min-height: 28px !important;
   margin-top: 0 !important;
   margin-left: 75px !important;
   margin-bottom: 0px !important;
   padding-bottom: 0 !important;
   padding-left: 45px !important;
}

#downloadAndInstallButton {
   appearance: none !important;
   border-radius: 10px !important;
   background: url("file:///C:/FoxIcons/Bild210.png") no-repeat 8px center !important;
   background-color: var(--uc-color-black-light) !important;
   background-size: 16px !important;
   color: var(--uc-color-white-dark) !important;
   margin-top: 0 !important;
   margin-right: 0 !important;
   margin-bottom: 0 !important;
   margin-left: 10px !important;
   padding-top: 0 !important;
   padding-right: 10px !important;
   padding-bottom: 2px !important;
   padding-left: 30px !important;
}
#downloadAndInstallButton:hover {
   background: #404040 url("file:///C:/FoxIcons/Bild210.png") no-repeat 8px center !important;	
   color: var(--uc-color-white-dark)!important;
}

#updateButton {
   appearance: none !important;
   border-radius: 10px !important;
   background: url("file:///C:/FoxIcons/Bild212.png") no-repeat 6px center !important;
   background-color: var(--uc-color-black-light) !important; 
   background-size: 16px !important;
   color: var(--uc-color-white-dark) !important;
   margin: 0 0 0 10px !important;
   padding: 0 10px 2px 30px !important;
   border-color: var(--uc-color-white-dark) !important;
   border-style: solid !important;
   border-width: 2px !important;
}
#updateButton:hover {
   background: #404040 url("file:///C:/FoxIcons/Bild212.png") no-repeat 6px center !important;
   color: var(--uc-color-white-dark) !important; 
   border-color: ar(--uc-color-orange-normal) !important;
}

/*====	Versionsanzeige	====*/

#updateInfo hbox label#version.update {
   margin-right: -150px !important;
} 

#version.update::before {
   content: "Diese Firefox-Version ist:  ";
   font-size: 18px !important;
   font-weight: normal !important;
   color: greenyellow !important;
   margin-left: -200px !important;
}

#version {
   margin-top: 10px !important;
   margin-left: 300px !important;
   font-size: 20px !important;
   font-weight: bold !important;
   color: gold !important;
}
 
/* Text der Button ohne Unterstrich */
[data-l10n-id="aboutdialog-help-user"],
[data-l10n-id="aboutdialog-submit-feedback"],
[data-l10n-id="releaseNotes-link"],
[data-l10n-name="community-exp-mozillaLink"],
[data-l10n-name="community-exp-creditsLink"],
[data-l10n-name="helpus-donateLink"],
[data-l10n-name="helpus-getInvolvedLink"],
[data-l10n-id="bottomLinks-license"], 
[data-l10n-id="bottom-links-terms"],
[data-l10n-id="bottom-links-privacy"] {
   text-decoration: none !important;
}

/*=====	Text ======*/
	
/* Zeile "Nightly ist experimentell" nach oben und rechts verlagert */
#detailsBox vbox#experimental description#warningDesc.text-blurb {
   margin-top: -32px !important;
   margin-left: 350px !important;
   color: #00ffff !important; 
}

/* der vorletzte Textblock */
#communityExperimentalDesc.text-blurb {
   font-size: 15px !important;
   color: #cfe2f3 /* var(--uc-color-white-dark) */ !important;
   padding-right: 1px !important;
   margin-left: -20px !important;
   margin-top: 12px !important;
}

/* der untere Textblock */
#contributeDesc.text-blurb {
   margin-top: 18px !important;
   margin-left: 110px !important;
   color: #b2e7ff /* var(--uc-color-white-dark) */ !important;
}

/*===== die Button im Text =====*/

/* Neue Funktionen und Änderungen */
#releasenotes {
   appearance: none !important;
   background: #351256 !important;
   color: var(--uc-color-white-dark) !important;
   top: 40px !important;
   left: -70px !important;
   margin-bottom: 15px !important;
   min-width: 260px !important;
   padding-left: 13px !important;
   padding-right: 10px !important;
   padding-bottom: 2px !important;
   border-color: #dcdcdc !important;
   border-style: solid !important;
   border-width: 1px !important;
   border-radius: 8px !important;
   position: relative;
}
#releasenotes:hover {
   background: #404040 !important;
   color: yellow !important;
   border-color: orange !important;
}

/* Firefox-Hilfe */
#aboutDialogHelpLink {
    appearance: none !important;
    background: #351256 !important;
    color: var(--uc-color-white-dark) !important;
    margin-left: 62px !important;
    margin-top: 0px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 2px !important;
    border-color: #dcdcdc !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-radius: 8px !important;
  }
#aboutDialogHelpLink:hover {
    background: #404040 !important;
    color: yellow !important;
    border-color: orange !important;
}

/* Feedback senden */
#submit-feedback {
    appearance: none !important;
    background: #351256 !important;
    color: var(--uc-color-white-dark) !important;
    margin-left: 32px !important;
    margin-top: 0px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 2px !important;
    border-color: #dcdcdc !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-radius: 8px !important;
}
#submit-feedback:hover {
    background: #404040 !important;
    color: yellow !important;
    border-color: orange !important;
}
 
/* Mozilla */
[data-l10n-name="community-exp-mozillaLink"] {	  
    appearance: none !important;
	height: 24px !important;
    background: #351256 !important;
    color: var(--uc-color-white-dark) !important;
    margin-left: 1px !important;
    margin-right: 1px !important;
    margin-top: 10px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 3px !important;
    border-color: #dcdcdc !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-radius: 8px !important;
}
[data-l10n-name="community-exp-mozillaLink"]:hover   {
    background: #404040 !important;
    color: yellow !important;
    border-color: orange !important;
}

/* globale Comunity	*/
[data-l10n-name="community-exp-creditsLink"] {
    appearance: none !important;
	height: 24px !important;
	background: #351256 !important;
    color: var(--uc-color-white-dark) !important;
    margin-left: 3px !important;
    margin-right: 3px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 3px !important;
    border-color: #dcdcdc !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-radius: 8px !important;
}
[data-l10n-name="community-exp-creditsLink"]:hover {
    background: #404040 !important;
    color: yellow !important;
    border-color: orange !important;
}

/* Spenden Sie */
[data-l10n-name="helpus-donateLink"] {
    appearance: none !important;
    height: 24px !important;
	background: #351256 !important;
    color: var(--uc-color-white-dark) !important;
    margin-left: 3px !important;
    margin-right: 3px !important;
    margin-top: 2px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 3px !important;
    border-color: #dcdcdc !important;
    border-style: solid !important;
    border-width: 1px !important;
    background-position: 12px 4px !important;
    border-radius: 8px !important;
  }
[data-l10n-name="helpus-donateLink"]:hover {
    background: #404040 !important;
    color: yellow !important;
    border-color: orange !important;
}

/* machen Sie mit */
[data-l10n-name="helpus-getInvolvedLink"] {
    appearance: none !important;
    height: 24px !important;
	background: #351256 !important;
    color: var(--uc-color-white-dark) !important;
    margin-left: 3px !important;
    margin-right: 3px !important;
    margin-top: 2px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 3px !important;
    border-color: #dcdcdc !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-radius: 8px !important;
}
[data-l10n-name="helpus-getInvolvedLink"]:hover {
    background: #404040 !important;
    color: yellow !important;
    border-color: orange !important;
}
  
/*=========== drei Button unten in der Bottom-Box ===========*/  

/* Button "Informationen zur Lizenzierung" */
[data-l10n-id="bottomLinks-license"] {
   appearance: none !important;
   height: 26px !important;
   background: url("file:///C:/FoxIcons/Bild209.png") no-repeat 10px center !important;
   background-color: black !important;
   color: #dcdcdc !important;
   font-size: 14px !important;
   margin: -12px 0px 0px 260px !important;
   padding: 1px 15px 6px 40px !important;
   border: 1px solid #dcdcdc !important;
   border-radius: 8px !important;
}
[data-l10n-id="bottomLinks-license"]:hover {
   background-color: #404040 !important;
   color: #FFF !important;
   border: 1px solid coral !important;
}

/* Button "Endanwenderrechte" */
[data-l10n-id="bottom-links-terms"] {
   appearance: none !important;
   height: 26px !important;
   background: url("file:///C:/FoxIcons/Bild203.png") no-repeat 10px center !important;
   background-color: black !important;
   color: #dcdcdc !important;
   font-size: 14px !important;
   margin: -12px 0px 0px 20px !important;
   padding: 1px 15px 6px 40px !important;
   border: 1px solid #dcdcdc !important;
   border-radius: 8px !important;
}
[data-l10n-id="bottom-links-terms"]:hover {
   background-color: #404040 !important;
   color: #FFF !important;
   border: 1px solid coral !important;
}

/* Button "Datenschutzhinweis" */
[data-l10n-id="bottom-links-privacy"] {
   appearance: none !important;
   height: 26px !important;
   background: url("file:///C:/FoxIcons/Bild204.png") no-repeat 10px center !important;
   background-color: black !important;
   color: #dcdcdc !important;
   font-size: 14px !important;
   margin: -12px 0px 0px 20px !important;
   padding: 1px 15px 6px 40px !important;
   border: 1px solid #dcdcdc !important;
   border-radius: 8px !important;
}
[data-l10n-id="bottom-links-privacy"]:hover {
   background-color: #404040 !important;
   color: #FFF !important;
   border: 1px solid coral !important;
}
}

Alles anzeigen

icons.zip

FuchsFan

Zitat von Horstmann

ob es Sinn macht oder nicht, das ist eine andere Frage.

Genau das ist die Frage. Ich habe mich schon daran gewöhnt, dass die Leiste unten ist (weil so von Aris angeboten). Deswegen würde mir auch das in deiner Version genügen. Durch die Tests der anderen Varianten auf der rechten Seite gefällt es mir auch dort, so u.a. auch die Lösung von Mitleser .

FuchsFan

Zitat von Horstmann

Der Druck ...

Ja, ja!

Nun brauche ich nur noch hübsch zu machen, funktioniert. Prima!

FuchsFan

Zitat von Mira_Belle

Einen ganz lieben und herzlichen Dank geht an FuchsFan für seine Vorlage.

Freut mich, wenn ich helfen konnte.

Das Fox-Icon habe ich raus genommen (ist doch uralt), weil du ja die Anpassungen für Nightly haben wolltest.

FuchsFan

Zitat von Mira_Belle

Tut es aber nicht mehr.

Ja, da passt vieles nicht mehr. Versuch mal bitte, nur im oberen Updatedeck konnte ich die Lage der Button nicht prüfen, weil hier der Foox aktuell ist.

CSS

@-moz-document url-prefix("chrome://browser/content/aboutDialog.xhtml")
{
  #updateIcon {
    display: none !important;
  }

  /*---------------------------------------------------*/
  /****       Anpassungen an dem About:Dialog       ****/
  /*---------------------------------------------------*/

  #aboutDialog {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    line-height: 1.5 !important;
  }

  #aboutDialog vbox,
	#aboutDialogContainer hbox,
	#clientBox vbox,
	#contributeDesc > label:nth-child(1),
	#contributeDesc > label:nth-child(2),
	#releasenotes,
	#trademark,
	#updateButton,
	label.bottom-link:nth-child(3),
	[href='about:credits'],
	[href='about:license'],
	[href='about:rights'],
	[href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']
  {
    font-size: 15px !important;
  }

  /*    Das ist Links das FF-Logo */

  #leftBox {
    appearance: none !important;
    border-radius: 10px !important;
    /*		background-image: url("../image/index_test.png") !important;    */
    /* background-image: url("../image/mozilla-firefox-logo.png") !important; */
    background-repeat: no-repeat !important;
    background-color: var(--uc-color-black-light) !important;
    background-position: center center !important;
    background-size: 225px !important;
    min-width: 225px !important;
    margin-top: 160px !important;
	margin-left: -150px !important;
  }

  /*    Das ist Rechts die Box    */

  #rightBox::before {
    content: "Firefox Browser" !important;
    font-size: 40px !important;
    font-weight: 700 !important;
    /* color: #fff582 !important;
    text-shadow: 4px 4px #ff0000 !important; */
    margin-left: -120px !important;
	
	color: #33ccff !important;
		text-shadow: 3px 3px white, -3px -3px black !important;
  }

  #rightBox {
    background-image: none !important;
    padding-top: 1px !important;
    margin-top: 1px !important;
    margin-left: 10px !important;
    margin-right: 77px !important;
  }

  #aboutDialog,
  #bottomBox,
  #clientBox {
    background-color: var(--uc-color-black-light) !important;
  }

  #icons.icon {
    margin: 10px !important;
  }

  /*    Update-Check ohne Erwartung ;)*/
  /*    Blendet Original-Animationen aus!*/

  #icons > .update-throbber {
    /*		visibility: hidden !important; */
    display: none !important;
  }

  /*	#updateDeck #checkingForUpdates > label {   */
  [data-l10n-id="update-checkingForUpdates"] {
    appearance: none !important;
    border-radius: 10px !important;
    background-image: url("../image/sample_3.gif") !important;
    background-repeat: no-repeat !important;
    background-color: var(--uc-color-black-light) !important;
    background-position: -10px center !important;
    background-size: 36px !important;
    color: #eee8aa !important;
    font-size: 1.5em !important;
    font-weight: 400 !important;
    min-height: 28px !important;
    margin-top: 0 !important;
    /* margin-right: 200px !important; */
    margin-bottom: 12px !important;
    /*		margin-left: 20px !important;   */
    margin-left: 70px !important;
    padding-top: 2px !important;
    padding-right: 25px !important;
    padding-bottom: 0 !important;
    padding-left: 45px !important;
  }

  /*    Blendet Original-Icon aus!*/

  #icons > .noUpdatesFound {
    display: none !important;
  }
  
  #updateInfo deck#updateDeck {
	margin-left: -180px !important;
  }	

  /*	#noUpdatesFound > label:nth-child(1) {  */
   [data-l10n-id="update-noUpdatesFound"] {
    appearance: none !important;
    border-radius: 10px !important;
    background-image: url("../image/tick_2.png") !important;
    background-repeat: no-repeat !important;
    background-color: var(--uc-color-black-light) !important;
    background-position: 0 center !important;
    background-size: 36px !important;
    color: ar(--uc-color-orange-normal) !important;
    font-size: 1.5em !important;
    font-weight: 400 !important;
    min-height: 28px !important;
    margin-top: 0 !important;
    /* margin-right: -10px !important; */
	margin-left: -220px !important;
    margin-bottom: 12px !important;
    /*		margin-left: 20px !important;   */
    margin-left: 75px !important;
    padding-top: 2px !important;
    padding-right: 25px !important;
    padding-bottom: 0 !important;
    padding-left: 45px !important;
  }

  /*  Das muss noch gecheckt werden   */

  #downloadAndInstallButton {
    appearance: none !important;
    border-radius: 10px !important;
    /*	background-image:  url("./image/herz.png") !important;		*/
    background-repeat: no-repeat !important;
    background-color: var(--uc-color-black-light) !important;
    background-position: 0% center !important;
    background-size: 16px !important;
    color: var(--uc-color-white-dark) !important;
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 10px !important;
    padding-top: 0 !important;
    padding-right: 10px !important;
    padding-bottom: 2px !important;
    padding-left: 10px !important;
  }

  #downloadAndInstallButton:hover {
    background: #404040 !important;
    background-position: 12px 4px !important;
    color: var(--uc-color-white-dark) !important;
  }

  #updateButton {
    appearance: none !important;
    border-radius: 10px !important;
    background-image: url("../image/herz.png") !important;
    background-repeat: no-repeat !important;
    background-color: var(--uc-color-black-light) !important;
    background-position: 0% center !important;
    background-size: 16px !important;
    color: var(--uc-color-white-dark) !important;
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 10px !important;
    padding-top: 0 !important;
    padding-right: 10px !important;
    padding-bottom: 2px !important;
    padding-left: 10px !important;
    border-color: var(--uc-color-white-dark) !important;
    border-style: solid !important;
    border-width: 2px !important;
  }
  #updateButton:hover {
    background: #404040 !important;
    background-position: 12px 4px !important;
    color: var(--uc-color-white-dark) !important;
    border-color: ar(--uc-color-orange-normal) !important;
  }
  /*    Dazugehörige default-GFX is im Weg...*/

  #icons > .apply {
    display: none !important;
  }

  /*	Versionsanzeige		*/

  #version.update::before {
    content: "Meine derzeitige Firefox-Version ist: ";
    font-size: 18px !important;
    font-weight: normal !important;
    color: ar(--uc-color-orange-normal) !important;
    margin-right: 5px !important;
    margin-left: -570px !important;
  }

  #version {
    margin-top: 10px !important;
    margin-left: 300px !important;
    /* margin-right: -40px !important; */
    font-size: 22px !important;
    font-weight: bold !important;
    color: #ff64ff !important;
  }

  /*     ohne Unterstrich	*/

  #releasenotes,	  										/*     Neue Funktionen und Änderungen	*/  
    #submit-feedback,	 									/*     Feedback senden	*/ 
    [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog'],
    [href='about:credits'],	  								/*     globalen Comunity	*/  
    #contributeDesc > label:nth-child(1),	  				/*     Spenden Sie	*/  
    #contributeDesc > label:nth-child(2),	  				/*     machen Sie mit!	*/  
    [href='about:license'],	  								/*     Information zur Lizensierung	*/  
    [href='about:rights'], 	  								/*     Endanwenderrechte	*/  
    label.bottom-link:nth-child(3)	  						/*     Datenschutzbestimmungen	*/ {
    text-decoration: none !important;
  }

  description.text-blurb:nth-child(3) > label:nth-child(1) {
    text-decoration: none !important;
  }
  
  /* ohne Unterstrich */
    [data-l10n-id="releaseNotes-link"],
	[data-l10n-name="community-exp-mozillaLink"],
	[data-l10n-name="community-exp-creditsLink"],
	[data-l10n-name="aboutdialog-help-user"],
	[data-l10n-name="aboutdialog-submit-feedback"],
	[data-l10n-id="bottomLinks-license"], 
    [data-l10n-id="bottom-links-terms"],
    [data-l10n-id="bottom-links-privacy"] {
        text-decoration: none !important;
    }

  /*	Text	*/

  .text-blurb {
    font-size: 15px !important;
    color: var(--uc-color-white-dark) !important;
    padding-right: 1px !important;
	margin-left: -180px !important;
  }

  /*     Neue Funktionen und Änderungen	*/

  #releasenotes {
    appearance: none !important;
    background: var(--uc-color-black-light) !important;
    color: var(--uc-color-white-dark) !important;
    margin-top: 2px !important;
    margin-left: 0px !important;
    top: 35px !important;
    left: -430px !important;
    min-width: 260px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 2px !important;
    border-color: var(--uc-color-white-dark) !important;
    border-style: solid !important;
    border-width: 2px !important;

    border-radius: 8px !important;
    position: relative;
  }

  #releasenotes:hover {
    background: #404040 !important;
    color: var(--uc-color-white-dark) !important;
    border-color: ar(--uc-color-orange-normal) !important;
  }

  description.text-blurb:nth-child(3) {
    margin-top: 15px !important;
    margin-left: 59px !important;
    margin-bottom: 15px !important;
  }

  /*     Firefox-Hilfe	*/

  description.text-blurb:nth-child(3) > label:nth-child(1) {
    appearance: none !important;
    background: var(--uc-color-black-light) !important;
    color: var(--uc-color-white-dark) !important;
    margin-left: -150px !important;
    margin-top: 35px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 2px !important;
    border-color: var(--uc-color-white-dark) !important;
    border-style: solid !important;
    border-width: 2px !important;
    background-position: 12px 4px !important;
    border-radius: 8px !important;
  }
  description.text-blurb:nth-child(3) > label:nth-child(1):hover {
    background: #404040 !important;
    background-position: 12px 4px !important;
    color: var(--uc-color-white-dark) !important;
    border-color: ar(--uc-color-orange-normal) !important;
  }

  /*     Feedback senden	*/

  #submit-feedback {
    appearance: none !important;
    background: var(--uc-color-black-light) !important;
    color: var(--uc-color-white-dark) !important;
    margin-left: 10px !important;
    margin-top: 35px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 2px !important;
    border-color: var(--uc-color-white-dark) !important;
    border-style: solid !important;
    border-width: 2px !important;
    background-position: 12px 4px !important;
    border-radius: 8px !important;
  }
  #submit-feedback:hover {
    background: #404040 !important;
    background-position: 12px 4px !important;
    color: var(--uc-color-white-dark) !important;
    border-color: ar(--uc-color-orange-normal) !important;
  }

  /*     Mozilla	*/

  [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']
  {
    appearance: none !important;
    background: var(--uc-color-black-light) !important;
    color: var(--uc-color-white-dark) !important;
    margin-left: 1px !important;
    margin-right: 1px !important;
    margin-top: 10px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 1px !important;
    border-color: var(--uc-color-white-dark) !important;
    border-style: solid !important;
    border-width: 2px !important;
    background-position: 12px 4px !important;
    border-radius: 8px !important;
  }

  [href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']:hover
  {
    background: #404040 !important;
    background-position: 12px 4px !important;
    color: var(--uc-color-white-dark) !important;
    border-color: ar(--uc-color-orange-normal) !important;
  }

  /*     globalen Comunity	*/

  [href="about:credits"] {
    appearance: none !important;
    background: var(--uc-color-black-light) !important;
    color: var(--uc-color-white-dark) !important;
    margin-left: 1px !important;
    margin-right: 1px !important;
    margin-top: 0px !important;
    margin-bottom: 5px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 1px !important;
    border-color: var(--uc-color-white-dark) !important;
    border-style: solid !important;
    border-width: 2px !important;
    background-position: 12px 4px !important;
    border-radius: 8px !important;
  }

  [href="about:credits"]:hover {
    background: #404040 !important;
    background-position: 12px 4px !important;
    color: var(--uc-color-white-dark) !important;
    border-color: ar(--uc-color-orange-normal) !important;
  }

  /*    Hinter dem Komma einen Zeilenumbruch erzwingen	*/

  #detailsBox > description#communityDesc {
    max-width: 450px !important;
  }

  /*     Spenden Sie	*/

  #contributeDesc > label:nth-child(1) {
    appearance: none !important;
    background: var(--uc-color-black-light) !important;
    color: var(--uc-color-white-dark) !important;
    margin-left: 1px !important;
    margin-right: 1px !important;
    margin-top: 2px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 2px !important;
    border-color: var(--uc-color-white-dark) !important;
    border-style: solid !important;
    border-width: 2px !important;
    background-position: 12px 4px !important;
    border-radius: 8px !important;
  }

  #contributeDesc > label:nth-child(1):hover {
    background: #404040 !important;
    background-position: 12px 4px !important;
    color: var(--uc-color-white-dark) !important;
    border-color: ar(--uc-color-orange-normal) !important;
  }

  /*     machen Sie mit!	*/

  #contributeDesc > label:nth-child(2) {
    appearance: none !important;
    background: var(--uc-color-black-light) !important;
    color: var(--uc-color-white-dark) !important;
    margin-left: 1px !important;
    margin-right: 1px !important;
    margin-top: 2px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 2px !important;
    border-color: var(--uc-color-white-dark) !important;
    border-style: solid !important;
    border-width: 2px !important;
    background-position: 12px 4px !important;
    border-radius: 8px !important;
  }

  #contributeDesc > label:nth-child(2):hover {
    background: #404040 !important;
    background-position: 12px 4px !important;
    color: var(--uc-color-white-dark) !important;
    border-color: ar(--uc-color-orange-normal) !important;
  }

  /*     Information zur Lizensierung	*/

  [href="about:license"] {
    appearance: none !important;
    background: var(--uc-color-black-light) !important;
    color: var(--uc-color-white-dark) !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
    margin-top: 1px !important;
    margin-bottom: 20px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 2px !important;
    border-color: var(--uc-color-white-dark) !important;
    border-style: solid !important;
    border-width: 2px !important;
    background-position: 12px 4px !important;
    border-radius: 8px !important;
  }

  [href="about:license"]:hover {
    background: #404040 !important;
    background-position: 12px 4px !important;
    color: var(--uc-color-white-dark) !important;
    border-color: ar(--uc-color-orange-normal) !important;
  }

  /*     Endanwenderrechte	*/

  [data-l10n-id="bottom-links-terms"] {
    appearance: none !important;
    background: var(--uc-color-black-light) !important;
    color: var(--uc-color-white-dark) !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
    margin-top: 1px !important;
    margin-bottom: 20px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 2px !important;
    border-color: var(--uc-color-white-dark) !important;
    border-style: solid !important;
    border-width: 2px !important;
    background-position: 12px 4px !important;
    border-radius: 8px !important;
  }

  [data-l10n-id="bottom-links-terms"]:hover {
    background: #404040 !important;
    background-position: 12px 4px !important;
    color: var(--uc-color-white-dark) !important;
    border-color: ar(--uc-color-orange-normal) !important;
  }

  /*     Datenschutzbestimmungen	*/

  label.bottom-link:nth-child(3) {
    appearance: none !important;
    background: var(--uc-color-black-light) !important;
    color: var(--uc-color-white-dark) !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
    margin-top: 1px !important;
    margin-bottom: 20px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 2px !important;
    border-color: var(--uc-color-white-dark) !important;
    border-style: solid !important;
    border-width: 2px !important;
    background-position: 12px 4px !important;
    border-radius: 8px !important;
  }

  label.bottom-link:nth-child(3):hover {
    background: #404040 !important;
    background-position: 12px 4px !important;
    color: var(--uc-color-white-dark) !important;
    border-color: ar(--uc-color-orange-normal) !important;
  }

  /*    Text ganz unten, Logo und Warenzeichen	*/

  #trademark {
    padding-top: 10px !important;
    text-align: center !important;
    color: var(--uc-color-white-dark) !important;
    margin-block: 15px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
  }

  /*    Den Text "design by me ©" will ich ganz unten rechts inne Ecke.... */

  #bottomBox::after {
    display: flex !important;
    content: "design by me ©" !important;
    font-size: 11px !important;
    margin-left: 850px !important;
    color: var(--uc-color-white-dark) !important;
    padding-left: 12px !important;
  }

  #aboutDialog {
    margin-bottom: 0px !important;
  }
}

Alles anzeigen

Beiträge von FuchsFan

Scrollbutton in Lesezeichen-Ordnern und Lesezeichen-Symbolleiste anpassen

Scrollbutton in Lesezeichen-Ordnern und Lesezeichen-Symbolleiste anpassen

Scrollbutton in Lesezeichen-Ordnern und Lesezeichen-Symbolleiste anpassen

Scrollbutton in Lesezeichen-Ordnern und Lesezeichen-Symbolleiste anpassen

Scrollbutton in Lesezeichen-Ordnern und Lesezeichen-Symbolleiste anpassen

Suchfeld hellblau und leert sich nicht mehr, Scriptfehler?

Suchfeld hellblau und leert sich nicht mehr, Scriptfehler?

Suchfeld hellblau und leert sich nicht mehr, Scriptfehler?

Suchfeld hellblau und leert sich nicht mehr, Scriptfehler?

Suchfeld hellblau und leert sich nicht mehr, Scriptfehler?

Suchfeld hellblau und leert sich nicht mehr, Scriptfehler?

Suchfeld hellblau und leert sich nicht mehr, Scriptfehler?

Suchfeld hellblau und leert sich nicht mehr, Scriptfehler?

Suchfeld hellblau und leert sich nicht mehr, Scriptfehler?

Suchfeld hellblau und leert sich nicht mehr, Scriptfehler?

CSS für About Dialog /Nightly passt nicht mehr

Seitennavigation - Fly Out Menü

Seitennavigation - Fly Out Menü

CSS für About Dialog /Nightly passt nicht mehr

CSS für About Dialog /Nightly passt nicht mehr