Beiträge von Endor

Endor

Glaube so müsste es nun gehen:

CSS

@-moz-document url-prefix(about:preferences){
#categories > .category, #generalButton, #homeButton, #searchButton, #privacyButton, #syncButton, #addonsButton, #helpButton {
margin-left: 1px !important;}


#categories > .category:not([disabled]){
background-color: gainsboro !important;/*Hintergrundfarbe vom Button*/
margin-top: 1px !important; /*Abstand zum Button darüber*/
border-radius: 60px !important;/*Rundung vom Button*/
box-shadow: inset 0 0 5px 5px #888 !important;
}


/**** Aktiver Button rot, Schrift weiß ****/
#categories > .category[selected]{
color: white !important;
background-color: red !important;
margin-top: 1px !important;
border-radius: 60px !important;
box-shadow: inset 0 0 5px 5px #888 !important;
}


/**** Inaktive Button ****/
#categories > .category:not([selected]),
#addonsButton,
#helpButton {
background-color: gainsboro !important;
margin-top:1px!important;
border-radius:60px!important;
box-shadow: inset 0 0 5px 5px #888;
}


/**** Hintergrund der Button blau, Schrift weiß bei hover mit der Maus ****/
#categories > .category:hover, #generalButton:hover, #homeButton:hover, #searchButton:hover, #privacyButton:hover, #syncButton:hover, #addonsButton:hover, #helpButton:hover {
color: white !important;
background-color: blue !important;
margin-top: 1px !important;
border-radius: 60px !important;
box-shadow: inset 0 0 5px 5px #888;
}
}

Alles anzeigen

Endor

2002Andreas

Ja eben und genau das möchte ich verhindern.

Hast Du eventuell eine Idee?

Mfg.
Endor

Endor

wenn ja mal so versuchen:

CSS

@-moz-document url-prefix(about:preferences){
/***************** Die großen Button auf der linken Seite unter Extras/Einstellungen ********************/


/**** Abstand der Button zum linken Rand ****/
#categories > .category, #generalButton, #homeButton, #searchButton, #privacyButton, #syncButton, #addonsButton, #helpButton {
margin-left: 1px !important;
}


#categories > .category:not([disabled]){
background-color: gainsboro !important;/*Hintergrundfarbe vom Button*/
margin-top: 1px !important; /*Abstand zum Button darüber*/
border-radius: 60px !important;/*Rundung vom Button*/
box-shadow: inset 0 0 5px 5px #888;
}


/**** Aktiver Button rot, Schrift weiß ****/
#categories > .category[selected]{
color: white !important;
background-color: red !important;
margin-top: 1px !important;
border-radius: 60px !important;
box-shadow: inset 0 0 5px 5px #888;
}


/**** Inaktive Button ****/
#categories > .category:not([selected]),
#addonsButton,
#helpButton {
background-color: gainsboro !important;
margin-top:1px!important;
border-radius:60px!important;
box-shadow: inset 0 0 5px 5px #888;
}


/**** Hintergrund der Button blau, Schrift weiß bei hover mit der Maus ****/
#categories > .category:hover, #generalButton:hover, #homeButton:hover, #searchButton:hover, #privacyButton:hover, #syncButton:hover, #addonsButton:hover, #helpButton:hover {
color: white !important;
background-color: blue !important;
margin-top: 1px !important;
border-radius: 60px !important;
box-shadow: inset 0 0 5px 5px #888;
}
}

Alles anzeigen

Mfg.
Endor

2002Andreas

Wenn Boersenfeger den so wie in seinem Beitrag verwendet,

wirkt der auch bei about:telemetry und about:networking usw.

und beißt sich dann mit einem anderen CSS Code von mir.

Mfg.
Endor

Endor

Kann das sein, dass der für die Firefox Einstellungen - about:preferences ist?

Endor

Ist angekommen. Danke.

Schaue ich mir nachher an.

Mfg.
Endor

Boersenfeger

So schnell mal getestet, nein der ist es nicht der dazwischen funkt.

Jedenfalls hier keine Überlappung.

Hast Du noch anderen CSS Code für Schaltflächen, der da dazwischen funken könnte?

Mfg.
Endor

Endor

Ok , passt.

Wünsche Dir einen ruhigen Abend und Nacht mit wenig Einsätzen.

Pass auf dich auf.

Mfg.
Endor

Endor

Zitat von Boersenfeger

Hallo Boersenfeger

Ich möchte darauf nochmals zurückkommen, ich vermute ja, dass Du in about:addons

links diese Schaltflächen hast wie oben auf den Bild. Ist das so richtig?
Wenn ja, müsste ich mir mal den CSS Code dafür anschauen denn ich vermute da
einen Fehler.

Mfg.
Endor

Endor

Nee da sollte nichts rund sein.

Mfg.
Endor

Endor

für about:privatebrowsing

sollte der hier eigentlich funktionieren:

CSS

@-moz-document url(about:privatebrowsing) {


html{background:#ffffff!important;}


body{
margin-left: auto !important;
margin-right: auto !important;
justify-content: center!important;
align-items: center!important;
max-width: 1000px !important;
min-height: 94vh !important;
max-height: 94vh !important;
margin-top: 20px !important;
margin-bottom: 20px !important;
padding-bottom: 20px !important;
padding-top: 15px !important;
padding-left: 50px !important;
padding-right: 50px !important;
background-color: #fffff0 !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-radius: 20px !important;
border-width: 4px !important;
border-style: outset !important;}


body:hover{
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}


body:before {
content: "Endors Firefox - Privates Fenster";
margin-top: -55px !important;
margin-bottom: 50px !important;
font-weight:bold !important;
font-size: 20px !important;
color:red !important;
margin-left: 0px !important;
padding-right: 20px !important;}


p.showNormal{
color: #8d20ae !important;
font-size: 18px !important;
font-weight: bold !important; }


.info{
margin-left: auto !important;
margin-right: auto !important;
justify-content: center!important;
align-items: center !important;
margin-top: 20px !important;
margin-bottom: 20px !important;
padding-bottom: 20px !important;
padding-top: 15px !important;
padding-left: 50px !important;
padding-right: 50px !important;
background-color: #ffffff !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-radius: 20px !important;
border-width: 4px !important;
border-style: outset !important;}


#fake-editable,
#search-handoff-button,
.fake-textbox,
.search-inner-wrapper{border-radius: 22px !important;}




.wordmark {
fill: crimson !important;
}


.info > h1:nth-child(1){
color: crimson !important;
margin-left: 30px !important;
}


.info > p:nth-child(2),
#private-browsing-myths{
color: black !important;
margin-left: 30px !important;
}


#private-browsing-myths{
-moz-appearance:none!important;
background: #F0F0F0 url("..//icons/Bild93.png")no-repeat !important;
margin-top: 50px !important;
padding-bottom: 4px!important;
padding-top: 4px!important;
padding-left:35px!important;
padding-right:20px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-style: outset !important;
border-width:2px !important;
font-size:14px!important;
text-decoration:none!important;
background-position:10px 6px!important;
border-radius:14px!important;
color:black !important;}


#private-browsing-myths:hover{
-moz-appearance:none!important;
background: #B2EDFA url("..//icons/Bild93.png")no-repeat !important;
font-size:14px!important;
border-style: outset !important;
border-width:2px !important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;
text-decoration:none!important;
padding-right:20px!important;
padding-left:35px!important ;
background-position:10px 6px!important; }


#startPrivateBrowsing{
-moz-appearance:none!important;
background: #F0F0F0 url("..//icons/Bild93.png")no-repeat !important;
margin-top: 50px !important;
padding-bottom: 2px!important;
padding-top: 2px!important;
padding-left:35px!important;
padding-right:20px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-style: outset !important;
border-width:2px !important;
font-size:14px!important;
text-decoration:none!important;
background-position:10px 6px!important;
border-radius:14px!important;
color:black !important;}




#startPrivateBrowsing:hover{
-moz-appearance:none!important;
background: #B2EDFA url("..//icons/Bild93.png")no-repeat !important;
font-size:14px!important;
border-style: outset !important;
border-width:2px !important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;
text-decoration:none!important;
padding-right:20px!important;
padding-left:35px!important ;
background-position:10px 6px!important;}
}

Alles anzeigen

Symbol:

about:logins

da sagt mir dein Bild leider nichts.

Bitte erkläre mir was da sein soll.

about:telemetry

da wirkt noch ein anderer CSS Code mit der meinen überschreibt.

Es muss ein CSS Code sein der irgendwo Schaltflächen anspricht.

Der ist aber nicht auf die gewünschte Seite beschränkt. Daher

wirkt er hier auch was er aber nicht sollte.

Mfg.
Endor

Endor

Geschlossenen Tab wieder herstellen

Suche im selben CSs Code nach:

menuitem[label="Geschlossenen Tab wiederherstellen"]

und ersetze mit:

#context_undoCloseTab

Mfg.
Endor

Oben ist das base64 Bild kaputt darum geht es nicht.

teste diesen Code mal:

CSS

#context-inspect{
appearance: none !important;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAoVJREFUeNqkk19IU3EUx8+9d95tad45LZgxFVebsnAPOvDhEmvBComE/rGBkIhCIIT1kNlLD8VFeikbVKD45MOi8qGH/qyWykyJcAVzElgtmHNMWOXUG3d09+v8xtYfCHrwwId7f/ec7/d3Dr/fZQghsJ1gYZuxbQMGo/BSHKUScSEepBExFuu+IJ+QIDKNZEu6kgGDBse0Wm2fx+PZ29XVtTsWi5XPzs7yNCmKYs5ut29NTEysBYPBD4qijKLuEd2XjqBDBpxO52A4HBYnJydtqqpWmc1mfmtLBgqKePqN5mgNraWagpbjuCO468t0Oq3IskwooVCI0BgdHSeieJB4PEcJdkVKeVpLNVSrQRdve3u7Edvnc7lcYS5JknBnFfz+O4W1xbIfVlaWoJRnFxf5a4lEK67OcyzLrut0umZ0rMe5NNgqRCIRFGTBZKoHs9kCFRWVUF7OgsvlglQqBe9mZn4cstn0ZdPTMjVIxePx/Pz8vNrW1lYjCMJOahKLRaGx0QGCYESzGLjdB2CXIQ3Pnr/Nevv79S6f70mLLF/lcFQVu1pMJpOrgUBgfXl5OeNwODi9voxfWnrNZzKfweGwb1gbNrPRucsb3V5r9b6W3rGELEt4GnP0DDnEgFTjCEbsaA8+63AtFE8IxFZiOtVBnD19g83+G8ML958yI2+i+ceY+la6jTuoAWJCakvYG6D2Qg9z+t4IE/q+OkRuDjGvek/AcczVFDUsPYU8Ihf5FVe6AZrqwKo3wZnDnZfc43eHpxSFSJh68Wed5l/3e+AktoKXeO0r4zt38X3H7etNU5ubRMrn/xYXrvB//hVytpN5IBjglqGKhOmHjwmAsYe/C34KMAD+Xw9tUS2BCgAAAABJRU5ErkJggg==") no-repeat !important;
min-height: 24px!important;
padding-left:4px!important;
background-position:6px 5px!important;}


#context-inspect:hover{
appearance: none !important;
margin-right: -1px !important;
background: #ecf0f6 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAoVJREFUeNqkk19IU3EUx8+9d95tad45LZgxFVebsnAPOvDhEmvBComE/rGBkIhCIIT1kNlLD8VFeikbVKD45MOi8qGH/qyWykyJcAVzElgtmHNMWOXUG3d09+v8xtYfCHrwwId7f/ec7/d3Dr/fZQghsJ1gYZuxbQMGo/BSHKUScSEepBExFuu+IJ+QIDKNZEu6kgGDBse0Wm2fx+PZ29XVtTsWi5XPzs7yNCmKYs5ut29NTEysBYPBD4qijKLuEd2XjqBDBpxO52A4HBYnJydtqqpWmc1mfmtLBgqKePqN5mgNraWagpbjuCO468t0Oq3IskwooVCI0BgdHSeieJB4PEcJdkVKeVpLNVSrQRdve3u7Edvnc7lcYS5JknBnFfz+O4W1xbIfVlaWoJRnFxf5a4lEK67OcyzLrut0umZ0rMe5NNgqRCIRFGTBZKoHs9kCFRWVUF7OgsvlglQqBe9mZn4cstn0ZdPTMjVIxePx/Pz8vNrW1lYjCMJOahKLRaGx0QGCYESzGLjdB2CXIQ3Pnr/Nevv79S6f70mLLF/lcFQVu1pMJpOrgUBgfXl5OeNwODi9voxfWnrNZzKfweGwb1gbNrPRucsb3V5r9b6W3rGELEt4GnP0DDnEgFTjCEbsaA8+63AtFE8IxFZiOtVBnD19g83+G8ML958yI2+i+ceY+la6jTuoAWJCakvYG6D2Qg9z+t4IE/q+OkRuDjGvek/AcczVFDUsPYU8Ihf5FVe6AZrqwKo3wZnDnZfc43eHpxSFSJh68Wed5l/3e+AktoKXeO0r4zt38X3H7etNU5ubRMrn/xYXrvB//hVytpN5IBjglqGKhOmHjwmAsYe/C34KMAD+Xw9tUS2BCgAAAABJRU5ErkJggg==") no-repeat !important;
border-width: thin !important;
border-radius: 4px !important;
border-color: #aecff7 !important;
border-style: solid !important;
min-height: 24px!important;
padding-left:4px!important;
background-position:5px 4px!important;}

Alles anzeigen

Mfg.
Endor

Endor

Untersuchen:

Suche im CSS Code Kontextmenu-Rechtsklick nach:

menuitem[label="Element untersuchen"]

und ersetze das mit:

#context-inspect

Rest folgt.

Mfg.
Endor

Endor

Danke für den Hinweis Sören Hentzschel .

Ich verwende meistens die Sektoren wie zbs.

#context-take-screenshot

oder wie in diesem Fall:

#context-viewimage

usw.

Das denke ich sollte dann auch noch funktionieren.

Mfg.
Endor

Endor

Vielen Dank, gleich übernommen.

:klasse:

Mfg.
Endor

Endor

Ja ich auch, habe mir seine Kämpfe gern angeschaut. Wieder einer der Großen der

gegangen ist. Schade.

R.I.P.

Mfg.
Endor

Endor

Ja habe ich gesehen und hier auch schon entfernt.

CSS Code dafür:

CSS

.certificate-tabs{border-bottom: none !important; box-shadow: none !important;}


#panel0, #panel1, #panel2, #panel3{background: none !important; border: none !important; box-shadow: none !important;}

Ich habe bei den beiden obigen Zeilen nur:

box-shadow: none !important;

hinzu gefügt das hat hier schon gereicht.

Mfg.
Endor

Endor

Hallo Boersenfeger.

Gerne.

Hast Du im Nightly bei den about Seiten noch was gesehen was man ändern müsste?

Habe im Moment nicht die Zeit alles zu kontrollieren.

Mfg.
Endor

Endor

Hallo zusammen.

Ab Firefox 87, zur Zeit Beta, wurde about:buildconfig geändert.
Habe daher meinen CSS Code entsprechend aktualisiert:

CSS

@namespace url(http://www.w3.org/1999/xhtml);


@-moz-document url(about:buildconfig) {


html{background: white !important;}


h1:before {
content: "Endors Firefox: ";
font-weight:bold !important;
color:red !important;
margin-left:220px !important;
margin-right: 15px !important;
padding-top: 100px !important;}


h1{
color: #cc0000 !important;
font-size: 22px !important;
font-weight: bold !important;
margin-bottom: 20px !important;}


h2, body > table:nth-child(n+1) > tbody:nth-child(1) > tr:nth-child(1) {color: #3377ff !important;}


body{
background-color: #fffff0 !important;
max-width: 900px !important;
margin-left: 280px !important;
margin-top: 25px !important;
padding-top: 35px !important;
padding-left: 25px !important;
padding-right: 25px !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-radius: 20px !important;
border-width: 4px !important;
border-style: outset !important;}


P > A {
min-width: 320px !important;
text-decoration:none !important;
display: inline-block !important;
padding-left: 55px !important;
padding-right: 35px !important;
padding-top: 10px !important;
padding-bottom: 10px !important;
color: black !important;
background: #efefef url("..//icons/Fuchs4.png") no-repeat !important;
background-position:16px 5px!important;
border-left-color: #E6E5E5 !important;
border-top-color: #E6E5E5 !important;
border-right-color: #5C5B5B !important;
border-bottom-color: #5C5B5B !important;
border-width:1px !important;
border-style: outset !important;
border-radius:22px!important; }




P > A:hover{
background: #CFE6F1 url("..//icons/Fuchs4.png") no-repeat !important;
background-position:16px 5px!important;
border-left-color: #e4e3e3 !important;
border-top-color: #e4e3e3 !important;
border-right-color: #5c5b5b !important;
border-bottom-color: #5c5b5b !important;
border-width:1px !important;
border-style: outset !important;
border-radius:22px!important;}


td{background: #FFFFFF !important;}
td:hover{background: #ffeb99 !important;}


th {background-color: #ee7621 !important;}
th:hover {background-color: #b54f06 !important;}


.build-platform-table > tbody:nth-child(1) > tr:nth-child(1) > th:nth-child(1){
border-top-left-radius:24px !important; border-top-right-radius:24px !important;
min-width: 200px !important; padding-left: 20px !important;}


.build-platform-table > tbody:nth-child(1) > tr:nth-child(2) > td:nth-child(1){
border-bottom-right-radius:24px !important; border-bottom-left-radius:24px !important;
min-width: 200px !important; padding-left: 20px !important; padding-top: 5px!important;
padding-bottom: 8px !important;}


.build-platform-table,
.build-platform-table > tbody:nth-child(1),
.container > table:nth-child(7) > tbody:nth-child(1),
.container > table:nth-child(7) {border-radius:22px!important;}


.container > table:nth-child(7) > tbody:nth-child(1) > tr:nth-child(1) > th:nth-child(1)
{border-top-left-radius:24px !important; padding-top: 8px !important; padding-left: 13px !important;}


.container > table:nth-child(7) > tbody:nth-child(1) > tr:nth-child(1) > th:nth-child(3)
{border-top-right-radius:24px !important;}


.container > table:nth-child(7) > tbody:nth-child(1) > tr:nth-child(4) > td:nth-child(3)
{border-bottom-right-radius:24px !important;}


.container > table:nth-child(7) > tbody:nth-child(1) > tr:nth-child(4) > td:nth-child(1)
{border-bottom-left-radius:24px !important; padding-bottom: 8px !important; padding-left: 12px !important;}


.container > table:nth-child(7) > tbody:nth-child(1) > tr:nth-child(2) > td:nth-child(1),
.container > table:nth-child(7) > tbody:nth-child(1) > tr:nth-child(3) > td:nth-child(1){
padding-left: 12px !important;}
}

Alles anzeigen

Symbol:

Mfg.
Endor

Endor

Hallo geldhuegel !

Alles alles Gute zum Geburtstag!

Vor allem viel Gesundheit wünsche ich Dir.

Bleib Gesund und pass auf Dich auf.

Mfg.
Endor

Endor

Gerne.

Mfg.
Endor

Endor

Hier:

Thema

Anpassungen von Firefox-Oberfläche mittels userChrome.css und Webseiten mittels userContent.css

Neben den eingebauten Browser-Entwicklerwerkzeugen gibt es für Firefox eine weitere Möglichkeit, die Firefox-Oberfläche und die Gestaltung von Webseiten zu verändern. Dies geschieht mit Hilfe der Formatierungssprache CSS (Abkürzung für englisch Cascading Stylesheets) und den beiden Dateien userChrome.css für die Gestaltung der Firefox-Oberfläche und userContent.css für die Gestaltung von Webseiten nach den Wünschen der Firefox-Benutzer.

Bis zur Einführung der Webextensions durch Mozilla war es…

milupo

10. Februar 2019 um 13:19

und:

Thema

Anleitung zur Nutzung des Inspektors und der Stilbearbeitung aus den Entwicklerwerkzeugen

Firefox enthält eine ganze Reihe von Entwicklerwerkzeugen (englisch: developer tools), mit denen man HTML, CSS, JavaScript auf Webseiten und der Firefox-Benutzeroberfläche untersuchen, bearbeiten und nach Fehlern durchsuchen kann und in erster Linie für Webentwickler gedacht sind. Es gibt folgende Entwicklerwerkzeuge:

- Inspektor

- Konsole

- Debugger

- Netzwerkanalyse

- Stilbearbeitung

- Laufzeitanalyse (nur für Webseiten)

- Speicher

- Web-Speicher

- Barrierefreiheit

Dieser Beitrag beschränkt sich…

milupo

15. Februar 2020 um 15:48

Für alles weiter frage einfach nach.

Mfg.
Endor

Beiträge von Endor

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

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

Datei/Neues Fenster und Hamburger Menü/Anpassen

Datei/Neues Fenster und Hamburger Menü/Anpassen

In memoriam

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

Der Glückwunsch-Thread

Kontextmenü Rechtsklick Anpassungen

Kontextmenü Rechtsklick Anpassungen

Anpassungen von Firefox-Oberfläche mittels userChrome.css und Webseiten mittels userContent.css

Anleitung zur Nutzung des Inspektors und der Stilbearbeitung aus den Entwicklerwerkzeugen