Hallo Boersenfeger
Den Code habe ich soweit fertig. Nur die passenden Symbole fehlen
mir noch. Habe im Moment nur Platzhalter Symbole eingebaut.
Css Code:
CSS
/* AGENT_SHEET */
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url(about:glean){
html{
background:#ffffff !important;
scrollbar-width: none !important;}
.main-content::before {content: "Design by Endor";
margin-left: 450px;
font-size: 25px;
font-weight: bold;
color: red;}
.main-content {
scrollbar-width: none !important;}
#description > h2:nth-child(1){margin-top: -30px !important;}
#log-pings{
margin-left: 4px !important;
margin-top: 3px !important;
margin-bottom: -3px !important;}
#description > ol:nth-child(9) > li:nth-child(2) > label:nth-child(2),
#description > ol:nth-child(9) > li:nth-child(3) > label:nth-child(2){
line-height: 2 !important; }
body{
margin-left: auto !important;
margin-right: auto !important;
max-width: 1600px !important; /* Breite anpassen - gelle Boersenfeger */
min-height: 700px !important;
margin-top: 35px !important;
margin-bottom: 20px !important;
padding-bottom: 30px !important;
padding-top: 5px !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;}
h2{
color: #cc0000 !important;
font-weight: bold !important;
font-size: 17px !important;
margin-left: 0px !important;}
#description > ul:nth-child(5){
color: #1a75ff !important;}
#controls-submit{
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: 2px !important;
background-position:14px 8px!important;
font-size:14.0px !important;
font-weight: 500 !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:14px !important;
color:black !important;
line-height: 1.2 !important;}
#controls-submit:hover{
appearance:none!important;
background: #B2EDFA url("..//icons/Play.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;}
[href="https://mozilla.github.io/glean/book/index.html"]{
appearance:none!important;
text-decoration: none !important;
background: #F0F0F0 url("..//icons/PLayer-Stop.png")no-repeat !important;
padding-left:35px!important;
padding-right:20px!important;
padding-top:4px!important;
padding-bottom:4px!important;
margin-top: 15px !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:14px !important;
color:black !important;}
[href="https://mozilla.github.io/glean/book/index.html"]:hover{
appearance:none!important;
background: #B2EDFA url("..//icons/PLayer-Stop.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;}
#description{
margin-top: 50px !important;
max-width: 1000px !important;}
#controls {line-height: 2 !important;}
[href="https://firefox-source-docs.mozilla.org/toolkit/components/glean/user/instrumentation_tests.html"]{
appearance:none!important;
text-decoration: none !important;
background: #F0F0F0 url("..//icons/Bild12.png")no-repeat !important;
padding-left:35px!important;
padding-right:20px!important;
padding-top:4px!important;
padding-bottom:4px!important;
margin-top: 15px !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;
line-height: 4.2 !important;}
[href="https://firefox-source-docs.mozilla.org/toolkit/components/glean/user/instrumentation_tests.html"]:hover{
appearance:none!important;
background: #B2EDFA url("..//icons/Bild12.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;}
[href="https://firefox-source-docs.mozilla.org/toolkit/components/glean/dev/preferences.html"]{
appearance:none!important;
text-decoration: none !important;
background: #F0F0F0 url("..//icons/Bild12.png")no-repeat !important;
padding-left:35px!important;
padding-right:20px!important;
padding-top:4px!important;
padding-bottom:4px!important;
margin-top: 15px !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;}
[href="https://firefox-source-docs.mozilla.org/toolkit/components/glean/dev/preferences.html"]:hover{
appearance:none!important;
background: #B2EDFA url("..//icons/Bild12.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;}
[href="https://mozilla.github.io/glean/book/user/pings/custom.html"]{
appearance:none!important;
text-decoration: none !important;
background: #F0F0F0 url("..//icons/Bild12.png")no-repeat !important;
padding-left:35px!important;
padding-right:20px!important;
padding-top:4px!important;
padding-bottom:4px!important;
margin-top: 15px !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;}
[href="https://mozilla.github.io/glean/book/user/pings/custom.html"]:hover{
appearance:none!important;
background: #B2EDFA url("..//icons/Bild12.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;}
[href="http://firefox-source-docs.mozilla.org/toolkit/components/glean/dev/testing.html#logging"]{
appearance:none!important;
text-decoration: none !important;
background: #F0F0F0 url("..//icons/Bild12.png")no-repeat !important;
padding-left:35px!important;
padding-right:20px!important;
padding-top:4px!important;
padding-bottom:4px!important;
margin-top: 15px !important;
margin-left: 3px !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;
line-height: 3 !important;}
[href="http://firefox-source-docs.mozilla.org/toolkit/components/glean/dev/testing.html#logging"]:hover{
appearance:none!important;
background: #B2EDFA url("..//icons/Bild12.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;}
#description > ol:nth-child(9) > li:nth-child(5) > a:nth-child(1){
appearance:none!important;
text-decoration: none !important;
background: #F0F0F0 url("..//icons/Bild12.png")no-repeat !important;
padding-left:35px!important;
padding-right:20px!important;
padding-top:4px!important;
padding-bottom:4px!important;
margin-top: 15px !important;
margin-left: 2px !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;
line-height: 3 !important;}
#description > ol:nth-child(9) > li:nth-child(5) > a:nth-child(1):hover{
appearance:none!important;
background: #B2EDFA url("..//icons/Bild12.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;}
[href="https://dictionary.telemetry.mozilla.org/"]{
appearance:none!important;
text-decoration: none !important;
background: #F0F0F0 url("..//icons/Bild12.png")no-repeat !important;
padding-left:35px!important;
padding-right:20px!important;
padding-top:4px!important;
padding-bottom:4px!important;
margin-top: 15px !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;}
[href="https://dictionary.telemetry.mozilla.org/"]:hover{
appearance:none!important;
background: #B2EDFA url("..//icons/Bild12.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;}
/* #description > ol:nth-child(9) > li:nth-child(2) {
background: url("..//icons/Bild12.png") no-repeat !important;
padding-left:8px!important;
margin-left: -3px !important;
background-position:22px 17px!important;}
#ping-names {
max-height: 22px !important;
padding-top:0px !important;
margin-top: 8px!important;
margin-left: -3px !important;
padding-left: 37px !important;
border-radius:14px !important;
border-width:2px !important;
border-style: outset !important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;
line-height: 2 !important;} */
#ping-names{
appearance:none!important;
text-decoration: none !important;
background: #F0F0F0 url("..//icons/Bild12.png")no-repeat !important;
padding-left:35px!important;
padding-top:0px!important;
padding-bottom:0px!important;
margin-top: 15px !important;
margin-left: 2px !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:14px !important;
color:black !important;}
#ping-names:hover{
appearance:none!important;
background-color: #B2EDFA !important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}
}
Alles anzeigen
Symbole aus dem Code:
Passende Symbole muss ich erst noch suchen.
Nur keine Zeit dazu im Moment.
Vorschläge immer her damit.
Mfg.
Endor