Beiträge von Dharkness

Zitat von nierewa

Das braucht man aber wenn man Firefox anpassen will. Zwecks CSS usw.

Das wird aber normalerweise mit beenden der Browser-Werkzeuge zurückgesetzt.

Hallo Andreas,

jupp, es wäre wohl sinnig gewesen, das zu erwähnen, ich gelobe Besserung.

Hallo,

hier gibt es den angegebenen Teil sehr wohl, das fügt hier eine Erweiterung ein, nur leider funktionierte mein CSS-Schnipsel bei mir nicht, bzw. eben nur Teilweise. Ich habe den Fehler jetzt allerdings gefunden, es war ein Uralt-Eintrag vorhanden, der hier quer geschossen hat, auskommentiert, neu gestartet und siehe da, es funktioniert nun wieder ohne Probleme.

Hallo zusammen,

ich will mit folgendem CSS-Schnipsel einige Tabs farblich anpassen.

/* remove default tab colors */
.tabbrowser-tab,
.tabbrowser-tab .tab-content {
  background: none !important;
  background-image: none !important;
  background-color: transparent !important;
}

/* Geizhals */
.tabbrowser-tab[label*=" - geizhals.de"][selected="true"] .tab-content {
  background-image: linear-gradient(to top, #005599 0%, #005599 85%, #12A102 85%, #12A102 100%) !important;
}

.tabbrowser-tab[label*=" - geizhals.de"]:not([selected="true"]) .tab-content {
  background-image: linear-gradient(to top, #005599 0%, #005599 85%, #005599 85%, #005599 100%) !important;
}
.tabbrowser-tab[label*=" - geizhals.de"]:not([selected="true"]):hover .tab-content,
.tabbrowser-tab[label*=" - geizhals.de"][selected="true"]:hover .tab-content {
  background-image: linear-gradient(to top, #D1E2F2 0%, #D1E2F2 85%, #005599 85%, #005599 100%) !important;
}
/* Geizhals */

Hier als Beispiel der Tab von Geizhals.de, es funktioniert aber nur der .tabbrowser-tab[label*=" - geizhals.de"][selected="true"] .tab-content Eintrag. Die Hover-Einträge und der .tabbrowser-tab[label*=" - geizhals.de"]:not([selected="true"]) Eintrag funktionieren allerdings nicht, wo muss ich schrauben?

Hallo Andreas,

das hatte ich schon irgendwo befürchtet, denn ich habe hier in der Tat so einiges probiert, aber nichts hat funktioniert.

Ich schminke mir das also ab, denn ein Script kommt mir nicht in die Tüte.

Hallo zusammen,

per CSS geht es nicht?

Hallo zusammen,

kann man die Reihenfolge der Leisten/Toolbars dementsprechend ↓ einrichten?

1. Menüleiste

2. Lesezeichensymbolleiste

3. Tabbar

4. Adressleiste

Hallo Endor,

Du musst die Werte für die width-Einträge und dem column-gap natürlich Deinem Viewport anpassen, vielleicht kannst Du ja was daraus bauen.

Hm,

beim Hovern über das Schließenkreuz gibt es einen 1px großen Effekt in jeder der 4 inneren Ecken, sonst nicht.

Hallo Endor,

ich habe zumindest einen Weg gefunden, der ab einer bestimmten größe des Viewports ein, so wie es aussieht, sauberes Ergebnis erzeugt, schau Dir mal das ↓ CSS-Schnipsel an.

@media only screen and (min-width: 1700px) {
    body {
        max-width: 1620px !important;
    }
    #serviceworkers {
        column-count: 2 !important;
        column-gap: 1em !important;
        margin-top: 15px !important;
    }
    #serviceworkers > div {
        display: inline-block !important;
        min-width: 796px !important;
        max-width: 796px !important;
    }
}

Einige der URLs in Skript-Spezifikation: und Aktuelle Worker-Adresse: sind hier rechts lang, deshalb die große Breite von

@media only screen and und body.

Hi Endor,

Zitat von Endor

Damit werden sie zweispaltig.

die Ansicht ist in der Tat etwas zerrissen.

Die Darstellung eines Serviceworkers wird leider in beiden Spalten dargestellt, ein Teil ist links unten, der andere Teil des selben Serviceworkers rechts oben. Kann man das verhindern?

Hi Endor,

das ↓ ist meine endgültige Lösung, danke für den Hinweis, wie immer zielführend, perfekt.

    tr:-moz-any(:not([selected]), [selected], :hover) > td > .action-icon {
        opacity: 1 !important;
        padding: 1px 10px !important;
    }
    .action-icon[data-l10n-id="show-addon"] {
        color: #00A200 !important;
        padding: 1px 10px !important;
    }
    .action-icon[data-l10n-id="close-tab"] {
        color: #F10 !important;
        padding: 1px 10px !important;
    }
    .action-icon[data-l10n-id="show-addon"]:hover,
    .action-icon[data-l10n-id="close-tab"]:hover {
        color: #D1E2F2 !important;
        padding: 1px 10px !important;
    }

Hallo zusammen,

ist es möglich, nicht nur den Twistys eine andere Farbe zu verpassen, sondern auch den Icons in der rechten Spalte und dann möglichst auch noch getrennt nach Tab schließen und In der Add-ons-Verwaltung anzeigen?

Hi Endor,

umgebaut und passt, danke schön.

Hi testerer,

schau mal, ob bei Dir der ↓ CSS-Schnipsel funktioniert.

.urlbarView-row-inner .urlbarView-favicon {
    margin-left: 20px !important;
}
.urlbarView-row-inner .urlbarView-type-icon {
    min-width: 16px !important;
    height: 16px !important;
    margin-bottom: 0 !important;
    margin-inline-start: 0px !important;
}

Hi Loom,

das ist doch schön zu hören.

Hi Loom,

gib uns doch bitte mal Dein vollständiges CSS, füge es bitte als Code, den → </> Button verwenden, ein.

Hi,

in dem Fall würde ich das so ↓ verwenden.

toolbar[id="PersonalToolbar"] toolbarbutton[class="bookmark-item"][type="menu"] {
background: #7B7B7B url("..//chrome/icons/dropdown-down_white.png") no-repeat !important;
background-position: right !important;
padding-right: 15px !important;
}
toolbar[id="PersonalToolbar"] toolbarbutton[class="bookmark-item"][type="menu"]:hover {
background: #D1E2F2 url("..//chrome/icons/dropdown-down_black.png") no-repeat !important;
background-position: right !important;
padding-right: 14px !important;
}

Dafür benötigst Du dann eventuell 2 Icons, je nachdem welche Farbe Du fürs hovern verwendest.

Hi Loom,

wie wäre es damit ↓?

toolbar[id="PersonalToolbar"] toolbarbutton[class="bookmark-item"][type="menu"] {
background: #7B7B7B url("..//chrome/icons/dropdown-down_white.png") no-repeat !important;
background-position: right !important;
padding-right: 15px !important;
}

Das ↓ sind die von mir Testhalber erstellten Dropdown-Marker.

→" "←

Eventuell musst Du Dir halt noch andere Dropdown-Marker erstellen und das CSS-Schnipsel noch Deinen Farb- und Abstandsentsprechungen anpassen.

Sieht bei mir so ↓ aus.

Im Ordner chrome ist bei dem CSS-Schnipsel noch ein Unterordner Namens icons anzulegen.

Hi Endor,

danke alles gefunden und für mich angepasst und nun ist der Hamburger wieder vollständig, danke schön.