Hallo,
ich habe folgendes CSS-Skript für Anpassungen von Tool- und Suchleisten und den Add-ons-Manager.
Funktioniert prima, so lange ich das Skript mit Stylish oder dem UserCSSLoader.uc.js lade.
Schreibe ich es hingegen direkt in die UserChrome.css, zeigt alles für den Add-ons-Manager (untere Hälfte des Skripts) keine Wirkung, egal ob mit oder ohne @namespace oder @-moz-document.
Woran liegt das?
CSS
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* -----------------------------------------------------------------
Hier geht's los mit Einstellungen für die Locationbar
*/
.textbox-presentation-protocol {
color: Black !important;
}
.textbox-presentation-subdomain {
color: #FF4500 !important;
}
.textbox-presentation-domain {
color: Red !important; font-weight: bold !important;
}
.textbox-presentation-segment-label {
color: #6989E5 !important;
}
.textbox-presentation-slash {
color: #244968 !important;
}
.textbox-presentation-file {
color: #4682B4 !important;
}
.textbox-presentation-query {
color: #712796 !important;
}
/* Höhe des Dropdownmenüs der Adressleiste anpassen */
panel[id="PopupAutoCompleteRichResult"]
{
height: 370px !important;
}
/* Adressleiste bei sicheren Seiten gelb unterlegen */
#urlbar[level="high"][pageproxystate="valid"] > .autocomplete-textbox-container ,
#urlbar[level="high"][pageproxystate="valid"] > .autocomplete-history-dropmarker ,
#urlbar[level="low"][pageproxystate="valid"] > .autocomplete-textbox-container ,
#urlbar[level="low"][pageproxystate="valid"] > .autocomplete-history-dropmarker {
background-color: #FFFF82;
}
/* -----------------------------------------------------------------
Hier enden die Einstellungen für die Locationbar */
/* "Breite der Suchleiste anpassen */
#search-container, #searchbar {width: 200px !important;}
/*Text im Menu-Button (Personal Menu zeigt nur das Symbol)*/
#appmenu-button .button-box .box-inherit:before
{
content: "Firefox ";vertical-align: top;
}
/* TreeStyleTab Hintergrundfarbe dunkler */
#tabbrowser-tabs {
background-color: #A9A9A9 !important;
}
/* Buttons verkleinern */
.button-box {
font-size: 11px !important;
border-top-width: 1px !important;
border-bottom-width: 1px !important;
height: 16px !important;
}
/* ALLES FOLGENDE GILT FÜR DEN ADD-ONS-MANAGER */
@-moz-document url("about:addons"),url("chrome://mozapps/content/extensions/extensions.xul") {
/* Suchleiste verkleinern, die von AIOS durch das flex-Attribut vergrößert wird */
#header-search {
max-width: 260px !important;
}
/* Navigations-Buttons im Add-ons-Manager wieder anzeigen
die obere und untere Schreibweisen sind beide möglich */
#header > toolbarbutton[id=back-btn] {
display:inline !important;
}
#header > #forward-btn {
display:inline !important;
}
@-moz-document url("about:addons"),url("chrome://mozapps/content/extensions/extensions.xul") {
/* Kategorien-Auswahl verkleinern */
#categories {max-width: 190px !important;}
/* Überschreiben von Cleanest Addons Manager: Increase font and icon sizes on large displays */
.control-container > button {
min-width: 3em !important;
width: 3em !important;
}
.control-container > button .button-text{
display: none !important;
}
#list-view .addon .basicinfo-container .date-updated {
font-size-adjust: 0.4 !important;
}
.disabled-postfix, .update-postfix {
font-size-adjust: 0.4 !important;
}
@media all and (min-width: 1100px) and (min-height: 700px) {
#list-view .addon .basicinfo-container {
width: 50% !important;
}
#list-view .addon .advancedinfo-container {
width: 50% !important;
}
#list-view .addon .name-container * {
font-size-adjust: 0.5 !important;
font-weight: 600 !important;
}
#list-view .addon .description-outer-container * {
font-size-adjust: 0.5 !important;
}
#list-view .addon .icon-container {
width: 23px !important;
height: 23px !important;
}
}
}
}
