About Seiten mit CSS Codes anpassen

grisu2099

Gleich mal anschauen...

Danke!

FuchsFan

Zitat von Endor

Hätte da Nachschub

Danke, Endor, gleich mal installiert. Eventuell auch für dich verwendbar, mit zusätzlichem Code-Schnipsel, Markierung der Zeilen.

CSS

tr:nth-child(odd){
background-color: #f0f8ff !important;}

Boersenfeger

Vielen Dank an Euch beide für die Codes!

Habe meinen in der Breite angepasst... und dabei sollen noch die beiden Einträge (rot gemarkert) nach rechts gerutscht werden, damit sie auch über den Werten stehen. Ich habe versucht, bin aber nicht weiter gekommen...

Nachfolgend mein angepasster Code...

CSS

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url(about:processes){


html{background: #ffffff !important;}


#process-table:before {
content: "Boersenfegers Firefox Prozessverwaltung";
margin-left: 510px !important;
font-weight:bold !important;
font-size: 20px !important;
color:red !important;
line-height: 4 !important;}


#process-tbody{
max-height: 650px!important;
overflow-y: auto !important;
margin-right: -7px !important;
margin-top: 40px !important;}


/* Zum Ausblenden der Symbolleiste rechts unten stehenden CSS Code aktivieren */
/* Hinweis, wenn aktiv kann nur mit Maus gescrollt werden, nicht mit Tastatur */


/* #process-tbody{scrollbar-width: none !important;} */


#process-table{
position: fixed !important;
margin-left: 30px !important;
margin-right: auto !important;
justify-content: center!important;
align-items: center!important;
max-width: 1690px !important;
height: auto !important;
margin-top: 40px !important;
margin-bottom: 20px !important;
padding-bottom: 30px !important;
padding-top: 10px !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;}


#process-thead{
background: #ee7621 !important;
max-width: 1630px !important;
margin-left: -20px !important;
border-radius: 20px !important;}


#process-thead > tr:nth-child(1){
border-radius: 20px !important;}


#process-thead:hover {background-color: #df6107 !important;}


#column-memory-resident{
font-weight: bold !important;
color: #ffffff !important;
border-left: none !important;
border-right: none !important;
min-width: 7em !important;
text-align: center !important;}


#process-thead > tr:nth-child(1) > td:nth-child(5){
border-top-right-radius: 20px !important;
border-bottom-right-radius: 20px !important;
border-left: none !important;}


#column-name{
color: #ffffff !important;
font-weight: bold !important;
border-top-left-radius: 20px !important;
border-bottom-left-radius: 20px !important;
border-right: none !important;
padding-left: 55px !important;}


#column-cpu-total{
font-weight: bold !important;
color: #ffffff !important;
border-left: none !important;
border-right: none !important;
text-align: center !important;}


#column-kill{
font-weight: bold !important;
color: #ffffff !important;
padding-right: 15px !important;
border-left: none !important;
border-right: none !important;
border-top-right-radius: 20px !important;
border-bottom-right-radius: 20px !important;}


#process-tbody > tr:nth-child(n+1):hover{
background-color: #ffffcc !important;}


tr.window:nth-child(n+1) > td:nth-child(4),
tr.process:nth-child(n+1) > td:nth-child(4)
{fill: red !important;
background-color: #fffff0 !important;}


tr.window:nth-child(n+1) > td:nth-child(4):hover,
tr.process:nth-child(n+1) > td:nth-child(4):hover
{fill: red !important;
background-color: #ffffcc !important;}
}

tr:nth-child(odd){
background-color: #f0f8ff !important;}

Alles anzeigen

Endor

Teste mal:

CSS

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url(about:processes){
 

html{background: #ffffff !important;}
 

#process-table:before {
content: "Boersenfegers Firefox Prozessverwaltung";
margin-left: 510px !important;
font-weight:bold !important;
font-size: 20px !important;
color:red !important;
line-height: 4 !important;}
   

#process-tbody{
max-height: 650px!important;
overflow-y: auto !important;
margin-right: -7px !important;
margin-top: 40px !important;}
   

/* Zum Ausblenden der Symbolleiste rechts unten stehenden CSS Code aktivieren */
/* #process-tbody{scrollbar-width: none !important;} */
  

#process-table{
position: fixed !important;
margin-left: 30px !important;
margin-right: auto !important;
justify-content: center!important;
align-items: center!important;
max-width: 1690px !important;
height: auto !important;
margin-top: 40px !important;
margin-bottom: 20px !important;
padding-bottom: 30px !important;
padding-top: 10px !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;}
   

#process-thead{
background: #ee7621 !important;
max-width: 1630px !important;
margin-left: -20px !important;
border-radius: 20px !important;}
  

#process-thead > tr:nth-child(1){
border-radius: 20px !important;}
   

#process-thead:hover {background-color: #df6107 !important;}
  

#column-memory-resident{
font-weight: bold !important;
color: #ffffff !important;
border-left: none !important;
border-right: none !important;
min-width: 7em !important;
text-align: right !important;}
   

#process-thead > tr:nth-child(1) > td:nth-child(5){
border-top-right-radius: 20px !important;
border-bottom-right-radius: 20px !important;
border-left: none !important;}
   

#column-name{
color: #ffffff !important;
font-weight: bold !important;
border-top-left-radius: 20px !important;
border-bottom-left-radius: 20px !important;
border-right: none !important;
padding-left: 55px !important;}
   

#column-cpu-total{
font-weight: bold !important;
color: #ffffff !important;
border-left: none !important;
border-right: none !important;
text-align: right !important;}
    

#column-kill{
font-weight: bold !important;
color: #ffffff !important;
padding-right: 15px !important;
border-left: none !important;
border-right: none !important;
border-top-right-radius: 20px !important;
border-bottom-right-radius: 20px !important;}
    

#process-tbody > tr:nth-child(n+1):hover{
background-color: #ffffcc !important;}
    

tr.window:nth-child(n+1) > td:nth-child(4),
tr.process:nth-child(n+1) > td:nth-child(4)
{fill: red !important;
background-color: #fffff0 !important;}
     

tr.window:nth-child(n+1) > td:nth-child(4):hover,
tr.process:nth-child(n+1) > td:nth-child(4):hover
{fill: red !important;
background-color: #ffffcc !important;}
   

tr:nth-child(odd){
background-color: #f0f8ff !important;}
}

Alles anzeigen

Habe gleich noch einen Fehler in Deinem Code beseitigt.
:wink:

Mfg.
Endor

2002Andreas

Zitat von Endor

Teste mal:

Sollte das noch nicht passen, kannst du diesen Code ja auch mal testen.

In Zeile 57 kannst du den Wert noch anpassen.

CSS

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url(about:processes){


html{background: #ffffff !important;}


#process-table:before {
content: "Boersenfegers Firefox Prozessverwaltung";
margin-left: 510px !important;
font-weight:bold !important;
font-size: 20px !important;
color:red !important;
line-height: 4 !important;}


#process-tbody{
max-height: 650px!important;
overflow-y: auto !important;
margin-right: -7px !important;
margin-top: 40px !important;}


/* Zum Ausblenden der Symbolleiste rechts unten stehenden CSS Code aktivieren */
/* Hinweis, wenn aktiv kann nur mit Maus gescrollt werden, nicht mit Tastatur */


/* #process-tbody{scrollbar-width: none !important;} */


#process-table{
position: fixed !important;
margin-left: 30px !important;
margin-right: auto !important;
justify-content: center!important;
align-items: center!important;
max-width: 1690px !important;
height: auto !important;
margin-top: 40px !important;
margin-bottom: 20px !important;
padding-bottom: 30px !important;
padding-top: 10px !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;}


#process-thead{
background: #ee7621 !important;
min-width: 102em !important;
max-width: 1630px !important;
margin-left: -20px !important;
border-radius: 20px !important;}


#process-thead > tr:nth-child(1){
border-radius: 20px !important;}


#process-thead:hover {background-color: #df6107 !important;}


#column-memory-resident{
font-weight: bold !important;
color: #ffffff !important;
border-left: none !important;
border-right: none !important;
min-width: 7em !important;
text-align: center !important;}


#process-thead > tr:nth-child(1) > td:nth-child(5){
border-top-right-radius: 20px !important;
border-bottom-right-radius: 20px !important;
border-left: none !important;}


#column-name{
color: #ffffff !important;
font-weight: bold !important;
border-top-left-radius: 20px !important;
border-bottom-left-radius: 20px !important;
border-right: none !important;
padding-left: 55px !important;}


#column-cpu-total{
font-weight: bold !important;
color: #ffffff !important;
border-left: none !important;
border-right: none !important;
text-align: center !important;}


#column-kill{
font-weight: bold !important;
color: #ffffff !important;
padding-right: 15px !important;
border-left: none !important;
border-right: none !important;
border-top-right-radius: 20px !important;
border-bottom-right-radius: 20px !important;}


#process-tbody > tr:nth-child(n+1):hover{
background-color: #ffffcc !important;}


tr.window:nth-child(n+1) > td:nth-child(4),
tr.process:nth-child(n+1) > td:nth-child(4)
{fill: red !important;
background-color: #fffff0 !important;}


tr.window:nth-child(n+1) > td:nth-child(4):hover,
tr.process:nth-child(n+1) > td:nth-child(4):hover
{fill: red !important;
background-color: #ffffcc !important;}

tr:nth-child(odd){
background-color: #f0f8ff !important;}
}

Alles anzeigen

Boersenfeger

Endor: Welche Zeile muss ich verändern, wenn der Wert noch nicht ganz passt?

Wg. Fehler: Muss dann ein Kopierfehler sein, denn ich hatte die Codes rauskopiert...

2002Andreas: Vielen Dank auch für deinen Vorschlag, aber ich hatte mit Endors angefangen und möchte auch dabei bleiben.

2002Andreas

Zitat von Boersenfeger

möchte auch dabei bleiben.

Alles ok

Endor

Boersenfeger.

Dann wirst Du umstellen müssen auf die Lösung von 2002Andreas.

Ich habe nur die Ausrichtung von zentriert auf rechts geändert.

text-align: center !important;

nach

text-align: right !important;

Mfg.
Endor

Boersenfeger

Ah, ok, dann teste ich doch mal den Code von 2002Andreas

Aber ich kriegs nicht so hin...

Zeile 55-60

CSS

#process-thead{
background: #ee7621 !important;
min-width: 108em !important;
max-width: 1500px !important;
margin-left: -10px !important;
border-radius: 20px !important;}

FuchsFan

Zitat von Boersenfeger

Aber ich kriegs nicht so hin...

Du müsstest erst einmal im Code von Andres hinter Zeile 63 das background: #ee7621 !important; einfügen, dann hat oben die Leiste wieder den bräunlichen Hintergrund.

Überfahre mit der Maus die einzelnen Felder (Name, usw.), dann siehst du die Breite. Mit[/tt]text-align: center !important;[/tt] stehen dort die Bezeichnungen genau im Zentrum. Anders habe ich es auch nicht verändern können.

Endor

Boersenfeger

Bitte nochmal testen, glaube es müsste jetzt passen.

CSS

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url(about:processes){


html{background: #ffffff !important;}


#process-table:before {
content: "Boersenfegers Firefox Prozessverwaltung";
margin-left: 510px !important;
font-weight:bold !important;
font-size: 20px !important;
color:red !important;
line-height: 4 !important;}


#process-tbody{
max-height: 650px!important;
overflow-y: auto !important;
margin-right: -7px !important;
margin-top: 40px !important;}


/* Zum Ausblenden der Symbolleiste rechts unten stehenden CSS Code aktivieren */
/* #process-tbody{scrollbar-width: none !important;} */


#process-table{
position: fixed !important;
margin-left: 30px !important;
margin-right: auto !important;
justify-content: center!important;
align-items: center!important;
max-width: 1690px !important;
height: auto !important;
margin-top: 40px !important;
margin-bottom: 20px !important;
padding-bottom: 30px !important;
padding-top: 10px !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;}


#process-thead{
background: #ee7621 !important;
max-width: 1630px !important;
margin-left: -20px !important;
border-radius: 20px !important;}


#process-thead > tr:nth-child(1){
border-radius: 20px !important;}


#process-thead:hover {background-color: #df6107 !important;}


#process-thead > tr:nth-child(1) > td:nth-child(5){
border-top-right-radius: 20px !important;
border-bottom-right-radius: 20px !important;
border-left: none !important;}


#column-name{
color: #ffffff !important;
font-weight: bold !important;
border-top-left-radius: 20px !important;
border-bottom-left-radius: 20px !important;
border-right: none !important;
padding-left: 55px !important;}


#column-memory-resident{
font-weight: bold !important;
color: #ffffff !important;
border-left: none !important;
border-right: none !important;
text-align: right !important;
padding-right: 0px  !important;}


#column-cpu-total{
font-weight: bold !important;
color: #ffffff !important;
border-left: none !important;
border-right: none !important;
text-align: right !important;
padding-right:  40px  !important;}


#column-kill{
font-weight: bold !important;
color: #ffffff !important;
padding-right: 25px !important;
border-left: none !important;
border-right: none !important;
border-top-right-radius: 20px !important;
border-bottom-right-radius: 20px !important;}


#process-tbody > tr:nth-child(n+1):hover{
background-color: #ffffcc !important;}


tr.window:nth-child(n+1) > td:nth-child(4),
tr.process:nth-child(n+1) > td:nth-child(4)
{fill: red !important;
background-color: #fffff0 !important;}


tr.window:nth-child(n+1) > td:nth-child(4):hover,
tr.process:nth-child(n+1) > td:nth-child(4):hover
{fill: red !important;
background-color: #ffffcc !important;}


tr:nth-child(odd){
background-color: #f0f8ff !important;}
}

Alles anzeigen

Mfg.
Endor

FuchsFan

Zitat von Endor

Bitte nochmal testen, glaube es müsste jetzt passen.

Ich sage auch Dankeschön, nun passt alles.

Endor

Kurze Frage, sieht bei Euch about:neterror seit Firefox 84 auch so aus:

In Firefox 83 sah das noch ganz anders aus.
Ist irgendwie auch fehlerhaft. Bild stammt aus einem leeren Profil

keinerlei Anpassung oder sonstiges.

Mfg.

Endor

2002Andreas

Zitat von Endor

sieht bei Euch

Ja.

Ist aber in der Beta auch so.

Außerdem wird mir ein Seiten-Ladefehler angezeigt.

Boersenfeger

Prima, jetzt passt es auch hier!

Vielen Dank an beide

2002Andreas

Zitat von Endor

Kurze Frage

Unter

about:about

wird die Seite auch nicht mehr aufgeführt.

Endor

Ja stimmt.

Ist auch im Nightly so.

Danke an alle für die schnelle Antwort.

Mfg.
Endor

Boersenfeger

Hier auch...

Zitat

https://hg.mozilla.org/mozilla-centra…6a748ffd2d200bb

Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:86.0) Gecko/20100101 Firefox/86.0 ID:20201227212342

Endor

Danke Boersenfeger.

Jetzt wäre es gut zu wissen, ob die Seite about:neterror ganz weg kommt,

oder ob da ein Fehler vorliegt?

Vielleicht hat da Sören Hentzschel mehr Informationen.

Mfg.
Endor

Boersenfeger

Ich starte jetzt mal Nightly neu, denn das gestrige 2. UpDate ist reingeflattert. Melde mich gleich wieder...

Edit: Keine Änderung..

About Seiten mit CSS Codes anpassen

Ähnliche Themen

Mehrzeilige Tableiste für aktuelle Firefox-Versionen

Addons Manager Nightly