1. Nachrichten
  2. Forum
    1. Unerledigte Themen
    2. Forenregeln
  3. Spenden
  • Anmelden
  • Registrieren
  • Suche
Alles
  • Alles
  • Artikel
  • Seiten
  • Forum
  • Erweiterte Suche
  1. camp-firefox.de
  2. Mira_Belle

Beiträge von Mira_Belle

  • Tableiste, nur Hintergrund ändern

    • Mira_Belle
    • 28. August 2022 um 22:03

    So schaut es mit diesem Code aus.

    CSS
    #TabsToolbar {
      background:  linear-gradient(to right, powderblue 20%, yellow 60%) !important;
      box-shadow: inset 0px 3px 0px 0px rgba(255, 0, 0, 0.9) !important;
      mask-image: linear-gradient(to right, transparent 2%, black 100%) !important;
    }
    
    .tabbrowser-tab:is([visuallyselected="true"], [multiselected]) > .tab-stack > .tab-background {
      background: transparent !important;
      box-shadow: none !important;
    }
    
    #tabs-newtab-button {
      margin-top: 4px !important;
      margin-bottom: 4px !important;
      background-color: transparent !important;
    }
    .tabbrowser-tab:not([visuallyselected="true"]) > .tab-stack > .tab-background {
      background: transparent !important;
      box-shadow: none !important;
    }
    Alles anzeigen

    Und so mit diesem.

    CSS
    #TabsToolbar {
      background:  linear-gradient(to right, powderblue 20%, yellow 60%) !important;
      box-shadow: inset 0px 3px 0px 0px rgba(255, 0, 0, 0.9) !important;
    
    }
    
    .tabbrowser-tab:is([visuallyselected="true"], [multiselected]) > .tab-stack > .tab-background {
      background: transparent !important;
      box-shadow: none !important;
    }
    
    #tabs-newtab-button {
      margin-top: 4px !important;
      margin-bottom: 4px !important;
      background-color: transparent !important;
    }
    .tabbrowser-tab:not([visuallyselected="true"]) > .tab-stack > .tab-background {
      background: transparent !important;
      box-shadow: none !important;
    }
    Alles anzeigen

    Und so, so denke ich, sollte es in etwa sein.

    Zumindet habe ich das so verstanden.

    Scheuen wir mal.

  • In memoriam

    • Mira_Belle
    • 28. August 2022 um 20:37

    Mein aufrichtiges Beileid.

  • Tableiste, nur Hintergrund ändern

    • Mira_Belle
    • 28. August 2022 um 20:31

    Ich denke, ich habe es begriffen. :/

    Du möchtest in, bzw. über der Tableiste eine Linie erzeugen.

    box-shadow: inset 0px 3px 0px 0px rgba(255, 0, 0, 0.9) !important;

    In diesem Fall Rot.

    Nun möchtest Du aber diese Linie mit einem Farbverlauf versehen!

    Und verwendest => mask-image: linear-gradient(to right, transparent 2%, black 13%) !important;

    Das scheint aber nicht zu gehen!!

    Ersetze black durch red. Nichts ändert sich!

    Ersetze transparent durch eine belibige Farbe, ...

    und der ganze Kram ist dahin.

    Anders wenn Du background:  linear-gradient(to right, white 20%, red 100%) !important; verwendest.

    Also schließe ich daraus, dass Dein Vorhaben soo nicht geht.

    Eventuell musst Du mit JavaScript einen "Balken", der ja gar nicht vorhanden ist, erst erzeugen?

    So 'ne spontane Idee.

  • Ausrichtung für Druck Hoch-/Querformat fehlt bei manchen Webseiten

    • Mira_Belle
    • 28. August 2022 um 16:58

    :thumbup:

    Ich bin glücklich, Ingrid überredet zu haben

    und sowas von Stolz, auf Euch!

  • Tableiste, nur Hintergrund ändern

    • Mira_Belle
    • 28. August 2022 um 16:47
    CSS
     #TabsToolbar:not(tab.tabbrowser-tab) {
            background: linear-gradient(to right, powderblue 20%, yellow 60%) !important;
        }   
     .tab-background[selected="true"] {
            background:rgba(255, 148, 0, 0.4) !important;
            box-shadow: inset  0px 0px 5px 0px #FFA500 !important;
            border: hidden !important;
        }
     .tab-background:not([selected]):not([multiselected]) {
            background:rgba(225, 225, 225, 0.2) !important;	
            box-shadow: inset 0px 0px 5px 0px #e1e1e1 !important;
    	border: hidden !important;
        }
     .tab-label:not([selected]):not([multiselected]) {        color: #D4D4D4 !important;			/* Inaktiver Tab: Schriftfarbe (Hellgrau) */    }
    Alles anzeigen

    Wenn Du nun background "durchsichtig" machst und auch den box-shaddow Deinen Wünschen anpasst,

    solltest Du doch das hinbekommen, was Du willst, oder habe ich Dein Vorhaben total und ganz missverstanden?

  • Ausrichtung für Druck Hoch-/Querformat fehlt bei manchen Webseiten

    • Mira_Belle
    • 28. August 2022 um 01:31

    Danke Andreas.

    Und Ingrid, gib mal Rückmeldung, ob alles geklappt hat.

  • Ausrichtung für Druck Hoch-/Querformat fehlt bei manchen Webseiten

    • Mira_Belle
    • 27. August 2022 um 17:10
    Zitat von Froggy

    Aber die Möglichkeit dies ändern zu können werde ich versuchen umzusetzen, allerdings traue ich mir das nicht allein zu, werde hierzu einen EDV-Fachmann darum bitten.

    Einfach machen!

    Du bekommst hier Hilfe!

    Und ich als Blondine bekomme das hin. ;)

  • Urlbar-container etwas schmaler machen

    • Mira_Belle
    • 26. August 2022 um 16:04

    Du hast recht!

    CSS
    #urlbar-input-container {    
      background-color: rgba(224, 224, 224, 0.1) !important;
      border-radius: 5px !important;  
      height: 24px !important;
    }
    #urlbar {
       margin-top: 1px !important; 
    }
    #urlbar[breakout][breakout-extend] > #urlbar-input-container {
        padding-block: 1px !important;
        padding-inline: 6px !important;
        margin-top: 6px !important; 
    }
    .urlbarView-body-inner {
        border-top: unset !important;  
        margin-top: 2px !important;
    }
    Alles anzeigen

    Das wird gebraucht.

    Danke für den Hinweis!

    Ich sollte wirklich etwas genauer werden und besser prüfen.

  • Urlbar-container etwas schmaler machen

    • Mira_Belle
    • 26. August 2022 um 15:04

    Nur zur Erinnerung!

    Vorher

    Jetzt!

    Zwar werden die Favicons etwas gestaucht, aber damit kann ich leben.

  • Urlbar-container etwas schmaler machen

    • Mira_Belle
    • 26. August 2022 um 14:19

    Hey, Danke.

    Das kleine Stück Code ...

    CSS
    #urlbar-input-container {    
      background-color: rgba(224, 224, 224, 0.1) !important;
      border-radius: 5px !important;  
      height: 24px !important;
    }
    #urlbar {
       margin-top: 1px !important; 
    }

    ... reichte mir schon.

    Die Zeile, das Feld ist etwas schmaler (dünner), nicht viel,

    aber die Wirkung ist wie gewünscht.

    Es ist halt kein "Balken" mehr.

    Nochmals vielen lieben Dank.

    PS:

    Was mich wirklich etwas wurmt, ich war soo nah' dran.

  • Urlbar-container etwas schmaler machen

    • Mira_Belle
    • 26. August 2022 um 10:51

    Weiter gehts, Fehler gefunden und beseitigt!

    Hatte, warum auch immer, ...

    CSS
    #urlbar-input-container {
            padding-inline-start: calc(1em + 24px) !important;
            background-position: left 1em center;
            background-repeat: no-repeat;
            background-size: 16px;
            -moz-context-properties: fill, fill-opacity;
            fill: currentColor;
    }

    ... in meiner Symbole.css stehen!

    Daher der "Überhang".

    Bleibt also nur die Frage, wie bekomme ich dieses Eingabefeld etwas schmaler, dünner?

  • Urlbar-container etwas schmaler machen

    • Mira_Belle
    • 26. August 2022 um 10:31

    Ja .... :?:

    Oh, warte ....

    Da funkt mir was dazwischen, deshalb der "Überhang" :!:

    .

    .

    .

    Hier geht es erst weiter, wenn ich den "Übeltäter" gefunden habe.

  • Urlbar-container etwas schmaler machen

    • Mira_Belle
    • 26. August 2022 um 10:14
    Zitat von 2002Andreas

    Ich habe nur mal die Helligkeit erhöht zwecks besserer Erkennung.

    So sieht das mit deinem Code hier aus:

    Sorry.

    CSS
         /* Rahmen von Adressfeld und Suchfeld  */
    
        #urlbar-container {
            --toolbar-field-focus-border-color: transparent !important;
        }
        
        #urlbar {
    /*        box-shadow: 1px 1px 1px rgba(0, 0, 0, 0) !important;    */
            box-shadow: none !important;
            --toolbar-field-focus-border-color: transparent !important;
        }
    
    #urlbar[open] > #urlbar-background {
    
        border-color: transparent !important;
    /*    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0) !important;    */
        box-shadow: none !important;
    }
    #urlbar > #urlbar-background {
      box-shadow: none !important;
    }
        
        #search-container {
            --toolbar-field-focus-border-color: transparent !important;
        }
        
        #searchbar {
    /*        box-shadow: 1px 1px 10px rgba(0, 0, 0, 0) !important;    */
            box-shadow: none !important;
            --toolbar-field-focus-border-color: transparent !important;
        }
    
        #urlbar:not([focused="true"], [open]):-moz-lwtheme > #urlbar-background,
        #searchbar:not(:focus-within):-moz-lwtheme {
            border: none !important;
        }
    
    
    /* Aderssbar Popup */
    
    .urlbarView {
        border: 3px solid #FFA500 !important;
        border-radius: 8px !important;
    }
    
        /* Markierter Text  */    
        
        ::selection {
            color: #ffffff !important;
            background-color: #FFA500 !important;                                    /* käftiges Orange */
        }
        
        /* Schriftfarbe im Adress- und Suchfeld */
        
        #urlbar-input, #urlbar-scheme, .searchbar-textbox {    
            color: #E5E5E5 !important;                                            /* Sehr helles Grau */
        }
        
        /*****/
        :root {
            --arrowpanel-border-color: transparent !important;                        /* Schatten um Adress- & Suchfeld */
        }                    
    
        /* Farbe Hintergrund & Schrift im Suchfeld */
    
        .search-panel-tree {
            background: #2B2B2B !important;                                    /* (Dunkelgrau) #2B2B2B */
            color: #E0E0E0 !important;                                            /* (Hellgrau) */
        }
        #PopupSearchAutoComplete {
            --panel-background: #2B2B2B !important;                            /* (Dunkelgrau) */
            --panel-color: #E0E0E0 !important;                                    /* (Hellgrau) */
        }
    
        /* Farbe der Felder (transparent) */
    
        #urlbar-results {
            background-color: #2B2B2B !important;
        }
    
        .urlbarView {
            background-color: #2B2B2B !important;
        }
    
        .search-panel-tree {
            background: #2B2B2B !important;
            color: #E0E0E0 !important;
        }
    
        #urlbar-background, #searchbar {
            background-color: transparent !important;
        }
        
        /* Farbe URL */
        
        .urlbarView-url {
            overflow: hidden !important;
            color: rgba(255, 215, 0, 0.7)!important;                            /* Helles Orange , Eidottergelb */    /* https://www.farb-tabelle.de/de/farbtabelle.htm gold    #FFD700        255, 215, 0 */
        }
        
        /* Schriftzug " -- Mit "Google" suchen" & Hintergrund */
        
        .urlbarView-row:not([type="tip"], [type="dynamic"])[selected] > .urlbarView-row-inner, .urlbarView-row-inner[selected] {
             background-color: #4A4A4A  !important;                            /* Mausgrau */
            color: #E0E0E0 !important;                                        /* Hellgrau */
        }
    
    
    #urlbar-container {    
        background-color: rgba(224, 224, 224, 0.1) !important;
        border-radius: 5px !important;  
    }
    
    #identity-icon-box {
        max-width: calc(40px + 13em) !important;
        color: #E0E0E0  !important;
        background-color: transparent !important;
    }
    
    
    #identity-box, 
    #tracking-protection-icon-container {
        fill: #00ff00 !important;                                            
    }
    Alles anzeigen
  • Urlbar-container etwas schmaler machen

    • Mira_Belle
    • 25. August 2022 um 23:34

    Hi,

    mit diesem Code habe ich meinem Adressfeld wieder etwas Konturen verpasst.

    CSS
    #urlbar-container {    
        background-color: rgba(224, 224, 224, 0.1) !important;
        border-radius: 5px !important;  
    }

    Wenn man nun genau schaut, sieht man, dass der Container vorne "überhängt".

    Diesen Überhang hätte ich gerne beseitigt.

    Und auch die Höhe des Containers hätte ich gerne etwas verringert.

    Habe einiges probiert, komme aber nicht drauf.

    Bitte um Hilfe.

    Habe mal die Stellen markiert.

  • Einträge im Hauptmenü (die 3 Striche) und Kontextmenü entfernen

    • Mira_Belle
    • 25. August 2022 um 15:44
    Zitat von Gabbo

    Dann habe ich das doch falsch verstanden:/...

    Ist die schwüle Hitze heute.

  • Einträge im Hauptmenü (die 3 Striche) und Kontextmenü entfernen

    • Mira_Belle
    • 25. August 2022 um 15:35
    Zitat von 2002Andreas
    JavaScript
    //PanelUI-menu-button verschiebbar.uc.js
    
    (function() {
      if (location != 'chrome://browser/content/browser.xhtml')
        return;  
      var menuButton = document.getElementById('PanelUI-menu-button');
     
      if (!CustomizableUI.getPlacementOfWidget('ucjs_PanelUI-button')) { 
        try {
          CustomizableUI.createWidget({
            id: 'ucjs_PanelUI-button',
            type: 'custom',
            defaultArea: CustomizableUI.AREA_NAVBAR,
            onBuild: function(aDocument) {
              var toolbaritem = aDocument.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbaritem');
              toolbaritem.id = 'ucjs_PanelUI-button';
              toolbaritem.className = 'chromeclass-toolbar-additional';          
              toolbaritem.setAttribute('label', 'Firefox Anpassen');          
              return toolbaritem;            
            }
          });
          if (!CustomizableUI.getPlacementOfWidget('ucjs_PanelUI-button')) {     
            menuButton.style.display = 'none';
            return; 
          };        
        } catch(e) {        
          menuButton.style.display = 'none';
          return;      
        };    
      };
      
      setTimeout(function() { 
       document.getElementById('ucjs_PanelUI-button').appendChild(menuButton);       
       menuButton.setAttribute('consumeanchor', 'ucjs_PanelUI-button');
       menuButton.setAttribute('label', 'Firefox Anpassen');
       menuButton.setAttribute('tooltiptext', 'Firefox Anpassen + Panel');        
      }, 0);
    
    }());
    Alles anzeigen

    Vielen lieben Dank.

    Zitat von Gabbo

    In dem von mir verlinktem main-hamburger.css sind alle Einträge mit Raute, auch funktioniert er bis FF103; ab FF104 ändert sich der Code minimal z.B. Zoom, oder habe ich etwas übersehen?

    Hatte ich das nicht oben erwähnt? :/

    Zitat

    Es muss halt den eigenen Wünschen angepasst werden

    und, will man "Zoom" ausblenden, muss die 2 weg.

    #appMenu-zoom-controls,                            /* Zoom                          */

  • Einträge im Hauptmenü (die 3 Striche) und Kontextmenü entfernen

    • Mira_Belle
    • 25. August 2022 um 14:35

    Schade, jetzt hoffte ich an das Geheimnis des verschiebbaren Button zu kommen.

    Aber mir hat der Code auch geholfen, so habe ich das Popup nicht mehr über der Scrollbar kleben.

  • Lesezeichen-Symbolleiste

    • Mira_Belle
    • 25. August 2022 um 13:54

    :/

    CSS
    #PlacesToolbarItems > .bookmark-item, #OtherBookmarks {
      font-size: 18px !important;
    }
    #PlacesToolbarItems > .bookmark-item > .toolbarbutton-icon[label]:not([label=""]),
    #OtherBookmarks.bookmark-item[container] > .toolbarbutton-icon {
      height: 24px !important;
      width: 24px !important;    
    }
    #nav-bar, #identity-box, #tabbrowser-tabs, #TabsToolbar {
        visibility: collapse !important;
    }
    Alles anzeigen

    Komisch, bei mir wird die Lesezeichen-Symbolleiste verändert.

    Verhält sich denn der Firefox unter Linux anders, als unter Windows?

  • Lesezeichen-Symbolleiste

    • Mira_Belle
    • 25. August 2022 um 13:43

    Na dann habe ich ...

    Zitat von luprix

    Liebe Helfer

    Ich danke euch allen, bin aber der Meinung, dass sich weiteren Aufwand wegen des marginalen Problems nicht lohnt.

    Der Beitrag ist als erledigt gesetzt.

    Mit freundlichem Gruss

    luprix

    ... wohl falsch interpretiert.

    Es funktioniert also im Grunde wie gewünscht.

    Na gut.

  • Lesezeichen-Symbolleiste

    • Mira_Belle
    • 25. August 2022 um 12:51

    Ausblenden?

    Welchen Sinn soll das haben?

    Ohne Tabs kann ich nicht zwischen ihnen hin und her springen.

    Ohne URLbar, wo gebe ich die Adresse ein?

    Was für mich Sinn ergeben würde, wäre, wenn diese "Zeilen" bei hovern ein und ausfahren würden.

    Aber was weiß ich schon.

Unterstütze uns!

Jährlich (2026)

69,4 %

69,4% (538,17 von 775 EUR)

Jetzt spenden
  1. Kontakt
  2. Datenschutz
  3. Impressum
Community-Software: WoltLab Suite™
Mastodon