Hallo Boersenfeger
Da funkt dir ein anderer CDs Code dazwischen. Irgend einer der Css Codes die Du verwendest verursacht diese Verschiebung. Du müsstest jetzt nur rausfinden welcher.
Mfg.
Endor
Hallo Boersenfeger
Da funkt dir ein anderer CDs Code dazwischen. Irgend einer der Css Codes die Du verwendest verursacht diese Verschiebung. Du müsstest jetzt nur rausfinden welcher.
Mfg.
Endor
Hallo FuchsFan
Habe gerade erst gesehen, dass ich den falschen Code erwischt habe.
Der ist schon lange nicht mehr aktuell.
Hier jetzt der neue, habe auch etwas von deinen Änderungen übernommen.
Teste mal:
/* AGENT_SHEET */
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix(about:protections){
html {background: #ffffff !important;}
#report-content::before{
content: "Endors Protection" !important;
margin-left:300px!important;
margin-right:5px!important;
margin-bottom: 20px !important;
color:red !important;
font-weight:bold !important;
font-size:22px!important; }
#report-title{ margin-top: 20px !important;}
.passwords-stored-text .icon-small {
fill: gold !important;}
.synced-devices-text .icon-small {
fill: red !important;}
img[class="icon light"][src="chrome://browser/content/logos/vpn-light.svg"]{
filter: invert(13%) sepia(67%) saturate(4820%) hue-rotate(354deg) brightness(74%) contrast(111%) !important;
}
img[class="icon dark"][src="chrome://browser/content/logos/vpn-dark.svg"]{
filter: invert(15%) sepia(67%) saturate(4820%) hue-rotate(354deg) brightness(74%) contrast(111%) !important;
}
#report-title, h2{
color: #1a75ff !important;
font-weight: bold !important;
font-size: 18px !important;}
#graph-week-summary{
color: crimson !important;
font-weight: bold !important;
font-size: 16px !important;
margin-left: -80px !important;}
[class="content-title"]{
color: #1a75ff !important;
font-weight: bold !important;
font-size: 13px !important;
}
body{
margin-left: auto !important;
margin-right: auto !important;
justify-content: center!important;
align-items: center!important;
max-width: 1100px !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;}
#interventions{
padding-top: 15px !important;
padding-left: 20px !important;
padding-right: 20px !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;}
#interventions:hover{
background-color: #FFDEAD !important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}
div.card,
section.card:nth-child(3),
section.card:nth-child(4),
section.card:nth-child(5),
section.card:nth-child(6){
padding-top: 15px !important;
padding-left: 20px !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-radius: 20px !important;
border-width: 4px !important;
border-style: outset !important;}
div.card:hover,
section.card:nth-child(3):hover,
section.card:nth-child(4):hover,
section.card:nth-child(5):hover,
section.card:nth-child(6):hover{
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}
#protection-details{
background: #efefef url("..//icons/Bild94.png") no-repeat !important;
margin-right: -5px !important;
color:black!important;
font-size:14px!important;
padding-left:35px!important;
padding-right:15px!important;
padding-top: 3px!important;
padding-bottom: 3px!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-style: outset !important;
background-position:10px 5px!important;
border-radius:14px!important;}
#protection-details:hover{
background: #B2EDFA url("..//icons/Bild94.png") no-repeat !important;
padding-left:35px!important;
background-position:10px 5px!important;
border-radius:14px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}
#trackerContent,
#cryptominerContent,
#fingerprinterContent,
#cookieContent,
#socialContent{
background-color: #fffff0 !important;
line-height: 2 !important;}
#tracker,
#cryptominer,
#fingerprinter,
#cookie,
#social{
background-color: #fffff0 !important;
border-left-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-style: outset !important;
border-bottom-right-radius: 14px !important;
border-bottom-left-radius: 14px !important;}
#tracker-link,
#cryptominer-link,
#fingerprinter-link,
#cookie-link,
#social-link{
background: #efefef url("..//icons/Bild1.png") no-repeat !important;
margin-right: -5px !important;
color:black!important;
font-size:14px!important;
padding-left:35px!important;
padding-right: 22px!important;
padding-bottom: 2px!important;
padding-top: 2px!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-style: outset !important;
background-position:10px 4px!important;
border-radius:14px!important;}
#tracker-link:hover,
#cryptominer-link:hover,
#fingerprinter-link:hover,
#cookie-link:hover,
#social-link:hover{
background: #B2EDFA url("..//icons/Bild1.png") no-repeat !important;
padding-left:35px!important;
background-position:10px 4px!important;
text-decoration: none !important;
border-radius:14px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}
#lockwise-how-it-works{
background: #efefef url("..//icons/Bild1.png") no-repeat !important;
margin-right: -5px !important;
color:black!important;
font-size:14px!important;
padding-left:35px!important;
padding-right: 22px!important;
padding-bottom: 2px!important;
padding-top: 2px!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-style: outset !important;
background-position:10px 4px!important;
border-radius:14px!important;}
#lockwise-how-it-works:hover{
background: #B2EDFA url("..//icons/Bild1.png") no-repeat !important;
padding-left:35px!important;
background-position:10px 4px!important;
text-decoration: none !important;
border-radius:14px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}
#turn-on-sync{
background: #efefef url("..//icons/Bild83.png") no-repeat !important;
margin-left: 38px !important;
color:black!important;
font-size:14px!important;
padding-left:35px!important;
padding-right: 35px!important;
padding-bottom: 2px!important;
padding-top: 2px!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-style: outset !important;
background-position:10px 4px!important;
border-radius:14px!important;}
#turn-on-sync:hover{
background: #B2EDFA url("..//icons/Bild83.png") no-repeat !important;
padding-left:35px!important;
background-position:10px 4px!important;
text-decoration: none !important;
border-radius:14px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}
#manage-devices{
background: #efefef url("..//icons/tools.png") no-repeat !important;
margin-left: 38px !important;
color:black!important;
font-size:14px!important;
padding-left:35px!important;
padding-right: 35px!important;
padding-bottom: 2px!important;
padding-top: 2px!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-style: outset !important;
background-position:10px 4px!important;
border-radius:14px!important;}
#manage-devices:hover{
background: #B2EDFA url("..//icons/tools.png") no-repeat !important;
padding-left:35px!important;
background-position:10px 4px!important;
text-decoration: none !important;
border-radius:14px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}
.synced-devices-text,
.passwords-stored-text{min-width: 490px !important;}
#manage-passwords-button{
min-width: 250px !important;
background: #0060df url("..//icons/key_go.png") no-repeat !important;
background-position:14px 10px!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-style: outset !important;
border-radius:22px!important;}
#manage-passwords-button:hover{
background: #003eaa url("..//icons/key_go.png") no-repeat !important;
background-position:14px 10px!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-style: outset !important;
border-radius:22px!important;}
#open-about-logins-button{
background: #0060df url("..//icons/key_go.png") no-repeat !important;
background-position:14px 10px!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-style: outset !important;
border-radius:22px!important;}
#open-about-logins-button:hover{
background: #003eaa url("..//icons/key_go.png") no-repeat !important;
background-position:14px 10px!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-style: outset !important;
border-radius:22px!important;}
#sign-up-for-monitor-link {
-moz-appearance: none !important;
background: #0060df url("..//icons/database.png") no-repeat !important;
background-position:18px 19px!important;
padding-left: 22px!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-style: outset !important;
border-radius:30px!important;}
#sign-up-for-monitor-link:hover{
background: #003eaa url("..//icons/database.png") no-repeat !important;
background-position:18px 19px!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-style: outset !important;
border-radius:30px!important;}
#protection-settings{
background: #efefef url("..//icons/Bild94.png") no-repeat !important;
margin-right: -5px !important;
color:black!important;
font-size:14px!important;
padding-left:35px!important;
padding-right: 22px!important;
padding-bottom: 4px!important;
padding-top: 4px!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-style: outset !important;
background-position:11px 5px!important;
border-radius:14px!important;}
#protection-settings:hover{
background: #B2EDFA url("..//icons/Bild94.png") no-repeat !important;
padding-left:35px!important;
background-position:11px 5px!important;
text-decoration: none !important;
border-radius:14px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}
/* unten letzter Container für VPN */
div#report-content section.card.card-no-hover.vpn-card {
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:4px !important;
border-style: outset !important;
border-radius:20px!important;
}
/* Button für Mozilla-VPN */
#get-vpn-link {
appearance: none !important;
background: #0060df url("..//icons/vpn1.png") no-repeat !important;
background-position:17px 10px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
margin-right: 11px !important;
margin-left: -9px !important;
border-width:2px !important;
border-style: outset !important;
border-radius:30px!important;
}
#get-vpn-link:hover {
appearance: none !important;
background: #003eaa url("..//icons/vpn1.png") no-repeat !important;
background-position:17px 10px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
margin-right: 11px !important;
margin-left: -9px !important;
border-width:2px !important;
border-style: outset !important;
border-radius:30px!important;
}
/* Überschrift im Container unt Text darunter */
h3{
color: #1a75ff !important;
font-weight: bold !important;
font-size: 18px !important;
padding-left: 0px !important;
}
div#report-content section.card.card-no-hover.vpn-card div.card-header div.wrapper div p.content {
padding-left: 11px !important;
}
div#report-content section.card.card-no-hover.vpn-card div.card-header div.wrapper div div.title-wrapper h3.card-title {
padding-left: 12px !important;
}
/* links das große Icon */
section.card:nth-child(8) > div:nth-child(1) > img:nth-child(1) {
margin-left: 32px !important;
margin-top: 13px !important;
}
}
Alles anzeigen
Mfg.
Endor
about:protections
/* AGENT_SHEET */
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix(about:protections){
html {
background: #ffffff !important;
padding-top: 30px !important;}
body::before{
content: "Endors Protection:" !important;
margin-left:320px!important;
margin-right:5px!important;
color:red !important;
font-weight:bold !important;
font-size:22px!important; }
.passwords-stored-text .icon-small {
fill: gold !important;}
.synced-devices-text .icon-small {
fill: red !important;}
img[class="icon light"][src="chrome://browser/content/logos/vpn-light.svg"]{
filter: invert(13%) sepia(67%) saturate(4820%) hue-rotate(354deg) brightness(74%) contrast(111%) !important;
}
img[class="icon dark"][src="chrome://browser/content/logos/vpn-dark.svg"]{
filter: invert(15%) sepia(67%) saturate(4820%) hue-rotate(354deg) brightness(74%) contrast(111%) !important;
}
#report-title{
color: #1a75ff !important;
font-weight: bold !important;
font-size: 18px !important;}
#report-content{
width: 1200px !important;
margin-top: 30px !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;}
#report-content:hover{
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}
#interventions{
padding-top: 15px !important;
padding-left: 20px !important;
padding-right: 20px !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;}
#interventions:hover{
background-color: #FFDEAD !important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}
div.card,
section.card:nth-child(3),
section.card:nth-child(4),
section.card:nth-child(5),
section.card:nth-child(6){
padding-top: 15px !important;
padding-left: 20px !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-radius: 20px !important;
border-width: 4px !important;
border-style: outset !important;}
div.card:hover,
section.card:nth-child(3):hover,
section.card:nth-child(4):hover,
section.card:nth-child(5):hover,
section.card:nth-child(6):hover{
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;
}
#protection-details{
background: #efefef url("..//icons/Bild94.png") no-repeat !important;
margin-right: -5px !important;
color:black!important;
font-size:14px!important;
padding-left:35px!important;
padding-right:15px!important;
padding-top: 3px!important;
padding-bottom: 3px!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-style: outset !important;
background-position:10px 5px!important;
border-radius:14px!important;}
#protection-details:hover{
background: #B2EDFA url("..//icons/Bild94.png") no-repeat !important;
padding-left:35px!important;
background-position:10px 5px!important;
border-radius:14px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}
#trackerContent,
#cryptominerContent,
#fingerprinterContent,
#cookieContent,
#socialContent{
background-color: #fffff0 !important;
line-height: 2 !important;}
#tracker,
#cryptominer,
#fingerprinter,
#cookie,
#social{
background-color: #fffff0 !important;
border-left-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-style: outset !important;
border-bottom-right-radius: 14px !important;
border-bottom-left-radius: 14px !important;
}
#tracker-link,
#cryptominer-link,
#fingerprinter-link,
#cookie-link,
#social-link{
background: #efefef url("..//icons/Bild1.png") no-repeat !important;
margin-right: -5px !important;
color:black!important;
font-size:14px!important;
padding-left:35px!important;
padding-right: 22px!important;
padding-bottom: 2px!important;
padding-top: 2px!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-style: outset !important;
background-position:10px 4px!important;
border-radius:14px!important;}
#tracker-link:hover,
#cryptominer-link:hover,
#fingerprinter-link:hover,
#cookie-link:hover,
#social-link:hover{
background: #B2EDFA url("..//icons/Bild1.png") no-repeat !important;
padding-left:35px!important;
background-position:10px 4px!important;
text-decoration: none !important;
border-radius:14px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}
#lockwise-how-it-works{
background: #efefef url("..//icons/Bild1.png") no-repeat !important;
margin-right: -5px !important;
color:black!important;
font-size:14px!important;
padding-left:35px!important;
padding-right: 22px!important;
padding-bottom: 2px!important;
padding-top: 2px!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-style: outset !important;
background-position:10px 4px!important;
border-radius:14px!important;}
#lockwise-how-it-works:hover{
background: #B2EDFA url("..//icons/Bild1.png") no-repeat !important;
padding-left:35px!important;
background-position:10px 4px!important;
text-decoration: none !important;
border-radius:14px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}
#turn-on-sync{
background: #efefef url("..//icons/Bild83.png") no-repeat !important;
margin-left: 38px !important;
color:black!important;
font-size:14px!important;
padding-left:35px!important;
padding-right: 35px!important;
padding-bottom: 2px!important;
padding-top: 2px!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-style: outset !important;
background-position:10px 4px!important;
border-radius:14px!important;}
#turn-on-sync:hover{
background: #B2EDFA url("..//icons/Bild83.png") no-repeat !important;
padding-left:35px!important;
background-position:10px 4px!important;
text-decoration: none !important;
border-radius:14px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}
#manage-devices{
background: #efefef url("..//icons/tools.png") no-repeat !important;
margin-left: 38px !important;
color:black!important;
font-size:14px!important;
padding-left:35px!important;
padding-right: 35px!important;
padding-bottom: 2px!important;
padding-top: 2px!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-style: outset !important;
background-position:10px 4px!important;
border-radius:14px!important;}
#manage-devices:hover{
background: #B2EDFA url("..//icons/tools.png") no-repeat !important;
padding-left:35px!important;
background-position:10px 4px!important;
text-decoration: none !important;
border-radius:14px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}
.synced-devices-text,
.passwords-stored-text{min-width: 490px !important;}
#manage-passwords-button{
min-width: 250px !important;
background: #0060df url("..//icons/key_go.png") no-repeat !important;
background-position:14px 10px!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-style: outset !important;
border-radius:22px!important;}
#manage-passwords-button:hover{
background: #003eaa url("..//icons/key_go.png") no-repeat !important;
background-position:14px 10px!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-style: outset !important;
border-radius:22px!important;}
#open-about-logins-button{
background: #0060df url("..//icons/key_go.png") no-repeat !important;
background-position:14px 10px!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-style: outset !important;
border-radius:22px!important;}
#open-about-logins-button:hover{
background: #003eaa url("..//icons/key_go.png") no-repeat !important;
background-position:14px 10px!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-style: outset !important;
border-radius:22px!important;}
#sign-up-for-monitor-link {
-moz-appearance: none !important;
background: #0060df url("..//icons/database.png") no-repeat !important;
background-position:17px 10px!important;
padding-left: 22px!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-style: outset !important;
border-radius:30px!important;}
#sign-up-for-monitor-link:hover{
background: #003eaa url("..//icons/database.png") no-repeat !important;
background-position:17px 10px!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-style: outset !important;
border-radius:30px!important;}
#protection-settings{
background: #efefef url("..//icons/Bild94.png") no-repeat !important;
margin-right: -5px !important;
color:black!important;
font-size:14px!important;
padding-left:35px!important;
padding-right: 22px!important;
padding-bottom: 4px!important;
padding-top: 4px!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-style: outset !important;
background-position:11px 5px!important;
border-radius:14px!important;}
#protection-settings:hover{
background: #B2EDFA url("..//icons/Bild94.png") no-repeat !important;
padding-left:35px!important;
background-position:11px 5px!important;
text-decoration: none !important;
border-radius:14px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}
/* unten letzter Container für VPN */
div#report-content section.card.card-no-hover.vpn-card {
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width:4px !important;
border-style: outset !important;
border-radius:20px!important;
}
/* Button für Mozilla-VPN */
#get-vpn-link {
appearance: none !important;
background: #0060df url("..//icons/vpn1.png") no-repeat !important;
background-position:17px 10px!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-style: outset !important;
border-radius:30px!important;
}
#get-vpn-link:hover {
appearance: none !important;
background: #003eaa url("..//icons/vpn1.png") no-repeat !important;
background-position:17px 10px!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-style: outset !important;
border-radius:30px!important;
}
/* Überschrift im Container unt Text darunter */
h2,h3, #graph-week-summary {
color: #1a75ff !important;
font-weight: bold !important;
font-size: 18px !important;
padding-left: 12px !important;
}
div#report-content section.card.card-no-hover.vpn-card div.card-header div.wrapper div p.content {
padding-left: 12px !important;
}
/* links das große Icon */
section.card:nth-child(8) > div:nth-child(1) > img:nth-child(1) {
margin-left: 53px !important;
margin-top: 7px !important;
}
}
Alles anzeigen
Symbol für neue Schaltfläche:
Teste mal.
Mfg.
Endor
Ich habe mal Deinen CSS Code genommen und die Anpassungen übertragen.
Bitte teste den mal:
/*Neue Version*/
/* DownloadStatusModoki CSS */
@charset "utf-8";
/*@version 2022/02/16 Bug 1747422 - Remove preprocessor variable use from downloads CSS*/
/*@version 2020/03/13 fix for 74, broken listitem orient due to Bug 1606130
/*@version 2019/12/11 fix for 73 Bug 1601094 - Rename remaining .xul files to .xhtml in browser */
/*@version 2019/10/20 12:30*/
html#main-window vbox#downloadsStatusModokiBar
{
display: flex !important;
position: absolute !important;
right: -180px !important;
}
#contentAreaDownloadsView[ucjsDownloadsStatusModoki] {
-moz-box-orient: horizontal !important;
/*background-color: rgba(0,0,0,0) !important;*/
border-top: 1px solid black !important;
background-image: linear-gradient( rgba(192,192,192,1), rgba(255,255,255,1) ), none !important;
padding: 0 !important;
}
#contentAreaDownloadsView[ucjsDownloadsStatusModoki] > stack:first-child {
}
#contentAreaDownloadsView[ucjsDownloadsStatusModoki] #downloadsListBox {
background-color: rgba(0,0,0,0) !important;
overflow-y: auto !important;
scrollbar-width: thin;
border: none !important;
min-height: 32px !important;
max-height: 32px !important;
height: 32px !important;
max-width: 210px !important;
}
#contentAreaDownloadsView[ucjsDownloadsStatusModoki] *|*:root
{
--downloads-item-height: 28px !important;
}
#contentAreaDownloadsView[ucjsDownloadsStatusModoki] richlistitem:not([hidden]) {
min-width:200px !important;
max-width: 200px !important;
font-size: 10px !important;
margin-top: -1px !important;
min-height: 28px !important;
max-height: 28px !important;
height: 28px !important;
display:-moz-inline-box !important;
}
#contentAreaDownloadsView[ucjsDownloadsStatusModoki] richlistitem vbox {
height: 16px !important;
}
#contentAreaDownloadsView[ucjsDownloadsStatusModoki] .downloadTypeIcon {
height:16px !important;
width: 16px !important;
-moz-margin-end: 1px !important;
-moz-margin-start: 1px !important;
padding-right: 1px !important;
padding-left: 1px !important;
}
#contentAreaDownloadsView[ucjsDownloadsStatusModoki] .downloadTarget {
margin-top:1px !important;
padding-bottom:16px !important;
max-width: calc(100% - 51px) !important;
min-width: calc(100% - 51px) !important;
}
#contentAreaDownloadsView[ucjsDownloadsStatusModoki] .download-state[state="0"] * .downloadTarget,
#contentAreaDownloadsView[ucjsDownloadsStatusModoki] .download-state[state="4"] * .downloadTarget {
padding-bottom:0px !important;
}
#contentAreaDownloadsView[ucjsDownloadsStatusModoki] #downloadsListEmptyDescription
{
color: red !important;
margin-top: 6px !important;
}
#contentAreaDownloadsView[ucjsDownloadsStatusModoki] .downloadTarget:-moz-system-metric(windows-default-theme) {
margin-top:2px !important;
}
#contentAreaDownloadsView[ucjsDownloadsStatusModoki] *|*.downloadProgress {
margin-top: 2px !important;
border: none !important;
padding-top: 1px !important;
padding-bottom: 1px !important;
}
#contentAreaDownloadsView[ucjsDownloadsStatusModoki] *|*.downloadProgress::-moz-progress-bar {
margin-top: -1px !important;
}
#contentAreaDownloadsView[ucjsDownloadsStatusModoki] *|*.downloadProgress:not([paused])::-moz-progress-bar {
background-color: lime !important;
}
#contentAreaDownloadsView[ucjsDownloadsStatusModoki] .downloadDetails {
margin-top:-10px !important;
}
#contentAreaDownloadsView[ucjsDownloadsStatusModoki] .download-state:not(:-moz-any([state="-1"], [state="5"], [state="0"], [state="4"], [state="7"])) .downloadDetails {
margin-top:-17px !important;
}
#contentAreaDownloadsView[ucjsDownloadsStatusModoki] richlistitem[selected] .downloadDetails {
opacity: 1 !important;
}
#contentAreaDownloadsView[ucjsDownloadsStatusModoki] .downloadButton {
padding: 0 !important;
margin: 0 !important;
}
#contentAreaDownloadsView[ucjsDownloadsStatusModoki] button > .button-box {
-moz-padding-start: 0px !important;
-moz-padding-end: 1px !important;
padding-right: 0 !important;
padding-left: 0 !important;
margin-top: -2px !important;
}
#contentAreaDownloadsView[ucjsDownloadsStatusModoki] #downloadFilter {
display: none !important;
/* width: 150px;
min-height: 23px !important;
max-height: 23px !important;
height: 23px !important;*/
}
#contentAreaDownloadsView[ucjsDownloadsStatusModoki] #ucjs_clearListButton {
/*display:none !important;*/
/*margin-top: -15px !important;*/
/*height: 20px !important;*/
min-width: 62px !important;
max-width: 62px !important;
min-height: 20px !important;
max-height: 20px !important;
}
#ucjs_clearListButton>#label
#new-toolbar { height: 28px !important; -moz-window-dragging: no-drag !important; }
Alles anzeigen
Hoffe es passt nun.
Mfg.
Endor
Willst Du da eine andere Farbe als blau haben oder wie?
Stehe irgendwie auf dem Schlauch.
Mfg.
Endor
Teste die neueste Version von Script und css Code von hier:
Mfg.
Endor
Hallo AngelOfDarkness
Auch Dir vielen, vielen Dank für Deine Glückwünsche.
Habe mich sehr darüber gefreut.
Viele Grüße
Endor
Hallo zusammen.
Vielen vielen Dank für eure ganzen Glückwünsche zu meinem Geburtstag.
Es freut mich sehr, dass Ihr alle an mich gedacht habt.
Hoffen wir, dass alles gut geht.
Viele Grüße und nochmals danke.
Endor
Hier auch keine diesbezügliche Probleme damit.
Mfg.
Endor
Nur zur Info.
Mit dieses Script lässt sich die Adressleiste über den Firefox Anpassen Dialog
frei verschieben.
mov-urlbar.uc.js
Script:
(function() {
if (location != 'chrome://browser/content/browser.xhtml')
return;
var urlbar = document.getElementById('urlbar-container');
if (!CustomizableUI.getPlacementOfWidget('ucjs_urlbar-container')) {
try {
CustomizableUI.createWidget({
id: 'ucjs_urlbar-container',
type: 'custom',
defaultArea: CustomizableUI.AREA_NAVBAR,
onBuild: function(aDocument) {
var toolbaritem = aDocument.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbaritem');
toolbaritem.id = 'ucjs_urlbar-container';
toolbaritem.className = 'chromeclass-toolbar-additional';
return toolbaritem;
}
});
if (!CustomizableUI.getPlacementOfWidget('ucjs_urlbar-container')) {
urlbar.style.display = 'none';
return;
};
} catch(e) {
urlbar.style.display = 'none';
return;
};
};
setTimeout(function() {
document.getElementById('ucjs_urlbar-container').appendChild(urlbar);
urlbar.setAttribute('consumeanchor', 'ucjs_PanelUI-button');
}, 0);
}());
Alles anzeigen
Teste das mal.
Mfg.
Endor
Prima freut mich wenn es passt.
Wie immer gern geschehen.
Prima. Danke für das Testen.
Mfg.
Endor
Hallo FuchsFan
Prima, freut mich wenn es gefällt.
Habe den CSS Code Teil direkt eingebaut.
Auch oben ist es jetzt dabei.
Vielen Dank.
Mfg.
Endor
Hallo FuchsFan.
Habe jetzt eine alternative Version für about:logins gemacht.
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix(about:logins) {
.container > ol:nth-child(1){
scrollbar-width: none !important;
}
/* Drei-Punkte-Button oben rechts
button.menu-button.ghost-button {
background-color: lightblue !important;
border: 1px solid orange !important;
fill: blue !important;
}
button.menu-button.ghost-button:hover {
background-color: greenyellow !important;
fill: red !important;
}*/
.meta-info:first-of-type::before {
border-top: none !important;
}
.column:before {
content: "Design by Endor & FuchsFan 01.2022";
margin-top: -15px !important;
font-size: 12px !important;
font-weight: bold !important;
color: red !important;
}
/* linke Seite die Auflistung */
body > login-list {
width: auto !important;
/* border-right: 2px solid orange !important; */
border-bottom: none !important;
scrollbar-width: none !important;
border-right: none !important;
}
/* oben der Text "Zugangsdaten" */
.count {
color: #0f6acc !important;
font-size: 15px !important;
font-weight: bold !important;
margin-left: 10px !important;
}
body > login-list:nth-child(2){
border-bottom: none !important;
}
/* ul.menu button.menuitem-button {
background-color: beige !important;
border: 1px solid silver !important;
margin-top: 2px !important;
}
ul.menu button.menuitem-button:hover {
background-color: greenyellow !important;
border: 1px solid coral !important;
} */
li[class="login-list-item"],
li[class="login-list-item selected"]{
padding-left: 25px !important;
}
div.detail-row:nth-child(2) > div:nth-child(1) > label:nth-child(1) > input:nth-child(2),
.password-display {
width: 280px !important;
}
div.meta {
padding-left: 35px !important;
margin-top: 70px !important;
background-color: #fffff0 !important;
/* border-bottom: 2px solid orange !important;
border-top: 2px solid coral !important; */
}
.create-login-button-container {
padding-left: 10px !important;
padding-right: 70px !important;
margin-bottom: 1px !important;
box-shadow: none !important;
border-top: none !important;
}
.container > ol:nth-child(1){
border-bottom: none !important;
box-shadow: none !important;
}
.header, li {
border-bottom: none !important;
box-shadow: none !important;
}
.header {
margin-top: 20px!important;
}
header {border-bottom: none !important;}
html.official-branding.login-selected.initialized body section header {
background-color: #fbe8d2 !important;
height: 52px !important;
/* border-bottom: 2px solid coral !important; */
border-top-right-radius: 28px !important;
}
html.official-branding.initialized body section header {
background-color: #fbe8d2 !important;
height: 52px !important;
border-top-right-radius: 28px !important;
}
login-list.initialized{
background-color: #fbe8d2 !important;
border-top-left-radius: 28px !important;}
div.container div.column div.header {
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
}
.container{ border-bottom-right-radius: 28px !important;}
login-list.initialized,
.create-login-button-container{border-bottom-left-radius: 28px !important;}
.empty-search-message {
background:#fffff0 !important;
border-bottom: none !important;
box-shadow: none !important;
}
html {
background: #ffffff!important;
}
body > h1:nth-child(2) {
margin-top: 10px !important;
}
body {
max-width: 1300px !important;
max-height: 800px !important;
margin-left: 200px !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-width: 4px !important;
border-style: outset !important;
border-radius:28px!important;
margin-top: 30px !important;
}
login-filter {
padding-left: 0px !important;
margin-left: -16px !important;}
.filter,
login-filter {
appearance: none !important;
border-radius:24px !important;
}
.menu-button {
fill: #e69500 !important;
}
.fxaccounts-extra-text {
color: #0066cc !important;
font-weight: bold !important;
padding-right: 30px !important;
}
div.container ol{
background-color: beige !important;
}
.time-created,
.create-login-button-container,
body > login-list:nth-child(2), li, .header, header,
.meta{
box-shadow: none !important;
}
.meta, .create-login-button-container,
body > login-item:nth-child(3),
.container {
/*background: conic-gradient(at 0% 30% , beige 20%, white 30%, #21bf06 60%) !important;*/
background-color: #fffff0 !important;
}
.meta:hover,
.create-login-button-container:hover {
background: #ffe680 !important;
}
/* div.create-login-button-container {
border-top: 2px solid orange !important;
} */
.login-list-item.selected {
background: #fff0b3 !important;
border-left: 2px!important;
}
.login-list-item.selected:hover {
background: #ffdb4d !important;
}
.login-list-item {
background-color: #FFFFF0 !important;
}
.login-list-item:hover {
background-color: #ffe680 !important;
}
.login-item-title {
color: #0066cc !important;
}
.favicon-wrapper,
.login-item-favicon-wrapper {
fill: #e69500 !important;
}
div.container {
max-height: 730px !important;
border-left: 1px solid silver !important;
}
#login-sort {
background: #F0F0F0 url("..//icons/Bild86.png")no-repeat !important;
padding-left:30px !important;
padding-right: 5px !important;
padding-top: 2px!important;
padding-bottom: 4px!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;
color:black !important;
margin-left: -15px !important;
max-width: 180px !important;
}
#login-sort:hover {
background: #B2EDFA url("..//icons/Bild86.png")no-repeat !important;
padding-left:30px!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;
background-position:10px 6px!important;
}
.copy-username-button {
appearance:none!important;
background: #F0F0F0 url("..//icons/Bild73.png")no-repeat !important;
padding-left:20px!important;
padding-top: 2px!important;
padding-bottom: 4px!important;
background-position:14px 6px!important;
font-size:14.0px!important;
/* margin-left: -5px !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:16px!important;
color:black !important;
}
.copy-username-button:hover {
appearance:none!important;
background: #B2EDFA url("..//icons/Bild73.png")no-repeat !important;
padding-left:20px!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;
background-position:14px 6px!important;
}
.copy-username-button,
.copy-password-button {
min-width: 130px !important;
}
.copy-password-button {
appearance:none!important;
background: #F0F0F0 url("..//icons/Bild74.png")no-repeat !important;
padding-left:20px!important;
padding-top: 2px!important;
padding-bottom: 4px!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:16px!important;
color:black !important;
}
.copy-password-button:hover {
appearance:none!important;
background: #B2EDFA url("..//icons/Bild74.png")no-repeat !important;
padding-left:20px!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;
background-position:14px 6px!important;
}
.origin-input {
appearance:none!important;
background: #F0F0F0 url("..//icons/Bild75.png")no-repeat !important;
padding-left:35px !important;
padding-top: 2px !important;
padding-bottom: 4px !important;
padding-right: 35px !important;
min-width: 350px !important;
background-position:10px 5px!important;
color:black!important;
font-size:14px!important;
text-decoration:none!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;
border-radius:16px!important;
}
.origin-input:hover {
appearance:none!important;
background: #B2EDFA url("..//icons/Bild75.png")no-repeat !important;
background-position:10px 5px!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;
}
.fxaccounts-enable-button {
appearance:none!important;
background: #F0F0F0 url("..//icons/Bild83.png")no-repeat !important;
padding-left:35px!important;
padding-top: 2px!important;
padding-bottom: 4px!important;
background-position:10px 6px!important;
color:black!important;
font-size:14px!important;
text-decoration:none!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-style: outset !important;
border-width:2px !important;
border-radius:16px!important;
}
.fxaccounts-enable-button:hover {
appearance:none!important;
background: #B2EDFA url("..//icons/Bild83.png")no-repeat !important;
background-position:10px 6px!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;
}
.create-login-button {
appearance:none!important;
background: #F0F0F0 url("..//icons/Bild84.png")no-repeat !important;
width: 235px !important;
padding-left:32px!important;
padding-top: 2px!important;
padding-bottom: 4px!important;
background-position:10px 5px!important;
color:black!important;
font-size:14px!important;
text-decoration:none!important;
padding-right:35px!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;
border-radius:16px!important;
}
.create-login-button:hover {
appearance:none!important;
background: #B2EDFA url("..//icons/Bild84.png")no-repeat !important;
padding-left:32px!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;
background-position:10px 5px!important;
}
.edit-button {
appearance:none!important;
background: #F0F0F0 url("..//icons/Bild67.png")no-repeat !important;
padding-left:40px!important;
padding-right: 20px !important;
padding-top: 2px!important;
padding-bottom: 4px!important;
background-position:10px 5px!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:16px !important;
color:black !important;
}
.edit-button:hover {
appearance:none!important;
background: #B2EDFA url("..//icons/Bild67.png")no-repeat !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;
background-position:10px 5px!important;
}
.delete-button {
appearance:none!important;
background: #F0F0F0 url("..//icons/Bild8.gif")no-repeat !important;
padding-left:40px!important;
padding-right:20px!important;
padding-top: 2px!important;
padding-bottom: 4px!important;
background-position:10px 5px!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:16px !important;
color:black !important;
}
.delete-button:hover {
appearance:none!important;
background: #B2EDFA url("..//icons/Bild8.gif")no-repeat !important;
background-position:10px 5px!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;
}
.save-changes-button {
appearance:none!important;
background: #F0F0F0 url("..//icons/Bild87.png")no-repeat !important;
padding-left:40px!important;
padding-right:20px!important;
padding-top: 2px!important;
padding-bottom: 4px!important;
background-position:10px 5px!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:16px !important;
color:black !important;
}
.save-changes-button:hover {
appearance:none!important;
background: #B2EDFA url("..//icons/Bild87.png")no-repeat !important;
background-position:10px 5px!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;
}
.cancel-button {
appearance:none!important;
background: #F0F0F0 url("..//icons/Bild88.png")no-repeat !important;
padding-left:40px!important;
padding-right:20px!important;
padding-top: 2px!important;
padding-bottom: 4px!important;
background-position:10px 5px!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:16px !important;
color:black !important;
}
.cancel-button:hover {
appearance:none!important;
background: #B2EDFA url("..//icons/Bild88.png")no-repeat !important;
background-position:10px 5px!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;
}
.reveal-password-checkbox {
fill: #0066cc !important;
}
.menu {
/* border-radius: 20px !important; */
border: 1px solid dodgerblue !important;
padding: 5px !important;
}
.menuitem-import-browser {
width: 100% !important;
height: 24px !important;
fill: green !important;
color: black!important;
}
.menuitem-export {
width: 100% !important;
height: 24px !important;
fill: orange !important;
color: black !important;
}
.menuitem-import {
width: 100% !important;
height: 24px !important;
fill: #cc3300!important;
color: black !important;
}
.menuitem-import-file {
width: 100% !important;
height: 24px !important;
fill: blue !important;
color: black !important;
}
.menuitem-remove-all-logins {
width: 100% !important;
height: 24px !important;
fill: #cc3300!important;
color: black !important;
margin-left: -1px !important;
}
.menuitem-help {
width: 100% !important;
height: 24px !important;
fill: blue!important;
color: black !important;
}
.menuitem-preferences {
width: 100% !important;
height: 24px !important;
fill: red!important;
color: black !important;
}
.menuitem-mobile[data-l10n-id="menu-menuitem-android-app"] {
width: 100% !important;
height: 24px !important;
fill: #33cc33!important;
color: black!important;
}
.menuitem-mobile[data-l10n-id="menu-menuitem-iphone-app"] {
width: 100% !important;
height: 24px !important;
fill: #9900ff!important;
color: black!important;
}
}
Alles anzeigen
Was hältst Du davon?
Mfg.
Endor
Hallo FuchsFan.
Vielen Dank für den Hinweis und den CSS Code.
Habe ich gleich oben eingefügt.
Mfg.
Endor
Prima freut mich wenn ich Dir damit auch helfen konnte.
Habe fast 3 Stunden gebraucht bis es passte.
Habe zuerst alles falsch gemacht. Dann habe ich gemerkt, dass
ich das am falschen Ende anpassen wollte und kam auf die Idee
wie ich es nun gemacht habe. Hautsache nun passt es.
Deine Version von hier: RE: About Seiten mit CSS Codes anpassen
gefällt mir auch sehr gut. Das muss ich dann nochmals in Ruhe testen ob ich damit was
machen könnte, denn Du hast mich damit auf eine Idee gebracht. Mal sehen.
Mfg.
Endor
Bitte testen:
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix(about:logins) {
.container > ol:nth-child(1){scrollbar-width: none !important;}
.column:before {
content: "Design by Endor";
margin-top: -15px !important;
font-size: 25px !important;
font-weight: bold !important;
color: red !important;
}
/* linke Seite die Auflistung */
body > login-list {
width: auto !important;
border-bottom: none !important;
border-right: none !important;
scrollbar-width: none !important;
}
/* oben der Text "Zugangsdaten" */
.count {
color: #0f6acc !important;
font-size: 15px !important;
font-weight: bold !important;
margin-left: 10px !important;
}
body > login-list:nth-child(2){
border-bottom: none !important; }
li[class="login-list-item"],
li[class="login-list-item selected"]{
padding-left: 25px !important;
}
div.meta {
padding-left: 35px !important;
margin-left: 0px !important;
margin-top: 72px !important;
background-color: #fffff0 !important;
}
.create-login-button-container {
background-color: #fffff0 !important;
padding-left: 10px !important;
padding-right: 70px !important;
margin-bottom: 1px !important;
box-shadow: none !important;
border-top: none !important;
}
.container > ol:nth-child(1){
border-bottom: none !important;
box-shadow: none !important;
}
.header, li {
border-bottom: none !important;
box-shadow: none !important;
}
html.official-branding.login-selected.initialized body section header {
background-color: #fbe8d2 !important;
height: 52px !important;
}
login-list.initialized{background-color: #fbe8d2 !important;
border-top-left-radius: 28px !important;}
html.official-branding.initialized body section header {
background-color: #fbe8d2 !important;
height: 52px !important;
}
.empty-search-message {
background:#fffff0 !important;
border-bottom: none !important;
box-shadow: none !important;
}
html {
background: #ffffff !important;
}
body > h1:nth-child(2) {
margin-top: 10px !important;
}
body {
max-width: 1550px !important; /* Breite einstellen*/
max-height: 900px !important;
margin-left: 100px !important; /* Abstand zur Linken Seite einstellen */
margin-top: 5px !important;
}
.filter{
appearance: none !important;
border-radius:24px !important;
margin-left: -20px !important;
min-width: 220px !important;
}
.meta-info:first-of-type::before {
border-top: none !important;
}
login-filter {
appearance: none !important;
border-radius:24px !important;
}
.menu-button {
fill: #e69500 !important;
}
.fxaccounts-extra-text {
color: #0066cc !important;
font-weight: bold !important;
}
div.container ol{
background-color: beige !important;
}
.time-created,
.create-login-button-container,
body > login-list:nth-child(2), li, .header, header,
.meta{
box-shadow: none !important;
}
.container,
body > login-item:nth-child(3) {
background-color: #fffff0 !important;
}
.meta:hover,
.create-login-button-container:hover {
background: #ffe680 !important;
}
.login-list-item.selected {
background: #fff0b3 !important;
border-left: 2px!important;
}
.login-list-item.selected:hover {
background: #ffdb4d !important;
}
.login-list-item {
background-color: #FFFFF0 !important;
}
.login-list-item:hover {
background-color: #ffe680 !important;
}
header{
border-top-right-radius:28px !important;
}
.login-item-title {
color: #0066cc !important;
}
.favicon-wrapper,
.login-item-favicon-wrapper {
fill: #e69500 !important;
}
#login-sort {
background: #F0F0F0 url("..//icons/Bild86.png")no-repeat !important;
padding-left:30px !important;
padding-right: 5px !important;
padding-top: 2px!important;
padding-bottom: 4px!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;
color:black !important;
margin-left: -15px !important;
max-width: 180px !important;
}
#login-sort:hover {
background: #B2EDFA url("..//icons/Bild86.png")no-repeat !important;
padding-left:30px!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;
background-position:10px 6px!important;
}
.copy-username-button {
appearance:none!important;
background: #F0F0F0 url("..//icons/Bild73.png")no-repeat !important;
padding-left:20px!important;
padding-top: 2px!important;
padding-bottom: 4px!important;
background-position:14px 6px!important;
font-size:14.0px!important;
/* margin-left: -5px !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:16px!important;
color:black !important;
}
.copy-username-button:hover {
appearance:none!important;
background: #B2EDFA url("..//icons/Bild73.png")no-repeat !important;
padding-left:20px!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;
background-position:14px 6px!important;
}
.copy-username-button,
.copy-password-button {
min-width: 130px !important;
}
.copy-password-button {
appearance:none!important;
background: #F0F0F0 url("..//icons/Bild74.png")no-repeat !important;
padding-left:20px!important;
padding-top: 2px!important;
padding-bottom: 4px!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:16px!important;
color:black !important;
}
.copy-password-button:hover {
appearance:none!important;
background: #B2EDFA url("..//icons/Bild74.png")no-repeat !important;
padding-left:20px!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;
background-position:14px 6px!important;
}
.origin-input {
appearance:none!important;
background: #F0F0F0 url("..//icons/Bild75.png")no-repeat !important;
padding-left:35px !important;
padding-top: 2px !important;
padding-bottom: 4px !important;
padding-right: 35px !important;
min-width: 350px !important;
background-position:10px 5px!important;
color:black!important;
font-size:14px!important;
text-decoration:none!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;
border-radius:16px!important;
}
.origin-input:hover {
appearance:none!important;
background: #B2EDFA url("..//icons/Bild75.png")no-repeat !important;
background-position:10px 5px!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;
}
.fxaccounts-enable-button {
appearance:none!important;
background: #F0F0F0 url("..//icons/Bild83.png")no-repeat !important;
padding-left:35px!important;
padding-top: 2px!important;
padding-bottom: 4px!important;
background-position:10px 6px!important;
color:black!important;
font-size:14px!important;
text-decoration:none!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-style: outset !important;
border-width:2px !important;
border-radius:16px!important;
}
.fxaccounts-enable-button:hover {
appearance:none!important;
background: #B2EDFA url("..//icons/Bild83.png")no-repeat !important;
background-position:10px 6px!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;
}
.create-login-button {
appearance:none!important;
background: #F0F0F0 url("..//icons/Bild84.png")no-repeat !important;
width: 235px !important;
padding-left:32px!important;
padding-top: 2px!important;
padding-bottom: 4px!important;
background-position:10px 5px!important;
color:black!important;
font-size:14px!important;
text-decoration:none!important;
padding-right:35px!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;
border-radius:16px!important;
}
.create-login-button:hover {
appearance:none!important;
background: #B2EDFA url("..//icons/Bild84.png")no-repeat !important;
padding-left:32px!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;
background-position:10px 5px!important;
}
.edit-button {
appearance:none!important;
background: #F0F0F0 url("..//icons/Bild67.png")no-repeat !important;
padding-left:40px!important;
padding-right: 20px !important;
padding-top: 2px!important;
padding-bottom: 4px!important;
background-position:10px 5px!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:16px !important;
color:black !important;
}
.edit-button:hover {
appearance:none!important;
background: #B2EDFA url("..//icons/Bild67.png")no-repeat !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;
background-position:10px 5px!important;
}
.delete-button {
appearance:none!important;
background: #F0F0F0 url("..//icons/Bild8.gif")no-repeat !important;
padding-left:40px!important;
padding-right:20px!important;
padding-top: 2px!important;
padding-bottom: 4px!important;
background-position:10px 5px!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:16px !important;
color:black !important;
}
.delete-button:hover {
appearance:none!important;
background: #B2EDFA url("..//icons/Bild8.gif")no-repeat !important;
background-position:10px 5px!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;
}
.save-changes-button {
appearance:none!important;
background: #F0F0F0 url("..//icons/Bild87.png")no-repeat !important;
padding-left:40px!important;
padding-right:20px!important;
padding-top: 2px!important;
padding-bottom: 4px!important;
background-position:10px 5px!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:16px !important;
color:black !important;
}
.save-changes-button:hover {
appearance:none!important;
background: #B2EDFA url("..//icons/Bild87.png")no-repeat !important;
background-position:10px 5px!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;
}
.cancel-button {
appearance:none!important;
background: #F0F0F0 url("..//icons/Bild88.png")no-repeat !important;
padding-left:40px!important;
padding-right:20px!important;
padding-top: 2px!important;
padding-bottom: 4px!important;
background-position:10px 5px!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:16px !important;
color:black !important;
}
.cancel-button:hover {
appearance:none!important;
background: #B2EDFA url("..//icons/Bild88.png")no-repeat !important;
background-position:10px 5px!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;
}
.reveal-password-checkbox{fill: #0066cc !important;}
.menu{border-radius: 20px !important;}
.menuitem-import-browser{
width: 100% !important;
height: 24px !important;
fill: green !important;
color: black!important;}
.menuitem-export {
width: 100% !important;
height: 24px !important;
fill: orange !important;
color: black !important;}
.menuitem-import{
width: 100% !important;
height: 24px !important;
fill: #cc3300!important;
color: black !important;}
.menuitem-import-file{
width: 100% !important;
height: 24px !important;
fill: blue !important;
color: black !important;}
.menuitem-remove-all-logins{
width: 100% !important;
height: 24px !important;
fill: #cc3300!important;
color: black !important;
margin-left: -1px !important;}
.menuitem-help {
width: 100% !important;
height: 24px !important;
fill: blue!important;
color: black !important;}
.menuitem-preferences {
width: 100% !important;
height: 24px !important;
fill: red!important;
color: black !important;}
.menuitem-mobile[data-l10n-id="menu-menuitem-android-app"] {
width: 100% !important;
height: 24px !important;
fill: #33cc33!important;
color: black!important;}
.menuitem-mobile[data-l10n-id="menu-menuitem-iphone-app"] {
width: 100% !important;
height: 24px !important;
fill: #9900ff!important;
color: black!important;}
}
Alles anzeigen
Zeile 94 und 96 beachten. Könnten für dich wichtig sein
Mfg.
Endor
Hallo FuchsFan.
Danke für die Info.
Schaue ich mir morgen an.
Mfg.
Endor
A nun verstehe ich. Auch hier keine Verschiebung.
Die Grafik hat wahrscheinlich FuchsFan da eingebaut,
sieht nach einem Hintergrundbild aus.
Mfg.
Endor