Beiträge von harff182

Zitat von grisu2099

Oder vielleicht so?

hm... ginge sowas auch in der titlebar?

Ich habs geschafft, alles für den Toggle-Button der Vertical-Bar so hinzubasteln, daß es mir gefällt.

- 16er Icon (dock-side-right-16.png) downgeloaded, angepaßt, ausgerichtet und als File eingebunden.

- Hintergrund umgefärbt, daß er mich beim Hoovern/Aktivieren nicht stört.

Schönes Wochenende allerseits aus dem verregneten Düsseldorf...

Kurz vor Bubu-Time, hab ichs mir doch noch schnell zurechtgebastelt:

Gefällt mir schon nicht schlecht, obs mir funktional zusagt, muß sich zeigen...

2 Kleinigkeiten gefallen mir aber so garnicht:

1: das SVG-Icon ist mir zu "sidebar-ähnlich"

Ich würde das gerne in dem Script austauschen

        #tooglebutton_addonbar_v .toolbarbutton-icon { \
          background: 6px 8px url("chrome://browser/skin/sidebars.svg") no-repeat; \
          fill: forestgreen; \
        }\

Dieses sidebars.svg würde ich gerne gegen ein anderes, FF-internes SVG tauschen, z.B. dock side right.

Letzeres hab ich aber nur in https://design.firefox.com/icons/viewer/# gefunden.

(Wo/wie) gibts eine Liste/Übersicht mit den internen FF-SVGs und den korrekten Bezeichnungen?

2. In dem Button ist um das Sidebar-Icon eine rosa(?) Feld.

Igitt

Das paßt so garnich zu meinem cyan/cornflowerblue-"Design".

Wo kommt das Rosa her und (wie) bekomme ich es wech?

Im Script hab ich nix dazu gefunden

Und jetzt ich schon fast ein, bis morgen....

milupo:

Danke für Deine Ausführungen - meinereiner fühlt sich erleuchtet

Wenn ich Probs habe, melde ich mich dann morgen nach der Bastelstunde wieder.

Schade, kann ich nich abgucken, sondern muß selber basteln

Heut Abend steht aber was anderes an, deswegen hab ich nur einen kurzen Blick in den Code geworfen...

Seh ich das richtig, daß die diese Leiste folgende ID hat: addonbar_v und mit #addonbar_v angsprochen werden muß?

Ich denk da z.b. an Hintergrundfarbe und was mir sonst noch für SchweineSpielereien einfallen

milupo:

Du hattest hier nebenan RE: Script Code für die Vertical Add-on Bar in den Ring geworfen.

Danke, hab ich am Wochenende was zum spielen

Ich hab mir für meine "normale" horizentalen Zusatzbar fp-statusbar-2 schmale Trenner gebastelt, um die Buttons auch optisch nach Funktionsgruppen zu trennen.

Das (Trenner=flexible spaces) soll ja laut Aris in der Vertikalen auch gehen.

Hast Du Dir welche in die Vertikale reingebastelt?

In user.Chrome.css ist der erste "." zuviel: userChrome.css

Zitat von Don1981

dort eine Text Datei erstellt,

Als "ASCII-Datei" oder "UTF-8-BOM" kodiert?

Ich nehm den Einzeiler, kann ich weniger Werte verhunzen

Andreas, da hätte ich im Inspektor wohl doch nicht auf den ersten "margin" springen sollen :blushing:

Ich versuche etwas verzweifelt, im EDF ("e-dampfen-forum.de") wieder etwas für mich aufzuhübschen.

Bisher sah es so aus:

Die mit den weißen Pfeilen gekennzeichneten Abstände möchte ich verkleinern.

Mit folgendem Code hab ich das für Links hinbekommen, aber nicht für rechts.

/*########################################################################
 * Dass folgende ändert im EDF Hintergrungfarben
 * Andy: https://www.camp-firefox.de/forum/thema/123999 
 */
        
@-moz-document domain("e-dampfen-forum.de") {

    .wrapper,#logo,#container,#content,#posts_container,.trow1{
        background:gold !important;
    }
    
    /*########################################################################
    * Dass folgende zeigt im EDF die DZG nach dem "vor xxxx" text an ;)
    * http://e-dampfen-forum.de/showthread.php?tid=3930&pid=139793#pid139793
    */    
    
    span.smalltext span::after {
        content: '  ' attr(title) '  ' !important; 
    }
}

/* versuch im EDF links und rechts den Rand wegzubekommen - 100px im #container scheint OK...*/
/* margin-regeln:
margin: 10px
=> 10px oben, 10px rechts, 10px unten, 10px links
*/
@-moz-document domain("e-dampfen-forum.de") {
    #container{
        margin: 0 -100px 0 -100px !important;
    }
}

Was mach ich falsch?

Boersenfeger :

Danke für den Hinweis , aber ich hatte mich 2019, als das in einem Thread mal aufkam, schonmal damit beschäftigt und als Resume für mich vermerkt "nicht meins".

Solange das S3 bei mir hier keine unangenehmen Nebenwirkungen zeigt, bleib ich dabei.

Zitat von .DeJaVu

Aber egal, S3 ist eine alte Erweiterung, also historisch betrachtet, ich hatte es vor Quantum, aber mit dem neuen Download-Managerin Firefox absolut überflüssig. Dazu ist es extrem fehlerbehaftet (immer wieder)

Bitte konkretisiere die letzte Aussage.

Ich habe bei/nach einem Dutzend Downloads keine Probleme bemerkt.

Mir kommts allerdings auch nur drauf an, daß ich unten im Fenster diese nette Zusatzleiste mit den Infos sehen kann

Und die habe ich mit dem neuen Download-Manager in Firefox nicht erzeugen können. Wie geht das?

.DeJaVu :

Danke für den Hinweis; simpel und einfach - hab das AddOn mal in eine Testphase genommen

Msfreak :

Danke für den Hinweis, hab das AddOn mal in eine Testphase genommen

Dharkness: Danke, paßt, wackelt nicht und sieht gut aus

Ich hab mal 'n bischen rumgespielt und mich mit mir auf 6px geeinigt...

2002Andreas : auch für Dich ein Danke und ein

Da hab ich wohl zuviel Kommentare gelöscht, als ich mit FF89 alle .css mal durchgecheckt habe

Momentan sieht das bei mir so aus:

Im aktiven (gelben) TAB ist alles (FavIcon, Text, Schließ-Button) für mein Empfinden etwas zu niedrig.

Ich benutze diesen Code:

/********** Tab-Aussehen verändern     *********************/
/*    210612: FF89neu 
    210616: einige Anpassungen/Zusätze bei 2002Andreas abgeguckt:
            https://www.camp-firefox.de/forum/thema/132802
    210616: Problem_1-Nachfrage: https://www.camp-firefox.de/forum/thema/132849
*/

/*Tab Inhalt Abstände*/
:root {
   --proton-tab-radius: 0px !important;
   --proton-tab-block-margin: 0px !important;
   --inline-tab-padding: 10px !important;
}

 #toolbar-menubar:not([autohide=true]) ~ #TabsToolbar > #tabbrowser-tabs > .tabbrowser-tab > .tab-stack > .tab-background {
  border:none!important;}

/* TAB normal (inaktiv):
 ***********************
 * Hintergrund, Schrift, Rahmen 
 */
  
#TabsToolbar .tabbrowser-tab {
  color: black !important;
  border: 2px solid !important;
  border-bottom: 1px solid black!important;
  background: white !important;                   /* weiß für inaktive Tabs*/
  border-radius: 10px 10px 0 0 !important;        /*alle 0 für bigzorro*/
  margin: 5px 1px 0px 0px !important;
  padding: -10px 0 !important;                    /*war mal 2px 0*/
}

/* TAB bei bei angewähltem TAB (aktiv):
 **************************************
 * Hintergrund, Rahmen, Schrift.
 */
#TabsToolbar .tabbrowser-tab[selected="true"] {
    color: black ! important;
    border: 3px solid !important;
    border-radius: 20px 20px 20px 20px !important;
    background: yellow !important;                   
    font-weight:bold !important;
}

/*.DejaVu hat in #8 das "Problem_1" links und rechts im aktiven Tab augenscheinlich gelöst */
#TabsToolbar:not([brighttext]) #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab:is([visuallyselected="true"],
[multiselected]) > .tab-stack > .tab-background
{
    box-shadow: none !important;
}

/*     Tab-Icon: 
*    *********
*    etwas größer, links weniger, unten etwas mehr Abstand zum TAB-Rand.
 */
 
#TabsToolbar .tab-icon-image {
  height: 18px !important;
  width:  18px !important;
  margin-left: -2px !important;
  margin-bottom: 2px !important;
}

/*     Tab-Schließen-Button:
    ***********************
 *     Rechts weniger Abstand zum TAB-Rand, etwas größer,
 *     Textfarbe (Kreuz)
 *     an den Eckenradius des Buttons angepaßt.
 *     bei angewähltem TAB (aktiv): Hintergrundfarbe.
 */

#TabsToolbar .tab-close-button[selected="true"] {
  margin-right: 2px !important;  
  padding: 0 !important;
  color: black !important;
  height: 20px !important;
  width:  20px !important;
  border-radius: 5px !important;
  background-color: red !important;
}

/*     Alle Elemente in der TABsToolbar ohne Hintergrund/Veränderung beim hovern.
    Dat klappt wohl so:
 */
#TabsToolbar * {
  background: none !important;
}

/*Alle Tabs ausgewählt => alle grün*/
#main-window .tab-background[multiselected] {
   background: chartreuse !important;
}

/*Lautsprecher Symbol vergrössern*/
.tab-icon-overlay {
    top: 2px !important;
    fill: red !important;
    transform: scale(1.5, 1.5) !important;
}

Ich hab mal mit padding etwas rumgespielt, schaffe es aber nicht, den ganzen TAB-Inhalt 3-5 Pixel nach oben zu verschieben

Hilfreiche Ideen würden mich glücklich machen

Zitat von Mike.S

Ich hatte den Fox nun eine Weile ganz ohne diese freie Stelle benutzt, aber jetzt möchte ich sie doch wiederhaben. Allerdings dann kleiner, vielleicht etwa nur ein Drittel so breit.

So?

#TabsToolbar  toolbarspring {
    background: red !important; 
    max-width: 5px !important;                        
    min-width: 5px !important;                                    
                    
}

background anpassen oder die Zeile löschen, dient mir hier nur zur Visualisierung.

5px auf gewünschte Breite ändern.

Ich hab mir das eben auch im EFB gekrallt und gehofft, daß mir das auf einer anderen Site (EDF) eventuell hilft.

Satz mit "X"

Mußte wohl für die von Dir favoritisierten Sites einzeln über die UserContent.CSS aktivieren....

Sascha B. :

In Deiner userChrome.css scheinen mir die Zeilen 94+95 nicht ganz koscher - zumindest fehlt da irgendwie eine schließende Klammer.

Und der Beginn /* TABS: height */*|*:root {   sieht auch irgendwie komisch aus...

Zitat von bigzorro

Ich mag keine runden Ecken bei Tabs aber damit könnte ich noch leben.

Wäre das für Dich eckig genug:

Ich hab zwar wenig CSS-Ahnung, hätte aber einen Code-Schnipsel mit dem Du rumspielen könntest:

/* TAB normal (inaktiv):
 ***********************
 * Hintergrundfarbe, Schriftfarbe,
 * Rahmen um die TABs, oben abgerundet und Abstände angepaßt,
 */
  
#TabsToolbar .tabbrowser-tab {
  color: black !important;
  border: 2px solid !important;
  border-bottom: 1px solid black!important;
  background: white !important;                   /* weiß für inaktive Tabs*/
  border-radius: 10px 10px 0 0 !important;        /*alle 0 für bigzorro*/
  margin: 5px 1px 0px 0px !important;
  padding: -10px 0 !important;                    /*war mal 2px 0*/
}

/* TAB bei bei angewähltem TAB (aktiv):
 **************************************
 * Hintergrund, Rahmen, Schrift.
 */
#TabsToolbar .tabbrowser-tab[selected="true"] {
    color: black ! important;
    border: 3px solid !important;
    border-radius: 20px 20px 20px 20px !important;
    background: yellow !important;                   
    font-weight:bold !important;
}