Die Idee wäre dabei so etwas wie:
Ich hab damit auch grade was rumgespielt.
Das linke Bild hat ja einen dünnen blauen Rand.
Hast Du den zur Verdeutlich reingemacht?
Oder andersrum gefragt:
(Wie) bekomme ich um das rechte Bild so einen dünnen Rand?
Die Idee wäre dabei so etwas wie:
Ich hab damit auch grade was rumgespielt.
Das linke Bild hat ja einen dünnen blauen Rand.
Hast Du den zur Verdeutlich reingemacht?
Oder andersrum gefragt:
(Wie) bekomme ich um das rechte Bild so einen dünnen Rand?
Hab mal wieder meinem Spieltrieb gefrönt und komm an der letzten Stelle nicht weiter:
Eigentlich wollte ich das " Dann " nach dem Fragezeichen davor haben.
Alternativ sollte " "Spenden Sie" durch "Dann spenden Sie" ersetzt werden.
Schaff ich aber nicht ![]()
Das war mein bisher letzter (und einziger erfolgreicher) Versuch:
/* "spenden sie" */
#contributeDesc > label:nth-child(1)::before {
content: "Dann " !important;
color: black !important;
}
#contributeDesc > label:nth-child(1){
display: transparent !important;
appearance: none !important;
background: yellow url('../icons/spende16.png') no-repeat 10px 3px !important;
color: black !important;
margin: 0 -3px 0 -2px !important;
padding: 0 15px 0 35px !important;
border: 2px outset cadetblue !important;
border-radius: 14px !important;
}
Alles anzeigen
Irgendwer mit einer hilfreichen Idee?
GESCHAFFT
MIST - ich hatte mich grade hingesetzt und angefangen, meinen Code umzubauen ![]()
Kannichjadannwohllöschen .
Und mein besonderer Dank geht an harff182
Meinereiner fühlt sich geschmeichelt ![]()
für Deine Kritik
Und da isse widda:
Dein Fuchs sieht kastriert aus:
An der rechten Seite ist am Ohr und am Bart ist was abgeschnitten und am lenken Bart auch.
Dat GFX paßt so nich rein.
Füge da mal background-size: contain !important; ein ![]()
Und was bei meinem güldenen nicht, aber bei Deinem schwarzen Hintegrund sehr wohl auffällt:
Rundherum ist so ein komischer heller Pünktchen-Rand - is abba Geschmackssache, ob man da nacharbeitet ![]()
Schön, daß Du letztendlich Dein Ziel erreicht hast ![]()
da wollten wir das schon in Angriff nehmen, aber nicht geschafft
Kurz zwischendurch:
Meinereiner hats doch geschafft. ![]()
Guckst Du nebenan in #150 ...
Mit Verlaub, und ohne Dir nahetreten zu wollen: Du fängst an, dich genauso zu verzetteln wie Omar letztes Jahr.
Es ist problematisch, an mehreren verschiedenen Stellen/Codes in einem Thread gleichzeitig rumzubasteln.
Mein Vorschlag:
Das mit den Pfadangaben habe ich noch immer nicht so richtig gerafft!
Finde dafür als erstes eine funktionierende Lösung.
Interessanterweise ist das GIF großer als das PNG
Dann such/finde eins in passender Größe. Könnte ein Positionierungsproblem weniger ergeben.
Da ging es darum, dass die Grafiken nicht deckungsgleich sind!
Das ist aus meiner Sicht das größte Problem in deinem Code.
Ich würde den Code erstmal aufräumen und so kommentieren, daß ich sehe, was wozu gehört und sich eventuell beeinflußt.
Bin allerdings jetzt erstmal für einige Stunden weg...
Sorry, ich geb auf ![]()
Ich komm mit dem "Update-Check" nicht weiter, da Dein Code sich von meinem doch sehr stak unterscheidet.
Tut mir leid, hab ich mich wohl übernommen ![]()
Wie immer:
Danke für Deine unermüdliche Mühe, ich hab Deine Versionen sogar gebackupped, aber meine Lösung sagt mir (im Moment) am meisten zu ![]()
Nix Da - Du bist unser CSS-Voodoo-Priester ![]()
Nur damit ich Deine Vorstellung richtig verstehe:
"Nach Updates suchen" und "Firefox ist aktuell" in gleichem Font unf Fontgröße in einer Flucht zur darunterliegenden Version.
Und die Icons jeweils in gleicher/ähnlicher Größe und Abstand links davor.
Aber erwarte keine Wunder, im Gegensatz zu 2002Andreas bin ich kein Houngan ![]()
Blende die Grafik in Zeile 122 mal nicht aus!
Doch, doch, doch, doch, doch...
Damit funktionuckelts wie meinereiner es gerne hätte:
/* Update-Check ohne Erwartung ;)*/
/* Blendet Original-Animationen aus!*/
#icons > .update-throbber {
/* visibility: hidden !important; */ /*damit zappelts*/
display: none !important;
/*Damit bleibt "Meine FF-version..." wo es hinsoll, aber suchen rutscht nach links*/
}
#updateDeck #checkingForUpdates > label {
appearance: none !important;
border: 2px solid darkgrey !important;
border-radius: 10px !important;
background: lightblue url('../icons/ajax-loader.gif') no-repeat 10px 6px !important;
background-size: 16px !important;
color: black !important;
font-size: 14px !important;
font-weight: 600 !important;
min-height: 28px !important;
/* margin: 10px 0 0 -25px !important; */ /*Zappelt nach "display: none" */
margin: 10px 0 0 0px !important; /* jabba dabba doooo */
padding: 3px 20px 5px 37px !important;
}
Alles anzeigen
Mira_Belle : Vielleicht kannste ja schon was abgucken ![]()
Teste ich gleich auch nochmal, aber jetzt muß ich mich um Abendessen und Tabletten für meine Mom kümmern.
Gibste mal bitte deinen kompletten Code?
Und eventuell benutzte GFX für Haken und animiertes GIF ![]()
Wenn ich meinen Zappelphilip, den ich im Thread nebenan angeprangert hab, gebändigt bekomme, tausch ich meinen Dialog mal gegen Deinen und bastel damit weiter ![]()
Hab noch was gefunden, was mich bei der ganzen Testerei beim Um-/Aufräumen meines Codes dann doch etwas genervt hat.
Code:
/* 12_about_dialog.css */
/* Menu: "Hilfe/Über Firefox"-Dialog
Herkunft: https://www.camp-firefox.de/forum/thema/134024/?postID=1193840#post1193840
211230: Erster Versuch - Erfolgreich trotz Anpassung
211231: Andy: https://www.camp-firefox.de/forum/thema/134044/?postID=1193987#post1193987
220101: Haken vor "Firefox ist aktuell"
Andy: https://www.camp-firefox.de/forum/thema/134044/?postID=1194078#post1194078
220102-05: Großes Aufräumen, was nicht notwedig scheint und richtige? Reihenfolge;)
Diverse optische Anpassungen, Umstellungen und Doku-Zeilen
Anmerkung: N++ hat Probleme mit den Klammern, Atom und Inet-Check nicht ;)
Sören sagt: TRBL
*/
@-moz-document url-prefix("chrome://browser/content/aboutDialog.xhtml"){
#aboutDialog,
#aboutDialogContainer,
#bottomBox,
#clientBox,
#leftBox,
#trademark,
#updateBox > vbox:nth-child(2) > hbox:nth-child(2),
#updateButton,
#version,
#version::before
{
font-family: 'PaulBecker' !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: 14px !important;
color: black !important;
}
#contributeDesc > label:nth-child(1),
#contributeDesc > label:nth-child(2),
#releasenotes,
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']{
/* text-decoration: underline !important; */
text-decoration: none !important;
}
#aboutDialog,
#aboutDialogContainer,
#bottomBox,
#clientBox,
#trademark {
background-color: gold !important;
}
/* gesamter Innenbereich*/
#aboutDialog{
height: 350px !important;
}
/* Das ist links die Box um das FF-Logo*/
#leftBox {
margin-top: 60px !important;
appearance: none !important;
background: gold url('../icons/foxfav.png')no-repeat !important;
background-position: center !important;
background-size: contain !important;
}
/* "Firefox Browser"-Original weg und Platz freiräumen */
#rightBox {
background-image: none !important;
padding-top: 0px !important;
margin-top: 10px !important;
}
/* GFX durch TXT ersetzen - mit Zeilenumbruch + 2 Fonts versuchen*/
#rightBox::before {
content: "Firefox Workbench" !important;
font-family: 'KeypressDB' !important;
font-size: 47px !important;
text-shadow: 3px 3px 4px red !important;
color: black !important;
}
#detailsBox::before {
content: "In Memory of AmigaOS and Beos" !important;
font-family: 'PaulBecker' !important;
font-size: 15px !important;
color: black !important;
border-radius: 10px !important;
background-color: lightblue !important;
border: 2px solid red !important;
padding: 0 10px 0 10px !important;
}
/* der Updatebereich unter "In Memory of AmigaOS and Beos" */
#updateBox > vbox:nth-child(2) > hbox:nth-child(2){
margin-top: -25px !important;
margin-bottom: 20px !important;
}
/* Update-Check ohne Erwartung ;)*/
/* Blendet Original-Animationen aus!*/
#icons > .update-throbber {
visibility: hidden !important;
}
#updateDeck #checkingForUpdates > label {
appearance: none !important;
border: 2px solid darkgrey !important;
border-radius: 10px !important;
background: lightblue url('../icons/ajax-loader.gif') no-repeat 10px 6px !important;
background-size: 16px !important;
color: black !important;
font-size: 14px !important;
font-weight: 600 !important;
min-height: 28px !important;
margin: 10px 0 0 -25px !important;
padding: 3px 20px 5px 37px !important;
}
/* Update-Check mit Erwartung auf FF96ff..*/
#updateButton {
appearance: none !important;
background: yellow url('../icons/ud16.png')no-repeat 13px 1px !important;
color: black !important;
min-width: 360px !important;
padding-left: 30px !important;
margin: 0 0 10px 0!important;
border: 2px solid black !important;
border-radius: 10px !important;
}
#updateButton:hover{
background: lightblue url('../icons/ud16.png')no-repeat 13px 3px !important;
}
/* Dazugehörige default-GFX is im Weg...*/
#icons > .apply{
display: none !important;
}
#updateButton .button-box{
padding-top: 0 !important;
padding-bottom: 0 !important;
-moz-padding-start: 3px !important;
-moz-padding-end: 3px !important;
}
/* 'Meine FF-Version ist:' */
#version::before{
content: 'Meine FF-Version ist:';
font-size: 16px !important;
font-weight: bold !important;
color: Blue !important;
margin-top: 10px !important;
margin-right: 6px !important;
margin-bottom: 0px !important;
margin-left: 0px !important;
}
/* komplette Versionsnummer*/
#version{
font-size: 16px !important;
font-weight: bold !important;
margin-top: 30px !important;
color: black !important;
}
#icons > .icon {
margin-top: 8px !important;
}
/* 220103:
Grisu https://www.camp-firefox.de/forum/thema/134044/?postID=1194360#post1194360
*/
/* Label: "Firefox ist aktuell" */
#aboutDialog #noUpdatesFound > label:nth-child(1) {
appearance: none !important;
border: 2px solid darkgrey !important;
border-radius: 10px !important;
background: lightgreen url('../icons/check-50.png') no-repeat 10px 6px !important;
background-size: 16px !important;
color: black !important;
font-size: 14px !important;
min-height: 28px !important;
margin: 10px 0 !important;
padding: 3px 20px 5px 37px !important;
}
/* 220101: Haken vor "Firefox ist aktuell"
Andy: https://www.camp-firefox.de/forum/thema/134044/?postID=1194078#post1194078 */
#icons > .noUpdatesFound {
display: none !important;
/* Icon und Rest kann dank grisu weg ;)*/
}
/* Neue Funktionen und Änderungen */
#releasenotes {
appearance: none !important;
background: yellow url('../icons/bild1.png')no-repeat 6px 1px !important;
color: black !important;
margin: 0 35px 0 10px !important;
padding: 1px 20px 0 30px !important;
border: 2px outset cadetblue !important;
border-radius: 14px !important;
}
#releasenotes:hover{
background-color: lightblue !important;
}
/* "Firefox-Hilfe" und "Feedback senden" ausblenden */
#updateBox vbox description.text-blurb label.text-link {
display: none !important;
}
/* unerwünschte Freifläche entfernen */
#updateBox {
margin-bottom: -25px !important;
}
/* "Mozilla"*/
[href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']
{
appearance: none !important;
background: yellow url('../icons/Moz.png') no-repeat 10px 3px !important;
color: black !important;
margin: 0 2px 0 -2px !important;
padding: 0 15px 0 35px !important;
border: 2px outset cadetblue !important;
border-radius: 14px !important;
}
[href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']:hover
{
background: lightblue url('../icons/Moz.png') no-repeat 10px 3px !important;
}
/* "globalen Community"*/
[href='about:credits'] {
appearance: none !important;
background: yellow url('../icons/beos-people16.png') no-repeat 10px 3px !important;
color: black !important;
margin: 5px 0 5px -2px !important;
padding: 0 15px 0 35px !important;
border: 2px outset cadetblue !important;
border-radius: 14px !important;
}
[href='about:credits']:hover{
background: lightblue url('../icons/beos-people16.png') no-repeat 10px 3px !important;
}
/* Hinter dem Komma einen Zeilenumbruch erzwingen
220103: Andy: https://www.camp-firefox.de/forum/thema/134044/?postID=1194391#post1194391
220104: abgerundeter Hintergrund
*/
#communityDesc {
background: lightgreen !important;
border: 2px solid darkgrey !important;
border-radius: 10px !important;
max-width: 590px !important;
}
/* "spenden sie" */
#contributeDesc > label:nth-child(1){
appearance: none !important;
background: yellow url('../icons/spende16.png') no-repeat 10px 3px !important;
color: black !important;
margin: 0 -3px 0 -2px !important;
padding: 0 15px 0 35px !important;
border: 2px outset cadetblue !important;
border-radius: 14px !important;
}
#contributeDesc > label:nth-child(1):hover{
background: lightblue url('../icons/spende16.png') no-repeat 10px 3px !important;
}
/* "machen sie mit" */
#contributeDesc > label:nth-child(2){
appearance: none !important;
background: yellow url('../icons/daumen-hoch-16.png') no-repeat 10px 3px !important;
color: black !important;
margin: 0 10px 0 -2px !important;
padding: 0 15px 0 35px !important;
border: 2px outset cadetblue !important;
border-radius: 14px !important;
}
#contributeDesc > label:nth-child(2):hover{
background: lightblue url('../icons/daumen-hoch-16.png') no-repeat 10px 3px !important;
}
/* Bereich unten mit Lizensierung, Rechte und datenschutz...*/
#bottomBox{
margin-top: -30px !important;
margin-bottom: 30px !important;
}
/* Informationen zur Lizensierung*/
[href='about:license'] {
display: none !important;
appearance: none !important;
background: yellow url('../icons/bild1.png')no-repeat 10px 3px !important;
color: black !important;
margin-left: 10px !important;
margin-top: 2px !important;
padding: 0 20px 0 40px !important;
border: 2px outset dodgerblue !important;
border-radius: 14px !important;
}
[href='about:license']:hover{
background: lightblue url('../icons/bild1.png')no-repeat 10px 3px !important;
}
/* Endanwenderrechte */
[href='about:rights']{
display: none !important;
appearance: none !important;
background: yellow url('../icons/bild25.png')no-repeat 10px 3px !important;
color: black !important;
margin: 2px 10px 0 -30px !important;
padding: 0 20px 0 40px !important;
border: 2px outset red !important;
border-radius: 14px !important;
}
[href='about:rights']:hover{
background: lightblue url('../icons/bild25.png')no-repeat 10px 3px !important;
}
/* Datenschutzbestimmungen*/
label.bottom-link:nth-child(3){
appearance: none !important;
background: yellow url('../icons/secure-mixed-16.png')no-repeat 10px 3px !important;
color: black !important;
margin: 2px -3px 0 -13px !important;
padding: 0 20px 0 40px !important;
border: 2px outset green !important;
border-radius: 10px !important;
}
label.bottom-link:nth-child(3):hover {
background: lightblue url('../icons/secure-mixed-16.png')no-repeat 10px 3px !important;
}
/* Text ganz unten, Logo und Warenzeichen und so... ;)
220103: Andy: https://www.camp-firefox.de/forum/thema/134044/?postID=1194313#post1194313
*/
#trademark{
margin-top: 16px !important;
margin-bottom: -40px !important;
color: black !important;
border-radius: 10px !important;
background-color: lightblue !important;
border: 2px solid red !important;
width: 500px !important;
margin-left: 260px !important;
}
/* Den Text "Dialog-Design by harff182" will ich ganz unten rechts inne Ecke.... */
#aboutDialogContainer::after {
content: "Dialog-Design by harff182" !important;
font-size: 10px !important;
color: black !important;
margin-left: 815px !important;
}
}
Alles anzeigen
Und das nervt meinereiner:
Während nach Updates gesuch wird, ist die Zeile darunter (und nur die) nach rechts eingerückt.
Isser fertig, springt sie dahin, wo sie gemäß Code hinsoll.
Vielleicht hat ja wer eine hilfreiche Idee.
Guck mal, ob Du damit was anfangen kanst:
/* Mira_Belle-Ideen*/
#updateDeck #checkingForUpdates label {
color: white !important;
font-weight: 500 !important;
font-size: 1.2em !important;
margin-left: 1px !important;
margin-top: 10px !important;
margin-bottom: 5px !important;
}
/* Das Gif wird an richtiger Stelle angezeigt.*/
#icons >.update-throbber{
fill: transparent !important;
background-image: url("../icons/ajax-loader.gif") !important;
background-repeat: no-repeat !important;
padding-top: 10px !important;
padding-left: 10px !important;
padding-right: 10px !important;
padding-bottom: 10px !important;
}
/*Blendet BEIDE Animationen aus!*/
#icons > .update-throbber {
visibility: hidden !important;
}
#updateDeck #checkingForUpdates > label {
appearance: none !important;
border: 2px solid darkgrey !important;
border-radius: 10px !important;
background: lightgreen url('../icons/ajax-loader.gif') no-repeat 10px 6px !important;
background-size: 16px !important;
color: black !important;
font-size: 14px !important;
min-height: 28px !important;
margin: 10px 0 0 -40px !important;
padding: 3px 20px 5px 37px !important;
}
Alles anzeigen
Ich bin damit recht weit gekommen, muß aber jetzt Bubu machen ![]()
Pfad zum Icon und einige Werte wirst Du anpassen müssen ![]()
Wenn Du das GIF möchtest:
![]()
Entweder hat keiner Lust,
Lust hab ich schon, denn das wäre die vorletzte Baustelle in meinem Dialog.
Ich will aber erst meinen Code noch aufräumen.
Haste mal versucht, das icon zu löschen und Dein Gif mit ::bevor vor Deinem Text einzufügen?
:schäm: Da is aber noch viel durcheinander und unaufgeräumt drin ![]()
/* 21_about_dialog.css */
/* Menu: "Hilfe/Über Firefox"-Dialog
Herkunft: https://www.camp-firefox.de/forum/thema/134024/?postID=1193840#post1193840
211230: Erster Versuch - Erfolgreich trotz Anpassung
211231: Andy: https://www.camp-firefox.de/forum/thema/134044/?postID=1193987#post1193987
220101: Haken vor "Firefox ist aktuell"
Andy: https://www.camp-firefox.de/forum/thema/134044/?postID=1194078#post1194078
220102-05: Großes Aufräumen, was nicht notwedig scheint und richtige? Reihenfolge;)
Diverse optische Anpassungen, Umstellungen und Doku-Zeilen
Anmerkung: N++ hat Probleme mit den Klammern, Atom und Inet-Check nicht ;)
TRBL
*/
@-moz-document url-prefix("chrome://browser/content/aboutDialog.xhtml"){
#aboutDialog,
#aboutDialogContainer,
/* #agent .textbox-input-box, */
/* #agent, */
#bottomBox,
#clientBox,
#leftBox,
#trademark,
#updateBox > vbox:nth-child(2) > hbox:nth-child(2),
#updateButton,
#version,
#version:before
{
font-family: 'PaulBecker' !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: 14px !important;
color: black !important;
}
#contributeDesc > label:nth-child(1),
#contributeDesc > label:nth-child(2),
#releasenotes,
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']{
/* text-decoration: underline !important; */
text-decoration: none !important;
}
#aboutDialog,
#aboutDialogContainer,
#bottomBox,
#clientBox,
#trademark {
background-color: gold !important;
}
/* gesamter Innenbereich*/
#aboutDialog{
height: 350px !important;
/* border: 5px solid blue !important; */
}
/* Wasn das?
Andy: https://www.camp-firefox.de/forum/thema/134044/?postID=1194491#post1194491
Für/vom Script addBuildIdToAboutDialogueBox.uc.js
Könnte also eigentlich weg...
*/
/*
#agent{
appearance: none !important;
margin: 50px 40px 84px 10px !important;
max-height: 56px !important;
padding-top: 5px !important;
text-align: center !important;
border-radius: 14px !important;
max-width: 1100px !important;
}
#agent .textbox-input-box{
margin-top: -1px !important;
margin-left: 12px !important;
}
*/
/* Das ist links die Box umd das FF-Logo*/
#leftBox {
margin-top: 60px !important;
appearance: none !important;
background: gold url('../icons/foxfav.png')no-repeat !important;
background-position: center !important;
background-size: contain !important;
}
/* "Firefox Browser" in Blau und anderem Font*/
#rightBox {
background-image: none !important;
padding-top: 0px !important;
margin-top: 10px !important;
}
/* "Firefox Browser" durch ein eigenes GFX ersetzen */
#rightBox::before {
content: url("../icons/pocpart_1.png") !important;
margin-left: -1px !important;
}
/* GFX durch TXT ersetzen - mit Zeilenumbruch + 2 Fonts versuchen*/
#rightBox::before {
content: "Firefox Workbench" !important;
font-family: 'KeypressDB' !important;
font-size: 47px !important;
text-shadow: 3px 3px 4px red !important;
color: black !important;
}
#detailsBox::before {
content: "In Memory of AmigaOS and Beos \A0 \A0 \A0 \A0 \A0 \A0 \A0 \A0 \A0 \A0 \A0 \A0 \A0 \A0 \A0 \A0 Dialog-Design by harff182" !important;
white-space: pre !important;
font-family: 'PaulBecker' !important;
font-size: 16px !important;
color: black !important;
}
/* Rechts; der Updatebereich unter dem GFX */
#updateBox > vbox:nth-child(2) > hbox:nth-child(2){
margin-top: -25px !important;
margin-bottom: 20px !important;
}
/* Update-Check und so....*/
#updateButton {
appearance: none !important;
background: yellow url('../icons/ud16.png')no-repeat 13px 1px !important;
color: black !important;
min-width: 360px !important;
padding-left: 30px !important;
margin: 0 0 10px 0!important;
border: 2px solid black !important;
}
#updateButton:hover{
background: lightblue url('../icons/ud16.png')no-repeat 13px 3px !important;
}
/* Dazugehörige default-GFX is im Weg...*/
#icons > .apply{
display: none !important;
}
#updateButton .button-box{
padding-top: 0 !important;
padding-bottom: 0 !important;
-moz-padding-start: 3px !important;
-moz-padding-end: 3px !important;
}
/* 'Meine FF-Version ist:' */
#version:before{
content: 'Meine FF-Version ist:';
font-size: 16px !important;
font-weight: bold !important;
color: Blue !important;
margin-top: 10px !important;
margin-right: 6px !important;
margin-left: 0px !important;
}
/* komplette Versionsnummer*/
#version{
font-size: 16px !important;
font-weight: bold !important;
margin-top: 30px !important;
color: black !important;
}
#icons > .icon {
margin-top: 8px !important;
}
/* 220103:
Grisu https://www.camp-firefox.de/forum/thema/134044/?postID=1194360#post1194360
*/
/* Label: "Firefox ist aktuell" */
#aboutDialog #noUpdatesFound > label:nth-child(1) {
appearance: none !important;
border: 2px solid darkgrey !important;
border-radius: 10px !important;
background: lightgreen url('../icons/check-50.png') no-repeat 10px 6px !important;
background-size: 16px !important;
color: black !important;
font-size: 14px !important;
min-height: 28px !important;
margin: 10px 0 !important;
padding: 3px 20px 5px 37px !important;
}
/* 220101: Haken vor "Firefox ist aktuell"
Andy: https://www.camp-firefox.de/forum/thema/134044/?postID=1194078#post1194078 */
#icons > .noUpdatesFound {
display: none !important;
/* Icon und Rest kann dank grisu weg ;)*/
}
/* Neue Funktionen und Änderungen */
#releasenotes {
appearance: none !important;
background: yellow url('../icons/bild1.png')no-repeat 6px 1px !important;
color: black !important;
margin: 0 35px 0 10px !important;
padding: 1px 20px 0 30px !important;
border: 2px outset cadetblue !important;
border-radius: 14px !important;
}
#releasenotes:hover{
background-color: lightblue !important;
}
/* "Firefox-Hilfe" und "Feedback senden" ausblenden */
#updateBox vbox description.text-blurb label.text-link {
/* visibility: hidden !important; */
display: none !important;
}
/* unerwünschte Freifläche entfernen */
#updateBox {
/* border: 2px outset cadetblue !important; */ /*nur zum verdeutlichen ;)*/
margin-bottom: -25px !important;
}
/* "Mozilla"*/
[href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']
{
appearance: none !important;
background: yellow url('../icons/Moz.png') no-repeat 10px 3px !important;
color: black !important;
margin: 0 2px 0 -2px !important;
padding: 0 15px 0 35px !important;
border: 2px outset cadetblue !important;
border-radius: 14px !important;
}
[href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']:hover
{
background: lightblue url('../icons/Moz.png') no-repeat 10px 3px !important;
}
/* "globalen Community"*/
[href='about:credits'] {
appearance: none !important;
background: yellow url('../icons/beos-people16.png') no-repeat 10px 3px !important;
color: black !important;
margin: 5px 0 5px -2px !important;
padding: 0 15px 0 35px !important;
border: 2px outset cadetblue !important;
border-radius: 14px !important;
}
[href='about:credits']:hover{
background: lightblue url('../icons/beos-people16.png') no-repeat 10px 3px !important;
}
/* Hinter dem Komma einen Zeilenumbruch erzwingen
220103: Andy: https://www.camp-firefox.de/forum/thema/134044/?postID=1194391#post1194391
220104: abgerundeter Hintergrund
*/
#communityDesc {
background: lightgreen !important;
border: 2px solid darkgrey !important;
border-radius: 10px !important;
max-width: 590px !important;
}
/* "spenden sie" */
#contributeDesc > label:nth-child(1){
appearance: none !important;
background: yellow url('../icons/spende16.png') no-repeat 10px 3px !important;
color: black !important;
margin: 0 -3px 0 -2px !important;
padding: 0 15px 0 35px !important;
border: 2px outset cadetblue !important;
border-radius: 14px !important;
}
#contributeDesc > label:nth-child(1):hover{
background: lightblue url('../icons/spende16.png') no-repeat 10px 3px !important;
}
/* "machen sie mit" */
#contributeDesc > label:nth-child(2){
appearance: none !important;
background: yellow url('../icons/daumen-hoch-16.png') no-repeat 10px 3px !important;
color: black !important;
margin: 0 10px 0 -2px !important;
padding: 0 15px 0 35px !important;
border: 2px outset cadetblue !important;
border-radius: 14px !important;
}
#contributeDesc > label:nth-child(2):hover{
background: lightblue url('../icons/daumen-hoch-16.png') no-repeat 10px 3px !important;
}
/* Bereich unten mit Lizensierung, Rechte und datenschutz...*/
#bottomBox{
margin-top: -30px !important;
margin-bottom: 30px !important;
}
/* Informationen zu Lizensierung*/
[href='about:license'] {
appearance: none !important;
background: yellow url('../icons/bild1.png')no-repeat 10px 3px !important;
color: black !important;
margin-left: 10px !important;
margin-top: 2px !important;
padding: 0 20px 0 40px !important;
border: 2px outset dodgerblue !important;
border-radius: 14px !important;
}
[href='about:license']:hover{
background: lightblue url('../icons/bild1.png')no-repeat 10px 3px !important;
}
/* Endanwenderrechte */
[href='about:rights']{
appearance: none !important;
background: yellow url('../icons/bild25.png')no-repeat 10px 3px !important;
color: black !important;
margin: 2px 10px 0 -30px !important;
padding: 0 20px 0 40px !important;
border: 2px outset red !important;
border-radius: 14px !important;
}
[href='about:rights']:hover{
background: lightblue url('../icons/bild25.png')no-repeat 10px 3px !important;
}
/* Datenschutzbestimmungen*/
label.bottom-link:nth-child(3){
appearance: none !important;
background: yellow url('../icons/secure-mixed-16.png')no-repeat 10px 3px !important;
color: black !important;
margin: 2px -3px 0 -2px !important;
padding: 0 20px 0 40px !important;
border: 2px outset green !important;
border-radius: 14px !important;
}
label.bottom-link:nth-child(3):hover {
background: lightblue url('../icons/secure-mixed-16.png')no-repeat 10px 3px !important;
}
/* Text ganz unten, Logo und Warenzeichen und so... ;)
220103: Andy: https://www.camp-firefox.de/forum/thema/134044/?postID=1194313#post1194313
*/
#trademark{
margin-top: 16px !important;
margin-bottom: -40px !important;
color: black !important;
border-radius: 14px !important;
background-color: lightblue !important;
border: 2px solid red !important;
max-width: 500px !important;
margin-left: 268px !important;
margin-right: 150px !important;
}
#trademark::after
{
content: "Dialog-Design by harff182" !important;
font-size: 10px !important;
color: black !important;
}
}
Alles anzeigen
Danke, werde gleich mit rumexperimentieren, wenn ich die Wäsche aufgehangen habe ![]()
Wenn du \A in content: einfügst, solltest du zusätzlich noch die Eigenschaft white-space mit dem Wert pre hinzufügen:
Teste ich grade mit rum:
/* GFX durch TXT mit Zeilenumbruch ersetzen versuchen*/
#rightBox::before {
content: "Firefox Browser \A Dialog-Design by me" !important;
white-space: pre !important;
font-size: 35px !important;
text-shadow: 3px 3px 4px red !important;
color: black !important;
}
Hat irgendwer eine Idee, wie ich der ersten und zweiten Zeile, also vor und dann nach dem Zeilenumbruch, jeweils verschiedene Fonts zuweisen kann?