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
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
Wir haben die ja per Script, mit dem von dir erwähnten Eintrag, nur ausgeblendet.
Sonst nichts .
Mann kann sie auch so ausblenden:
Ändert aber auch nichts.
Aber daran kann es fast nicht liegen. Denn auch wenn ich den Teil aus
dem Script entferne, ändert sich das nicht. Es muss in Firefox selber eine
diesbezügliche Änderung am Verhalten gegeben haben.
Habe ich probiert aber Scrollen geht hier immer noch nicht.
Auch wenn ich den CSS deaktiviere ändert sich nichts.
Ich kann nur scrollen wenn ich auf die Scrolbar klicke und mit gedrückter Maustaste diese
rauf und runter ziehe.
Irgendwas muss sich da geändert haben.
Mfg.
Endor
Damit man diese Einstellungen sieht, jedenfalls ich musste das, da ich ja nicht in Deutschland lebe,
musste ich die oben von Sören erwähnte Einstellung in about:config anpassen.
Dann Firefox neu starten und dann wird hier alles angezeigt.
Mfg.
Endor
Hallo FuchsFan.
Ich sehe diesen Teil hier leider nicht.
Muss man dazu bei Firefox mit einem Konto angemeldet sein?
Im Nightly habe ich das nicht.
Mfg.
Endor
Mittlerweile ist hier auch Firefox 97 installiert.
Das Scrollen in den Fenstern vom Wetterfuchs geht aber
nicht mehr. In Firefox 96.0.3 ging es noch.
Muss wohl im Script was geändert werden.
Hoffe aborix kann sich das mal anschauen.
CSS Code hatte ich zum testen natürlich deaktiviert.
Mfg.
Endor
Danke. Ist hier auch in 98 Beta so.
Hat es jemand in Firefox 97 schon getestet? Könnte gestern nur schnell Beta und Nightly noch aktualisieren. 96.0.3 muss warten bis Wochenende.
Mfg.
Endor
Ok freut mich wenn es nun passt.
Andere Frage, kannst Du im Nightly 99, in den Wetterfuchsfenstern bei Wetterkontor
rauf und runter scrollen? Bei UV-Index und Pollenbelastung zbs.
Mfg.
Endor
Danke für das Gegen testen.
Hier eben auch keinerlei Probleme.
Schau bitte mal in den CSS Code bei Wetterkontor.
Da sind zwei Absätze immer an Anfang.
Vergleiche Deine mit diesen hier:
.cc-window.cc-banner.cc-type-info.cc-theme-block.cc-top.cc-color-override-530831885,
#page_margins > DIV > DIV > DIV:first-child > DIV:first-child > DIV,
#page_margins > DIV > DIV > DIV:last-child, #sp_message_container_421683,
#page_margins > DIV > DIV > DIV:first-child > DIV:last-child, div.uk-panel:nth-child(14),
#header, H2, HR, P, #content > DIV > DIV:first-child > ARTICLE > DIV:nth-child(3) > DIV:first-child > UL > LI:last-child, .uk-breadcrumb, .uk-width-large-2-5.uk-width-medium-1-3, .uk-panel.uk-panel-box.uk-margin, .uk-grid.uk-grid-small.uk-grid-divider, #wkFooter2, #shr-admin-badge, .cc_banner.cc_container.cc_container--open, #shr-admin-badge {display: none !important;}
#content > DIV > DIV:first-child > UL:nth-child(3),
#content > DIV > DIV:first-child > ARTICLE > DIV:nth-child(3) > DIV:first-child > UL > LI:first-child > A,
#content > DIV > DIV:first-child > ARTICLE > H2:nth-child(8),
#content > DIV > DIV:first-child > ARTICLE > H2:nth-child(10),
#content > DIV > DIV:first-child > ARTICLE > DIV:last-child,
#content > DIV > DIV:first-child > UL:nth-child(8) > LI > A,
#content > DIV > DIV:first-child > DIV:nth-child(8) > A,
.uk-panel,
.uk-width-small-1-2.uk-width-medium-1-2,
.uk-panel.uk-panel-box{display: none !important;}
Alles anzeigen
Sieht das bei Dir auch so aus?
Mfg.
Endor
Hallo milupo.
Bei allen Seiten von Wetterkontor oder nur bei einer.
Im Kontextmenü des Wetterfuchs sind da beim ersten Menüpunkt alle
Untermenüs betroffen? Hier wird nichts angezeigt.
Mfg.
Endor
Hallo Dharkness
Ja haben wir :
@-moz-document url-prefix(about:sessionrestore){
html{background: #ffffff !important;}
.container:before {content: "Endors Sitzungswiederherstellung:";
margin-left: 295px !important;
font-size: 20px!important;
font-weight: bold!important;
color: red!important; }
h1{
margin-top: 50px !important;
color: #cc0000 !important;
font-size: 22px !important;
font-weight: bold !important;
min-height: 50px !important;}
body{
margin-left: auto !important;
margin-right: auto !important;
justify-content: center!important;
align-items: center!important;
max-width: 1100px !important;
min-height: 600px !important;
max-height: 700px !important;
background-color: #fffff0 !important;
margin-top: 40px !important;
padding-top: 20px !important;
padding-left: 25px !important;
padding-right: 25px !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-radius: 20px !important;
border-width: 4px !important;
border-style: outset !important;}
#errorTryAgain {
-moz-appearance: none !important;
background: #0060df url("..//icons/application_go.png") no-repeat !important;
background-position:18px 10px!important;
min-width: 235px!important;
height: 40px!important;
padding-left: 50px!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;
opacity: 1!important;}
#errorTryAgain:hover{
background: #003eaa url("..//icons/application_go.png") no-repeat !important;
background-position:18px 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;}
#errorCancel{
-moz-appearance: none !important;
color: white !important;
background: #0060df url("..//icons/application_go.png") no-repeat !important;
background-position:18px 10px!important;
min-width: 229px!important;
height: 40px!important;
padding-left: 40px!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;
opacity: 1!important;}
#errorCancel:hover{
background: #003eaa url("..//icons/application_go.png") no-repeat !important;
background-position:18px 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;}
#tabsToggle {
background: #efefef url("..//icons/Bild1.png") no-repeat !important;
color:black!important;
font-size:14px!important;
text-decoration:none!important;
padding-top: 3px !important;
padding-bottom: 4px !important;
padding-right:30px !important;
padding-left:40px !important;
border-color: #A6A4A4 !important;
border-left-color: #E6E5E5 !important;
border-top-color: #E6E5E5 !important;
border-right-color: #5C5B5B !important;
border-bottom-color: #5C5B5B !important;
border-style: outset !important;
border-width:1px !important;
background-position:14px 7px!important;
border-radius:16px!important; }
#tabsToggle:hover{
background: #CFE6F1 url("..//icons/Bild1.png") no-repeat !important;
color:black!important;
font-size:14px!important;
text-decoration:none!important;
background-position:14px 7px!important;
border-left-color: #e4e3e3 !important;
border-top-color: #e4e3e3 !important;
border-right-color: #5c5b5b !important;
border-bottom-color: #5c5b5b !important;
border-style: outset !important;
border-width:1px !important;}
#tabsToggle::after {
display: none !important;}
#tabList {border-radius:22px!important;}
#restore {
border-top-left-radius: 22px!important;
padding-left: 15px !important;
background-color: #ee7621 !important;
color: white !important;}
#title{
border-top-right-radius: 22px!important;
background-color: #ee7621 !important;
color: white !important;}
#restore:hover,
#title:hover {
background-color: #b54f06 !important;}
}
Alles anzeigen
Symbole:
![]()
Mfg.
Endor
Hallo FuchsFan
Ändere diese Zeile ( Zeile 45 in meinem obigen CSS Code ) so:
.logins-list{margin-top: 30px !important; border-top: none !important;}
Dann funktioniert es hier wieder.
Mfg.
Endor
Hollywood-Legende Sidney Poitier gestorben
R.I.P.
Mfg.
Endor