Beiträge von Mira_Belle
-
-
Hier das aktuelle komplette Monster!
CSS
Alles anzeigen/*** Curved tabs beta D2b sauber - dunkles Theme ***/ /* https://www.camp-firefox.de/forum/thema/137164-tabform/?postID=1292398#post1292398 */ /* -------------------------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------------- */ /*** General adjustments ***/ /*** Allgemeine Anpassunge ***/ :root { /* Tabs bar height adjust */ /* Tabbar Höhe einstellen */ /*--tabs-navbar-shadow-size: 0 !important;*/ /*--tab-block-margin: 4px !important;*/ --tab-block-margin: var(--uc-block-margin) !important; /* 2px */ --tab-min-height: var(--uc-min-height) !important; /* 36px */ /* Edges without corner Svg / Radius */ /* Kanten ohne Ecken (svg / Radien */ /*--ug-radius: 20px;*/ --ug-radius: var(--uc-radius) !important; /* 19px */ /* Edges (borders, outlines) colors */ /* Farben für Ränder (Umrandungen, Konturen) */ /* Edges not selected */ /* Ränder nicht ausgewählt */ /* --ug-color-border: hsla(0, 0%, 83%, 0.5); /* hellgrau unselected Kante Tab */ /* --ug-color-border: var(--uc-color-orange-test); */ --ug-color-border: var(--uc-color-grey-light); --ug-stroke: var(--ug-color-border); /* unselected Kante Svg */ /* --ug-kante_hova: hsla(0, 0%, 93%, 0.65); /* mittelgrau unselected alle Kanten hover */ --ug-kante_hova: var(--ug-color-border); /* Edges selected , multiselected */ /* Kanten ausgewählt, mehrfach ausgewählt */ /* --ug-color-border_select: hsla(0, 0%, 93%, 0.75); /* mittelgrau hell+ selected Kante Tab */ --ug-color-border_select: var(--uc-color-orange-normal); --ug-stroke_select: var(--ug-color-border_select); /* selected Kante Svg */ /* --ug-kante_hova_select: hsla(0, 0%, 100%, 0.8); /* mittelgrau hell++ multiselected alle Kanten hover */ --ug-kante_hova_select: var(--uc-color-orange-normal); /* Tabs background colors: */ /* --ug-color1: hsla(0, 0%, 83%, 0.25); /* hellgrau basis, unselected */ /* --ug-color2: hsla(35, 80%, 60%, 0.25); /* zart orange selected */ /* --ug-color2-multi: hsla(35, 80%, 40%, 0.25); /* zart orange dunkel+ multiselected */ /* --ug-color_multi_hova: hsla(35, 70%, 40%, 0.35); /* zart orange dunkel++ multiselected hover */ /* --ug-color_hova: hsla(0, 0%, 50%, 0.25); /* mittelgrau#2 unselected hover */ --ug-color1: var(--uc-color); /* hellgrau basis, unselected */ --ug-color2: var(--uc-color-sel); /* zart orange selected */ --ug-color2-multi: var(--uc-color-musel); /* zart orange dunkel+ multiselected */ --ug-color_hova: var(--uc-color_hov); /* mittelgrau unselected hover */ --ug-color_multi_hova: var(--uc-color_musel_hov); /* zart orange dunkel++ multiselected hover */ /* Tab bar unten, border bottom color */ /* --ug-color_bottom: hsla(0, 0%, 93%, 1); /* hellgrau nicht transparent, Kante unten */ --ug-color_bottom: var(--uc-color-orange-normal); /* Symbole für about:xxx */ --ug-color_tab-icon: var(--uc-color-red-normal); } /*** General adjustments end ***/ /* -------------------------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------------- */ /*** Tabs base ***/ /* tabs connected bottom */ .tab-background { margin-block: calc(2 * var(--tab-block-margin)) 0 !important; } /*** Tabs Radien, borders, corners, tab shapes order , inline borders only where no custom corners ***/ /* Basis alle Tabs */ .tabbrowser-tab .tab-background { border-radius: var(--ug-radius) var(--ug-radius) var(--ug-radius) 0 !important; border: 1px solid !important; /*border-bottom: none !important;*/ } .tabbrowser-tab:not([pinned]) .tab-background { border-left: none !important; } /* Zusatzregeln, überschreiben Basis alle Tabs */ /* selected , pinned tabs */ .tabbrowser-tab:is([visuallyselected], [pinned]) .tab-background { border-radius: var(--ug-radius) var(--ug-radius) 0 0 !important; } /* Tab selected no inline border */ .tabbrowser-tab[visuallyselected]:not([pinned]) .tab-background { border-inline: none !important; } /* Tab after selected tab completely round, no corners */ .tabbrowser-tab:is([visuallyselected]):not([pinned]) + .tabbrowser-tab:not([visuallyselected]) .tab-background { border-radius: var(--ug-radius) !important; border-left: 1px solid var(--ug-color-border) !important; } /* Last tab dual corners, unless it comes after selected tab */ .tabbrowser-tab:not([pinned]):last-of-type .tab-background { border-radius: var(--ug-radius) var(--ug-radius) 0 0 !important; border-inline: none !important; } .tabbrowser-tab:is([visuallyselected]):not([pinned]) + .tabbrowser-tab:not([visuallyselected]):last-of-type .tab-background { border-radius: var(--ug-radius) var(--ug-radius) 0 var(--ug-radius) !important; border-right: none !important; } /* Erster Tab nach ausgewähltem Tab komplett rund, keine Ecken !! multiselected */ .tabbrowser-tab:is([visuallyselected]):not([pinned]) + .tabbrowser-tab:is([visuallyselected], [multiselected]) .tab-background { border-color: var(--uc-color-orange-normal) !important; } /*** COLORS ***/ /** In about:config set svg.context-properties.content.enabled to true **/ /* Basis alle Tabs */ .tabbrowser-tab .tab-background { outline: none !important; box-shadow: none !important; background-color: var(--ug-color1) !important; border-color: var(--ug-color-border) !important; stroke: var(--ug-stroke) !important; fill: var(--ug-color1) !important; border-bottom: none !important; /* Muss zusätzlich, da unten ja keine Kante sein soll ! */ } /* Zusatzregeln, überschreiben Basis alle Tabs */ /* Colors, outlines: selected / multiselected / hover */ /* tabs selected base */ .tabbrowser-tab:is([visuallyselected], [multiselected]) .tab-background { background-image: none !important; background-color: var(--ug-color2) !important; stroke: var(--ug-stroke_select) !important; border-color: var(--ug-color-border_select) !important; fill: var(--ug-color2) !important; } /* tabs multiselected */ .tabbrowser-tab:not([visuallyselected])[multiselected] .tab-background { background-color: var(--ug-color2-multi) !important; fill: var(--ug-color2-multi) !important; } /* tabs multiselected hover */ .tabbrowser-tab:not([visuallyselected]):hover .tab-background { background-color: var(--ug-color_multi_hova) !important; fill: var(--ug-color_multi_hova) !important; stroke: var(--ug-kante_hova_select) !important; border-color: var(--ug-kante_hova_select) !important; } /* tabs unselected hover */ .tabbrowser-tab:not([visuallyselected], [multiselected]):hover .tab-background { background-color: var(--ug-color_hova) !important; fill: var(--ug-color_hova) !important; stroke: var(--ug-kante_hova) !important; border-color: var(--ug-kante_hova) !important; } /* -------------------------------------------------------------------------------------------------------------- */ /* fill colors selected / unselected hover */ .tabbrowser-tab:is([visuallyselected], [multiselected]) .tab-background::before, .tabbrowser-tab:is([visuallyselected], [multiselected]) .tab-background::after { fill: var(--ug-color2) !important; stroke: var(--uc-color-orange-normal) !important; } .tabbrowser-tab:not([visuallyselected]):is([multiselected]) .tab-background::before, .tabbrowser-tab:not([visuallyselected]):is([multiselected]) .tab-background::after { fill: var(--ug-color2-multi) !important; } .tabbrowser-tab:not([visuallyselected]):is([multiselected]):hover .tab-background::before, .tabbrowser-tab:not([visuallyselected]):is([multiselected]):hover .tab-background::after { fill: var(--ug-color_multi_hova) !important; } /* right corner bg, selected --> vor not selected */ .tabbrowser-tab:is([visuallyselected]) + .tabbrowser-tab:not([visuallyselected]) .tab-background::before { background-image: none !important; } /* -------------------------------------------------------------------------------------------------------------- */ /*** tabs corners ***/ /* base */ #TabsToolbar { --ug-corner-size: var(--tab-min-height) !important; /* 36px */ --ug-corner-image: url("../icons/tab_corner.svg") !important; } .tabbrowser-tab .tab-background::before, .tabbrowser-tab .tab-background::after { -moz-context-properties: fill, fill-opacity, stroke, stroke-opacity !important; content: ""; position: absolute; width: var(--ug-corner-size) !important; height: var(--ug-corner-size) !important; background-size: var(--ug-corner-size) !important; background-repeat: no-repeat !important; background-position: bottom center !important; mask-image: linear-gradient(215deg, transparent, black 18px) !important; pointer-events: none !important; } /* left */ .tabbrowser-tab .tab-background::before { left: calc(0px - var(--ug-corner-size) / 2); /* -18px */ background-image: var(--ug-corner-image) !important; } /* right */ .tabbrowser-tab:is([visuallyselected], :last-of-type) .tab-background::after { right: calc(0px - var(--ug-corner-size) / 2); /* -18px */ background-image: var(--ug-corner-image) !important; transform: scaleX(-1) !important; } /**** Margins etc. overflow fix ****/ /* Base values ; tab padding, margin */ #tabbrowser-tabs { /* --ug-tab_Pad: calc(8px + var(--ug-corner-size) / 2); /* 26px */ --ug-tab_Pad: calc(-10px + var(--ug-corner-size) / 2); /* 8px */ /* --ug-tab_Marge: calc(0px - var(--ug-corner-size) - 12px); /* -48px */ --ug-tab_Marge: calc(0px - var(--ug-corner-size) / 2 + 6px); /* -12px */ } /* Basis all Tabs */ .tabbrowser-tab:not([pinned]) { overflow: visible !important; padding-inline: var(--ug-tab_Pad) !important; } /* Tab before any tab */ .tabbrowser-tab:not([pinned], [visuallyselected]) + .tabbrowser-tab:not([pinned]) { margin-inline: var(--ug-tab_Marge) 0px !important; /* margin-inline: -48px 0px !important; */ } /* Tab after selected */ .tabbrowser-tab:not([pinned]):is([visuallyselected]) + .tabbrowser-tab:not([pinned]) { margin-inline: var(--ug-tab_Marge) 0px !important; /* margin-inline: -48px 0px !important; */ } /* Tab selected */ .tabbrowser-tab:not([pinned]):is([visuallyselected], :last-of-type) { margin-inline: 0px !important; } /* Last tab after selected tab */ .tabbrowser-tab:is([visuallyselected]):not([pinned]) + .tabbrowser-tab:not([visuallyselected]):last-of-type { margin-inline: var(--ug-tab_Marge) 0px !important; /* margin-inline: -48px 0px !important; */ } /*** Tab left higher z index / Vorrang vor Tab rechts ***/ .tabbrowser-tab:not([pinned]) .tab-content { z-index: 1 !important; } /*** Space for corner left/right - first/last tab, overflow bugs fix ***/ #tabbrowser-tabs .tabbrowser-tab:nth-child(1 of :not([pinned], [hidden])) { /* margin-inline-start: 0px !important; */ margin-inline-start: 10px !important; } #tabbrowser-tabs:not([pinned]) .tabbrowser-tab:last-of-type { /* margin-inline-start: 0px !important; */ margin-inline-end: 10px !important; } #tabbrowser-tabs[overflow]:not([movingtab]) .tabbrowser-tab:nth-child(1 of :not([pinned], [hidden])) { margin-inline-start: -12px !important; } #tabbrowser-tabs[overflow]:not([movingtab]) .tabbrowser-tab:last-of-type { margin-inline-end: -12px !important; } /*-----------------------------------------------*/ /****** Anpassungen für "Split View" ******/ /*-----------------------------------------------*/ #tabbrowser-tabs[orient="horizontal"] tab-split-view-wrapper { margin-block: 0 !important; padding: 0 !important; flex: 1000 !important; background-color: transparent !important; } #tabbrowser-tabs[orient="horizontal"] tab-split-view-wrapper { & .tabbrowser-tab { & .tab-background { min-height: var(--uc-min-height) !important; } } } #tabbrowser-tabs tab-split-view-wrapper { &:not([hasactivetab]) { .tabbrowser-tab { &:last-child { border-inline-start: 1px solid transparent !important; } } } } #tabbrowser-tabs tab-split-view-wrapper { & .tabbrowser-tab { &:first-child { & .tab-background { margin-inline-end: 0 !important; margin-inline-start: 0 !important; } } } } #tabbrowser-tabs tab-split-view-wrapper { & .tabbrowser-tab { & .tab-background { margin-left: 0 !important; margin-inline-end: 0 !important; margin-inline-start: 0 !important; } } } /*-----------------------------------------------*/ /**** Tabtext nicht verkürzt bei hover ****/ /*-----------------------------------------------*/ /* Ein längerer Tabtext wird am Ende ja ausgeblendet. */ /* Diese Verkürzung bei hover hätte ich gerne verhindert. */ .tabbrowser-tab:not(:hover) > .tab-stack > .tab-content > .tab-close-button { padding-inline-start: 6px !important; width: 24px !important; } .tabbrowser-tab[visuallyselected=true]:not(:hover), #tabbrowser-tabs:not([closebuttons=activetab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab:not([visuallyselected=true]):not(:hover) { --tab-label-mask-size: 1em !important; } /* Tabtext wird nicht ausgeblendet */ .tab-label-container[textoverflow][labeldirection=ltr]:not([pinned]), .tab-label-container[textoverflow]:not([labeldirection]):not([pinned]):-moz-locale-dir(ltr) { mask-image: none !important; } /*--------------------------------------------*/ /**** Tabbar nach unten verschieben ****/ /*--------------------------------------------*/ #navigator-toolbox { position: relative !important; padding-bottom: calc( var(--tab-min-height) - 30px ); /* padding-bottom: calc( var(--tab-min-height) + 8px ); /* 44px */ /* padding-bottom: 42px !important; */ } /* #TabsToolbar { position: absolute !important; display: block !important; } */ /* Tab unten */ #TabsToolbar { order: 100 !important; } /*--------------------------------------------------*/ /**** Trennlinie zwischen Inhalt und Tableiste ****/ /*--------------------------------------------------*/ #TabsToolbar { bottom: 5px !important; /* Tableiste etwas angehoben */ width: 100vw !important; /* Tableistenbreite festgelegt */ background-image: linear-gradient(to top, var(--ug-color_bottom) 4px, transparent 1px) !important; margin-bottom: -7px !important; /* Trennlinie nach unten verschoben */ padding-bottom: 4px !important; /* Tabs etwas angehoben */ } /*---------------------------------------------*/ /**** Symbole für about:xxx anpassen ****/ /*---------------------------------------------*/ .tab-icon-image { -moz-context-properties: fill !important; /* fill: #FFAA00 !important; */ fill: #FF0000 !important; } /*-----------------------------------------------------------------------*/ /* Ausblenden des Meüs "Link in neuem Tab in Umgebung öffnen" im Popoup **/ /*-----------------------------------------------------------------------*/ #context_reopenInContainer { display: none !important; } /*---------------------------------------------------*/ /************** Tab schließen X hover ***************/ /*---------------------------------------------------*/ .tabbrowser-tab:not([pinned]) .tab-close-button { /* Button rund */ border-radius: 50% !important; display: flex !important; } .tab-content > .tab-close-button:hover { /*outline: none !important;*/ outline: 1px solid rgba(255, 0, 0, 0.3) !important; outline-offset: -1px !important; background-color: rgba(255, 0, 0, 0.4) !important; /* Rot */ box-shadow: 0 0 1em rgba(255, 0, 0, 0.7) !important; /* Rot, glow */ } /* Schließen Kreuz größer */ .tab-close-button { transform: scale(1.4, 1.4) !important; } /*---------------------------------------------------*/ /************* New Tab Button (+) hover *************/ /*---------------------------------------------------*/ /* Abstand vom Tab */ #tabbrowser-arrowscrollbox-periphery #tabs-newtab-button .toolbarbutton-icon { margin-left: 6px !important; border-radius: 50% !important; } /* New Tab (+) button hover outline */ #tabbrowser-arrowscrollbox-periphery:hover #tabs-newtab-button .toolbarbutton-icon { outline: 1px solid var(--uc-color-orange-normal) !important; outline-offset: -1px !important; background-color: var(--ug-color1) !important; } /* New Tab (+) button hover color */ #tabbrowser-arrowscrollbox-periphery:hover #tabs-newtab-button:hover { fill: var(--uc-color-orange-normal) !important; } /* Position, closer to last tab */ #tabbrowser-arrowscrollbox-periphery #tabs-newtab-button { margin: 0 !important; margin-top: 2px !important; padding-inline: 0px !important; } .tabbrowser-tab:not([pinned]) + #tabbrowser-arrowscrollbox-periphery { margin-left: -16px !important; z-index: 2 !important; } /*-------------------------------------------------*/ /*************** Schrift in den Tabs ***************/ /*-------------------------------------------------*/ .tab-label { overflow: hidden !important; text-overflow: ellipsis !important; /* text-overflow: " " !important; */ text-overflow: " …" !important; white-space: nowrap !important; max-width: 95% !important; text-shadow: 1px 1px 1.5px var(--uc-color-black-light) !important; /* Schatten hinter Schrift */ } .tab-label[selected] { color: var(--uc-color-white-normal) !important; /* Aktiver Tab: Schriftfarbe (Orange) */ } .tab-label:not([selected]) { color: var(--uc-color-grey-lighter) !important; /* Aktiver Tab: Schriftfarbe (Hellgrau) */ } /* Move tab content */ .tab-content { margin-top: 1px !important; } /*************** Tests ***************/ #tabbrowser-tabs { /* --tab-min-width: 76px !important; */ --tab-min-width: 75px !important; --tab-loading-fill: lime !important; --tab-overflow-pinned-tabs-width: 0px !important; } /* userChrome.css */ /* progress-bar page loading in the tab header */ .tabbrowser-tab:not([usercontextid]) > .tab-stack > .tab-background > .tab-context-line { opacity: 0; background-color: #FFCC00; height: 2px; margin-inline: 12px; margin-top: 0px; border-radius: 90px; } .tabbrowser-tab:is([busy], [progress]) > .tab-stack > .tab-background > .tab-context-line { opacity: 1; transform-origin: left center; animation: 2s ease-in-out scale; } .tabbrowser-tab[bursting] > .tab-stack > .tab-background > .tab-context-line { transition: opacity 2s ease-out; } @keyframes scale { 0% {transform: scaleX(0);} 100% {transform: scaleX(1);} } -
Profiles/c612nnc8.default-release/chrome/
ist ein anderes Profil alsgluhjsdy.Ramo-1786208475618/chrome/

Und wenn unter dem zweiten Profil der Ordner "Icons" nicht gibt, oder wenn es kleingeschrieben ist "icons"
und selbiges gilt für extraConf.png dann kann es nicht funktionieren!
Aber um solche Fehlerquellen zu vermeiden, ist es immer gut Variablen zu nutzen.
Siehe z.B. das Script aus #21 -
Ich lach mich gerade schlapp,
Was für doofe Fehler es doch gibt!
Kannst nichts dafür, denn ich hätte erwartet, dass man den, genau diesen Button eben nicht auf die Leiste ziehen kann,
die er aktivieren und deaktivieren soll!
Aber ich habe auch so eine angepasste Leiste, habe aber noch nie ausprobiert,
ob ich den Button auch auf die Leiste verschieben kann.
Werde ich so gleich mal testen.
Nachtrag!
Es geht! Und damit ist auch diese Seitenleiste nicht mehr aktivierbar. -
-
Habe Dein, aber auch .DeJaVu's code nur mal in der Stilbearbeitung getestet.
Meine Anpassungen der Tabs willst Du gar nicht sehen.
Doch, => hier.
Werde aber mal als "Backup" das komplette Monster an css am Ende des Threads mal posten müssen.
Nachtrag!
Link aktualisiert, da Monster gepostet. -
-
-
Du meinst wohl eher aber nicht so wie meins, oder?
Blöde Umgangssprache!
Ne, funktioniert einwandfrei! Ist aber nicht so mein Fall.
Werde dieses css wohl eher nicht nutzen. -
-
Für Firefox reicht auch eine verkürzte Version.
...
Funktioniert, aber nicht so meins.
-

Also ich kenne auch nur
komplett runterfahren, also aus schalten, das ist hier wohl nicht gemeint.
Energiesparmodus
oder
Ruhezustand.
Was soll also "Powersafe" sein? Sowas wie Standby?
Und ja, aktuell ist Firefox 153.0.3 -
Gern geschehen.

-
So, das eine Problem scheint zu sein, dass der Text nicht richtig ausgerichtet ist!
Wird mit :behoben!
Das weitere Problem Schriftfarbe und Hintergründe (selektiv) ansprechen!
Bitte Testen und nach eigenem Gutso anpassen!CSS/* Breite des Buttons */ #updates-message[state="manual-updates-found"] { min-width: 265px !important; max-width: 265px !important; }jetzt aber:
CSS
Alles anzeigenaddon-page-header[type="discover"] #updates-message[state="manual-updates-found"] { outline-width: 1px !important; outline-style: solid !important; outline-color: red !important; border-radius: 8px; height: 30px !important; background: var(--uc-color-black-light) !important; --button-text-color: lime !important; --in-content-button-background: transparent !important; --in-content-button-background-hover: transparent !important; --in-content-button-text-color-hover: var(--uc-color-white-dark) !important; --in-content-button-background-active: transparent !important; } addon-page-header[type="extension"] #updates-message[state="manual-updates-found"] { outline-width: 1px !important; outline-style: solid !important; outline-color: red !important; border-radius: 8px; height: 30px !important; background: var(--uc-color-black-light) !important; --button-text-color: white !important; --in-content-button-background: transparent !important; --in-content-button-background-hover: transparent !important; --in-content-button-text-color-hover: var(--uc-color-white-dark) !important; --in-content-button-background-active: transparent !important; } addon-page-header[type="theme"] #updates-message[state="manual-updates-found"] { outline-width: 1px !important; outline-style: solid !important; outline-color: orange !important; border-radius: 8px; height: 30px !important; background: var(--uc-color-black-light) !important; --button-text-color: red !important; --in-content-button-background: transparent !important; --in-content-button-background-hover: transparent !important; --in-content-button-text-color-hover: var(--uc-color-white-dark) !important; --in-content-button-background-active: transparent !important; } addon-page-header[type="plugin"] #updates-message[state="manual-updates-found"] { --button-text-color: red !important; } addon-page-header[type="dictionary"] #updates-message[state="manual-updates-found"] { --button-text-color: red !important; } addon-page-header[type="locale"] #updates-message[state="manual-updates-found"] { --button-text-color: yellow !important; } addon-updates-message { --button-text-color: magenta !important; }und hier der Rest des CSS aus #7
CSS
Alles anzeigenaddon-page-header#page-header[current-view="detail"] #updates-message[state="updating"], addon-page-header#page-header[current-view="detail"] #updates-message[state="none-found"], addon-page-header#page-header[current-view="detail"] #updates-message[state="manual-updates-found"], addon-page-header#page-header[current-view="detail"] #updates-message[state="installed"] { margin-left: 154px !important; } #updates-message[state="none-found"][data-l10n-id="addon-updates-none-found"] { color: #409DD9 !important; } [data-l10n-id="addon-updates-updating"], [data-l10n-id="addon-updates-none-found"], [data-l10n-id="addon-updates-installed"] { padding: 0 !important; margin: 0 auto !important; } [data-l10n-id="addon-updates-manual-updates-found"] { width: calc(100% + 10px) !important; min-height: 26px !important; max-height: 26px !important; padding: 0 !important; margin: 0 !important; }Importiert in der userContent.css
Kleiner NACHTRAG
Bitte --in-content-button-text-color-hover: durch --button-text-color-hover: ersetzen
Ist mir durch die Lappen gerutscht. -
Nein.
So soll das sein:
Aber wenn Du doch schon funktionierenden Code hast,
worum geht es denn hier?
Oder soll nur auf "Erweiterungen" die Schriftfarbe geändert werden?
Ok, ich halte mich da jetzt besser raus, denn so wirklich verstehe ich es jetzt nicht. -
FuchsFan Ich habe Dich vermisst.
Magst Du nur die Farbe der Schrift ändern?
... oder auch den Font?
Musst mal probieren. -
Sören Hentzschel Du fragst mich Sachen.
Das css nutze ich schon seit ewigen Zeiten, und bisher tat es was es tun soll.
Aber dank Deines Hinweises habe ich DAS mal geändert!Also, Danke.
-
Um die "Suchleiste" (F3) in der Nightly nach oben zu bekommen reicht
CSS.browserContainer { display: flex !important; flex-direction: column !important; } .browserContainer findbar { order: -1 !important; }und wenn man den Schließenbutton vorne am Anfang haben möchte:
CSS.findbar-closebutton { order: -1 !important; margin-inline-start: 5px !important; margin-inline-end: -1px !important; }Alles andere sind Spielereien.
Natürlich kann man Hintergrundfarbe und Schriftfarbe noch seinen Wünschen anpassen,
und vieles mehr.Wer spielen möchte:
CSS
Alles anzeigen/* ### ### ### Suche mit Strg-F ### ### ### */ /* ### Position vom Schließen "X" links neben dem Suchfeld ### */ /* ### Die anderen Felder näher aneinander gerückt ### */ .findbar-closebutton { order: -1 !important; margin-inline-start: 5px !important; margin-inline-end: -1px !important; } /* ### Aussehen und Position (oben) der Such Box ### */ .browserContainer > findbar { order: -1 !important; position: normal !important; box-shadow: unset !important; /* background: #38383d !important; */ background: var(--uc-color-black-light) !important; } /* ### Haken "Voriges suchen" ### */ .findbar-find-previous {margin-inline-start: 10px !important; } /* ### Haken "Nächstes suchen" ### */ .findbar-find-next {margin-inline-start: -5px !important; } /* ### "Alle hervorheben" ### */ .findbar-highlight { margin-inline-start: 10px !important; margin-inline-end: 5px !important; } /* ### "Groß/Kleinschreibung" ### */ .findbar-case-sensitive { margin-inline-start: 12px !important; margin-inline-end: 8px !important; } /* ### "Ganze Wörter" (2px danach fängt der "1 von 2 gefunden..." Text an ### */ .findbar-entire-word { margin-inline-start: 9px !important; margin-inline-end: 25px !important; } /* ### Abstand der Texte hinter "Ganze Wörter" - Texte fett ### */ :is(.browserContainer, #viewSource) :is(.findbar-find-status,.found-matches) { color: var(--uc-color-orange-normal) !important; font-weight: bold !important; } /* ### "Ausdruck nicht gefunden" Text schräg (italic fett) rot (#FF0000) ### */ :is(.browserContainer, #viewSource) .findbar-find-status { color: var(--uc-color-red-normal) !important; font-weight: bold !important; } .findbar-textbox { background-color: var(--uc-color-black-lighter)!important; color: var(--uc-color-white-dark) !important; border: 1px solid var(--uc-color-white-dark) !important; border-radius: 4px !important; outline: none !important; } .findbar-textbox:focus { background-color: var(--uc-color-black-lighter) !important; color: var(--uc-color-white-dark) !important; border: 1px solid var(--uc-color-orange-normal) !important; outline: none !important; box-shadow: none !important; }Die Variablen natürlich durch eigene Farben ersetzen

-
Ist doch klar, dass dieser Autovergleich nicht für jeden zutrifft!
Ich wollte ja auch nur darauf hinaus, dass es eben ein Luxusproblem ist!
Der Eine fährt zwar Täglich zur Arbeit mit dem Auto, aber es steht halt mehr herum, als dass es fährt!
Der Andere lässt sich eine Anhängerkupplung ans Auto bauen, braucht sie aber nur ein, zweimal im Jahr.
Und wer meint eine rasend schnelle Internetverbindung zu "brauchen" bucht sie halt, wenn denn überhaupt verfügbar.So hat ein jeder seine eigenen Prioritäten, was für ihn wichtig und sinnvoll ist.
Wenn die Heckklappe am Auto aufgeht, wenn man nach dem Auto tritt, braucht man das?
Nee, aber ist doch ganz nett, wenn man die Hände voll hat.
Im ganzen Haus das Licht im Winter angeht, wenn man die Haustüre aufschließt, braucht man das?
Nee, ist aber in vielen Fällen ganz nett!
Und es gibt mit Sicherheit noch viel mehr, was wir heut zu Tage so nutzen, was ganz nett ist,
aber im Grunde niemand wirklich braucht! -
Und hier noch 'ne kleine Spielerei.
CSS.browserContainer > findbar { margin: 5px 300px 5px 300px !important; border-radius: 10px 10px 10px 10px !important; }Und die Hintergrundfarbe der Leerstellen kann man mit:
... ändern!
Ja und einen Rahmen kann man natürlich auch um die Leiste "malen".Alles ein "kann" und kein muss!
Eben eine Spielerei.Bei mir reichte ersteres, da ich findbar_on_top von Aris schon habe. Danke

Und das,
CustomCSSforFx/legacy/fx60-90/css/generalui/findbar_on_top_close_at_findbars_start_fx84.css at master · Aris-t2/CustomCSSforFxCustom CSS tweaks for Firefox. Contribute to Aris-t2/CustomCSSforFx development by creating an account on GitHub.github.comfunktioniert bei Dir in der Nightly?