Beiträge von Mira_Belle

  • Popup-Menü der Ordner aus Lesezeichen-Symbolleiste anpassen

    @BrokenHeart

    Auch von mir ein Danke für das angepasste Script! :)

    Zitat von FuchsFan

    Bis zur Version 103 verwende ich diesen Code in der userShadow.css um einen Teil des Menüs anzupassen.

    CSS
    /* Hintergrund im Popup der Lesezeichen-Ordner aus der Lesezeichen-Symbolleiste */
#PlacesToolbar menupopup[placespopup="true"]::part(arrowscrollbox) {
    border: 1px solid magenta !important; 
    max-width: 350px !important;
    background-color: #ded1a9 !important; 
    margin-top: -4px !important;
    margin-left: -4px !important;
    margin-right: -4px !important;
    margin-bottom: -6px !important;
}

    Kannst Du mir bitte mal ein Bildchen dazu machen?

    Gruß

    Mira

  • shadow of the box - #window-modal-dialog ?

    Ok, Ihr habt mich überzeugt!

    Aber ich halte mich dennoch nicht daran. ;)

    Begründung!

    Wenn ich die px nicht da stehen habe und manches Mal doch den Wert ändere,

    denke ich nicht immer daran, dass da noch eine Einheit hin muss,

    ist mir schon in der Schule so gegangen und deshalb habe ich mir angewöhnt

    immer die Einheiten anzugeben.

    Gruß

    Mira

  • Firefox Translations, die Übersetzungsleiste ganz unten erscheinen lassen

    Zitat von .DeJaVu

    Sören und ich schrieben: bottom: 0 !important;

    Ergründe, warum das bei dir nicht funktioniert!

    Habe bei mir alle CSS-Dateien ausgeschaltet

    und der Code

    CSS
    .notificationbox-stack {
    position: fixed;
    z-index: 1;
    bottom: 0;
    width: 100%;
}

    ... bewirkt nichts!

    Die Übersetzungsleiste "steht" an Ort und Stelle!

    In diesem Fall erscheint sie unter der Lesezeichenleiste,

    aber über dem Fensterinhalt.

    Gruß

    Mira

    Der nächste Schritt wäre dann alle Add-ons abzuschalten außer Firefox Translations

  • einige Proton-Änderungen abmildern

    Nutze immer noch folgenden Code:

    und bei mir hat sich nichts geändert.

    Gruß

    Mira

    Bitte stell doch mal Deinen kompletten Code hier ein.

    Ach im übrigen nutze ich für die inaktiven Tabs

  • Austausch eines Symbols (Icons) in der Lesezeichen-Symbolleiste

    Zitat von Horstmann

    Ist das Original auch als mask-image eingefügt, oder ist es ein 'normales' .png Icon mit transparentem Hintergrund ?

    Zum Austausch vom dunklen mit dem hellen Icon würde dann sowas vielleicht funktionieren :

    CSS
    toolbarbutton.bookmark-item:nth-child(19) > image:nth-child(1) {
    list-style-image: url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/DeepL_2.png") !important;
}

    Danke Horstmann,

    das habe ich auch versucht, führte jedoch nicht zum Erfolg!

    Zitat von 2002Andreas
    Zitat von Mira_Belle

    Jedoch bräuchte ich es in hell.

    Meinst du das so?

    Wenn ja, dann teste:

    CSS
    toolbarbutton.bookmark-item:nth-child(19) > image:nth-child(1) {  
  filter: invert(97%) sepia(50%) saturate(16%) hue-rotate(297deg) brightness(105%) contrast(100%) !important;
}

    Spitze! Genau so :!:

    Nur verrate mir eins, wie in Gottes Namen kommt man auf so etwas?

    Habe mit den Werten etwas herumgespielt und es kam das dabei raus.

    CSS
    toolbarbutton.bookmark-item:nth-child(19) > image:nth-child(1) {
      filter: invert(85%) sepia(0%) saturate(0%) brightness(95%) !important;
}

    Genau wie ich es gerne wollte.

    Danke und Gruß

    Mira

    Zitat von Gabbo

    habe das Icon mal als .svg, white, 16/16 umgewandelt, geht das?

    deepl_logo_white.svg.zip

    Danke Gabbo

    habe es mir mal gesichert.

    Gruß

    Mira

  • Austausch eines Symbols (Icons) in der Lesezeichen-Symbolleiste

    Habe in der Lesezeichen-Symbolleiste einen Link für DeepL-Übersetzer ab- bzw. angelegt.

    Das Symbol (Icon) ist dunkel (schwarz)

    Jedoch bräuchte ich es in hell.

    So habe ich es versucht, was jedoch nur eine Art Aura erzeugt. ||

    CSS
    toolbarbutton.bookmark-item:nth-child(19) > image:nth-child(1) {
      display: block !important;
      width: 16px !important;
      height: 16px !important;
      mask-image:  url("file:///C:/Users/Mira/AppData/Roaming/Mozilla/Firefox/Profiles/default-release/chrome/icons/DeepL.png") !important;
      mask-repeat: no-repeat;
      mask-position: center;
      background-color: white !important;
}

    Es gibt das Symbol (Icon) auch noch einmal in hell!

    Also DeepL.png ist im original dunkel, DeepL_2.png ist hell

    Aber auch mit DeepL_2.png ändert sich nichts!

    Kann mir bitte jemand hier helfen?

    Gruß

    Mira

  • Adressfeld anpassen, Schatten entfernen

    Um zu verdeutlichen, um was es mir geht, stelle ich erst einmal ein Bild ein.

    In diesem Bild kann man erkennen, dass wenn die URL nicht geklickt wurde, also das Feld nicht aktiv ist,

    es keinen Schatten um dieses gibt.

    Klickt man jedoch in das Feld, markiert die URL, erscheint ein leichter Schatten um das Feld.

    Diesen wäre ich gerne los.

    Auszug aus dem verwendeten Code:

    Gruß

    Mira

  • Aktiven Tab mit border oder shadow oben ?

    Zitat von Son Goku

    Hallo,

    ich versuche gerade den schatten nach oben zu bekommen, nur wie ?

    ...

    kann mir da jemand helfen ?

    Versuche mal:

    CSS
    #TabsToolbar .tabbrowser-tab[visuallyselected="true"] > .tab-stack > .tab-background { 
    box-shadow: 0 -5px 15px red !important; 
}

    Mit dem ersten Wert verschiebst Du den Schatten links-rechts. (X-Achse)

    Mit dem Zweiten unten-oben und mit dem Dritten kannst Du so etwas wie Unschärfe einstellen. (Y-Achse)

    Wenn Du keine "Unschärfe" haben willst, lass den dritten Wert einfach weg!

    Gruß

    Mira