Das war nicht in den Entwickler-Werkzeugen aufgenommen
Oh, ....
Dann deaktiviere ich mal alle anderen CSS-Dateien und schaue, ob es das was gibt, was dieses seltsame verursacht.
Danke.
Das war nicht in den Entwickler-Werkzeugen aufgenommen
Oh, ....
Dann deaktiviere ich mal alle anderen CSS-Dateien und schaue, ob es das was gibt, was dieses seltsame verursacht.
Danke.
Das ist ja das Verrückte,
in der "Stilbearbeitung" reagiert es genauso wie gewünscht und wie von Dir gezeigt.
Jedoch über die userContent.css geladen, ist die Schrift plötzlich Orange.
Im Script Zeile 31 und 32 tauschen.
Eventuell noch zusätzlich 27 und 28, dann sollte es funktionieren.
Danke für den Tipp
und mit dem Einfügen einer Zeitschleife (setTimeout) funktioniert es auch.
Hier der geänderte Code:
/* Addons-UpDate-Check-Button */
(function() {
if (!window.gBrowser) return;
CustomizableUI.createWidget({
id: 'addons-update-button',
defaultArea: CustomizableUI.AREA_NAVBAR,
label: 'Add-ons Update',
tooltiptext: 'Add-ons aktualisieren',
onCommand: onCommand,
onCreated: function(button) {
button.style.listStyleImage = 'url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAB9klEQVR42o2TP2gTURzHvwcRXqDDCzi8gww+cfACBRsoJAWXji0KzZFBxUELDoouOmnG6JQiWOogVAcpHUpvKDRLQbekoKRDJXHyLYHLIOQNhXtgBt+7u+SSpkq+w93xu9/vw++vhVj0MiUOyzicEo5LuFh/ACGV6PT6HflbKmOyzINnGdt5kPOKnBYxg5pCNu99apdEt9cLAYdPi4cr8+kVDGYJ10oB3mlQdzebqxZnlLZf5vsEwYzRkRTSyL1pZSznCuPtZ/zXlMcNV9e2FH2LBvCjDrAFoNsYueTeiashoPV4EkDWNrSzA/ltP2rwohumjZ9foI5qI7/8+yHgkT0CkGvLwK0q5KYLovzIWK6BXNf2754GVBPABz8GPEwAithQKQJ6JmJiBmqOQekGEyUTqAF8HALuJwDML4OY2gcK6us2EPQj+811Xf+J7kcrAXwOAZS37oyVcLsCFO5CHXvAQSWyLZaist6ugvRFAtg1gOw0QJrGFXTQmYyMcxRytwJyWp8YVAIoj/eAhoHh24nH2GmADHT95yad39MApm+gUbZ9OwVq1mNyWeKsppaEwB9ALu35drjKzwvs1YuFdHXa8V9bCNROgsrGce91CDCX6GbJkxJPr9sE9v+CfQXfE8H2fldtmYu0xn8a0IUZn0tgeMpGfwErbLqeHktDngAAAABJRU5ErkJggg==)';}
});
function onCommand(event) {
event.target.ownerGlobal.openTrustedLinkIn('about:addons', 'tab');
addEventListener('pageshow', function onPageshow(event) {
let document = event.target;
if (document.URL != 'about:addons') return;
removeEventListener('pageshow', onPageshow);
document.querySelector('addon-page-options panel-item[action="view-recent-updates"]').click();
document.querySelector('addon-page-options panel-item[action="check-for-updates"]').click();
content.setTimeout(function() {
let categories = document.getElementById('categories');
categories.querySelector('button[viewid="addons://updates/recent"]').click();
categories.querySelector('button[viewid="addons://updates/available"]').click();
}, 1000);
});
};
})();
Alles anzeigen
Ich hätte da 'ne Kleinigkeit!
Wenn ich das Script auslöse, wird bei mir Zuletzt durchgeführte Updates angezeigt.
Erst wenn ich den darüberliegenden Button Verfügbare Updates anklicke, bekomme ich die Updates angezeigt.
Ist das so gewollt?
Punkt 2 auch gelöst!
#updates-message {
outline-width: 1px !important;
outline-style: solid !important;
outline-color: #E0E0E0 !important;
border-radius: 8px;
height: 30px !important;
background: #2B2B2B !important;
--in-content-button-text-color: #E0E0E0 !important;
--in-content-button-background: transparent !important;
--in-content-button-background-hover: transparent !important;
--in-content-button-text-color-hover: #E0E0E0 !important;
--in-content-button-background-active: transparent !important;
}
#updates-message:hover {
outline-width: 2px !important;
outline-color: #FFA500 !important;
background-color: #5c5c5c !important;
}
Alles anzeigen
Nun wird das Feld "Verfügbaren Updates anzeigen" so angezeigt wie von mir gewünscht.
Fast ![]()
Denn was ich nicht verstehe, ist die Tatsache, dass wenn ich den Code, also das ganze CSS,
genau so in der Stilbearbeitung eingebe, wird das Feld "Verfügbaren Updates anzeigen"
tatsächlich so angezeigt wird wie ich das möchte!!
Wird das CSS aber über die userContent.css geladen,
dann ist die Schrift beim Hovern aber farbig! (Orange, #FFA500)
Man beachte aberZeile 11 --in-content-button-text-color-hover: #E0E0E0 !important;
ein ganz, ganz helles Grau ist da definiert.
Hat da wer einen Tip für mich, woran das liegen könnte?
Mit diesem Code bin ich recht nahe an meinem Ziel.
#updates-message {
border-width: 2px !important;
border-style: solid !important;
border-color: transparent !important;
}
#updates-message:hover {
border-radius: 8px !important;
border-width: 2px !important;
border-style: solid !important;
border-color: #FFA500 !important;
}
Alles anzeigen
Hier mal der komplette Code für about:addons
@-moz-document url-prefix(chrome://mozapps/content/extensions/aboutaddons.html),
url-prefix(about:addons) {
/*---------------------------------*/
/*********** Hintergrund ***********/
/*---------------------------------*/
html {
background-color: #2B2B2B !important; /* https://www.farb-tabelle.de/de/farbtabelle.htm gray17 #2B2B2B 43,43,43 */
}
#main {
margin-top: 5px;
}
/*---------------------------------*/
/*********** Auswahlfeld ***********/
/*---------------------------------*/
#sidebar {
background: #2B2B2B !important;
}
/* Text & Icons */
#categories > .category {
color: #E0E0E0 !important; /* https://www.farb-tabelle.de/de/farbtabelle.htm gray88 #E0E0E0 */
}
/* Augewähles Element in Auswahlfeld (Text) */
.category[selected] > .category-name,
.category.selected > .category-name {
color: #FFA500 !important; /* https://www.farb-tabelle.de/de/farbtabelle.htm orange #FFA500 255,165,0 */
}
/* Augewähles Element in Auswahlfeld (Icon) */
.category[selected] {
fill: #FFA500 !important;
}
#categories > .category[selected] {
border-radius: 8px !important;
border-width: 1px !important;
border-style: solid !important;
border-color: #FFA500 !important;
}
/* Augewähles Element in Auswahlfeld (gedrückt) */
#categories > .category {
color: #E0E0E0 !important;
background-color: #2b2b2b !important; /* https://www.farb-tabelle.de/de/farbtabelle.htm gray25 #404040 64,64,64 */
border-radius: 8px !important;
border-width: 1px !important;
border-style: solid !important;
border-color: #E0E0E0 !important;
}
#categories > .category:hover {
background-color: #404040 !important; /* https://www.farb-tabelle.de/de/farbtabelle.htm gray25 #404040 64,64,64 */
border-radius: 8px !important;
border-width: 1px !important;
border-style: solid !important;
border-color: #FFA500 !important; /* https://www.farb-tabelle.de/de/farbtabelle.htm orange #FFA500 255,165,0 */
}
button.category {
margin-top: 3px !important;
}
/* Links unten links */
.sidebar-footer-label {
color: #E0E0E0 !important;
}
.sidebar-footer-icon {
fill: #E0E0E0 !important;
}
.sidebar-footer-link {
border-radius: 8px !important;
border-width: 1px !important;
border-style: solid !important;
border-color: #E0E0E0 !important;
}
.sidebar-footer-link:hover {
background-color: #404040 !important;
}
.sidebar-footer-link:hover {
border-radius: 8px !important;
border-width: 1px !important;
border-style: solid !important;
border-color: #FFA500 !important;
}
.sidebar-footer-list > li {
margin-top: 3px !important;
}
/* Hintergründe */
.main-search,
.sticky-container,
.main-heading,
#content {
background: #2B2B2B !important;
}
/* Suchfeld */
search-addons > search-textbox {
background: #2B2B2B !important; /* Hintergrund Eingabefeld */
}
search-textbox {
border: 1px solid #E0E0E0 !important; /* Rahmen des Eingabefelds */
border-radius: 4px;
}
search-textbox[focused] {
border-color: transparent !important; /* Rahmen des Eingabefelds (Aktiv) */
outline: 2px solid #FFA500 !important;
}
/* Position des Button mit Zahnrad */
.main-heading {
max-width: 1045px !important;
}
/**** Button oben mit dem Zahnrad ****/
.page-options-menu > .more-options-button {
fill: #E0E0E0 !important; /* Farbe d. Zahnrades */
outline-width: 1px !important; /* Dicke d. Umrandung */
outline-style: solid !important; /* Art d. Umrandung */
outline-color: #E0E0E0 !important; /* Farbe d. Umrandung */
border-radius: 8px !important;
width: 70px !important; /* Länge des Button */
/* height: 30px ! important; /* Höhe des Button */
}
.back-button {
width: 70px !important;
}
/**** Button oben mit dem Zahnrad (hover) ****/
.page-options-menu > .more-options-button:hover {
fill: #FFA500 !important; /* Farbe des Zahnrades */
outline-width: 2px !important;
outline-style: solid !important;
outline-color: #FFA500 !important;
background-color: #404040 !important;
}
/**** Updates ****/
#updates-message {
outline-width: 1px !important;
outline-style: solid !important;
outline-color: #E0E0E0 !important;
border-radius: 8px;
height: 30px !important;
background: #2B2B2B !important;
}
/* Überschriften */
.header-name {
color: #E0E0E0 !important;
}
/*** Umrandung der Container bei Hover breiter Rand und andere Farbe ****/
:root {
--card-outline-color: none !important;
--card-padding: 18px !important; /* Abstände innerhalb der Container */
}
/* Vorschauen in den Containern */
.card-heading-image {
border-radius: 8px !important;
}
/*
addon-card:not([expanded="true"]) .addon.card {
outline: 3px solid orange;
outline-offset: 2px;
} */
/*** Button "Mehr Add-ons ansehen" ***/
button.primary {
background-color: #2B2B2B!important;
color: #E0E0E0 !important;
border-radius: 8px !important;
border-width: 1px !important;
border-style: solid !important;
border-color: #E0E0E0 !important;
}
button.primary:enabled:hover {
background-color: #2B2B2B !important;
color: #FFA500 !important;
border-radius: 8px !important;
border-width: 1px !important;
border-style: solid !important;
border-color:#FFA500 !important;
}
/*************************/
/**** Empfehlungen ****/
/*************************/
/* Textfarbe (Empfehlungen) */
body {
color: #E0E0E0 !important;
}
/* Linkfarbe (Empfehlungen) */
a {
color: #FFA500 !important;
}
a:hover {
color: #FFA500 !important;
text-decoration: none !important;
}
/* Breite der Container */
#main {
max-width: 1050px !important;
}
/* Container */
.card {
border: none !important;
background: #2B2B2B !important;
/* border-width: 3px !important; */
/* border-style: solid !important; */
/* border-color: #E0E0E0 !important; */
border-radius: 8px !important;
/* outline: 3px solid #E0E0E0; */
outline-width: 1px !important;
outline-style: solid !important;
outline-color: #E0E0E0 !important;
/* outline-offset: 2px; */
width: 1008px; /* Ausdehnung der Container zum rechten Rand */
}
.card:hover {
/* background: #2B2B2B !important; */
background-color: #404040 !important;
/* border-width: 3px !important; */
/* border-style: solid !important; */
/* border-color: #FFA500 !important; */
border-radius: 8px !important;
outline-width: 3px !important;
outline-style: solid !important;
outline-color: #FFA500 !important;
/* outline-offset: 2px; */
}
/* Höhe der Container */
.addon-description {
line-height: 25px !important;
}
/* Image in den Container in der Höhe verschoben */
addon-card[expanded] .addon.card {
margin-top: 10px !important;
}
/* Image in den Container in der Größe angepasst */
.card-heading-image {
width: 1040px !important;
height: 100px !important;
}
/*************************/
/**** Erweiterungen ****/
/*************************/
/* Schieberegler */
input[type="checkbox"].toggle-button {
background: #8b8b8b !important;
border-color: #E0E0E0! important;
}
input[type="checkbox"].toggle-button:checked {
background: #FFA500 !important;
border-color: #FFA500 !important;
}
input[type="checkbox"].toggle-button:hover {
background: #FFA500 !important;
border-color: #FFA500 !important;
}
/* Sternchen */
.disco-description-statistics {
color: #FFA500 !important;
}
/* Sternchen & mehr */
.addon-detail-rating {
color: #FFA500 !important;
}
/* Überschriften in den Containern */
recommended-addon-card {
color: #E0E0E0 !important;
}
recommended-addon-card:hover {
color: #E0E0E0 !important;
}
/* Buttons im Allgemeinen */
button {
color: #E0E0E0 !important;
}
button:enabled:hover {
color: #FFA500 !important;
}
button:focus-visible {
outline-color: transparent !important;
}
/* Tastenkombinationen von Erweiterungen verwalten */
[class="shortcut-input"] {
appearance: none;
border: 1px solid #E0E0E0 !important;
border-radius: 8px !important;
color: #E0E0E0 !important;
background-color: #2B2B2B!important;
}
[class="shortcut-input"]:hover {
border: 1px solid #FFA500 !important;
background-color: #404040!important;
}
[class="shortcut-input"]:focus {
border: 1px solid #FFA500 !important;
background-color: #404040 !important;
outline: none !important;
}
/**************************************/
/**** Container Expand ***/
/**************************************/
/* "Knöpfe" */
input[type="radio"]:enabled:checked {
background-color: #FFA500 !important;
border-width: 1px !important;
border-style: solid !important;
border-color: #FFA500 !important;
}
input[type="radio"]:enabled:checked:hover {
background-color: #FFA500 !important;
}
input[type="radio"]:enabled:hover {
background-color: #FFA500 !important;
}
input[type="radio"] {
border-width: 1px !important;
border-style: solid !important;
border-color: #E0E0E0 !important;
}
.more-options-button, /* Button mit den drei Punkten */
.back-button, /* Button Zurück */
.disco-cta-button, /* Buttons in den Containern unter Empfelungen */
.theme-enable-button { /* Buttons in den Containern unter Themes */
background-color: #2B2B2B !important;
outline-width: 1px !important;
outline-color: #E0E0E0 !important;
outline-style: solid !important;
border-radius: 8px !important;
}
.more-options-button:hover, /* Button mit den drei Punkten */
.back-button:hover, /* Button Zurück */
.disco-cta-button:hover, /* Buttons in den Containern unter Empfelungen */
.theme-enable-button:hover { /* Buttons in den Containern unter Themes */
outline-width: 2px !important;
outline-color: #FFA500 !important;
background-color: #404040 !important;
}
.back-button:hover {
background-color: #404040 !important;
}
/* Icons ausblenden */
/* panel-item {
--icon: unset !important;
}
*/
/* Menü unter den drei Punkten */
/*
addon-list addon-options > panel-list[role="menu"],
addon-list plugin-options > panel-list[role="menu"] {
border-radius: 8px !important;
border-width: 2px !important;
border-style: solid !important;
border-color: orange !important;
background-color: #2B2B2B !important;
padding: 0 0 2px 0 !important;
margin-top: -1px !important;
}
addon-list addon-options > panel-list > panel-item-separator,
addon-list plugin-options > panel-list > panel-item-separator {
background: #E0E0E0 !important;
margin: 2px 0 0 0 !important;
}
panel-list {
border-radius: 8px !important;
border-width: 2px !important;
border-style: solid !important;
border-color: orange !important;
background-color: #2B2B2B !important;
}
*/
/* Dreipunkte Button für Erweiterungen und Themes. */
addon-list addon-options > panel-list > panel-item {
--in-content-button-background: none !important;
--in-content-button-background-hover: none !important;
--in-content-button-background-active: none !important;
border-radius: 4px !important;
border: 1px solid #E0E0E0 !important;
margin: 2px 2px 0 2px !important;
}
addon-list addon-options > panel-list[role="menu"],
addon-list plugin-options > panel-list[role="menu"] {
border-radius: 8px !important;
border-width: 2px !important;
border-style: solid !important;
border-color: orange !important;
background-color: #2B2B2B !important;
}
addon-list addon-options > panel-list > panel-item:hover,
addon-list addon-options > panel-list > panel-item[action="preferences"]:hover,
addon-list addon-options > panel-list > panel-item[action="remove"]:hover,
addon-list addon-list addon-options > panel-list > panel-item[action="expand"]:hover,
addon-list addon-list plugin-options > panel-list > panel-item:hover,
addon-list plugin-options > panel-list > panel-item:hover,
addon-list plugin-options > panel-list > panel-item[action="manage-addon-button"]:hover {
background-color: #404040 !important;
}
/* Dreipunkte Button in der Detailansicht. */
div#main[current-view="detail"] addon-card panel-list panel-item-separator {
background: #E0E0E0 !important;
margin: 2px 0 0 0 !important;
}
div#main[current-view="detail"] addon-card panel-list > panel-item {
--in-content-button-background: none !important;
--in-content-button-background-hover: none !important;
--in-content-button-background-active: none !important;
border-radius: 4px !important;
border: 1px solid #E0E0E0 !important;
background-color: #2B2B2B !important;
margin: 2px 2px 0 2px !important;
}
div#main[current-view="detail"] addon-card panel-list > panel-item:hover {
background-color: #404040 !important;
}
/**************************************/
/**** Menü unter "Zahnrad" Expand ***/
/**************************************/
#page-options panel-item {
--in-content-button-background-hover: transparent !important;
--in-content-button-text-color-hover: #FFA500 !important;
--in-content-button-background-active: transparent !important;
}
addon-page-options panel-list {
border-radius: 8px !important;
border-width: 2px !important;
border-style: solid !important;
border-color: #FFA500 !important;
width: 340px !important;
padding: 5px !important;
background-color: #2B2B2B !important;
}
/* Hoverfarbe #404040 */
addon-page-options panel-list panel-item:hover {
border-radius: 8px !important;
background-color: #5c5c5c !important;
}
/* Activfarbe #404040 */
addon-page-options panel-list panel-item:active {
background-color: #5c5c5c !important;
}
.category[badge-count]::after {
background-color: #FFA500 !important;
color: #2B2B2B !important;
border-radius: 100px !important;
}
.more-options-button-badged::after {
background-color: #FFA500 !important;
}
#updates-message {
--in-content-button-background: transparent !important;
--in-content-button-background-hover: transparent !important;
--in-content-button-text-color-hover: #FFA500 !important;
--in-content-button-background-active: transparent !important;
}
}
Alles anzeigen
Wie bekomme
Ich bin mir nicht sicher was genau du meinst.
Geht es um diesen Button?
Ja!
Auf den Punkt! Vielen Dank.
Ich habe daraus, ...
#updates-message {
--in-content-button-background: transparent !important;
--in-content-button-background-hover: transparent !important;
--in-content-button-text-color-hover: #FFA500 !important;
--in-content-button-background-active: transparent !important;
}
..., gemacht. Somit ist Aufgabe 1 gelöst.
Nun zu 2.
Den "Rahmen" bei hovern einfärben
und Hintergründe devinieren, ähnlich wie oben beschrieben!
Z.Z. schaut der "Eintrag" (Button) gehovert so aus:

Wenn Du/sich jemand fragt, was ich genau meine, stelle ich nochmal Bildchen ohne Code ein.
1. normal
2. hover 
3. active
Deshalb dieser Aufwand!
Käse, jetzt habe ich mit Verfügbaren Updates anzeigen das gleiche Problem!
Es wird durch root,
genauer durch die Einträge
--in-content-button-background: rgba(207,207,216,.33);
--in-content-button-background-hover: rgba(207,207,216,.66);
--in-content-button-background-active: rgb(207,207,216);
verschiedene Hintergründe festgelegt.
Wenn ich jedoch
:root {
--in-content-button-background: red !important;
--in-content-button-background-hover: green !important;
--in-content-button-background-active: blue !important;
}
nutze, ändert sich nichts.
Wenn ich statt
:root, [data-l10n-id="addon-updates-manual-updates-found"] eintrage, ändert sich auch nichts ![]()
1. Wie bekomme ich den nicht passenden Hintergrund transparent?
2. Wie kann ich "neuen", abgerundeten und mit eigenen Farben versehenen Hintergrund definieren?
Welch schwierige Geburt!
Nun klappt es aber, so wie von mir gewünscht.
Danke für die Zaunlatte, Dharkness.
Danke für den Code, grisu2099.
Danke 2002Andreas für Deinen Code.
Alles zusammen ergibt folgenden funktionierenden Code:
/**************************************/
/**** Menü unter "Zahnrad" Expand ***/
/**************************************/
#page-options panel-item {
--in-content-button-background-hover: transparent !important;
--in-content-button-text-color-hover: #FFA500 !important;
--in-content-button-background-active: transparent !important;
}
addon-page-options panel-list {
border-radius: 8px !important;
border-width: 2px !important;
border-style: solid !important;
border-color: #FFA500 !important;
width: 340px !important;
padding: 5px !important;
background-color: #2B2B2B !important;
}
/* Hoverfarbe #404040 */
addon-page-options panel-list panel-item:hover {
border-radius: 8px !important;
background-color: #5c5c5c !important;
}
/* Activfarbe #404040 */
addon-page-options panel-list panel-item:active {
background-color: #404040 !important;
}
Alles anzeigen
Da kann man genau sehen, dass in der ganze Zeile der Hintergrund eingefärbt wird.
Natürlich, denn die ganze Zeile ist das panel-item, in dem Fall müsstest Du mit margin-left und margin-right arbeiten, aber eben nicht nur bei dem Eintrag fürs hovern.
D.h. ich müsste erst das "Menü" verbreitern,
um dann links wie rechts das panel-item jeweils um ca. 5px einzuschränken.
UND um einen Radius hinzuzuzaubern? ![]()
Oh weh.
Beim Hovern wird die ganze Zeile "markiert",
ist es möglich links, wie rechts einen Abstand zum Rand hinzuzaubern
und die Ecken dann noch abzurunden?
Wie wäre es mal mit nem Screenshot?
z.B.
2002Andreas hat doch Gif's eingestellt!
Da kann man genau sehen, dass in der ganze Zeile der Hintergrund eingefärbt wird.
Aber hier mal zwei Beispiele, wie ich mir das vorstelle.
...
Kannst du mir bitte noch sagen, wie ich bei dem drop-down Menü bei :hover den border-radius ändern kann?
CSS Alles anzeigen#page-options panel-list { font: menu; background-color: #00016e !important; border-radius: 5px !important; border-color: #00016e !important; color: #ffd700 !important; } #page-options panel-item { --in-content-button-background-hover: #ffd700 !important; --in-content-button-text-color-hover: #9c1818 !important; --in-content-button-border-radius: 30px !important; }
Denn das funktioniert ja nicht!
Und links, wie rechts ist es dann halt auch nicht möglich den Hintergrund "einzuschränken".
Super, klasse. ![]()
Danke, funktioniert wie von mir gewüscht.
Nur eine Sache noch, wenn möglich.
Beim Hovern wird die ganze Zeile "markiert",
ist es möglich links, wie rechts einen Abstand zum Rand hinzuzaubern
und die Ecken dann noch abzurunden?
Im Grunde weiß ich ja wie es geht, aber hier hänge ich irgendwie fest,
denn
--in-content-button-border-color: 3px solid red !important;
--in-content-button-border-radius: 4px !important;
greift nicht.
Und mit den Abständen weiß ich auch gerade nicht weiter.
Und auch wenn ich folgendes versuche, ...
#page-options panel-item:hover {
border-radius: 8px !important;
background: #5C5C5C !important;
margin-left: 5px !important;
width: 305px !important;
}
... ist es nicht von Erfolg gekrönt.
Ich bin z.Z. mit meinem Latein am Ende.
Yes.
Wichtig wäre für mich das Hovern!
Wobei die Textfarbe auch ganz interessant wäre.
Ach, und "gedrückt"!
Noch ein Skript:
...
Vielen lieben Dank ![]()
Da hast Du aber ganz schön hartnäckig gekämpft!
Hut ab.
damit man diese mit dem Inspektor entsprechend anschauen und anpassen kann?
Popup öffnen...Rechtsklick rein..Untersuchen..
ergibt:
Funktioniert mit und ohne focus
Wo liegt der Unterschied?
Funktioniert leider gar nicht,
und wie wäre der Code für "gedrückt"?
Danke 2002Andreas.
Jetzt geht es wieder, auf einen ähnlichen Gedanken kam ich ja auch,
nur mangels erfahrung htte ich es falsch umgesetzt!
#noUpdatesFound > data-l10n-id {
Bitte um ein Update!
Habe die Tage festgestellt, dass mein CSS nicht mehr richtig funktioniert!
Dachte nicht tragisch, hast ja gelernt und öffnete die Browser-Werkzeuge,
aktivierte chrome://browser/content/aboutDialog.xhtml.
Kann ja nur ein kleines Problem sein, dachte ich!
Doch ich staunte nicht schlecht, als ich sah, dass es keine "lables" mehr gibt!
D.H. der Text wird nicht mehr geändert
und auch die eigenen Icons nicht mehr angezeigt!
@-moz-document url-prefix("chrome://browser/content/aboutDialog.xhtml")
{
/*---------------------------------------------------*/
/**** Anpassungen an dem About:Dialog ****/
/*---------------------------------------------------*/
#aboutDialog {
margin-top: 20px !important;
margin-bottom: 20px !important;
line-height: 1.5 !important;
}
#aboutDialog vbox,
#aboutDialogContainer hbox,
#clientBox vbox,
#contributeDesc > label:nth-child(1),
#contributeDesc > label:nth-child(2),
#releasenotes,
#trademark,
#updateButton,
label.bottom-link:nth-child(3),
[href='about:credits'],
[href='about:license'],
[href='about:rights'],
[href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']
{
font-size: 15px !important;
}
/* Das ist Links das FF-Logo */
#leftBox {
appearance: none !important;
border-radius: 10px !important;
background-image: url("file:///C:/Users/Mira/image/index_test.png") !important;
background-repeat: no-repeat !important;
background-color: #292c2f !important;
background-position: center center !important;
background-size: 225px !important;
min-width: 225px !important;
margin-top: 80px !important;
}
/* Das ist Rechts die Box */
#rightBox::before {
content: "Firefox Browser" !important;
font-size: 40px !important;
font-weight: 700 !important;
color: #fff582 !important;
text-shadow: 4px 4px red !important;
}
#rightBox {
background-image: none !important;
padding-top: 1px !important;
margin-top: 1px !important;
}
#aboutDialog,
#bottomBox,
#clientBox {
background-color: #292c2f !important;
}
#icons .icon {
margin: 10px !important;
}
/* Update-Check ohne Erwartung ;)*/
/* Blendet Original-Animationen aus!*/
#icons > .update-throbber {
visibility: hidden !important;
}
#updateDeck #checkingForUpdates > label {
appearance: none !important;
border-radius: 10px !important;
background-image: url("./image/sample_3.gif") !important;
background-repeat: no-repeat !important;
background-color: #292c2f !important;
background-position: 0% center !important;
background-size: 36px !important;
color: #eee8aa !important;
font-size: 1.2em !important;
font-weight: 200 !important;
min-height: 28px !important;
margin-top: 0 !important;
margin-right: -10px !important;
margin-bottom: 10px !important;
margin-left: -40px !important;
padding-top: 7px !important;
padding-right: 25px !important;
padding-bottom: 0 !important;
padding-left: 45px !important;
}
/* Blendet Original-Icon aus!*/
#icons > .noUpdatesFound {
visibility: hidden !important;
}
#noUpdatesFound > label:nth-child(1) {
appearance: none !important;
border-radius: 10px !important;
background-image: url("./image/tick_2.png") !important;
background-repeat: no-repeat !important;
background-color: #292c2f !important;
background-position: 0 center !important;
background-size: 36px !important;
color: #ff9600 !important;
font-size: 1.5em !important;
font-weight: 400 !important;
min-height: 28px !important;
margin-top: 0 !important;
margin-right: -10px !important;
margin-bottom: 12px !important;
margin-left: -40px !important;
padding-top: 2px !important;
padding-right: 25px !important;
padding-bottom: 0 !important;
padding-left: 45px !important;
}
/* Das muss noch gecheckt werden */
#downloadAndInstallButton {
appearance: none !important;
border-radius: 10px !important;
/* background-image: url("./image/herz.png") !important; */
background-repeat: no-repeat !important;
background-color: #5b5b66 !important;
background-position: 0% center !important;
background-size: 16px !important;
color: #e1e1e1 !important;
margin-top: 0 !important;
margin-right: 0 !important;
margin-bottom: 0 !important;
margin-left: 10px !important;
padding-top: 0 !important;
padding-right: 10px !important;
padding-bottom: 2px !important;
padding-left: 10px !important;
}
#downloadAndInstallButton:hover {
background: #e1e1e1 !important;
background-position: 12px 4px !important;
color: #292c2f !important;
}
#updateButton {
appearance: none !important;
border-radius: 10px !important;
background-image: url("./image/herz.png") !important;
background-repeat: no-repeat !important;
background-color: #5b5b66 !important;
background-position: 0% center !important;
background-size: 16px !important;
color: #e1e1e1 !important;
margin-top: 0 !important;
margin-right: 0 !important;
margin-bottom: 0 !important;
margin-left: 10px !important;
padding-top: 0 !important;
padding-right: 10px !important;
padding-bottom: 2px !important;
padding-left: 10px !important;
border-color: #ff9600 !important;
border-style: outset !important;
border-width: 5px !important;
}
#updateButton:hover {
background: #e1e1e1 !important;
background-position: 12px 4px !important;
color: #292c2f !important;
}
/*-------------------------------------------------------------------------------*/
/* Versionsanzeige */
#version.update {
margin-left: 10px !important;
font-size: 19px !important;
color: orchid !important;
padding-top: 5px !important;
}
/* ohne Unterstrich */
#releasenotes, /* Neue Funktionen und Änderungen */
#submit-feedback, /* Feedback senden */
[href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog'],
[href='about:credits'], /* globalen Comunity */
#contributeDesc > label:nth-child(1), /* Spenden Sie */
#contributeDesc > label:nth-child(2), /* machen Sie mit! */
[href='about:license'], /* Information zur Lizensierung */
[href='about:rights'], /* Endanwenderrechte */
label.bottom-link:nth-child(3) /* Datenschutzbestimmungen */
{
text-decoration: none !important;
}
description.text-blurb:nth-child(3) > label:nth-child(1) {
text-decoration: none !important;
}
/* Text */
.text-blurb
{
font-size: 15px !important;
color: #e1e1e1 !important;
padding-right: 1px !important;
}
/* Neue Funktionen und Änderungen */
#releasenotes {
appearance: none !important;
background: #5b5b66 !important;
color: #e1e1e1 !important;
margin-left: 10px !important;
margin-right: 20px !important;
padding-left: 10px !important;
padding-right: 10px !important;
padding-bottom: 2px !important;
margin-top: 2px !important;
border-color: #ff9600 !important;
border-style: outset !important;
border-width: 3px !important;
background-position: 12px 4px !important;
border-radius: 8px!important;
}
#releasenotes:hover {
background: #e1e1e1 !important;
background-position: 12px 4px !important;
color: #292c2f !important;
}
/* Firefox-Hilfe */
description.text-blurb:nth-child(3) > label:nth-child(1) {
appearance: none !important;
background: #5b5b66 !important;
color: #e1e1e1 !important;
margin-left: 10px !important;
margin-top: 35px !important;
padding-left: 10px !important;
padding-right: 10px !important;
padding-bottom: 2px !important;
border-color: #ff9600 !important;
border-style: outset !important;
border-width: 3px !important;
background-position: 12px 4px !important;
border-radius: 8px!important;
}
description.text-blurb:nth-child(3) > label:nth-child(1):hover {
background: #e1e1e1 !important;
background-position: 12px 4px !important;
color: #292c2f !important;
}
/* Feedback senden */
#submit-feedback {
appearance: none !important;
background: #5b5b66 !important;
color: #e1e1e1 !important;
margin-left: 10px !important;
margin-top: 35px !important;
padding-left: 10px !important;
padding-right: 10px !important;
padding-bottom: 2px !important;
border-color: #ff9600 !important;
border-style: outset !important;
border-width: 3px !important;
background-position: 12px 4px !important;
border-radius: 8px!important;
}
#submit-feedback:hover {
background: #e1e1e1 !important;
background-position: 12px 4px !important;
color: #292c2f !important;
}
/* Mozilla */
[href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog'] {
appearance: none !important;
background: #5b5b66 !important;
color: #e1e1e1 !important;
margin-left: 1px !important;
margin-right: 1px !important;
margin-top: 10px !important;
padding-left: 10px !important;
padding-right: 10px !important;
padding-bottom: 1px !important;
border-color: #ff9600 !important;
border-style: outset !important;
border-width: 3px !important;
background-position: 12px 4px !important;
border-radius: 8px!important;
}
[href='https://www.mozilla.org/?utm_source=firefox-browser&utm_medium=firefox-desktop&utm_campaign=about-dialog']:hover {
background: #e1e1e1 !important;
background-position: 12px 4px !important;
color: #292c2f !important;
}
/* globalen Comunity */
[href='about:credits'] {
appearance: none !important;
background: #5b5b66 !important;
color: #e1e1e1 !important;
margin-left: 1px !important;
margin-right: 1px !important;
margin-top: 10px !important;
padding-left: 10px !important;
padding-right: 10px !important;
padding-bottom: 1px !important;
border-color: #ff9600 !important;
border-style: outset !important;
border-width: 3px !important;
background-position: 12px 4px !important;
border-radius: 8px!important;
}
[href='about:credits']:hover {
background: #e1e1e1 !important;
background-position: 12px 4px !important;
color: #292c2f !important;
}
/* Hinter dem Komma einen Zeilenumbruch erzwingen */
#detailsBox > description#communityDesc {
max-width: 570px !important;
}
/* Spenden Sie */
#contributeDesc > label:nth-child(1) {
appearance: none !important;
background: #5b5b66 !important;
color: #e1e1e1 !important;
margin-left: 1px !important;
margin-right: 1px !important;
margin-top: 2px !important;
padding-left: 10px !important;
padding-right: 10px !important;
padding-bottom: 2px !important;
border-color: #ff9600 !important;
border-style: outset !important;
border-width: 3px !important;
background-position: 12px 4px !important;
border-radius: 8px!important;
}
#contributeDesc > label:nth-child(1):hover {
background: #e1e1e1 !important;
background-position: 12px 4px !important;
color: #292c2f !important;
}
/* machen Sie mit! */
#contributeDesc > label:nth-child(2) {
appearance: none !important;
background: #5b5b66 !important;
color: #e1e1e1 !important;
margin-left: 1px !important;
margin-right: 1px !important;
margin-top: 2px !important;
padding-left: 10px !important;
padding-right: 10px !important;
padding-bottom: 2px !important;
border-color: #ff9600 !important;
border-style: outset !important;
border-width: 3px !important;
background-position: 12px 4px !important;
border-radius: 8px!important;
}
#contributeDesc > label:nth-child(2):hover {
background: #e1e1e1 !important;
background-position: 12px 4px !important;
color: #292c2f !important;
}
/* Information zur Lizensierung */
[href='about:license'] {
appearance: none !important;
background: #5b5b66 !important;
color: #e1e1e1 !important;
margin-left: 10px !important;
margin-right: 10px !important;
margin-top: 1px !important;
margin-bottom: 20px !important;
padding-left: 10px !important;
padding-right: 10px !important;
padding-bottom: 2px !important;
border-color: #ff9600 !important;
border-style: outset !important;
border-width: 3px !important;
background-position: 12px 4px !important;
border-radius: 8px!important;
}
[href='about:license']:hover {
background: #e1e1e1 !important;
background-position: 12px 4px !important;
color: #292c2f !important;
}
/* Endanwenderrechte */
[href='about:rights'] {
appearance: none !important;
background: #5b5b66 !important;
color: #e1e1e1 !important;
margin-left: 10px !important;
margin-right: 10px !important;
margin-top: 1px !important;
margin-bottom: 20px !important;
padding-left: 10px !important;
padding-right: 10px !important;
padding-bottom: 2px !important;
border-color: #ff9600 !important;
border-style: outset !important;
border-width: 3px !important;
background-position: 12px 4px !important;
border-radius: 8px!important;
}
[href='about:rights']:hover {
background: #e1e1e1 !important;
background-position: 12px 4px !important;
color: #292c2f !important;
}
/* Datenschutzbestimmungen */
label.bottom-link:nth-child(3) {
appearance: none !important;
background: #5b5b66 !important;
color: #e1e1e1 !important;
margin-left: 10px !important;
margin-right: 10px !important;
margin-top: 1px !important;
margin-bottom: 20px !important;
padding-left: 10px !important;
padding-right: 10px !important;
padding-bottom: 2px !important;
border-color: #ff9600 !important;
border-style: outset !important;
border-width: 3px !important;
background-position: 12px 4px !important;
border-radius: 8px!important;
}
label.bottom-link:nth-child(3):hover {
background: #e1e1e1 !important;
background-position: 12px 4px !important;
color: #292c2f !important;
}
/* Text ganz unten, Logo und Warenzeichen */
#trademark {
padding-top: 10px !important;
text-align: center !important;
color: #e1e1e1 !important;
margin-block: 15px !important;
font-size: 13px !important;
font-weight: 700 !important;
}
/* Den Text "design by me ©" will ich ganz unten rechts inne Ecke.... */
#bottomBox::after {
display: flex !important;
content: "design by me ©" !important;
font-size: 11px !important;
margin-left: 850px !important;
color: #e1e1e1 !important;
/* border: 2px solid yellow !important; */
/* border-radius: 15px !important; */
padding-left: 12px !important;
}
#aboutDialog {
margin-bottom: 0px !important;
}
}
Alles anzeigen
Es geht um #updateDeck #checkingForUpdates > label { & #noUpdatesFound > label:nth-child(1) {
Hallo
Du hast es nicht verstanden. In diesem Fall benötigst Du für den Core genau ein Update,nämlich das LCU. Ich habe jetzt keine Lust nachzusehen, welche beiden Updates in diesem Pack enthalten sind. Eines davon ist mit Sicherheit ein CU.
...
Gruß Ingo
Das artet wieder auf einen Streit aus, da habe ich keine Lust drauf.
Aber verrate mir, wieso bei einem "Neu aufsetzen des BS" ohne I-Net mit einem ersten original ISO plötzlich
nach Jahren nur zwei Updates ausstehen?
DAS verstehe ich nicht.
Und dass ein ISO was anderes wie ein Updatepack ist, ist mir sehr wohl klar!
Es ging mir bei diesem Hinweis im Zusammenhang mit einer Neuinstallation auch nur darum,
darauf hinzuweisen, dass es von MS recht aktuelle ISO's gibt, bei denen wirklich nur die letzten Updates fehlen.
Und jetzt klinke ich mich hier aus, denn es sei jedem selbst überlassen, was er/sie für sich richtig hält!
Hallo
und dafür brauchst Du ein Updatepack von einer Fremdquelle? Ich kann 2 Updates auch per WU installieren. Hier geht das sogar automatisch.
Gruß Ingo
Dafür sicherlich nicht, aber wenn das System aus welchen Grund auch immer komplett neu aufgesetzt werden soll
oder muss, kann ein solches Updatepack von Nutzen sein.
Aber, würde ich auch nicht auf diese Weise umsetzen!
Wofür gibt es MSDN bzw. MVS ISO's von Microsoft?
Test beendet!
Konnte keinen Unterschied im Verhalten beider Scriptes ( #40 & #41 ) feststellen!
Beim ersten "clicken" auf den Button wird bei Dir die Schaltfläche Ihre Add-Ons wurden aktualisiert.
Diese fehlt bei mir, egal welches Script ich nutze!
Erst wenn ich über das "Zahnrad" manuell die Suche anwerfe, wird diese angezeigt.
Das weitere Verhalten des Browsers ich dann identisch mit dem "GIF".