CSS Code für StylRRR

HT-Frogger

Der StyleRRR ist für mich zwar etwas ungewohnt, aber an sich brauchbar genug. Aber er braucht selbst einen neuen Style damit er nicht so klein ist.

Der Style Editor ist zu niedrig und besonders zu schmal und er läßt sich bei mir nicht in der Größe anpassen. Ich muß ein Stück horizontal nach rechts scrollen um an den vertikalen Scrollbalken des eigentlichen Editorfensters ran zu kommen. Habt Ihr das Problem auch?

Gruß Harry

2002Andreas

Zitat von HT-Frogger

damit er nicht so klein ist.

Teste es bitte mal mit diesem Code:

CSS

#edit-box2{
height:500px!important;
max-width:700px!important;
font-size:18px!important;}


#name-box2{
font-size:18px!important;}

Werte musst du dir anapassen.

[attachment=0]Screenshot (404).png[/attachment]

Endor

Hallo Andreas.
Kriegst Du das oben markierte auch etwas breiter?
Ich versuche es schon die längst Zeit.
[Blockierte Grafik: http://i.imgur.com/MAKujmt.png]

Mfg.
Endor

HT-Frogger

Danke, probier ich aus! Dauert aber etwas, hier gibt es erst mal was für die Figur ;-).

Gruß Harry

2002Andreas

Hallo Endor...

nicht wirklich...teste aber trotzdem bitte mal:

CSS

#tabitem1,#tabitem2{
border:none!important;
font-size:20px!important;
}


#openFolder{
margin-bottom:10px!important;
font-size:19px!important;
}

Endor

Hallo Andreas.
Vielen Dank.
border:none das war es was ich suchte.
Damit passt es schon.

Hier mal mein ganzer Code vielleicht kannst Du ja was davon brauchen:

CSS

#item1, #item2 {font-size:14px!important; margin-left: 12px !important; }


#edit-box1, #edit-box2{
font-size:16px!important;
height:530px!important;
max-width:730px !important;
min-width:710px !important;
margin-left:-5px !important;}


#name-box1, #name-box2, #domain-box2, #domain-box1, #url2{
font-size:16px!important;
max-height: 25px !important;}


#saveBtn2, #saveBtn1 {margin-top:10px !important; margin-left: 10px !important;}


#openFolder {margin-bottom:15px !important; font-size:14px!important;}


#tabitem1,#tabitem2{
border:none!important;
margin-left: 5px !important;
font-size:14px !important;}


#domain-box1 {margin-bottom: -3px !important;}


textarea {background-color: #FFFFFF !important;}
body {background-color: #F2F2F2 !important;}

Alles anzeigen

Sieht hier übrigens so aus:
[Blockierte Grafik: http://i.imgur.com/3B6Bgrz.png]

[Blockierte Grafik: http://i.imgur.com/a3B7cfm.png]

Habe in der Erweiterung mal die Hintergrundfarbe geändert.
Was sagst Du dazu?
Mfg.
Endor

HT-Frogger

@ Andreas:
Das war bei mir leider nicht hilfreich, der Code brachte keine Änderung. Selbst die Schriftgrößenangabe hat keine Wirkung.

@ Endor:
Dein letzter Code bringt hier schon deutlich mehr, darauf werde ich nun versuchen aufzubauen.

Danke Euch beiden! Gruß Harry

Endor

Wenn man das hier noch in meinem Code einfügt:

CSS

textarea {background-color: #FFFFFF !important;}
body {background-color: #F2F2F2 !important;}

kann man noch die Hintergrundfarbe des Textfeldes und des Panels anpassen.

Edit: Habe ich jetzt auch in meinem vorigen Code eingebaut.
Mfg.
Endor

HT-Frogger

Schön wäre es auch das gesamte Fenster (nicht nur den Editorbereich) etwas größer zu bekommen...

Gruß Harry

Endor

Einmal Testen:

CSS

panel{
width: 883px !important;
height: 830px !important;}

Werte eventuell noch anpassen.
Mfg.
Endor

HT-Frogger

Oh, ja !!! Danke, das bringt es. Schließlich ist der Monitor doch ganz bezahlt und nicht nur zu einem Bruchteil...

Gruß Harry

2002Andreas

Hallo Endor..

ich habe das mal so übernommen...danke dafür :klasse:

2002Andreas

Hallo Endor..

ist mir eben aufgefallen.

Über den jeweiligen Codes für diese Erweiterung sollte immer dieser Eintrag stehen:

Code

@-moz-document url-prefix(resource://stylrrr-at-coronos-dot-com/data/styler2.html){

Plus der 2ten } am Ende dann.

Ansonsten gibt es z.B. ein Problem mit diesem Eintrag von dir:

CSS

body {background: #F2F2F2 !important;}

Ändere ich die Farbe zwecks Test mal auf rot sieht das nämlich so aus:

[attachment=0]Screenshot (406).png[/attachment]

HT-Frogger

Was natürlich noch fehlt ist die alles umschließende Bedingung wie z.B.:

@-moz-document url-prefix(chrome://browser/content/browser.xul) { ... Code ... } (für die Browser-Oberfläche selbst)

aber eben für dieses Fenster angepaßt. So würden doch alle Elemente mit gleichem Namen auf allen möglichen Webseiten angesprochen werden. Und das muß man doch irgendwie verhindern.

Vielleicht mit negierter Webseite mit Joker * ? z.B.:
@-moz-document not (url(http*://*)) { ... } ? Also Nicht für alle Webseiten ?

Gruß Harry

Oh, ich glaube Andreas war schneller...

Aber dann geht es nicht mehr...

HT-Frogger

Dir panel-Größe (äußerer Container muß in @-moz-document url-prefix(chrome://browser/content/browser.xul) { ... Code ... } stehen, der Rest in dem Code von Andreas. Dann klappt es...

Gruß Harry

Endor

Hallo zusammen.
Hier nochmal der ganze Code wie er sein soll:

CSS

@-moz-document url-prefix(resource://stylrrr-at-coronos-dot-com/data/styler2.html){
#item1, #item2 {font-size:14px!important; margin-left: 12px !important; }
#edit-box1, #edit-box2{font-size:16px!important;
height:530px!important;
max-width:730px !important;
min-width:710px !important;
margin-left:-5px !important;}


#name-box1, #name-box2, #domain-box2, #domain-box1, #url2{
font-size:16px!important;
max-height: 25px !important;}


#saveBtn2, #saveBtn1 {margin-top:10px !important; margin-left: 10px !important;}


#openFolder {margin-bottom:15px !important; font-size:14px!important;}


#tabitem1,#tabitem2{
border:none!important;
margin-left: 5px !important;
font-size:14px !important;}


#domain-box1 {margin-bottom: -3px !important;}


textarea {background-color: #FFFFFF !important;}
body {background-color: #F2F2F2 !important;}
}

Alles anzeigen

Für die Panel Größe müsste man noch eine etwas präzisiere Form finden.
Denn so:

CSS

@-moz-document url-prefix(chrome://browser/content/browser.xul){
panel{
width: 883px !important;
height: 830px !important;}
}

wirkt er bei allen Panel Fenstern nicht nur bei diesem.
Habe aber bis jetzt nichts passendes finden können.
Mfg.
Endor

2002Andreas

Zitat von Endor

Für die Panel Größe

Bitte wieder testen:

CSS

@-moz-document url-prefix(chrome://browser/content/browser.xul){


#mainPopupSet > panel{
height: 830px !important;
min-width:883px!important;}
}

Endor

Hallo Andreas.
Leider nein.
Wirkt immer noch auch bei anderen Panel Fenstern, zbs. beim Wetterfuchs.
Mfg.
Endor

HT-Frogger

Ich habe erst mal für das Panel min-width: 1000px !important; und min-height: 900px !important; gesetzt. Dann können andere Anwendungen es bei Bedarf zwar vergrößern, aber es wird nicht kleiner.

Gruß Harry

PS Auch das Firefox Menü (die 3 Striche) ist leider davon betroffen.

Endor

Auch das Download Panel wird so angesprochen.
Finde im Moment keine Lösung dafür.
Daher wird hier die Panelgröße nicht verändert.
Mfg.
Endor