Schade, du hast Andreas gerufen
Na gut, weil Du es bist, dann nehme ich den mal. Danke!
Schade, du hast Andreas gerufen
Na gut, weil Du es bist, dann nehme ich den mal. Danke!
Na gut, weil Du es bist, dann nehme ich den mal.
Ich fühle mich geehrt.
Ich fühle mich geehrt.
War mir eine Ehre! Klappt wunderbar, milupo.
Den Wert anpassen, bis es passt.
Hm,
da bei mir immer alles durch border klar abgegrenzt ist, geht es bei mir nicht mit der Anpassung der Breite, ich habe mit padding ↓ gearbeitet.
Das padding müsste wohl von anderen Usern angepasst werden, also wohl so ↓.
Eine Sache im Nightly hätte ich noch offen. Wäre das zu machen, dass die Zeile gleich im Anschluss folgt?
Das padding müsste wohl von anderen Usern angepasst werden, also wohl so ↓.
Danke, auch das funktioniert tadellos. Im Nigtly aber nur mit dem Selektor, den milupo genannt hatte.
Wäre das zu machen, dass die Zeile gleich im Anschluss folgt?
Teste mal das ↓, die Werte musst Du wie gehabt für Dich anpassen.
Teste mal das ↓, die Werte musst Du wie gehabt für Dich anpassen.
Danke, das funktioniert perfekt. In der Zwischenzeit habe ich auch noch probiert, und siehe da, doch noch einen Schnipsel gefunden, der es auch macht (ich gebe mal ein Bier aus).
Danke, das funktioniert perfekt. In der Zwischenzeit habe ich auch noch probiert, und siehe da, doch noch einen Schnipsel gefunden, der es auch macht (ich gebe mal ein Bier aus).
Aber gerne doch und Du hast ja auch noch eine Lösung gefunden.
Ist mir beim Auf-/Umräumen aufgefallen:
#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;
}
Alles anzeigen
Was ist das?
Im Inspektor find ich nix...
Was ist das?
Das dürfte zu diesem Script gehören:
addBuildIdToAboutDialogueBox.uc.js
addBuildIdToAboutDialogueBox.uc.js
Habbichnich
Werd ich mal auskommentieren und zur Löschung vormerken.
Danke, 2002Andreas
Gerne doch wie immer
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?
Das ist nicht möglich. Du könntest höchstens sowohl ::before als auch ::after nutzen und beides entsprechend positionieren.
Danke, werde gleich mit rumexperimentieren, wenn ich die Wäsche aufgehangen habe
Wie gehts?
Der Code sieht angepasst hier so aus:
Am besten du gibst mal deinen kompl. Code zwecks Test.
: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
:schäm:
Warum?
Alles ist ok
Ich habe auch ohne deinen Code mal etwas gebastelt.
Evtl. kannst du damit ja etwas anfangen.
#bottomBox::after {
content: " Dialog-Design by harff182" !important;
font-size: 10px !important;
color: yellow !important;
padding-top: 20px !important;
margin-inline: 620px !important;
}
#trademark {
margin-bottom: -20px !important;
border: 2px solid white !important;
max-width: 600px !important;
}
Alles anzeigen