Lesezeichen-Symbolleiste breiter/höher machen

AngelOfDarkness

Nabend,

würde gerne meinen vorhanden Code für die Leisten modifizieren und zwar, dass die Lesezeichen-Symbolleiste etwas breiter in der Höhe wird.

CSS

#toolbar-menubar,
#nav-bar,
#nav-bar-customization-target,
#PersonalToolbar,
#TabsToolbar{
border:none!important;
background:black!important;}

Ich habe dafür folgenden Code hier im Forum gefunden, aber wie muss der in den oberen integriert werden?

CSS

#PlacesToolbarItems > toolbarbutton{
font-size:19px!important;}

Werden dabei dann automatisch auch die Favicons mit grösser ?

2002Andreas

Du kannst das ja bitte mal testen ob es in die richtige Richtung geht wie man so sagt :wink:

CSS

#toolbar-menubar,
#nav-bar,
#nav-bar-customization-target,
#PersonalToolbar,
#TabsToolbar{
border:none!important;
background:black!important;}


#PlacesToolbarItems > .bookmark-item > .toolbarbutton-text {
font-size:19px!important;
padding-left:3px!important;
}


#PlacesToolbarItems > .bookmark-item > .toolbarbutton-icon {
transform: scale(1.5, 1.5) !important;
}


#PlacesToolbarItems > toolbarbutton{
margin-left:3px!important;
margin-right:3px!important;
}


#PlacesToolbar{
height:29px!important;
}

Alles anzeigen

Die Werte musst du dir natürlich noch anpassen.

milupo

Zitat von AngelOfDarkness

Lesezeichen-Symbolleiste etwas breiter in der Höhe wird.

Ja, wie nun, breiter oder höher? Oder sollen da z. B. von einer Symbolleiste, die 4 cm hoch ist, die unteren 2 cm 10 cm breit sein und die oberen 2 cm 12 cm breit?

AngelOfDarkness

milupo

In der Höhe breiter werden

2002Andreas

danke das sieht schon ganz gut aus. Allerdings bräuchte es nun noch neben dem Favicon/Ordnersymbol und Text einen Abstand und der Text könnte auch in bold dargestellt werden nun

Habe allerdings den ursprünglich von mir verwendeten Code verwechselt, ich nutze ja für die Anpassung diesen hier:

CSS

/*
.bookmark-item[container="true"] {
   fill:#FF00FF !important;
   color:#00FFFF !important; 
}


toolbarbutton[container="true"] {
   filter:none !important;
   fill:#FF00FF !important;
   color:#FF00FF !important;
}


/* Test für Farbe im Sandwichmenü */
/*
photonpanelmultiview .panel-subview-body{
color:#00FFFF!important;
background:#000000 !important;
}
#appMenu-zoom-controls{
color:#00FFFF !important;
background:#000000 !important;
}	
#appMenu-edit-controls{
color:#00FFFF !important;
background:#000000 !important;
}
toolbarseparator{
	color:#000000 !important;
	background:#000000 !important;
}
*/


/* Farbe für Schrift und Symbole LesezeichenSymbolleiste, Toolbar und Menübar */
photonpanelmultiview .panel-subview-body,
#appMenu-multiView,
.panel-subview-body,
#appMenu-popup .toolbaritem-combined-buttons,
#appMenu-multiView,
#appMenu-popup{
color:#00FFFF !important;
background:#000000 !important;
}
.panel-arrow{
	display:none!important;
}


/* Farbe Searchbar */
.searchbar-textbox{
color:#000000 !important;
background:#FF00FF !important;
}


/* Farbe Urlbar */
.searchbar-textbox, #urlbar {
  background-color: #FF00FF !important;
  color: #000000 !important;
}


#identity-icon{
opacity: 1 !important;
}


/* Farbe Kontextmenü */
menupopup > menu,
menupopup,
popup > menu,
popup, 
#context-navigation{
	-moz-appearance: none !important;
	color: #C71585 !important;
    background-color:#EE82EE !important;
}


menuitem {
    color: #000000 !important;
	}

/* Farben Toolbar */
toolbarbutton {
   filter:none !important;
   fill:#FF00FF !important;
   color:#FF00FF !important;
   background:#000000 !important;
}
.toolbarbutton-text {
-moz-appearance: none !important;
color: #00FFFF !important;
} 
menubar{
-moz-appearance: none !important;
color: #00FFFF !important;
}


/* Farbe Buttons */
#star-button {
  fill: Black !important;
}
 #back-button:not([disabled="true"]):not([open="true"]):not(:active){
	fill: Cyan !important; 
	}
#forward-button:not([disabled="true"]):not([open="true"]):not(:active){
	fill: Cyan !important; 
	}


/* Hintergrundfarbe Bars */
#toolbar-menubar,
#nav-bar,
#nav-bar-customization-target,
#PersonalToolbar,
#TabsToolbar{
	border:none!important;
	background: #000000!important;}


/* Anpassung PopupAutoComplete */
    #PopupAutoCompleteRichResult {
		border: none !important;}

    #PopupAutoCompleteRichResult .scrollbox-innerbox {
		overflow-y: hidden !important;}

    #PopupAutoCompleteRichResult .autocomplete-richlistitem .ac-normal-text.ac-comment{
	    font-weight: bold !important; 
		font-size: 11.5pt !important;}


    #PopupAutoCompleteRichResult .autocomplete-richlistitem{ 
	    -moz-appearance: none !important; 
	    border: none !important; 
	    background: #FF00FF !important;  
	    min-height: 25px !important; 
	    max-height: 22px !important;}


#PopupAutoCompleteRichResult > richlistbox,
#PopupAutoCompleteRichResult,
.search-panel-one-offs,
.search-panel-current-input{
       -moz-appearance: none !important; 
	    border: none !important; 
	    background: #00FFFF !important;  
        color:#000000 !important;}


.ac-title-text{
        color:#000000 !important;}


.ac-site-icon{
        filter:none !important;
        fill:#000000 !important;}

.ac-url-text{
		color:#FFC0CB !important;}

.ac-type-icon{
         fill:#DC143C !important;}


    #PopupAutoCompleteRichResult .autocomplete-richlistitem:hover{
		-moz-appearance: none !important; 
        background: #FFFF00 !important; }

    #PopupAutoCompleteRichResult .autocomplete-richlistitem[type="bookmark"]:hover { 
	   -moz-appearance: none !important; 
	   border: none !important; 
	   background: #FF69B4 !important;}

    #PopupAutoCompleteRichResult .autocomplete-richlistitem[type="tag"]:hover { 
	  -moz-appearance: none !important; 
	  border: none !important; 
	  background: #FF69B4 !important;}


    }

/* Groesse der Lesezeichen-Symbolleiste */


#PlacesToolbarItems > .bookmark-item > .toolbarbutton-text {
font-size:32px!important;
padding-left:3px!important;
}


#PlacesToolbarItems > .bookmark-item > .toolbarbutton-icon {
transform: scale(1.5, 1.5) !important;
}


#PlacesToolbarItems > toolbarbutton{
margin-left:3px!important;
margin-right:3px!important;
}


#PlacesToolbar{
height:36px!important;
}

Alles anzeigen

Das Ganze sieht nun so aus bei mir

2002Andreas

Zitat von AngelOfDarkness

neben dem Favicon/Ordnersymbol und Text einen Abstand

Den kannst du mit diesen Werten im vorletzten Code anpassen:

CSS

#PlacesToolbarItems > toolbarbutton{
margin-left:3px!important;
margin-right:3px!important;
}

Zitat von AngelOfDarkness

der Text könnte auch in bold dargestellt werden

Meinst du das so?

CSS

/*
.bookmark-item[container="true"] {
   fill:#FF00FF !important;
   color:#00FFFF !important; 
}


toolbarbutton[container="true"] {
   filter:none !important;
   fill:#FF00FF !important;
   color:#FF00FF !important;
}


/* Test für Farbe im Sandwichmenü */
/*
photonpanelmultiview .panel-subview-body{
color:#00FFFF!important;
background:#000000 !important;
}
#appMenu-zoom-controls{
color:#00FFFF !important;
background:#000000 !important;
}	
#appMenu-edit-controls{
color:#00FFFF !important;
background:#000000 !important;
}
toolbarseparator{
	color:#000000 !important;
	background:#000000 !important;
}
*/


/* Farbe für Schrift und Symbole LesezeichenSymbolleiste, Toolbar und Menübar */
photonpanelmultiview .panel-subview-body,
#appMenu-multiView,
.panel-subview-body,
#appMenu-popup .toolbaritem-combined-buttons,
#appMenu-multiView,
#appMenu-popup{
color:#00FFFF !important;
background:#000000 !important;


}
.panel-arrow{
	display:none!important;
}


/* Farbe Searchbar */
.searchbar-textbox{
color:#000000 !important;
background:#FF00FF !important;
}


/* Farbe Urlbar */
.searchbar-textbox, #urlbar {
  background-color: #FF00FF !important;
  color: #000000 !important;
}


#identity-icon{
opacity: 1 !important;
}


/* Farbe Kontextmenü */
menupopup > menu,
menupopup,
popup > menu,
popup, 
#context-navigation{
	-moz-appearance: none !important;
	color: #C71585 !important;
    background-color:#EE82EE !important;
}


menuitem {
    color: #000000 !important;
	}

/* Farben Toolbar */
toolbarbutton {
   filter:none !important;
   fill:#FF00FF !important;
   color:#FF00FF !important;
   background:#000000 !important;
}
.toolbarbutton-text {
-moz-appearance: none !important;
color: #00FFFF !important;
font-weight:bold !important;
} 
menubar{
-moz-appearance: none !important;
color: #00FFFF !important;
}


/* Farbe Buttons */
#star-button {
  fill: Black !important;
}
 #back-button:not([disabled="true"]):not([open="true"]):not(:active){
	fill: Cyan !important; 
	}
#forward-button:not([disabled="true"]):not([open="true"]):not(:active){
	fill: Cyan !important; 
	}


/* Hintergrundfarbe Bars */
#toolbar-menubar,
#nav-bar,
#nav-bar-customization-target,
#PersonalToolbar,
#TabsToolbar{
	border:none!important;
	background: #000000!important;}


/* Anpassung PopupAutoComplete */
    #PopupAutoCompleteRichResult {
		border: none !important;}

    #PopupAutoCompleteRichResult .scrollbox-innerbox {
		overflow-y: hidden !important;}

    #PopupAutoCompleteRichResult .autocomplete-richlistitem .ac-normal-text.ac-comment{
	    font-weight: bold !important; 
		font-size: 11.5pt !important;}


    #PopupAutoCompleteRichResult .autocomplete-richlistitem{ 
	    -moz-appearance: none !important; 
	    border: none !important; 
	    background: #FF00FF !important;  
	    min-height: 25px !important; 
	    max-height: 22px !important;}


#PopupAutoCompleteRichResult > richlistbox,
#PopupAutoCompleteRichResult,
.search-panel-one-offs,
.search-panel-current-input{
       -moz-appearance: none !important; 
	    border: none !important; 
	    background: #00FFFF !important;  
        color:#000000 !important;}


.ac-title-text{
        color:#000000 !important;}


.ac-site-icon{
        filter:none !important;
        fill:#000000 !important;}

.ac-url-text{
		color:#FFC0CB !important;}

.ac-type-icon{
         fill:#DC143C !important;}


    #PopupAutoCompleteRichResult .autocomplete-richlistitem:hover{
		-moz-appearance: none !important; 
        background: #FFFF00 !important; }

    #PopupAutoCompleteRichResult .autocomplete-richlistitem[type="bookmark"]:hover { 
	   -moz-appearance: none !important; 
	   border: none !important; 
	   background: #FF69B4 !important;}

    #PopupAutoCompleteRichResult .autocomplete-richlistitem[type="tag"]:hover { 
	  -moz-appearance: none !important; 
	  border: none !important; 
	  background: #FF69B4 !important;}


    

/* Groesse der Lesezeichen-Symbolleiste */


#PlacesToolbarItems > .bookmark-item > .toolbarbutton-text {
font-size:32px!important;
padding-left:3px!important;
}


#PlacesToolbarItems > .bookmark-item > .toolbarbutton-icon {
transform: scale(1.5, 1.5) !important;
}


#PlacesToolbarItems > toolbarbutton{
margin-left:3px!important;
margin-right:3px!important;
}


#PlacesToolbar{
height:36px!important;
}

Alles anzeigen

Ist dein kompletter Code nur mit der Änderung für die Schrift bold

AngelOfDarkness

Das bold sollte nur in der Lesezeichen-Symbolleiste so sein

2002Andreas

Ok, bitte wieder testen.

CSS

/*
.bookmark-item[container="true"] {
   fill:#FF00FF !important;
   color:#00FFFF !important; 
}


toolbarbutton[container="true"] {
   filter:none !important;
   fill:#FF00FF !important;
   color:#FF00FF !important;
}


/* Test für Farbe im Sandwichmenü */
/*
photonpanelmultiview .panel-subview-body{
color:#00FFFF!important;
background:#000000 !important;
}
#appMenu-zoom-controls{
color:#00FFFF !important;
background:#000000 !important;
}	
#appMenu-edit-controls{
color:#00FFFF !important;
background:#000000 !important;
}
toolbarseparator{
	color:#000000 !important;
	background:#000000 !important;
}
*/


/* Farbe für Schrift und Symbole LesezeichenSymbolleiste, Toolbar und Menübar */
photonpanelmultiview .panel-subview-body,
#appMenu-multiView,
.panel-subview-body,
#appMenu-popup .toolbaritem-combined-buttons,
#appMenu-multiView,
#appMenu-popup{
color:#00FFFF !important;
background:#000000 !important;


}
.panel-arrow{
	display:none!important;
}


/* Farbe Searchbar */
.searchbar-textbox{
color:#000000 !important;
background:#FF00FF !important;
}


/* Farbe Urlbar */
.searchbar-textbox, #urlbar {
  background-color: #FF00FF !important;
  color: #000000 !important;
}


#identity-icon{
opacity: 1 !important;
}


/* Farbe Kontextmenü */
menupopup > menu,
menupopup,
popup > menu,
popup, 
#context-navigation{
	-moz-appearance: none !important;
	color: #C71585 !important;
    background-color:#EE82EE !important;
}


menuitem {
    color: #000000 !important;
	}

/* Farben Toolbar */
toolbarbutton {
   filter:none !important;
   fill:#FF00FF !important;
   color:#FF00FF !important;
   background:#000000 !important;
}
.toolbarbutton-text {
-moz-appearance: none !important;
color: #00FFFF !important;
} 
menubar{
-moz-appearance: none !important;
color: #00FFFF !important;
}


/* Farbe Buttons */
#star-button {
  fill: Black !important;
}
 #back-button:not([disabled="true"]):not([open="true"]):not(:active){
	fill: Cyan !important; 
	}
#forward-button:not([disabled="true"]):not([open="true"]):not(:active){
	fill: Cyan !important; 
	}


/* Hintergrundfarbe Bars */
#toolbar-menubar,
#nav-bar,
#nav-bar-customization-target,
#PersonalToolbar,
#TabsToolbar{
	border:none!important;
	background: #000000!important;}


/* Anpassung PopupAutoComplete */
    #PopupAutoCompleteRichResult {
		border: none !important;}

    #PopupAutoCompleteRichResult .scrollbox-innerbox {
		overflow-y: hidden !important;}

    #PopupAutoCompleteRichResult .autocomplete-richlistitem .ac-normal-text.ac-comment{
	    font-weight: bold !important; 
		font-size: 11.5pt !important;}


    #PopupAutoCompleteRichResult .autocomplete-richlistitem{ 
	    -moz-appearance: none !important; 
	    border: none !important; 
	    background: #FF00FF !important;  
	    min-height: 25px !important; 
	    max-height: 22px !important;}


#PopupAutoCompleteRichResult > richlistbox,
#PopupAutoCompleteRichResult,
.search-panel-one-offs,
.search-panel-current-input{
       -moz-appearance: none !important; 
	    border: none !important; 
	    background: #00FFFF !important;  
        color:#000000 !important;}


.ac-title-text{
        color:#000000 !important;}


.ac-site-icon{
        filter:none !important;
        fill:#000000 !important;}

.ac-url-text{
		color:#FFC0CB !important;}

.ac-type-icon{
         fill:#DC143C !important;}


    #PopupAutoCompleteRichResult .autocomplete-richlistitem:hover{
		-moz-appearance: none !important; 
        background: #FFFF00 !important; }

    #PopupAutoCompleteRichResult .autocomplete-richlistitem[type="bookmark"]:hover { 
	   -moz-appearance: none !important; 
	   border: none !important; 
	   background: #FF69B4 !important;}

    #PopupAutoCompleteRichResult .autocomplete-richlistitem[type="tag"]:hover { 
	  -moz-appearance: none !important; 
	  border: none !important; 
	  background: #FF69B4 !important;}


    

/* Groesse der Lesezeichen-Symbolleiste */


#PlacesToolbarItems > .bookmark-item > .toolbarbutton-text {
font-size:32px!important;
padding-left:3px!important;
font-weight:bold !important;
}


#PlacesToolbarItems > .bookmark-item > .toolbarbutton-icon {
transform: scale(1.5, 1.5) !important;
}


#PlacesToolbarItems > toolbarbutton{
margin-left:3px!important;
margin-right:3px!important;
}


#PlacesToolbar{
height:36px!important;
}

Alles anzeigen

AngelOfDarkness

Habe die Anweisung für bold nun auch schon eingebaut gehabt, aber leider passiert da nix.

CSS

#PlacesToolbarItems > .bookmark-item > .toolbarbutton-text {
font-size:32px!important;
font-weight:bold!important;
padding-left:3px!important;
}


#PlacesToolbarItems > .bookmark-item > .toolbarbutton-icon {
transform: scale(1.5, 1.5) !important;
}


#PlacesToolbarItems > toolbarbutton{
margin-left:8px!important;
margin-right:8px!important;
}


#PlacesToolbar{
height:36px!important;
}

Alles anzeigen

Und der Teil für den Abstand bezieht sich leider auf den Abstand von Lesezeichen zu Lesezeichen, aber leider nicht innerhalb eines Lesezeichen bestehend aus Favicon bzw. Ordnericon und dem dazugehörigen Text. Habe mal ein Bild gemacht von dem was ich meine

AngelOfDarkness

Noch was .. wenn ich mit den px-Wert für die Schriftgrösse spiele passiert nix. Die Schriftgrösse bleibt immer gleich.

macko

So hab dir einmal kurz den Code für dich angepasst. Sollte eigentlich so stimmen. Bitte kurz einmal testen bei dir, indem du diesen Teilbereich innerhalb deines geposteten Codes in Beitrag #4 ersetzt:

CSS

/* Groesse der Lesezeichen-Symbolleiste */
#PlacesToolbar{
height:36px !important;
}


#PlacesToolbarItems > .bookmark-item > .toolbarbutton-icon {
transform: scale(1.5, 1.5) !important;}


#PlacesToolbarItems > .bookmark-item > .toolbarbutton-text {
font-size: 14px !important;
font-weight: bold;
padding-left:6px !important;
}


#PlacesToolbarItems > toolbarbutton{
margin-left:3px !important;
margin-right:3px !important;
}

Alles anzeigen

Sollte dann folgendermassen aussehen:
[attachment=0]2018-09-29_14-43-57.png[/attachment]

AngelOfDarkness

1000 Dank an macko und 2002Andreas :klasse:

sieht nun mit entsprechendem Codeabschnitt bei nochmals angepasstem Icon-Scale von 1.2, 1.2 ...

CSS

/* Groesse der Lesezeichen-Symbolleiste */


#PlacesToolbar{
height:36px !important;
}


#PlacesToolbarItems > .bookmark-item > .toolbarbutton-icon {
transform: scale(1.2, 1.2) !important;}


#PlacesToolbarItems > .bookmark-item > .toolbarbutton-text {
font-size: 14px !important;
font-weight: bold;
padding-left:6px !important;
}


#PlacesToolbarItems > toolbarbutton{
margin-left:3px !important;
margin-right:3px !important;
}

Alles anzeigen

... bei mir so aus:

Hastenichgesehen

Nicht schlecht, Herr Specht!
Manchmal sind die Lesezeichensymbole doch recht klein und man erkennt diese kaum.

Wie heißt denn die Leiste die unter der Lesezeichen-Leiste liegt, also die wo z.B: auch Symbol-Buttons von "Brief", "Update-Scanner", Lesezeichen verwalten", "Sidebars angezeigt werden? Dann könnte man diese mit den gleichen Code-Angaben ebenfalls vergrößern.

2002Andreas

Freut mich wenn du letztlich zufrieden bist

macko

Zitat von Hastenichgesehen

Wie heißt denn die Leiste die unter der Lesezeichen-Leiste liegt, also die wo z.B: auch Symbol-Buttons von "Brief", "Update-Scanner", Lesezeichen verwalten", "Sidebars angezeigt werden?

Meinst du vielleicht die Statusleiste/Addonbar, welche man mittels eines Skriptes (wieder) hinzufügen kann
Wenn genau dieses Skript gemeint ist, dann könnte man dies mit diesem kurzen Code-Schnipsel anpassen:

CSS

#bottom-toolbar-vbox{
  height: 32px !important;
}


#bottom-toolbar-vbox .toolbarbutton-icon{
  transform: scale(1.5, 1.5) !important;
}

Sollte dann folgendermassen aussehen:
[attachment=0]2018-09-29_16-25-07.png[/attachment]

2002Andreas

Zitat von Hastenichgesehen

"Sidebars angezeigt werden?

Oder meinst du diese Leiste?
[attachment=0]Zwischenablage01.png[/attachment]

Wenn ja:

CSS

#nav-bar{
  height: 52px !important;
}


#nav-bar .toolbarbutton-icon{
  transform: scale(1.5, 1.5) !important;
}

Werte wenn dann bitte anpassen.

Hastenichgesehen

Zitat von macko

...
Meinst du vielleicht die Statusleiste/Addonbar, welche man mittels eines Skriptes (wieder) hinzufügen kann
...

Das war es leider nicht.
Ich habe die zu vergrößernden Buttons mit einem Pfeil kenntlich gemacht.[attachment=0]PP_2018-09-29_22-33-26.png[/attachment]

Auch #nav-bar war/ist es nicht.

AngelOfDarkness

So wie ich das sehe, muss du die Lesezeichen-Sybolleiste da breiter machen und dann die jeweiligen Buttons direkt. So wie es ausschaut, hast du da welche von anderen Scripten mit drin.

Hastenichgesehen

Zitat von AngelOfDarkness

So wie ich das sehe, muss du die Lesezeichen-Sybolleiste da breiter machen und dann die jeweiligen Buttons direkt. So wie es ausschaut, hast du da welche von anderen Scripten mit drin.

RestartButton.uc.js ist ein Script, der Rest sind Erweiterungen wie Update Scanner, Brief. "Sidebars anzeigen" und "Lesezeichen verwalten" kann ich auf die Schnelle nicht zuordnen.
Wie macht man die Lesezeichen-Symbolleiste breiter?
Ich habe den Code von https://www.camp-firefox.de/forum/viewtopi…094339#p1094339 genommen.

macko

Zitat von Hastenichgesehen

Das war es leider nicht.
Ich habe die zu vergrößernden Buttons mit einem Pfeil kenntlich gemacht.

Gut, du hast dich auch ein wenig unglücklich ausgedrückt, als du gefragt hast, wie die Leiste heisst welche "unter der Lesezeichenleiste" liegt. Daher dachte im ersten Moment erstmal an die Statusbar/Addonbar, und nicht an die Toolbarbuttons innerhalb der Lesezeichenleiste. :wink:
Aber da jetzt nun genau geklärt ist, was du genau verändern möchtest, kann ich dir natürlich auch besser weiterhelfen.
Mit folgenden Codeschnipsel kannst du dann die Toolbaricons innerhalb der Lesezeichenleiste vergrössern. Bei Bedarf kannst du natürlich die Grössen nach Gusto anpassen:

CSS

/*Vergrössern der Toolbarbuttons "Lesezeichenleiste"*/
#PlacesToolbar{
  height: 26px !important;
}


#PersonalToolbar .toolbarbutton-1{
  margin-left: 2px !important;
}


#PersonalToolbar .toolbarbutton-icon {
  transform: scale(1.3, 1.3) !important;
}


#PlacesToolbarItems > .bookmark-item > .toolbarbutton-text {
  padding-left: 3px !important;
}

Alles anzeigen

Sollte dann so aussehen. Beachte auch, dass mit dieser Änderung auch die Favicons der Bookmarks vergrössert werden. Möchtest du nur die jeweiligen Buttons alleine vergrössern, dann müsste man jeden Button einzeln über dessen CSS-Selektor ansprechen.[attachment=0]firefox_2018-09-29_17-20-55.png[/attachment]

AngelOfDarkness

Nimm einfach nur den Code von Beitrag #11, die Werte musst du dir dann entsprechend anpassen.
Auch die Erweiterungen sind letztendlich nur Scripte mit ggf. entsprechenden CSS-Codes. Ob und wie diese Buttons entweder allgemeingültig oder auch per CSS im einzelnen angesprochen werden können, entzieht sich leider meiner Kenntnis

edit// leider zu spät, macko war schnell mit einer Lösung