Ich bin auch am überlegen, ob ich hier auch alles auf diese kurze Form ändere.
Also, die Arbeit mache ich mir, das hättest Du schon längst anbieten können. 
Es kommt ja wieder Schmuddelwetter, genau passgerecht. 
Beiträge von FuchsFan
-
-
Es geht auch noch kürzer
Danke auch, da habe ich wenigstens wieder Arbeit.
-
-
kann mir da jemand behilflich sein ?
Versuch mal bitte:
CSS
Alles anzeigen/* Hintergrund der einzelnen Button */ hbox.dialog-button-box button[label="Speichern nach"]{ appearance: none!important; color: white !important; background: dodgerblue !important; border: 1px solid black !important; border-radius: 7px !important; padding-left: 4px !important; padding-right: 4px !important; padding-bottom: 3px !important; } hbox.dialog-button-box button[label="Speichern nach"]:hover { appearance: none !important; color: white !important; background: blue !important; border: 1px solid red !important; } -
Das Kreuz ist zwar weg wenn ich aber mehrere Tab's offen habe und ich gehen auf einen Tab ist es zu sehen. Sobald ich aber zum linken Tab gehe verschwindet es wieder und ich kann diesen Tab nicht schließen.
Es entspricht zwar nicht Deinen Wünschen, aber versuche mal bitte, eventuell findest Du auch Gefallen daran. Grundsätzlich ist das Kreuz nur bei Hover zu sehen, egal welcher Tab.
CSS
Alles anzeigen/*=== Tabschliessen-Button ** nur zu sehen bei Mouseover ===*/ /* Tab X close buttons ( links 1 / rechts 2 ) */ .tab-close-button { -moz-box-ordinal-group: 2 !important; } .tabbrowser-tab .close-icon { width: 24px !important; margin: -2px -8px -3px -8px !important; padding: 5px !important; fill: #FFF !important; } .tabbrowser-tab .close-icon:hover { fill: #ff0000 !important; } .tabbrowser-tab[selected] .close-icon:hover { background-color: rgba(0, 0, 0, 0.2) !important; outline: none !important; visibility: visible !important; } .tabbrowser-tab:not([selected]) .close-icon:hover { background-color: rgba(0, 0, 0, 0.2) !important; outline: none !important; visibility: visible !important; } .tabbrowser-tab[selected]:not(:hover):not([pinned]) .tab-close-button, .tabbrowser-tab:not([selected]):not(:hover):not([pinned]) .tab-close-button { display: -moz-box !important; visibility: hidden !important; } .tabbrowser-tab[selected]:hover:not([pinned]) .tab-close-button, .tabbrowser-tab:not([selected]):hover:not([pinned]) .tab-close-button { display: -moz-box !important; visibility: visible !important; } /* close buttons ** ENDE */ -
Falls es bei anderen Usern auch bei Popup-Menüs zu diesen Schatten kommen sollte, dann hat das mit Windows zu tun.
2002Andreas gab mir den Hinweis dazu (Danke!
), und jetzt sind auch die Schatten weg.Im Screenshot (roter Kreis), dort den Haken entfernen.
-
-
Sieht hier so aus, mit pers. Note oben
Muss ich hier noch nacharbeiten, wegen aktiver und inaktiver Button. Die stimmen in v110 nicht überein.
-
aber anpassen wofür , Firefox 110.0 ?
Version 111 und 112, 110 nicht getestet.
Danke auch, und wenn anpassen, warum auf dieses "interessante" Design?
Weil es Spaß an der Freude ist.
Du hast ja einen ganz eigenen Stil, der laut Bild größer ist (als meiner).
Deswegen hatte ich betont, nach Vorlage von......
-
Die Vorlage von .DeJaVu musste ich wieder anpassen, wer Interesse hat, bediene sich.
CSS
Alles anzeigen@-moz-document url-prefix(chrome://browser/content/browser.xhtml) { /* Eigenes Icon für Button */ #navigator-toolbox toolbar#nav-bar.browser-toolbar toolbarbutton#unified-extensions-button.toolbarbutton-1 > .toolbarbutton-icon { list-style-image: url("file:///C:/FoxIcons/0109.png") !important; opacity: 0.9 !important; } /* Popup-Menü HG und Border */ #unified-extensions-view.cui-widget-panelview{ background-color: gainsboro !important; border: 4px solid royalblue !important; padding: 0px 10px 0px 10px !important; width: 370px !important; } /* Scrollbar ausgeblendet */ #unified-extensions-view.cui-widget-panelview vbox.panel-subview-body{ scrollbar-width: none !important; } /* grid */ #unified-extensions-area, .unified-extensions-list { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; } /* Überschrift "Erweiterungen" */ #unified-extensions-view.cui-widget-panelview vbox.panel-header h1 span { color: #881111 !important; font-size: 1.8em !important; display: flex !important; justify-content: center !important; } /* Zusatzbeschriftungen der Button ausgeblendet */ .unified-extensions-item-contents label.unified-extensions-item-name, #unified-extensions-area .unified-extensions-item-message-deck .unified-extensions-item-message, .unified-extensions-list .unified-extensions-item-message-deck { display: none !important; } /* Größe der Icons aller Erw. */ #unified-extensions-area.customization-target .toolbarbutton-1.unified-extensions-item-action-button.subviewbutton.panel-no-padding.webextension-browser-action stack.toolbarbutton-badge-stack image.toolbarbutton-icon, /* panel .unified-extensions-item[unified-extensions="true"] .webextension-browser-action > .toolbarbutton-badge-stack > .toolbarbutton-icon, */ .unified-extensions-list toolbarbutton .unified-extensions-item-icon { height: 25px !important; width: 25px !important; } /* Button der aktiven Erw. */ #unified-extensions-panel toolbaritem.unified-extensions-item { max-width: unset !important; width: 112px !important; height: 40px !important; background-color: grey !important; margin: 1px !important; border: 1px solid green !important; border-radius: 4px !important; padding: 0 2px !important; } /* Button der aktiven Erw. bei Hover HG farbig */ #unified-extensions-panel toolbaritem.unified-extensions-item:hover { background-color: beige !important; border: 1px solid coral !important; } /* Button der inaktiven Erw. */ .unified-extensions-list .unified-extensions-item { max-width: unset !important; width: 107px !important; height: 40px !important; background-color: grey !important; opacity: 0.85 !important; margin-top: 6px !important; /* margin: 1px !important; */ border: 1px solid blue !important; border-radius: 4px !important; padding: 0 2px !important; } /* Button der inaktiven Erw. bei Hover HG farbig */ .unified-extensions-list .unified-extensions-item:hover { background-color: gold !important; border: 1px solid coral !important; } /* bei Hover grauer HG der Button ausgeblendet */ .unified-extensions-item-action-button.panel-no-padding.webextension-browser-action.subviewbutton:hover{ background-color: transparent !important; } .unified-extensions-item-action-button { overflow: visible !important; } /* Icons aktive Erw. */ #unified-extensions-area image.toolbarbutton-icon { opacity: 1 !important; margin-left: 2px !important; padding: 0 !important; } /* Icons inaktive Erw. */ .unified-extensions-list image.unified-extensions-item-icon { opacity: 1 !important; margin-left: -4px !important; padding: 0 !important; } /* Button mit dem Zahnkranz (Verwalten) / aktive Erw. */ #unified-extensions-area.customization-target toolbaritem.toolbaritem-combined-buttons.unified-extensions-item.chromeclass-toolbar-additional toolbarbutton.unified-extensions-item-menu-button.subviewbutton.subviewbutton-iconic{ background-color: black !important; border: 1px solid gainsboro !important; min-width: 32px !important; max-width: 32px !important; max-height: 32px !important; margin-left: -94px !important; color: orange !important; } /* bei Hover*/ #unified-extensions-area.customization-target toolbaritem.toolbaritem-combined-buttons.unified-extensions-item.chromeclass-toolbar-additional toolbarbutton.unified-extensions-item-menu-button.subviewbutton.subviewbutton-iconic:hover{ background-color: #D1E2F2 !important; border: 1px solid brown !important; min-width: 32px !important; max-width: 32px !important; max-height: 32px !important; margin-left: -94px !important; } /* Zahnkranz aktive Erw. bei Hover andere Farbe */ #unified-extensions-area.customization-target toolbaritem.toolbaritem-combined-buttons.unified-extensions-item.chromeclass-toolbar-additional:hover toolbarbutton.unified-extensions-item-menu-button.subviewbutton.subviewbutton-iconic image.toolbarbutton-icon { fill: forestgreen !important; } /* Button mit dem Zahnkranz (Verwalten) / inaktive Erw. */ .unified-extensions-item-menu-button.subviewbutton.subviewbutton-iconic{ background-color: black !important; border: 1px solid gainsboro !important; min-width: 32px !important; max-width: 32px !important; max-height: 32px !important; margin-left: 17px !important; color: orange !important; } /* bei Hover */ .unified-extensions-item-menu-button.subviewbutton.subviewbutton-iconic:hover{ background-color: lightyellow !important; border: 1px solid brown !important; min-width: 32px !important; max-width: 32px !important; max-height: 32px !important; margin-left: 17px !important; } /* Zahnkranz inaktive Erw. bei Hover andere Farbe */ .unified-extensions-item-menu-button:hover .toolbarbutton-icon { fill: magenta !important; } /* Zahnkranz aktive Erw. / Icon */ #unified-extensions-area.customization-target toolbaritem.toolbaritem-combined-buttons.unified-extensions-item.chromeclass-toolbar-additional toolbarbutton.unified-extensions-item-menu-button.subviewbutton.subviewbutton-iconic image.toolbarbutton-icon { margin-left: -1px !important; } /* Zahnkranz inaktive Erw. / Icon */ #unified-extensions-view.cui-widget-panelview vbox.panel-subview-body vbox.unified-extensions-list unified-extensions-item.unified-extensions-item toolbarbutton.unified-extensions-item-menu-button.subviewbutton.subviewbutton-iconic image.toolbarbutton-icon { margin-left: -1px !important; } /* Button unten "Erweiterungen verwalten" */ #unified-extensions-manage-extensions { background-color: #f0f0db !important; margin-left: 50px !important; max-width: 250px !important; max-height: 30px !important; min-height: 30px !important; border: 1px solid grey !important; border-width: 3px !important; border-style: double !important; color: #5511aa !important; } /* bei Hover */ #unified-extensions-manage-extensions:hover { background-color: #D1E2F2 !important; color: brown !important; margin-left: 50px !important; margin-right: 0 !important; } /* Text "Erweiterungen verwalten" */ [data-l10n-id="unified-extensions-manage-extensions"] { color: gainsboro !important; font-size: 1.4em !important; font-weight: 600 !important; padding-left: 0px !important; display: flex !important; justify-content: center !important; } /* Text "Erweiterungen verwalten" verlagert */ #unified-extensions-manage-extensions.subviewbutton.panel-subview-footer-button.unified-extensions-manage-extensions label.toolbarbutton-text { margin: -7px 0 0 0 !important; } } -
Auf deinem Screenshot ist links auch zu erkennen:
Ja, so auch auf Deinem Screenshot.
-
Ist das nur bei mir so, oder kann das jemand bestätigen
Guten Morgen, Andreas!
Im Nightly probiert mit dem Bastelcode von gestern.
-
Nächste Woche soll es wieder kalt werden, dann hast du Zeit und Muße dazu.
Das wäre es, aber keine Ruhe damit.
Alles raus, nur noch den betreffenden Code-Schnipsel, und sofern backround dazu kommt, dann ist der Schatten da.
Ich verabschiede mich davon, bringt nichts.
Aber das habt ihr bestimmt schon ausprobiert.
Danke, für Deine Zuarbeit.
Das hatte ich in dem Zusammenhang auch schon probiert, aber dadurch verändert sich nur der äußere Abstand, der Schatten bleibt trotzdem.
-
Bin mal gespannt an was es liegt
Führt kein Weg hin, immer Schatten, wenn ich den HG einfüge. Schn........e voll, habe erst einmal umgebaut, ist einfacher.
CSS/*===== Popup-Menüs aus der Bibliothek ======*/ arrowscrollbox.menupopup-arrowscrollbox{ background: lightgrey !important; border: 3px solid grey !important; border-radius: 0 !important; padding: 6px !important; }Das reicht mir völlig aus.
Wenn ich mich wieder davon erholt habe, dann nehme ich das Teil noch einmal auseinander.
-
Ohne meinen Zusatzcode sieht das dann so aus:
Da muss dann ja noch was anderes mitwirken, weshalb das hier so ist. Ich nehme das nochmal auseinander, melde mich wieder. Danke, Andreas.
-
Auf meinem Screenshot ist von einem Schatten nichts zu erkennen.
Ja, sehr komisch, aber jetzt weiß ich wo das her kommt. Füge mal background-color (ich habe gold dort stehen) hinzu, dann erscheint der Schatten.
-
und dann sieht das hier so aus damit:
Ich gebe auf, Schatten bleibt. Nehme ich den Code-Teil raus, dann ist der vom Panel da, aber auch der lässt sich nicht ausblenden.
Danke, Andreas, für Deine Unterstützung.
-
Der macht bei mir gar nichts.
Wenn ich den padding-Wert auf 20px anhebe, dann sieht es so aus.
-
Ich habe den mal breiter und in rot gemacht, damit man es besser erkennen kann mit dem Schatten:
Das habe ich gestern auch gedacht, aber das ist es nicht gewesen.
Für den äußeren blauen Rand ist dieser Code zuständig, und daher kommt wohl der Schatten, denke ich.
CSS
Alles anzeigen#placesContext menu#placesContext_open\:newcontainertab menupopup, #fileRestoreMenu menupopup#fileRestorePopup, #viewMenuPopup menu#viewSort menupopup, #viewMenuPopup menu#viewColumns menupopup, #places menupopup#textbox-contextmenu.textbox-contextmenu, #placesMenu menu#organizeButton.menu-iconic menupopup#organizeButtonPopup, #placesPopupset menupopup#placesContext, #placesMenu menu#viewMenu.menu-iconic menupopup#viewMenuPopup, #placesMenu menu#maintenanceButton.menu-iconic menupopup#maintenanceButtonPopup{ border: 3px solid dodgerblue !important; padding: 0px !important; } -
Ist hier dann auch so.
Danke, Andreas, wir lassen das, damit kann ich leben.
