CSS-Anpassungen für Add-ons-Manager

bege

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;
		}
	}
}
}

Alles anzeigen

Sephira

Da ist was zuviel

Entferne
Zeile 90

Code

@-moz-document url("about:addons"),url("chrome://mozapps/content/extensions/extensions.xul") {

und
Zeile 135

Code

dann teste

Bernd.

Es gibt Styles, die funktionieren per userchrome nicht, weder noch. Daher habe ich alles in Stylish aufgenommen. userchrome wird eh überbewertet, nicht nur in Firefox.

bege

Zitat von Sephira
Da ist was zuviel
Entferne
Zeile 90
Code
@-moz-document url("about:addons"),url("chrome://mozapps/content/extensions/extensions.xul") {
und
Zeile 135
Code
}
dann teste

Danke für die Antwort.
Hab's probiert, leider ohne Erfolg.

Zitat von Bernd.

Es gibt Styles, die funktionieren per userchrome nicht, weder noch. Daher habe ich alles in Stylish aufgenommen. userchrome wird eh überbewertet, nicht nur in Firefox.

Was machen Stylish und UserCSSLoader anders als userChrome.css?

Mithrandir

Manchmal muss man Sachen auch einfach in der userContent.css eintragen, auch, wenn's um die Browseroberfläche geht.

bege

Zitat von Mithrandir

Manchmal muss man Sachen auch einfach in der userContent.css eintragen, auch, wenn's um die Browseroberfläche geht.

Volltreffer! :klasse:
Dann ist der Addon-Manager für FF (gilt für TB übrigens auch) also so was wie eine Website. Muss man erst mal drauf kommen :-??

2002Andreas

Zitat von bege

also so was wie eine Website

Betrifft auch Seiten mit about. Z.B. about:config etc.

userChrome.css = Browseroberfläche

userContent.css = Webseiten

Stylish = Beides zusammen

bege

Zitat von 2002Andreas

Betrifft auch Seiten mit about. Z.B. about:config etc.
userChrome.css = Browseroberfläche
userContent.css = Webseiten
Stylish = Beides zusammen

Danke, das macht es mir verständlicher.

Bernd.

Zitat

Manchmal muss man Sachen auch einfach in der userContent.css eintragen, auch, wenn's um die Browseroberfläche geht.

Ist gottlob unnötig, wenn man eh Stylish nutzt, Bsp:

CSS

@namespace url(http://www.w3.org/1999/xhtml);


@-moz-document domain("www.ebay.de"), domain("ebay.de")
{


    .desc_ifr, #desc_ifr
    {
        height: 100% !important;
    }


}

Alles anzeigen

Was ginge per userchrome nicht? zB ein glossy about:blank
Irgendwann wurde mir das zu blöd, einmal dort und dann wieder da zu basteln. Mit Australis konnte ich auch mein Kempelton-Mini-Theme ablegen, das wird jetzt auch über Stylish geregelt. Ach ja, stylish hat den Vorteil, dass Änderungen sofort angezeigt werden, bei der userchrome muss Firefox jedesmal neu gestartet werden.

bege

Ehrlich gesagt bin ich zuerst bei Thunderbird auf das Problem gestoßen und habe dann festgestellt, dass es im Firefox genauso besteht. Im Firefox nutze ich den UserCSSLoader, deshalb ist es hier für mich tatsächlich nicht so wichtig.
In Thunderbird funktioniert der UserCSSLoader aber nicht, und ich habe TB sowieso schon so voll mit Erweiterungen, dass ich mir Stylish gern spare. Deshalb bin ich sehr froh, dass Mithrandir eine Lösung gefunden hat.

2002Andreas

Zitat von Bernd.

stylish hat den Vorteil, dass Änderungen sofort angezeigt werden

Was ich auch noch besser finde, evtl. Fehler im Code werden auch gleich angezeigt.