Code für Schriftfarbe der Sidebarordner

Silbersternchen

Hallo zusammen,

mit Hilfe des Forums konnte ich den icons von meinen Sidebarordnern eine andere Farbe verpassen:

treechildren::-moz-tree-image(container) {
fill:royalblue !important;}
}

Ich benötige den Code, um den Ordnertext rechts neben den Symbolen ebenfalls farblich anzupassen.
Mit: bookmarks-items...text...scripts... hatte ich es erfolglos probiert.

Kann mir da Jemand helfen, oder zumindest die genaue Bezeichnung des Ordnertextes für die UserChrome geben, damit ich den Code evt. selber stricke?

Danke und liebe Grüsse Sabine

Pentomino

Habe aus irgendwo gefundenen Code-Schnipsels folgendes gebastelt:

CSS

#bookmarksPanel treechildren:-moz-tree-cell-text
{color: red!important;}

Gibt dem Text bei mir die Farbe "Rot".

2002Andreas

So wie ich das lese geht es Silbersternchen nur um den Text für die Ordner.

Und dafür kenne ich zumindest keinen Code.

Pentomino

Tja, funktioniert bei mir.... Nur der Text ist "Rot"

2002Andreas

Zitat von Pentomino

Nur der Text ist "Rot"

Nur von den Ordnern, oder sind dann alle Titel rot?

Pentomino

Alle Titel sind rot!

Pentomino

Nur Ordner geht nicht :mrgreen:

2002Andreas

Bitte mal testen:

CSS

/* AGENT_SHEET */


@-moz-document url("chrome://browser/content/bookmarks/bookmarksPanel.xul"), 
url("chrome://browser/content/browser.xul"),
url("chrome://browser/content/history/history-panel.xul"){


.sidebar-placesTreechildren::-moz-tree-cell-text(container)  {
    color: red !important;
    font-weight: bold !important;
  }


  .sidebar-placesTreechildren::-moz-tree-cell-text(container, hover)  {
    color: orange !important;  }
}

Alles anzeigen

Pentomino

Ich dachte, du kanntest keinen Code :wink:
Bei mir sind mit deinem Code jetzt doch nur die Ordnertexte rot eingefärbt. :o

2002Andreas

Zitat von Pentomino

Ich dachte, du kanntest keinen Code

Dachte ich ja auch erst...lies mir dann aber doch keine Ruhe :wink:

Damit ist es ganz bunt

CSS

@-moz-document url("chrome://browser/content/bookmarks/bookmarksPanel.xul"), 
url("chrome://browser/content/browser.xul"),
url("chrome://browser/content/history/history-panel.xul") {




#bookmarks-view,sidebarheader,#sidebar-box,.sidebar-placesTreechildren,#sidebar-search-label,#sidebar-search-container,#placesList > treechildren{
-moz-appearance: none!important;
background:grey!important}


.sidebar-placesTreechildren,sidebarheader,#sidebar-search-label{
text-align:center!important;
text-decoration:underline!important;
color:yellow!important}


#sidebar-header{
border:none!important}


#sidebar-splitter{
display:none !important}


#search-box > hbox{
	margin: -2px -2px!important;
	background: lightgrey!important;}


 textbox {
  margin: 3px 3px;
  padding: 0px!important;
  padding-inline-start: 0px!important;
  color: red;}
}
@-moz-document url("chrome://browser/content/bookmarks/bookmarksPanel.xul"), 
url("chrome://browser/content/browser.xul"),
url("chrome://browser/content/history/history-panel.xul") {


treechildren::-moz-tree-cell(hover),
    treechildren::-moz-tree-cell-text(hover),
    treechildren::-moz-tree-row(hover){
    -moz-appearance: none !important;    
    border:none !important;
    text-decoration: none !important;
    outline: none !important;}




treechildren:-moz-tree-cell(even, hover){
background: -moz-linear-gradient(rgb(135,206,250) 25%, rgb(240,255,255) 95%) !important;}


treechildren:-moz-tree-cell(odd, hover){
background: -moz-linear-gradient(rgb(192,192,192) 25%, rgb(255,255,255) 95%) !important;}




treechildren:-moz-tree-cell-text(hover){
color: green !important;}


.sidebar-placesTreechildren::-moz-tree-cell-text(container)
  {
    color: orange !important;
    font-weight: bold !important;
  }


  .sidebar-placesTreechildren::-moz-tree-cell-text(container, hover)
  {
    color: blue !important;
  }


#bookmarks-view-children:-moz-tree-cell(selected){	
   background: -moz-linear-gradient(rgb(000,255,255) 25%, rgb(000,000,255) 95%) !important;}


#bookmarks-view-children:-moz-tree-cell-text(selected){
color: Snow !important;}
}


/* AGENT_SHEET */
/* @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); */


@-moz-document url("chrome://browser/content/bookmarks/bookmarksPanel.xul"), 
url("chrome://browser/content/browser.xul"),
url("chrome://browser/content/history/history-panel.xul"){




#bookmarksPanel treechildren::-moz-tree-twisty(closed),
#bookmarksPanel treechildren::-moz-tree-twisty(open){
height:0px!important;
width:0px!important;}


#bookmarks-view-children.sidebar-placesTreechildren::-moz-tree-image(container, OrganizerQuery_BookmarksToolbar){
width:0px!important;
height:0px!important}


#bookmarks-view-children.sidebar-placesTreechildren::-moz-tree-cell-text(title,OrganizerQuery_BookmarksToolbar){
opacity: 0 !important;}


#bookmarks-view-children.sidebar-placesTreechildren::-moz-tree-cell-text(title,OrganizerQuery_UnfiledBookmarks){
opacity: 0 !important;}


#bookmarks-view-children.sidebar-placesTreechildren::-moz-tree-image(container, OrganizerQuery_UnfiledBookmarks){
width:0px!important;
height:0px!important}


.sidebar-placesTreechildren::-moz-tree-separator{
border: 1px dotted transparent !important;}
}

Alles anzeigen

Pentomino

Wahnsinn ! Und das hast du jetzt alles in "5 Minuten" hingezaubert :o:klasse:

Pentomino

Ich werde das zwar alles nicht so ganz verwenden, aber echt beeindruckend ! :klasse:

2002Andreas

Teilweise hatte ich den Code hier selber schon benutzt, nur die Ordnerfarbe/Text habe ich dann noch eingefügt.

Wer es gebrauchen kann, damit erscheint die Sidebar nur per hover:

CSS

@-moz-document url("chrome://browser/content/bookmarks/bookmarksPanel.xul"), 


url("chrome://browser/content/browser.xul"),


url("chrome://browser/content/history/history-panel.xul") {


#menu_bookmarksSidebar {
		 display:-moz-box !important
	 }


#bookmarks-view-children{
margin-top:-75px!important;
margin-left:-15px !important}




.sidebar-placesTreechildren::-moz-tree-separator  {
margin: 0px 500px !important;}


#sidebar-box {
	display:-moz-box !important;

position:fixed!important;


top:115px;


bottom:-35px;


width: 0px !important;


overflow-x: hidden !important;


-moz-appearance: none !important;


border: 1px solid transparent !important;


border-left: 0 !important;


opacity: 0 !important;


-moz-transition: width .2s ease-out .2s, opacity .2s ease-out .2s !important;


}
#sidebar-box:hover {


width: 230px !important; /*-adjust sidebar width here-*/


opacity: 1 !important;


-moz-transition: width .2s ease-out .2s, opacity .2s ease-out .2s !important;


}
#sidebar-splitter{


display:none !important;


}
#sidebar-header {


width:100%;


border: 0 !important;


}
#sidebar {
display:-moz-box !important;
width:100%!important;


height:95%;


}
}

Alles anzeigen

Die Werte evtl. noch anpassen.

Pentomino

Sidebar per "hover" hatte ich schon. Ist aber immer wieder erwähnenswert, da sehr elegant

Silbersternchen

Hallo zusammen,
zunächst recht herzlichen Dank für die Codes, ich kam gerade mit dem Testen gar nicht nach.

Die rot+ fette Schrift mit dem organgenem hover gefällt mir besonders gut.

Da ja nur die Ordner den roten Text besitzen, stellt sich mir die Frage, ob die Möglichkeit besteht,
das Ordnersymbol ganz auszublenden, um etwas mehr Platz in der sidebar in der Waagerechten zu generieren.
Ich hatte es mal mit :.....display:none !important} versucht, hat aber nicht geklappt.
Vielleicht habe ich auch den Sidebarordner falsch angesprochen.
Gibt es da auch einen Code für ?
Liebe Grüsse Sabine

2002Andreas

Teste bitte:

CSS

@-moz-document url("chrome://browser/content/bookmarks/bookmarksPanel.xul"), 
url("chrome://browser/content/history/history-panel.xul") {


treechildren::-moz-tree-image(container) {
list-style-image: none !important;}


.sidebar-placesTreechildren::-moz-tree-cell-text(container)  {
margin-left:-20px!important;}
}

Alles anzeigen

Den Wert evtl. noch anpassen.

Silbersternchen

Hallo Andreas ,
...das ist ja genial, die Ordner in der sidebar haben jetzt eine andere Farbe und kein icon.
Bei mehreren Unterverzeichnissen sind jetzt, aufgrund Ihrer Farbe, die Ordner gut von den Lesezeichen zu unterscheiden, die Struktur ist aber wegen den fehlenden Ordnericons etwas übersichtlicher.
Das ist natürlich, wie alle optischen Anpassungen, absolut Geschmacksache, mir gefällt es sehr gut.
Demnach hat sich Dein tieferes Eintauchen nach Pentomino's statement voll gelohnt!
Dank auch an Pentomino,

Liebe Grüsse Sabine

2002Andreas

Freut mich wenn du damit zufrieden bist, war gern geschehen

Silbersternchen

Hallo, melde mich nochmals zu diesem Thema:

würde ggf. die Möglichkeit bestehen, hier auch bestimmte Ordnertexte in einer anderen Farbe darzustellen, ähnlich wie:

toolbarbutton[class="bookmark-item"][label="Haus"][type="menu"][container="true"]{
filter:none !important;
fill:green!important;}

nur halt für die Ordnertexte der sidebar?

Der Wunsch kam vor einiger Zeit von Zitronella, dem reihe ich mich jetzt ein, ich würde dann den Ordnertexten
auf der ersten Ebene eine andere Farbe zuteilen.
Andreas hatte ja einige funktionierende codes heute herausgefunden, vielleicht wäre darauf aufbauend eine Farbselektion auf einzelne Ordnertexte möglich ?

Viele Grüsse Sabine