Beiträge von grisu2099

grisu2099

Zitat von Collabs

Wie ändert man die Farbe des "Neuer Tab"-Buttons?

Letzte Zeile im Code die Farbe ändern.

Zitat von Collabs

Geht es auch nur die oberen Ecken der Tab buttons abzurunden?

Ja. Dazu mußt du die beiden folgenden Code-Blöcke in deinem Code austauschen:

CSS

.tabbrowser-tab:not([selected]) {
    background: rgb(80,80,80) !important;
    border-top-radius: 14px !important; 
    border: 1px solid green !important;
    }

.tab-background[selected] {
    background: rgb(0,150,0) !important;
    border-top-radius: 14px !important; 
    border: 1px solid yellow !important;
    }

Alles anzeigen

grisu2099

Zitat von Collabs

Ist es möglich die Tab buttons (so nenn ich sie mal) etwas abzurunden?

Ja, mit diesem Code (mußt du dir für dich eventuell abändern, was Farbe etc. betrifft - frag einfach, wenn du nicht weiter weißt)

CSS

    /*Höhe und Abstand der Tableiste */
    
#TabsToolbar {
    /* border-top: 1px solid green !important; */
    border-bottom: 1px solid green !important;
    min-height: 34px !important;
    padding-top: 2px !important;
    -moz-padding-start: 16px !important
    }

/*.tabbrowser-tab:not([selected="true"]){*/
.tabbrowser-tab:not([selected]) {
    background: rgb(80,80,80) !important;
    border-radius: 14px !important; 
    border: 1px solid green !important;
    }

.tab-background[selected] {
    background: rgb(0,150,0) !important;
    border-radius: 14px !important; 
    border: 1px solid yellow !important;
    }

    /*beseitigt störende Flächen am Rand des aktiven Tabs*/
.tabbrowser-tab[selected] {
    background: rgb(50,50,52) !important;
    border-top: 1px rgb(50,50,52) !important;
    border-right: 1px rgb(50,50,52) !important;
    }

.tab-label {
    -moz-box-flex: 1 !important;
    text-align: center !important;
    }

.tab-close-button.close-icon {
    display: -moz-box !important;
    width: 18px !important;
    height: 18px !important;
    border: 1px solid white !important;
    border-radius: 4px !important;
    background-color: rgb(200,0,0) !important;
    }

.tabbrowser-tab::after, .tabbrowser-tab::before {
    margin-inline-start: 0px !important;
    border-left: 0px solid !important;
    border-image: none !important;
    border-image-slice: 0 !important;
    width: 0px !important;
    box-sizing: border-box;
    opacity: 0 !important;
    }

    /* tab_titles_remove_blur - beseitigt unscharfen Tabtitel am rechten Rand */
.tab-label-container[textoverflow]:not([pinned]) {
    mask-image: unset !important;
    }
    
.tab-line { 
    display: none !important
    }

#tabs-newtab-button {
    margin-left: 5px !important;
    padding: -3px !important
    fill: rgb(0,200,0) !important;
    }

Alles anzeigen

Zitat von Collabs

Ist die Leezeichen-Symbolleiste auch zweireihig möglich?

Ja, mit diesem Code (auch hier: Eventuell für dich anpassen... )

CSS

/* Lesezeichen mehrzeilig ***************************************************************/
/* mit Änderungen/Anpassungen für mein Design *******************************************/
/* basiert auf: bookmarks_toolbar_multiple_lines von Aris *******************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/


:root {
    --bookmark_items_height: 24px; /* <- bookmark items - line height */
    --bookmark_items_lines: 3; /* <- maximum amount of lines */
    }

#PersonalToolbar {
    min-height: var(--bookmark_items_height) !important;
    max-height: calc(var(--bookmark_items_height)*(var(--bookmark_items_lines))) !important;
    padding-left: 15px !important;
    padding-top: 2px !important;
    }

#PersonalToolbar:-moz-lwtheme {
    background-image: none !important;
    box-shadow: none !important;
    border-top: 1px solid green !important;
    border-bottom: 1px solid green !important;
    }

#nav-bar:-moz-lwtheme {
    background-image: none !important;
    }

#PlacesToolbar, #PlacesToolbarItems {
    overflow: visible;
    display: block;
    }

#PlacesToolbarItems > .scrollbox-innerbox {
    display: flex;
    flex-wrap: wrap; 
    overflow-x: hidden !important;
    overflow-y: visible !important;
    max-height: calc(var(--bookmark_items_height)*(var(--bookmark_items_lines))) !important
    }

#personal-bookmarks {
    display: block;
    }

#personal-bookmarks #PlacesToolbar {
    display: block;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: calc( var(--bookmark_items_lines) * var(--bookmark_items_height) );
    }

#personal-bookmarks #PlacesToolbar > hbox {
    display: -moz-stack !important;
    left: 0px;
    right: 0px;
    width: 100%;
    }

#personal-bookmarks #PlacesToolbar #PlacesToolbarItems {
    overflow-x: visible;
    overflow-y: visible;
    }

#personal-bookmarks #PlacesToolbar #PlacesToolbarItems > box {
    display: block;
    }

#personal-bookmarks #PlacesToolbar > .bookmark-item{
    visibility: visible !important;
    }

#personal-bookmarks #PlacesToolbar .chevron{
    visibility: collapse;
    }

#personal-bookmarks #PlacesToolbar > hbox > hbox{
    overflow-x: hidden;
    overflow-y: hidden;
    }

#personal-bookmarks #PlacesToolbar #PlacesToolbarDropIndicator[collapsed="true"],
#personal-bookmarks #PlacesToolbar #PlacesToolbarDropIndicator{
    display: none;
    }

#personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-top: 2px !important;
    margin-bottom: 2px !important;
    vertical-align: middle;
    }

#personal-bookmarks #PlacesToolbar toolbarseparator{
    -moz-appearance: none !important;
    visibility: visible !important;
    display: inline;
    text-shadow: none !important;
    border-left: 3px solid ThreeDShadow !important;
    border-right: 3px solid ThreeDHighlight !important;
    vertical-align: middle;
    }

#personal-bookmarks toolbarbutton.bookmark-item[dragover][open]{
    -moz-appearance: toolbarbutton;
    }

#navigator-toolbox #PersonalToolbar { 
    max-height: calc( var(--bookmark_items_lines) * var(--bookmark_items_height) ) !important;
    }

#PlacesToolbarItems toolbarbutton.bookmark-item {
    background: rgb(80,80,80) !important;
    border: 1px solid green !important;
    border-radius: 5px !important;
    width: 133px !important;
    height: 24px !important;
    }

#PlacesToolbar toolbarbutton.bookmark-item:hover {
    background: rgb(110,110,110) !important;
    }

Alles anzeigen

Edit: Die Farben sind für ein DarkTheme angepaßt - läßt sich ändern...

grisu2099

Dann poste am besten mal dein Skript dafür...

grisu2099

Klick mal auf das Schild-Symbil in der Adreßleiste...

grisu2099

Löschen geht nicht, höchstens ausblenden...

grisu2099

Lesezeichen? Eben wolltest du noch Paßwörter verwalten...

grisu2099

Zitat von ghiesz

/* color: var(--theme-selection-color); */
color: red!importend;
}

!important; nicht !importend;

grisu2099

Dann wäre es sinnvoll, mal das "Gesamt-Paket" zu kennen...

grisu2099

Danke!

Gleich mal testen...

Edit: Funktioniert! Nochmals: Danke!

grisu2099

Ich bastele gerade an optischen Anpassungen für eine Firefox Webextension.

Kann mir jemand auf die Sprünge helfen, wie man da eine passende Namespace-Zeile strickt, damit mir der Code nicht auf andere Seiten/Erweiterungen durchschlägt?

Ich stehe da etwas auf dem Schlauch...

grisu2099

Hast du mal im "Anpassen"-Fenster nachgeschaut?

grisu2099

Ersetze mal Zeile 29 durch:

display: block !important;

und teste.

grisu2099

Am Firefox kann es eigentlich nicht liegen - hier bei mir laufen Browser-Games unter Flash...

grisu2099

Auch bei mir sind die Tabs durch den Tipp von 2002Andreas wieder da, wo sie (für mich jedenfalls) hingehören.

Danke dafür!

grisu2099

Für die Breite: den Wert in Zeile 45 ändern.

Weiter nach oben: den Wert in Zeile 32 ändern.

grisu2099

Einstellungen -> Allgemein -> warnen wenn mehrere Tabs geschlossen werden

grisu2099

Ich hab mich auch mal bedient...

Danke!

grisu2099

Auf exakt dem gleichen Weg natürlich, das funktioniert hier einwandfrei.

grisu2099

Hast du es denn zum Vergleich mal mit dem Code von 2002Andreas versucht?

grisu2099

Danke!

Beiträge von grisu2099

Tableiste grau färben

Tableiste grau färben

extra_config_menu-Icon verschieben

Warum werden Pop-Up-Blockaden oder andere Blockaden nicht durch Symbol angezeigt

Lesezeichen-Symbolleiste: Eintrag in Sidebar Lesezeichen

Firefox Lockwise

userChrome.css

Rahmen für Icons in Lesezeichen-Symbolleiste

at-rule für .css-Code einer Erweiterung

at-rule für .css-Code einer Erweiterung

Mehrzeilige Tableiste für aktuelle Firefox-Versionen

Sidebar schiebt Seite nach rechts seit FF 71 (und überblendet nicht mehr den Seitenbereich)

Problem mit dem Flash Player

FF71.0 - Menüleiste verrutscht

All-in-One Sidebar Ersatz

Tabs schliessen Meldung ist weg :(

Forum - Geburtstagsliste verkürzen

Hintergrund für aufgeklappte Menüs/Untermenüs ändern

Hintergrund für aufgeklappte Menüs/Untermenüs ändern

Firefox-Scrollbar