about:welcome müsste wieder passen:
Passt!
about:welcome müsste wieder passen:
Passt!
Kommt die Seite about:glean erst mit einer "neueren" Version vom Firefox dazu?
Kommt die Seite about:glean erst mit einer "neueren" Version vom Firefox dazu?
Ja. Im Nightly findest du die schon (beta weiß ich nicht...).
Die Seite gibt es bereits seit Firefox 81:
Wenn du grad dabei bist....
Ich nutze den Code von Endor so nicht, aber habe mal die Stellen angepasst, dass alles wieder richtig geordnet ist.
Kannst ja mal mit Deinem Code vergleichen.
/* AGENT_SHEET */
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url("about:about") {
html {background: #FFFFFF !important;}
ul.columns {
column-count: 3 !important;
column-gap: 20px !important;
margin: -70px 0 0 0 !important;
min-height: 480px !important;
}
body{
background-color: #fffff0 !important;
max-width: 1320px !important;
min-height: 600px !important;
/* height: auto !important; */
margin-top: 70px !important;
margin-bottom: 30px !important;
margin-left: 80px !important;
padding-top: 45px !important;
padding-left: 25px !important;
padding-right: 25px !important;
padding-bottom: 65px !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;}
.container > h1:nth-child(1){
margin-left: 150px !important;
color: blue !important;
font-size: 24px !important;
font-weight: bold !important;}
ul{list-style: none !important;}
#abouts{
min-width: 1120px !important;
background-color: #ffffff !important;
margin-left: -200px !important;
margin-top: 25px !important;
padding-top: 25px !important;
padding-left: 25px !important;
padding-right: 25px !important;
padding-bottom: 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 {margin-left: 160px !important; font-size:15px!important;}
h1::before {
content: "Endors Firefox: ";
font-weight:bold !important;
color:red !important;
margin-left: 80px !important;}
a{
text-decoration:none!important;
color:black!important;}
/* Breite der Schaltflächen */
#abouts > li:nth-child(n+1){
min-width: 170px !important;
max-width: 170px !important;
}
/* Die ersten 14 */
#abouts > li:nth-child(-n+16){
appearance:none!important;
background: #efefef url("..//icons/Bild3.png")no-repeat !important;
color:transparent!important;
font-size:14px!important;
text-decoration:none!important;
margin-top:3px!important;
margin-bottom: 5px !important;
margin-right:20px!important;
margin-left: 55px !important;
padding-right: 45px !important;
padding-left:40px!important;
padding-top: 1px!important;
padding-bottom: 2px!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;
background-position:14px 2px!important;
border-radius:14px!important;}
/* Die ersten 14 hover */
#abouts > li:nth-child(-n+16):hover{
appearance:none!important;
background: #B2EDFA url("..//icons/Bild3.png")no-repeat !important;
color:transparent!important;
font-size:14px!important;
text-decoration:none!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;
border-style: outset !important;
border-width:2px !important;
background-position:14px 2px!important;
border-radius:14px!important;}
/* Die mittleren 14 */
#abouts > li:nth-child(n+16){
appearance:none!important;
background: #efffbf url("..//icons/Bild3.png")no-repeat !important;
color:transparent!important;
font-size:14px!important;
text-decoration:none!important;
margin-top:3px!important;
margin-bottom: 5px !important;
margin-right:5px!important;
margin-left: 70px !important;
padding-right: 25px !important;
padding-left:40px!important;
padding-top: 1px!important;
padding-bottom: 2px!important;
border-left-color: #79d279 !important;
border-top-color: #79d279 !important;
border-right-color: #009900 !important;
border-bottom-color: #009900 !important;
border-style: outset !important;
border-width:2px !important;
background-position:14px 2px!important;
border-radius:14px!important;}
/* Die mittleren 14 hover */
#abouts > li:nth-child(n+16):hover{
appearance:none!important;
background: #B2EDFA url("..//icons/Bild3.png")no-repeat !important;
color:transparent!important;
font-size:14px!important;
text-decoration:none!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;
border-style: outset !important;
border-width:2px !important;
background-position:14px 2px!important;
border-radius:14px!important;}
/* Die letzten 14 */
#abouts > li:nth-child(n+31){
appearance:none!important;
background: cornsilk url("..//icons/Bild3.png")no-repeat !important;
color:transparent!important;
font-size:14px!important;
margin-top:3px!important;
margin-bottom: 5px !important;
margin-right:45px!important;
padding-left:40px!important;
padding-top: 1px!important;
padding-bottom: 2px!important;
border-left-color: #ffb2b2 !important;
border-top-color: #ffb2b2 !important;
border-right-color: #8d0000 !important;
border-bottom-color: #8d0000 !important;
border-style: outset !important;
border-width:2px !important;
background-position:14px 2px!important;
border-radius:14px!important;}
/* Die letzten 14 hover */
#abouts > li:nth-child(n+31):hover{
appearance:none!important;
background: #B2EDFA url("..//icons/Bild3.png")no-repeat !important;
color:transparent!important;
font-size:14px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;
border-style: outset !important;
border-width:2px !important;
background-position:14px 2px!important;
border-radius:14px!important;}
}
Alles anzeigen
Die Seite gibt es bereits seit Firefox 81:
Und warum wird dieser Link nicht in about:about angezeigt?
Habe ich da etwa einen Fehler in meinem CSS?
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url("about:about") {
html {
background: #292c2f !important;
}
ul.columns {
column-count: 3 !important;
column-gap: 0 !important;
margin: 0 !important;
}
body {
background-color: #292c2f !important;
max-width: 1320px !important;
min-height: 600px !important;
height: auto !important;
margin: 4em auto !important;
padding-top: 5px !important;
padding-left: 25px !important;
padding-right: 25px !important;
padding-bottom: 25px !important;
border-color: #5b5b66 !important;
border-radius: 20px !important;
border-width: 3px !important;
border-style: outset !important;
}
/*--------------------------------*/
/* Anpassungen "Über About" */
/*--------------------------------*/
.container > h1:nth-child(1) {
margin-block: 15px !important;
text-align: center !important;
padding-bottom: 15px !important;
color: #ff9600 !important;
font-size: 24px !important;
font-weight: bold !important;
}
ul {
list-style: none !important;
}
/*-------------------------------*/
/* Anpassungen am Text */
/*-------------------------------*/
p {
margin-left: 160px !important;
font-size:15px!important;
color: #e1e1e1 !important;
padding-bottom: 25px !important;
}
/*-----------------------------*/
/* Anpassungen der Buttons */
/*-----------------------------*/
ul > li > a {
display: block !important;
margin-right: -20px !important;
}
:link {
display: block !important;
padding-left: 50px !important;
margin-left: -45px !important;
}
/*-----------------------------*/
/* Inneres Feld */
/*-----------------------------*/
#abouts {
min-width: 1120px !important;
background-color: #292c2f !important;
margin-left: -200px !important;
margin-top: 5px !important;
padding-top: 15px !important;
padding-left: 25px !important;
padding-right: 25px !important;
padding-bottom: 35px !important;
border-color: #5b5b66 !important;
border-radius: 20px !important;
border-width: 3px !important;
border-style: outset !important;
}
a {
text-decoration:none!important;
}
/* Breite der Schaltflächen */
#abouts > li:nth-child(n+1) {
min-width: 170px !important;
max-width: 170px !important;
display: block !important;
}
/* Die ersten 14 */
#abouts > li:nth-child(-n+16) {
background: #292c2f !important;
margin-top:3px!important;
margin-bottom: 5px !important;
margin-left: 55px !important;
padding-right: 15px !important;
padding-left: 40px !important;
padding-top: 1px!important;
padding-bottom: 2px!important;
border-color: #e1e1e1 !important;
border-style: solid !important;
border-width:2px !important;
border-radius:8px!important;
}
#abouts > li:nth-child(-n+16) > a {
color: #e1e1e1 !important;
}
/* Die ersten 14 hover */
#abouts > li:nth-child(-n+16):hover {
background: #5b5b66 !important;
border-color: #ff9600 !important;
}
#abouts > li:nth-child(-n+16):hover > a {
color: #e1e1e1 !important;
}
/* Die mittleren 14 */
#abouts > li:nth-child(n+16){
background: #292c2f !important;
margin-top:3px!important;
margin-bottom: 5px !important;
margin-left: 55px !important;
padding-right: 15px !important;
padding-left: 40px !important;
padding-top: 1px!important;
padding-bottom: 2px!important;
border-color: #e1e1e1 !important;
border-style: solid !important;
border-width:2px !important;
border-radius:8px!important;
}
#abouts > li:nth-child(n+16) > a {
color: #e1e1e1 !important;
}
/* Die mittleren 14 hover */
#abouts > li:nth-child(n+16):hover {
background: #5b5b66 !important;
border-color: #ff9600 !important;
}
#abouts > li:nth-child(n+16):hover > a {
color: #e1e1e1 !important;
}
/* Die letzten 14 */
#abouts > li:nth-child(n+31){
background: #292c2f !important;
margin-top:3px!important;
margin-bottom: 5px !important;
margin-left: 55px !important;
padding-right: 15px !important;
padding-left: 40px !important;
padding-top: 1px!important;
padding-bottom: 2px!important;
border-color: #e1e1e1 !important;
border-style: solid !important;
border-width:2px !important;
border-radius:8px!important;
}
#abouts > li:nth-child(n+31) > a {
color: #e1e1e1 !important;
}
/* Die letzten 14 hover */
#abouts > li:nth-child(n+31):hover {
background: #5b5b66 !important;
border-color: #ff9600 !important;
}
#abouts > li:nth-child(n+31):hover > a {
color: #e1e1e1 !important;
}
}
Alles anzeigen
Habe ich da etwa einen Fehler in meinem CSS?
Eigentlich nicht, im Nightly mit Deinem Code.
Edit:
In Version 109 nur über Url-Bar aufrufbar, wird nicht unter about angezeigt.
Eventuell ist das die Begründung:
"
Das Glean SDK ist eine Datenerhebungs-Bibliothek, die in Mozilla-Produkten verwendet wird. Diese Seite ist für Entwickler und Tester, die den Debugging- und Logging-Status im Glean SDK konfigurieren müssen.
Ein Missbrauch dieser Schnittstelle kann zum Absturz von Firefox führen. "
Supi, vielen Dank...
Gerne doch.
Alles anzeigenHabe ich da etwa einen Fehler in meinem CSS?
Eigentlich nicht, im Nightly mit Deinem Code.
Edit:
In Version 109 nur über Url-Bar aufrufbar, wird nicht unter about angezeigt.
Eventuell ist das die Begründung: ...
Besten Dank für die Überprüfung.
Hallo FuchsFan.
Danke fürs Aushelfen bei Boersenfeger
about:logging
CSS Code:
/* AGENT_SHEET */
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url(about:logging){
html{background:#ffffff !important;}
.main-content::before {content: "Design by Endor";
margin-left: 430px;
font-size: 25px;
font-weight: bold;
color: red;}
.main-content {
padding-top: 40px !important;}
#logging{margin-top: 45px !important;}
#body{
margin-left: auto !important;
margin-right: auto !important;
max-width: 1200px !important; /* Breite anpassen - gelle Boersenfeger */
max-height: 700px !important;
margin-top: 40px !important;
margin-bottom: 20px !important;
padding-bottom: 30px !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;}
#start-logging-button{
appearance:none!important;
background: #F0F0F0 url("..//icons/Play.png")no-repeat !important;
padding-left:35px!important;
padding-right:20px!important;
margin-top: 15px !important;
background-position:14px 9px!important;
font-size:14.0px!important;
border-style: outset !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-radius:12px !important;
color:black !important;
}
#start-logging-button:hover{
appearance:none!important;
background: #B2EDFA url("..//icons/Play.png")no-repeat !important;
background-position:14px 9px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}
#stop-logging-button{
appearance:none!important;
background: #F0F0F0 url("..//icons/PLayer-Stop.png")no-repeat !important;
padding-left:35px!important;
padding-right:20px!important;
margin-top: 15px !important;
background-position:14px 9px!important;
font-size:14.0px!important;
border-style: outset !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-radius:12px !important;
color:black !important;}
#stop-logging-button:hover{
appearance:none!important;
background: #B2EDFA url("..//icons/PLayer-Stop.png")no-repeat !important;
background-position:14px 9px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}
#open-log-file-button{
appearance:none!important;
background: #F0F0F0 url("..//icons/Bild12.png")no-repeat !important;
padding-left:35px!important;
padding-right:20px!important;
margin-top: 15px !important;
background-position:14px 9px!important;
font-size:14.0px!important;
border-style: outset !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-radius:12px !important;
color:black !important; }
#open-log-file-button:hover{
appearance:none!important;
background: #B2EDFA url("..//icons/Bild12.png")no-repeat !important;
background-position:14px 9px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}
#set-log-file-button{
appearance:none!important;
background: #F0F0F0 url("..//icons/Bild13.png")no-repeat !important;
margin-left: 5px !important;
padding-left:35px!important;
padding-right:20px!important;
background-position:14px 9px!important;
font-size:14px!important;
border-style: outset !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-radius:12px !important;
color:black !important;}
#set-log-file-button:hover{
appearance:none!important;
background: #B2EDFA url("..//icons/Bild13.png")no-repeat !important;
background-position:14px 9px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}
#set-log-modules-button{
appearance:none!important;
background: #F0F0F0 url("..//icons/Bild13.png")no-repeat !important;
margin-left: 25px !important;
padding-left:35px!important;
padding-right:20px!important;
background-position:14px 9px!important;
font-size: 14px!important;
border-style: outset !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-radius:12px !important;
color:black !important;}
#set-log-modules-button:hover{
appearance:none!important;
background: #B2EDFA url("..//icons/Bild13.png")no-repeat !important;
background-position:14px 9px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}
#log-tutorial > a:nth-child(1){
appearance:none!important;
background: #F0F0F0 url("..//icons/Bild13.png")no-repeat !important;
margin-top: 8px !important;
padding-left:35px !important;
padding-right:20px !important;
padding-top: 5px !important;
padding-bottom: 5px !important;
text-decoration: none !important;
background-position:14px 6px!important;
font-size:14.0px!important;
border-style: outset !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-radius:12px !important;
color:black !important;}
#log-tutorial > a:nth-child(1):hover{
appearance:none!important;
background: #B2EDFA url("..//icons/Bild13.png")no-repeat !important;
background-position:14px 6px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}
}
Alles anzeigen
Symbole:
Mfg.
Endor
Danke fürs Aushelfen bei Boersenfeger
Arbeitsteilung!
Danke, für den neuen Code.
In diesem musste ich beim Nightly einen Selektor (für Button) ändern.
#start-logging-button nach #toggle-logging-button
Dann gibt es da noch den Button "Netzwerkverbindungen", den ich nachträglich angelegt habe.
#logging-preset-dropdown
Hallo FuchsFan
Danke für die Info. Ja im Nigthly muss ich da noch etwas
anpassen. Melde mich.
Mfg.
Endor
In diesem musste ich beim Nightly einen Selektor (für Button) ändern.
#start-logging-button nach #toggle-logging-button
Dann gibt es da noch den Button "Netzwerkverbindungen", den ich nachträglich angelegt habe.
#logging-preset-dropdown
Wie sieht der Code dann aus mit den Netzwerkverbindungen?
Wie sieht der Code dann aus mit den Netzwerkverbindungen?
Ist nur eine Vorab-Version.
Danke, ich wollte eigentlich den Code für den Abschnitt "Netzwerkverbindungen"
Danke, ich wollte eigentlich den Code für den Abschnitt "Netzwerkverbindungen"
Wusste ich, aber Endor arbeitet ja noch dran, deswegen wollte ich nicht vorgreifen.
Bitte!
#logging-preset-dropdown{
appearance:none!important;
background: #F0F0F0 url("..//icons/Bild13.png")no-repeat !important;
margin-top: 8px !important;
padding-left:35px !important;
padding-right:20px !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
text-decoration: none !important;
background-position:10px 6px!important;
font-size:14.0px!important;
border-style: outset !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-radius:24px !important;
color:black !important;}
#logging-preset-dropdown:hover{
appearance:none!important;
background: #B2EDFA url("..//icons/Bild13.png")no-repeat !important;
background-position:10px 6px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}
Alles anzeigen
Dankeschön...
Ergebnis:
Oben fehlt das Icon und unten ist die Buttonbeschriftung nicht fett wie bei den anderen.
Hier der breitenangepasste Code :
/* About_Logging */
/* AGENT_SHEET */
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url(about:logging){
html{background:#ffffff !important;}
.main-content::before {content: "Boersenfegers Logging";
margin-left: 430px;
font-size: 25px;
font-weight: bold;
color: red;}
.main-content {
padding-top: 40px !important;}
#logging{margin-top: 45px !important;}
#body{
margin-left: auto !important;
margin-right: auto !important;
max-width: 1550px !important;
max-height: 700px !important;
margin-top: 40px !important;
margin-bottom: 20px !important;
padding-bottom: 30px !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;}
#toggle-logging-button{
appearance:none!important;
background: #F0F0F0 url("..//icons/Play.png")no-repeat !important;
padding-left:35px!important;
padding-right:20px!important;
margin-top: 15px !important;
background-position:14px 9px!important;
font-size:14.0px!important;
border-style: outset !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-radius:12px !important;
color:black !important;
}
#start-logging-button:hover{
appearance:none!important;
background: #B2EDFA url("..//icons/Play.png")no-repeat !important;
background-position:14px 9px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}
#stop-logging-button{
appearance:none!important;
background: #F0F0F0 url("..//icons/PLayer-Stop.png")no-repeat !important;
padding-left:35px!important;
padding-right:20px!important;
margin-top: 15px !important;
background-position:14px 9px!important;
font-size:14.0px!important;
border-style: outset !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-radius:12px !important;
color:black !important;}
#stop-logging-button:hover{
appearance:none!important;
background: #B2EDFA url("..//icons/PLayer-Stop.png")no-repeat !important;
background-position:14px 9px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}
#open-log-file-button{
appearance:none!important;
background: #F0F0F0 url("..//icons/Bild12.png")no-repeat !important;
padding-left:35px!important;
padding-right:20px!important;
margin-top: 15px !important;
background-position:14px 9px!important;
font-size:14.0px!important;
border-style: outset !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-radius:12px !important;
color:black !important; }
#open-log-file-button:hover{
appearance:none!important;
background: #B2EDFA url("..//icons/Bild12.png")no-repeat !important;
background-position:14px 9px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}
#set-log-file-button{
appearance:none!important;
background: #F0F0F0 url("..//icons/Bild13.png")no-repeat !important;
margin-left: 5px !important;
padding-left:35px!important;
padding-right:20px!important;
background-position:14px 9px!important;
font-size:14px!important;
border-style: outset !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-radius:12px !important;
color:black !important;}
#set-log-file-button:hover{
appearance:none!important;
background: #B2EDFA url("..//icons/Bild13.png")no-repeat !important;
background-position:14px 9px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}
#set-log-modules-button{
appearance:none!important;
background: #F0F0F0 url("..//icons/Bild13.png")no-repeat !important;
margin-left: 25px !important;
padding-left:35px!important;
padding-right:20px!important;
background-position:14px 9px!important;
font-size: 14px!important;
border-style: outset !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-radius:12px !important;
color:black !important;}
#set-log-modules-button:hover{
appearance:none!important;
background: #B2EDFA url("..//icons/Bild13.png")no-repeat !important;
background-position:14px 9px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}
#log-tutorial > a:nth-child(1){
appearance:none!important;
background: #F0F0F0 url("..//icons/Bild13.png")no-repeat !important;
margin-top: 8px !important;
padding-left:35px !important;
padding-right:20px !important;
padding-top: 5px !important;
padding-bottom: 5px !important;
text-decoration: none !important;
background-position:14px 6px!important;
font-size:14.0px!important;
border-style: outset !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-radius:12px !important;
color:black !important;}
#log-tutorial > a:nth-child(1):hover{
appearance:none!important;
background: #B2EDFA url("..//icons/Bild13.png")no-repeat !important;
background-position:14px 6px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}
#logging-preset-dropdown{
appearance:none!important;
background: #F0F0F0 url("..//icons/Bild13.png")no-repeat !important;
margin-top: 8px !important;
padding-left:35px !important;
padding-right:20px !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
text-decoration: none !important;
background-position:10px 6px!important;
font-size:14.0px!important;
border-style: outset !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-radius:24px !important;
color:black !important;}
#logging-preset-dropdown:hover{
appearance:none!important;
background: #B2EDFA url("..//icons/Bild13.png")no-repeat !important;
background-position:10px 6px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}
}
Alles anzeigen
Hallo Boersenfeger.
Teste mal meinen Code, eben fertig gemacht.
/* AGENT_SHEET */
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url(about:logging){
html{background:#ffffff !important;}
.main-content::before {content: "Design by Endor";
margin-left: 300px;
font-size: 25px;
font-weight: bold;
color: red;}
.main-content {
padding-top: 40px !important;
scrollbar-width: none !important;}
#logging{margin-top: 45px !important;}
#body{
margin-left: auto !important;
margin-right: auto !important;
max-width: 1450px !important; /* Breite anpassen - gelle Boersenfeger */
margin-top: 35px !important;
margin-bottom: 20px !important;
padding-bottom: 30px !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;}
h1{
color: #cc0000 !important;
font-size: 26px !important;
font-weight: bold !important;
margin-left: 15px !important;}
h2{
color: #1a75ff !important;
font-weight: bold !important;
font-size: 17px !important;
margin-left: 8px !important;}
#toggle-logging-button{
appearance:none!important;
background: #F0F0F0 url("..//icons/Play.png")no-repeat !important;
padding-left:45px!important;
padding-right:20px!important;
margin-top: 10px !important;
margin-left: 10px !important;
background-position:14px 7px!important;
font-size:14.0px!important;
border-style: outset !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-radius:12px !important;
color:black !important;}
#toggle-logging-button:hover{
appearance:none!important;
background: #B2EDFA url("..//icons/Play.png")no-repeat !important;
background-position:14px 7px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}
#stop-logging-button{
appearance:none!important;
background: #F0F0F0 url("..//icons/PLayer-Stop.png")no-repeat !important;
padding-left:35px!important;
padding-right:20px!important;
margin-top: 15px !important;
background-position:14px 9px!important;
font-size:14.0px!important;
border-style: outset !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-radius:12px !important;
color:black !important;}
#stop-logging-button:hover{
appearance:none!important;
background: #B2EDFA url("..//icons/PLayer-Stop.png")no-repeat !important;
background-position:14px 9px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}
#open-log-file-button{
appearance:none!important;
background: #F0F0F0 url("..//icons/Bild12.png")no-repeat !important;
padding-left:35px!important;
padding-right:20px!important;
margin-top: 15px !important;
background-position:14px 9px!important;
font-size:14.0px!important;
border-style: outset !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-radius:12px !important;
color:black !important; }
#open-log-file-button:hover{
appearance:none!important;
background: #B2EDFA url("..//icons/Bild12.png")no-repeat !important;
background-position:14px 9px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}
#set-log-file-button{
appearance:none!important;
background: #F0F0F0 url("..//icons/Bild13.png")no-repeat !important;
margin-left: 5px !important;
padding-left:35px!important;
padding-right:20px!important;
background-position:14px 9px!important;
font-size:14px!important;
border-style: outset !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-radius:12px !important;
color:black !important;}
#set-log-file-button:hover{
appearance:none!important;
background: #B2EDFA url("..//icons/Bild13.png")no-repeat !important;
background-position:14px 9px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}
#logging-preset-dropdown{
appearance:none !important;
height: 30px !important;
background: #F0F0F0 url("..//icons/network.png")no-repeat !important;
margin-left: 5px !important;
padding-left: 40px !important;
padding-right:20px !important;
padding-top: 0px !important;
background-position:14px 7px!important;
font-size:14px!important;
border-style: outset !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-radius:12px !important;
color:black !important;}
#logging-preset-dropdown:hover{
appearance:none!important;
background: #B2EDFA url("..//icons/network.png")no-repeat !important;
background-position:14px 7px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}
#log-modules{
margin-left: -5px !important;
margin-top: 10px !important;}
#logging-preset-description{
margin-left: -6px !important;
margin-top: 10px !important;}
#current-log-modules{
margin-left: -6px !important;
margin-top: 10px !important;}
#set-log-modules-button{
appearance:none!important;
background: #F0F0F0 url("..//icons/Bild13.png")no-repeat !important;
margin-top: 15px !important;
margin-left: -5px !important;
padding-left:40px!important;
padding-right:20px!important;
background-position:14px 8px!important;
font-size: 14px!important;
border-style: outset !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-radius:12px !important;
color:black !important;}
#set-log-modules-button:hover{
appearance:none!important;
background: #B2EDFA url("..//icons/Bild13.png")no-repeat !important;
background-position:14px 8px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}
#log-tutorial > a:nth-child(1){
appearance:none!important;
background: #F0F0F0 url("..//icons/Bild13.png")no-repeat !important;
margin-top: 8px !important;
padding-left:35px !important;
padding-right:20px !important;
padding-top: 5px !important;
padding-bottom: 5px !important;
text-decoration: none !important;
background-position:14px 6px!important;
font-size:14.0px!important;
border-style: outset !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-radius:12px !important;
color:black !important;}
#log-tutorial > a:nth-child(1):hover{
appearance:none!important;
background: #B2EDFA url("..//icons/Bild13.png")no-repeat !important;
background-position:14px 6px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}
}
Alles anzeigen
ein neues Symbol:
Mfg.
Endor
Nachmals testen bitte:
/* AGENT_SHEET */
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url(about:logging){
html{background:#ffffff !important;}
.main-content::before {content: "Design by Endor";
margin-left: 300px;
font-size: 25px;
font-weight: bold;
color: red;}
.main-content {
padding-top: 40px !important;
scrollbar-width: none !important;}
#logging{margin-top: 45px !important;}
#body{
margin-left: auto !important;
margin-right: auto !important;
max-width: 1450px !important; /* Breite anpassen - gelle Boersenfeger */
/*max-height: 700px !important;*/
margin-top: 35px !important;
margin-bottom: 20px !important;
padding-bottom: 30px !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;}
h1{
color: #cc0000 !important;
font-size: 26px !important;
font-weight: bold !important;
margin-left: 15px !important;}
h2{
color: #1a75ff !important;
font-weight: bold !important;
font-size: 17px !important;
margin-left: 8px !important;}
#start-logging-button{
appearance:none!important;
background: #F0F0F0 url("..//icons/Play.png")no-repeat !important;
padding-left:35px!important;
padding-right:20px!important;
margin-top: 15px !important;
background-position:14px 9px!important;
font-size:14.0px!important;
border-style: outset !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-radius:12px !important;
color:black !important;
}
#start-logging-button:hover{
appearance:none!important;
background: #B2EDFA url("..//icons/Play.png")no-repeat !important;
background-position:14px 9px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}
#toggle-logging-button{
appearance:none!important;
background: #F0F0F0 url("..//icons/Play.png")no-repeat !important;
padding-left:45px!important;
padding-right:20px!important;
margin-top: 10px !important;
margin-left: 10px !important;
background-position:14px 7px!important;
font-size:14.0px!important;
border-style: outset !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-radius:12px !important;
color:black !important;}
#toggle-logging-button:hover{
appearance:none!important;
background: #B2EDFA url("..//icons/Play.png")no-repeat !important;
background-position:14px 7px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}
#stop-logging-button{
appearance:none!important;
background: #F0F0F0 url("..//icons/PLayer-Stop.png")no-repeat !important;
padding-left:35px!important;
padding-right:20px!important;
margin-top: 15px !important;
background-position:14px 9px!important;
font-size:14.0px!important;
border-style: outset !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-radius:12px !important;
color:black !important;}
#stop-logging-button:hover{
appearance:none!important;
background: #B2EDFA url("..//icons/PLayer-Stop.png")no-repeat !important;
background-position:14px 9px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}
#open-log-file-button{
appearance:none!important;
background: #F0F0F0 url("..//icons/Bild12.png")no-repeat !important;
padding-left:35px!important;
padding-right:20px!important;
margin-top: 15px !important;
background-position:14px 9px!important;
font-size:14.0px!important;
border-style: outset !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-radius:12px !important;
color:black !important; }
#open-log-file-button:hover{
appearance:none!important;
background: #B2EDFA url("..//icons/Bild12.png")no-repeat !important;
background-position:14px 9px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}
#set-log-file-button{
appearance:none!important;
background: #F0F0F0 url("..//icons/Bild13.png")no-repeat !important;
margin-left: 5px !important;
padding-left:35px!important;
padding-right:20px!important;
background-position:14px 9px!important;
font-size:14px!important;
border-style: outset !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-radius:12px !important;
color:black !important;}
#set-log-file-button:hover{
appearance:none!important;
background: #B2EDFA url("..//icons/Bild13.png")no-repeat !important;
background-position:14px 9px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}
#logging-preset-dropdown{
appearance:none !important;
height: 30px !important;
background: #F0F0F0 url("..//icons/network.png")no-repeat !important;
margin-left: 5px !important;
padding-left: 40px !important;
padding-right:20px !important;
padding-top: 0px !important;
background-position:14px 7px!important;
font-size:14px!important;
font-weight: 600 !important;
border-style: outset !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-radius:12px !important;
color:black !important;}
#logging-preset-dropdown:hover{
appearance:none!important;
background: #B2EDFA url("..//icons/network.png")no-repeat !important;
background-position:14px 7px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}
#log-modules{
margin-left: -5px !important;
margin-top: 10px !important;}
#logging-preset-description{
margin-left: -6px !important;
margin-top: 10px !important;}
#current-log-modules{
margin-left: -6px !important;
margin-top: 10px !important;}
#set-log-modules-button{
appearance:none!important;
background: #F0F0F0 url("..//icons/Bild13.png")no-repeat !important;
margin-top: 15px !important;
margin-left: -5px !important;
padding-left:40px!important;
padding-right:20px!important;
background-position:14px 8px!important;
font-size: 14px!important;
border-style: outset !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-radius:12px !important;
color:black !important;}
#set-log-modules-button:hover{
appearance:none!important;
background: #B2EDFA url("..//icons/Bild13.png")no-repeat !important;
background-position:14px 8px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}
#log-tutorial > a:nth-child(1){
appearance:none!important;
background: #F0F0F0 url("..//icons/Bild13.png")no-repeat !important;
margin-top: 8px !important;
padding-left:35px !important;
padding-right:20px !important;
padding-top: 5px !important;
padding-bottom: 5px !important;
text-decoration: none !important;
background-position:14px 6px!important;
font-size:14px!important;
font-weight: 600 !important;
border-style: outset !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:2px !important;
border-radius:12px !important;
color:black !important;}
#log-tutorial > a:nth-child(1):hover{
appearance:none!important;
background: #B2EDFA url("..//icons/Bild13.png")no-repeat !important;
background-position:14px 6px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}
}
Alles anzeigen
Mfg.
Endor