Hallo allen..
Ich brauch wiedermal eure Hilfe.
Hab jetzt nach meiner Ansicht, mein CSS für die Nav-bar und Url-bar fertig.
Nur wenn ich beim HamburgerMenü-Button, Back-Stop-Forward-Buttons die Hoverfarbe ändere funkt es nicht.
Sieht so aus, dass ich aus der Übung bin.
So sieht dann der Hover aus: also nicht ganz grün sondern so glänzend.
Und hier meine Code:
CSS
@-moz-document url-prefix(chrome://browser/content/browser.xhtml) {
/* Navigation-Leiste Farbe ändern */
#nav-bar {
background-color: red !important;
color: white !important;
}
/* Adress-Bar Farbe ändern */
#urlbar-input-container {
background-color: green !important;
color: white !important;
border: 3px yellow !important;
border-style: dotted !important;
}
/*Back-, Forward und Reload-Button-Icon ändern*/
#back-button {
list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/Icons/arbackN.png") !important;
transform: scale(1.4, 1.4) !important;
}
#reload-button {
list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/Icons/arfresh12.png") !important;
transform: scale(1.4, 1.4) !important;
margin-bottom: 3px !important;
}
#stop-button {
list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/Icons/ajax-loaderRot2.gif") !important;
transform: scale(1.4, 1.4) !important;
}
#forward-button {
list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/Icons/arforwardN.png") !important;
transform: scale(1.4, 1.4) !important;
}
#stop-button .toolbarbutton-animatable-image,
#reload-button .toolbarbutton-animatable-image {
display: none !important;
}
/* Url-bar Such-Icon ändern */
#urlbar:not(.searchButton) > #urlbar-input-container > #identity-box[pageproxystate="invalid"] #identity-icon {
list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/Icons/suchen.png") !important;
}
/* Scripte zur Aktivitätsverfolgung Icon ändern */
#urlbar-input-container[pageproxystate="valid"] > #tracking-protection-icon-container > #tracking-protection-icon-box > #tracking-protection-icon {
list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/Icons/protect.png") !important;
}
#urlbar-input-container[pageproxystate="valid"] > #tracking-protection-icon-container > #tracking-protection-icon-box:not([hasException])[active] > #tracking-protection-icon {
list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/Icons/protectNo.png") !important;
}
#tracking-protection-icon-container:hover {
background-color: blue !important;
}
/* WebSeite Infos Icon ändern */
#identity-box[pageproxystate="valid"].verifiedDomain #identity-icon, #identity-box[pageproxystate="valid"].mixedActiveBlocked #identity-icon {
list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/Icons/security.png") !important;
}
#identity-box[pageproxystate="valid"].notSecure #identity-icon, #identity-box[pageproxystate="valid"].mixedActiveContent #identity-icon, #identity-box[pageproxystate="valid"].httpsOnlyErrorPage #identity-icon {
list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/Icons/securityNo.png") !important;
}
#identity-icon-box:hover {
background-color: blue !important;
}
/* Berechtigungen Icon ändern */
.popup-notification-icon[popupid="web-notifications"], .desktop-notification-icon {
list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/Icons/PermissionBlockNo.png") !important;
transform: scale(1.0, 1.3) !important;
}
#permissions-granted-icon {
list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/Icons/permissions.png") !important;
transform: scale(1.0, 1.3) !important;
}
.desktop-notification-icon.blocked-permission-icon {
list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/Icons/PermissionBlock.png") !important;
transform: scale(1.0, 1.0) !important;
}
#identity-permission-box:hover {
background-color: blue !important;
}
#blocked-permissions-container > .blocked-permission-icon {
color: yellow !important;
transform: scale(1.0, 1.1) !important;
}
/* Lese-Ansicht einschalten Icon ist weiss */
#reader-mode-button:not(readeractive) > .urlbar-icon {
list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/Icons/reader-modeNo.png") !important;
transform: scale(1.6, 1.6) !important;
}
/* Lese-Ansicht ausschalten Icon ist gelb */
#reader-mode-button[readeractive] > .urlbar-icon {
list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/Icons/reader-mode.png") !important;
transform: scale(1.6, 1.6) !important;
}
#reader-mode-button[class="urlbar-page-action"]:hover {
background-color: blue !important;
}
/* Lesezeichen hinzufügen Icon weiss */
#star-button {
list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/Icons/FavNo1.png") !important;
transform: scale(1.4, 1.6) !important;
}
/* Lesezeichen bearbeiten Icon gelb */
#star-button[starred="true"] {
list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/Icons/Fav.png") !important;
transform: scale(1.4, 1.6) !important;
}
#star-button-box:hover {
background-color: blue !important;
}
/* Hamburger-Menü Icon ändern */
#PanelUI-menu-button {
list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/Icons/armenu.png") !important;
transform: scale(1.6, 1.6) !important;
}
#PanelUI-button:hover {
background-color: green !important;
}
Alles anzeigen
Danke im Voraus für eure Hilfe.