Meine .css und .js für Fx 10x.0bxbeta

universum123

Nabend

ich habe langsam alle *.css durch das Icons und Text wieder lesbar sind

nach erstmal Schema "f"

hatte ich hier mal bei/von Andreas gelesen

CSS

    padding-left:28px!important;
    background-position:6px 10px!important;}

Spoiler anzeigen

about_dialog.css

about_einstellungen.css

about-about.css

about-support.css

about-welcome.css

Ansicht.css

Bearbeiten.css

Bildschirmfoto aufnehmen.css

Button-Extras-Einstellungen.css

Chronik.css

Datei.css

extra-config-menu.css

Farbe der Menüs anpassen.css

Hilfe.css

Kontextmenu-Rechtsklick.css

Kontextmenu-Symboleiste.css

Kopieren.css

Lesezeichen.css

LoadingBar.css

Mehrstufige Lesezeichen-Symbolleiste.css

Menue Extras verschoenern.css

MenueAbstaende-test.css

Menuleiste-Hilfe.css

Neustart.css

PersonalToolbar.css

Popup Höhe ab wann Scrollbar erscheint.css

Popup.css

Rahmen-um-Symbole.css

restore_version_number.css

Submenu-WebEntwickler.css

Tabs_unten.css

Tab-Throbber.css

Task-Manager.css

UserStyles-Loader-Button.css

Vorwärts-Rückwärts-Button.css

Weitere-Lesezeichen.css

Werkzeuge.css

nu brauch ich was für die "Höhe"

auch erst mal für Schema "f"

die Icons sitzen nun zu "tief"

Beispiel *.css

CSS

menuitem[label="Kopieren"]{
    appearance: none !important;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABeElEQVQ4jX2SP0vDUBTFT0oWU1sdVLAUsdIOXRIQaVEcnArN1s0xxU/i1K/gppsKAae+UruIVIfikLxV0EFFKBSR9B8meB2kr0mb9MAb8s67597fe5EYY4RoXei6Xl3gA4wxCpNt29Rut4kxdr6oPhZlKIqCQqGAZDJpmKYZGSIxxqhcLgMA3h6v8dS8QuX0Bo1GY1FjgSb7d4cfD9jYVMT3JNgvzjkcxzEYY9B1vSoC+oMRvPU9pLbi6A9Gka0VRUE+n0en0zFM05xOcHZ5i8/hKtxfQHu9Q2plWuRH6/V6AIBEIgHLsgxxiZn0GrqjGLrfP8jtpANd/WjFYhHZbBaqqsJxnOkEldI+KqVpUbP5Hoq2HF8KhIuAe+sllHkW7eQ4eLEy0f+PeKhuB4xW61mg2fYX3PEYuYMMJuclSQpOIMuBFxWaRZsL4JyDcz5XqGnaQrSj3WzovlC9XiciItd155bneUREVKvVKHxun6LQhB9lRKHN6g+C+M39afVRcgAAAABJRU5ErkJggg==") no-repeat !important;
    min-height: 24px!important;
    padding-left:28px!important;
    background-position:6px 10px!important;}

    menuitem[label="Kopieren"]:hover{
    appearance: none !important;
    margin-right: -1px !important;
    background: #ecf0f6 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABeElEQVQ4jX2SP0vDUBTFT0oWU1sdVLAUsdIOXRIQaVEcnArN1s0xxU/i1K/gppsKAae+UruIVIfikLxV0EFFKBSR9B8meB2kr0mb9MAb8s67597fe5EYY4RoXei6Xl3gA4wxCpNt29Rut4kxdr6oPhZlKIqCQqGAZDJpmKYZGSIxxqhcLgMA3h6v8dS8QuX0Bo1GY1FjgSb7d4cfD9jYVMT3JNgvzjkcxzEYY9B1vSoC+oMRvPU9pLbi6A9Gka0VRUE+n0en0zFM05xOcHZ5i8/hKtxfQHu9Q2plWuRH6/V6AIBEIgHLsgxxiZn0GrqjGLrfP8jtpANd/WjFYhHZbBaqqsJxnOkEldI+KqVpUbP5Hoq2HF8KhIuAe+sllHkW7eQ4eLEy0f+PeKhuB4xW61mg2fYX3PEYuYMMJuclSQpOIMuBFxWaRZsL4JyDcz5XqGnaQrSj3WzovlC9XiciItd155bneUREVKvVKHxun6LQhB9lRKHN6g+C+M39afVRcgAAAABJRU5ErkJggg==") no-repeat !important;    
    border-width: thin !important;
    border-radius: 4px !important;
    border-color: #aecff7 !important;
    border-style: solid !important;
    min-height: 24px!important;
    padding-left:28px!important;
    background-position:6px 10px!important;}

Alles anzeigen

gruß uni

2002Andreas

Zitat von universum123

die Icons sitzen nun zu "tief"

Damit:

CSS

background-position:6px 4px!important;}

wird das Icon verschoben.

Wert 1: nach rechts/links

Wert 2: nach unten/oben

Teste bitte mal:

CSS

menuitem[label="Kopieren"]{
    appearance: none !important;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABeElEQVQ4jX2SP0vDUBTFT0oWU1sdVLAUsdIOXRIQaVEcnArN1s0xxU/i1K/gppsKAae+UruIVIfikLxV0EFFKBSR9B8meB2kr0mb9MAb8s67597fe5EYY4RoXei6Xl3gA4wxCpNt29Rut4kxdr6oPhZlKIqCQqGAZDJpmKYZGSIxxqhcLgMA3h6v8dS8QuX0Bo1GY1FjgSb7d4cfD9jYVMT3JNgvzjkcxzEYY9B1vSoC+oMRvPU9pLbi6A9Gka0VRUE+n0en0zFM05xOcHZ5i8/hKtxfQHu9Q2plWuRH6/V6AIBEIgHLsgxxiZn0GrqjGLrfP8jtpANd/WjFYhHZbBaqqsJxnOkEldI+KqVpUbP5Hoq2HF8KhIuAe+sllHkW7eQ4eLEy0f+PeKhuB4xW61mg2fYX3PEYuYMMJuclSQpOIMuBFxWaRZsL4JyDcz5XqGnaQrSj3WzovlC9XiciItd155bneUREVKvVKHxun6LQhB9lRKHN6g+C+M39afVRcgAAAABJRU5ErkJggg==") no-repeat !important;
    min-height: 24px!important;   
    background-position:6px 4px!important;}

    menuitem[label="Kopieren"]:hover{
    appearance: none !important;   
    background: #ecf0f6 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABeElEQVQ4jX2SP0vDUBTFT0oWU1sdVLAUsdIOXRIQaVEcnArN1s0xxU/i1K/gppsKAae+UruIVIfikLxV0EFFKBSR9B8meB2kr0mb9MAb8s67597fe5EYY4RoXei6Xl3gA4wxCpNt29Rut4kxdr6oPhZlKIqCQqGAZDJpmKYZGSIxxqhcLgMA3h6v8dS8QuX0Bo1GY1FjgSb7d4cfD9jYVMT3JNgvzjkcxzEYY9B1vSoC+oMRvPU9pLbi6A9Gka0VRUE+n0en0zFM05xOcHZ5i8/hKtxfQHu9Q2plWuRH6/V6AIBEIgHLsgxxiZn0GrqjGLrfP8jtpANd/WjFYhHZbBaqqsJxnOkEldI+KqVpUbP5Hoq2HF8KhIuAe+sllHkW7eQ4eLEy0f+PeKhuB4xW61mg2fYX3PEYuYMMJuclSQpOIMuBFxWaRZsL4JyDcz5XqGnaQrSj3WzovlC9XiciItd155bneUREVKvVKHxun6LQhB9lRKHN6g+C+M39afVRcgAAAABJRU5ErkJggg==") no-repeat !important;    
    border-width: thin !important;
    border-radius: 4px !important;
    border-color: #aecff7 !important;
    border-style: solid !important;
    min-height: 24px!important;    
    background-position:6px 4px!important;}

Alles anzeigen

Die padding und den margin Wert habe ich mal entfernt.

Damit habe ich die Einträge wieder dichter untereinander gesetzt:

CSS

/*Abstände der Einträge im Kontext wieder schmaler*/
menupopup > menuitem,
menupopup > menu {
  padding-block: 0 !important;
  padding-inline-start: 27px !important;
}

universum123

Ah

danke Andreas

mache ich mich "zeitnah" bei

melde mich dann noch (zeitnah) wenns nicht 100% klappt

und wenn ich damit durch bin auch

Gruß uni

2002Andreas

Zitat von universum123

wenns nicht 100% klappt

Wir sind hier

Du schaffst das schon.

universum123

nabend

hat alle soweit geklappt

nur paar Icons/Bilder für Einträge in *.css fehlen mir

zb.

Datei "Offline arbeiten"

Ansicht "Vollbild"

Chronik "Vorherige Sitzung"

Hilfe "Seitenproblem..."

Rechtsklick Kontextmenü "Barrierefreiheit..., Untersuchung"

gibt es die "Einträge" und Icons/Bilder überhaupt schon?

Gruß uni

2002Andreas

Zitat von universum123

nur paar Icons/Bilder für Einträge in *.css fehlen mir

Damit hast du zumindest alle Bezeichnungen. Icons musst du dir selber ändern.

Evtl. auch die Abstände noch etwas anpassen:

CSS

menuitem[label="Offline arbeiten"][checked="true"] > .menu-iconic-left {
  visibility:hidden !important;}

menuitem[label="Offline arbeiten"]{
    appearance: none !important;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABeElEQVQ4jX2SP0vDUBTFT0oWU1sdVLAUsdIOXRIQaVEcnArN1s0xxU/i1K/gppsKAae+UruIVIfikLxV0EFFKBSR9B8meB2kr0mb9MAb8s67597fe5EYY4RoXei6Xl3gA4wxCpNt29Rut4kxdr6oPhZlKIqCQqGAZDJpmKYZGSIxxqhcLgMA3h6v8dS8QuX0Bo1GY1FjgSb7d4cfD9jYVMT3JNgvzjkcxzEYY9B1vSoC+oMRvPU9pLbi6A9Gka0VRUE+n0en0zFM05xOcHZ5i8/hKtxfQHu9Q2plWuRH6/V6AIBEIgHLsgxxiZn0GrqjGLrfP8jtpANd/WjFYhHZbBaqqsJxnOkEldI+KqVpUbP5Hoq2HF8KhIuAe+sllHkW7eQ4eLEy0f+PeKhuB4xW61mg2fYX3PEYuYMMJuclSQpOIMuBFxWaRZsL4JyDcz5XqGnaQrSj3WzovlC9XiciItd155bneUREVKvVKHxun6LQhB9lRKHN6g+C+M39afVRcgAAAABJRU5ErkJggg==") no-repeat !important;
    min-height: 24px!important;   
    background-position:6px 4px!important;}

    menuitem[label="Offline arbeiten"]:hover{
    appearance: none !important;   
    background: #ecf0f6 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABeElEQVQ4jX2SP0vDUBTFT0oWU1sdVLAUsdIOXRIQaVEcnArN1s0xxU/i1K/gppsKAae+UruIVIfikLxV0EFFKBSR9B8meB2kr0mb9MAb8s67597fe5EYY4RoXei6Xl3gA4wxCpNt29Rut4kxdr6oPhZlKIqCQqGAZDJpmKYZGSIxxqhcLgMA3h6v8dS8QuX0Bo1GY1FjgSb7d4cfD9jYVMT3JNgvzjkcxzEYY9B1vSoC+oMRvPU9pLbi6A9Gka0VRUE+n0en0zFM05xOcHZ5i8/hKtxfQHu9Q2plWuRH6/V6AIBEIgHLsgxxiZn0GrqjGLrfP8jtpANd/WjFYhHZbBaqqsJxnOkEldI+KqVpUbP5Hoq2HF8KhIuAe+sllHkW7eQ4eLEy0f+PeKhuB4xW61mg2fYX3PEYuYMMJuclSQpOIMuBFxWaRZsL4JyDcz5XqGnaQrSj3WzovlC9XiciItd155bneUREVKvVKHxun6LQhB9lRKHN6g+C+M39afVRcgAAAABJRU5ErkJggg==") no-repeat !important;    
    border-width: thin !important;
    border-radius: 4px !important;
    border-color: #aecff7 !important;
    border-style: solid !important;
    min-height: 24px!important;    
    background-position:6px 4px!important;}
    
menuitem[label="Vollbild"]{
    appearance: none !important;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABeElEQVQ4jX2SP0vDUBTFT0oWU1sdVLAUsdIOXRIQaVEcnArN1s0xxU/i1K/gppsKAae+UruIVIfikLxV0EFFKBSR9B8meB2kr0mb9MAb8s67597fe5EYY4RoXei6Xl3gA4wxCpNt29Rut4kxdr6oPhZlKIqCQqGAZDJpmKYZGSIxxqhcLgMA3h6v8dS8QuX0Bo1GY1FjgSb7d4cfD9jYVMT3JNgvzjkcxzEYY9B1vSoC+oMRvPU9pLbi6A9Gka0VRUE+n0en0zFM05xOcHZ5i8/hKtxfQHu9Q2plWuRH6/V6AIBEIgHLsgxxiZn0GrqjGLrfP8jtpANd/WjFYhHZbBaqqsJxnOkEldI+KqVpUbP5Hoq2HF8KhIuAe+sllHkW7eQ4eLEy0f+PeKhuB4xW61mg2fYX3PEYuYMMJuclSQpOIMuBFxWaRZsL4JyDcz5XqGnaQrSj3WzovlC9XiciItd155bneUREVKvVKHxun6LQhB9lRKHN6g+C+M39afVRcgAAAABJRU5ErkJggg==") no-repeat !important;
    min-height: 24px!important;   
    background-position:6px 4px!important;}

    menuitem[label="Vollbild"]:hover{
    appearance: none !important;   
    background: #ecf0f6 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABeElEQVQ4jX2SP0vDUBTFT0oWU1sdVLAUsdIOXRIQaVEcnArN1s0xxU/i1K/gppsKAae+UruIVIfikLxV0EFFKBSR9B8meB2kr0mb9MAb8s67597fe5EYY4RoXei6Xl3gA4wxCpNt29Rut4kxdr6oPhZlKIqCQqGAZDJpmKYZGSIxxqhcLgMA3h6v8dS8QuX0Bo1GY1FjgSb7d4cfD9jYVMT3JNgvzjkcxzEYY9B1vSoC+oMRvPU9pLbi6A9Gka0VRUE+n0en0zFM05xOcHZ5i8/hKtxfQHu9Q2plWuRH6/V6AIBEIgHLsgxxiZn0GrqjGLrfP8jtpANd/WjFYhHZbBaqqsJxnOkEldI+KqVpUbP5Hoq2HF8KhIuAe+sllHkW7eQ4eLEy0f+PeKhuB4xW61mg2fYX3PEYuYMMJuclSQpOIMuBFxWaRZsL4JyDcz5XqGnaQrSj3WzovlC9XiciItd155bneUREVKvVKHxun6LQhB9lRKHN6g+C+M39afVRcgAAAABJRU5ErkJggg==") no-repeat !important;    
    border-width: thin !important;
    border-radius: 4px !important;
    border-color: #aecff7 !important;
    border-style: solid !important;
    min-height: 24px!important;    
    background-position:6px 4px!important;}
    

menuitem[label="Vorherige Sitzung wiederherstellen"]{
    appearance: none !important;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABeElEQVQ4jX2SP0vDUBTFT0oWU1sdVLAUsdIOXRIQaVEcnArN1s0xxU/i1K/gppsKAae+UruIVIfikLxV0EFFKBSR9B8meB2kr0mb9MAb8s67597fe5EYY4RoXei6Xl3gA4wxCpNt29Rut4kxdr6oPhZlKIqCQqGAZDJpmKYZGSIxxqhcLgMA3h6v8dS8QuX0Bo1GY1FjgSb7d4cfD9jYVMT3JNgvzjkcxzEYY9B1vSoC+oMRvPU9pLbi6A9Gka0VRUE+n0en0zFM05xOcHZ5i8/hKtxfQHu9Q2plWuRH6/V6AIBEIgHLsgxxiZn0GrqjGLrfP8jtpANd/WjFYhHZbBaqqsJxnOkEldI+KqVpUbP5Hoq2HF8KhIuAe+sllHkW7eQ4eLEy0f+PeKhuB4xW61mg2fYX3PEYuYMMJuclSQpOIMuBFxWaRZsL4JyDcz5XqGnaQrSj3WzovlC9XiciItd155bneUREVKvVKHxun6LQhB9lRKHN6g+C+M39afVRcgAAAABJRU5ErkJggg==") no-repeat !important;
    min-height: 24px!important; 
    padding-left: 29px!important;
    background-position:6px 9px!important;}

    menuitem[label="Vorherige Sitzung wiederherstellen"]:hover{
    appearance: none !important;   
    background: #ecf0f6 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABeElEQVQ4jX2SP0vDUBTFT0oWU1sdVLAUsdIOXRIQaVEcnArN1s0xxU/i1K/gppsKAae+UruIVIfikLxV0EFFKBSR9B8meB2kr0mb9MAb8s67597fe5EYY4RoXei6Xl3gA4wxCpNt29Rut4kxdr6oPhZlKIqCQqGAZDJpmKYZGSIxxqhcLgMA3h6v8dS8QuX0Bo1GY1FjgSb7d4cfD9jYVMT3JNgvzjkcxzEYY9B1vSoC+oMRvPU9pLbi6A9Gka0VRUE+n0en0zFM05xOcHZ5i8/hKtxfQHu9Q2plWuRH6/V6AIBEIgHLsgxxiZn0GrqjGLrfP8jtpANd/WjFYhHZbBaqqsJxnOkEldI+KqVpUbP5Hoq2HF8KhIuAe+sllHkW7eQ4eLEy0f+PeKhuB4xW61mg2fYX3PEYuYMMJuclSQpOIMuBFxWaRZsL4JyDcz5XqGnaQrSj3WzovlC9XiciItd155bneUREVKvVKHxun6LQhB9lRKHN6g+C+M39afVRcgAAAABJRU5ErkJggg==") no-repeat !important;    
    border-width: thin !important;
    border-radius: 4px !important;
    border-color: #aecff7 !important;
    border-style: solid !important;
    min-height: 24px!important;  
    padding-left: 29px!important;
    background-position:6px 9px!important;}
    

menuitem[label="Seitenproblem melden…"]{
    appearance: none !important;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABeElEQVQ4jX2SP0vDUBTFT0oWU1sdVLAUsdIOXRIQaVEcnArN1s0xxU/i1K/gppsKAae+UruIVIfikLxV0EFFKBSR9B8meB2kr0mb9MAb8s67597fe5EYY4RoXei6Xl3gA4wxCpNt29Rut4kxdr6oPhZlKIqCQqGAZDJpmKYZGSIxxqhcLgMA3h6v8dS8QuX0Bo1GY1FjgSb7d4cfD9jYVMT3JNgvzjkcxzEYY9B1vSoC+oMRvPU9pLbi6A9Gka0VRUE+n0en0zFM05xOcHZ5i8/hKtxfQHu9Q2plWuRH6/V6AIBEIgHLsgxxiZn0GrqjGLrfP8jtpANd/WjFYhHZbBaqqsJxnOkEldI+KqVpUbP5Hoq2HF8KhIuAe+sllHkW7eQ4eLEy0f+PeKhuB4xW61mg2fYX3PEYuYMMJuclSQpOIMuBFxWaRZsL4JyDcz5XqGnaQrSj3WzovlC9XiciItd155bneUREVKvVKHxun6LQhB9lRKHN6g+C+M39afVRcgAAAABJRU5ErkJggg==") no-repeat !important;
    min-height: 24px!important; 
    padding-left: 29px!important;
    background-position:6px 9px!important;}

    menuitem[label="Seitenproblem melden…"]:hover{
    appearance: none !important;   
    background: #ecf0f6 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABeElEQVQ4jX2SP0vDUBTFT0oWU1sdVLAUsdIOXRIQaVEcnArN1s0xxU/i1K/gppsKAae+UruIVIfikLxV0EFFKBSR9B8meB2kr0mb9MAb8s67597fe5EYY4RoXei6Xl3gA4wxCpNt29Rut4kxdr6oPhZlKIqCQqGAZDJpmKYZGSIxxqhcLgMA3h6v8dS8QuX0Bo1GY1FjgSb7d4cfD9jYVMT3JNgvzjkcxzEYY9B1vSoC+oMRvPU9pLbi6A9Gka0VRUE+n0en0zFM05xOcHZ5i8/hKtxfQHu9Q2plWuRH6/V6AIBEIgHLsgxxiZn0GrqjGLrfP8jtpANd/WjFYhHZbBaqqsJxnOkEldI+KqVpUbP5Hoq2HF8KhIuAe+sllHkW7eQ4eLEy0f+PeKhuB4xW61mg2fYX3PEYuYMMJuclSQpOIMuBFxWaRZsL4JyDcz5XqGnaQrSj3WzovlC9XiciItd155bneUREVKvVKHxun6LQhB9lRKHN6g+C+M39afVRcgAAAABJRU5ErkJggg==") no-repeat !important;    
    border-width: thin !important;
    border-radius: 4px !important;
    border-color: #aecff7 !important;
    border-style: solid !important;
    min-height: 24px!important;  
    padding-left: 29px!important;
    background-position:6px 9px!important;}
    

menuitem[label="Untersuchen"]{
    appearance: none !important;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABeElEQVQ4jX2SP0vDUBTFT0oWU1sdVLAUsdIOXRIQaVEcnArN1s0xxU/i1K/gppsKAae+UruIVIfikLxV0EFFKBSR9B8meB2kr0mb9MAb8s67597fe5EYY4RoXei6Xl3gA4wxCpNt29Rut4kxdr6oPhZlKIqCQqGAZDJpmKYZGSIxxqhcLgMA3h6v8dS8QuX0Bo1GY1FjgSb7d4cfD9jYVMT3JNgvzjkcxzEYY9B1vSoC+oMRvPU9pLbi6A9Gka0VRUE+n0en0zFM05xOcHZ5i8/hKtxfQHu9Q2plWuRH6/V6AIBEIgHLsgxxiZn0GrqjGLrfP8jtpANd/WjFYhHZbBaqqsJxnOkEldI+KqVpUbP5Hoq2HF8KhIuAe+sllHkW7eQ4eLEy0f+PeKhuB4xW61mg2fYX3PEYuYMMJuclSQpOIMuBFxWaRZsL4JyDcz5XqGnaQrSj3WzovlC9XiciItd155bneUREVKvVKHxun6LQhB9lRKHN6g+C+M39afVRcgAAAABJRU5ErkJggg==") no-repeat !important;
    min-height: 24px!important; 
    padding-left: 29px!important;
    background-position:6px 9px!important;}

    menuitem[label="Untersuchen"]:hover{
    appearance: none !important;   
    background: #ecf0f6 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABeElEQVQ4jX2SP0vDUBTFT0oWU1sdVLAUsdIOXRIQaVEcnArN1s0xxU/i1K/gppsKAae+UruIVIfikLxV0EFFKBSR9B8meB2kr0mb9MAb8s67597fe5EYY4RoXei6Xl3gA4wxCpNt29Rut4kxdr6oPhZlKIqCQqGAZDJpmKYZGSIxxqhcLgMA3h6v8dS8QuX0Bo1GY1FjgSb7d4cfD9jYVMT3JNgvzjkcxzEYY9B1vSoC+oMRvPU9pLbi6A9Gka0VRUE+n0en0zFM05xOcHZ5i8/hKtxfQHu9Q2plWuRH6/V6AIBEIgHLsgxxiZn0GrqjGLrfP8jtpANd/WjFYhHZbBaqqsJxnOkEldI+KqVpUbP5Hoq2HF8KhIuAe+sllHkW7eQ4eLEy0f+PeKhuB4xW61mg2fYX3PEYuYMMJuclSQpOIMuBFxWaRZsL4JyDcz5XqGnaQrSj3WzovlC9XiciItd155bneUREVKvVKHxun6LQhB9lRKHN6g+C+M39afVRcgAAAABJRU5ErkJggg==") no-repeat !important;    
    border-width: thin !important;
    border-radius: 4px !important;
    border-color: #aecff7 !important;
    border-style: solid !important;
    min-height: 24px!important;  
    padding-left: 29px!important;
    background-position:6px 9px!important;}
    

menuitem[label="Barrierefreiheit-Eigenschaften untersuchen"]{
    appearance: none !important;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABeElEQVQ4jX2SP0vDUBTFT0oWU1sdVLAUsdIOXRIQaVEcnArN1s0xxU/i1K/gppsKAae+UruIVIfikLxV0EFFKBSR9B8meB2kr0mb9MAb8s67597fe5EYY4RoXei6Xl3gA4wxCpNt29Rut4kxdr6oPhZlKIqCQqGAZDJpmKYZGSIxxqhcLgMA3h6v8dS8QuX0Bo1GY1FjgSb7d4cfD9jYVMT3JNgvzjkcxzEYY9B1vSoC+oMRvPU9pLbi6A9Gka0VRUE+n0en0zFM05xOcHZ5i8/hKtxfQHu9Q2plWuRH6/V6AIBEIgHLsgxxiZn0GrqjGLrfP8jtpANd/WjFYhHZbBaqqsJxnOkEldI+KqVpUbP5Hoq2HF8KhIuAe+sllHkW7eQ4eLEy0f+PeKhuB4xW61mg2fYX3PEYuYMMJuclSQpOIMuBFxWaRZsL4JyDcz5XqGnaQrSj3WzovlC9XiciItd155bneUREVKvVKHxun6LQhB9lRKHN6g+C+M39afVRcgAAAABJRU5ErkJggg==") no-repeat !important;
    min-height: 24px!important; 
    padding-left: 29px!important;
    background-position:6px 9px!important;}

    menuitem[label="Barrierefreiheit-Eigenschaften untersuchen"]:hover{
    appearance: none !important;   
    background: #ecf0f6 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABeElEQVQ4jX2SP0vDUBTFT0oWU1sdVLAUsdIOXRIQaVEcnArN1s0xxU/i1K/gppsKAae+UruIVIfikLxV0EFFKBSR9B8meB2kr0mb9MAb8s67597fe5EYY4RoXei6Xl3gA4wxCpNt29Rut4kxdr6oPhZlKIqCQqGAZDJpmKYZGSIxxqhcLgMA3h6v8dS8QuX0Bo1GY1FjgSb7d4cfD9jYVMT3JNgvzjkcxzEYY9B1vSoC+oMRvPU9pLbi6A9Gka0VRUE+n0en0zFM05xOcHZ5i8/hKtxfQHu9Q2plWuRH6/V6AIBEIgHLsgxxiZn0GrqjGLrfP8jtpANd/WjFYhHZbBaqqsJxnOkEldI+KqVpUbP5Hoq2HF8KhIuAe+sllHkW7eQ4eLEy0f+PeKhuB4xW61mg2fYX3PEYuYMMJuclSQpOIMuBFxWaRZsL4JyDcz5XqGnaQrSj3WzovlC9XiciItd155bneUREVKvVKHxun6LQhB9lRKHN6g+C+M39afVRcgAAAABJRU5ErkJggg==") no-repeat !important;    
    border-width: thin !important;
    border-radius: 4px !important;
    border-color: #aecff7 !important;
    border-style: solid !important;
    min-height: 24px!important;  
    padding-left: 29px!important;
    background-position:6px 9px!important;}

Alles anzeigen

universum123

danke Andreas

werde es testen

dauert mal wieder ein bisschen

melde mich morgen wieder

Gruß uni

2002Andreas

Zitat von universum123

dauert mal wieder ein bisschen

Keine Eile, mach es bitte ganz in Ruhe, du schaffst das wie immer

universum123

guten Nachmittag

soweit erst mal alles OK

hab alle "einzeln" als *.css angelegt

bis auf kleine Schönheitsfehler

ich dachte für Symbol/Bild "Bildschirmfoto aufnehmen" hätte ich ein Bild mit Fotoapparat (von Endor?)

nö hab ich nicht - nur die Schere

die frage ist ob wer weiß wo das Bild zu finden ist?

2.

CSS

menuitem[label="Barrierefreiheit-Eigenschaften untersuchen"]{
    appearance: none !important;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABeElEQVQ4jX2SP0vDUBTFT0oWU1sdVLAUsdIOXRIQaVEcnArN1s0xxU/i1K/gppsKAae+UruIVIfikLxV0EFFKBSR9B8meB2kr0mb9MAb8s67597fe5EYY4RoXei6Xl3gA4wxCpNt29Rut4kxdr6oPhZlKIqCQqGAZDJpmKYZGSIxxqhcLgMA3h6v8dS8QuX0Bo1GY1FjgSb7d4cfD9jYVMT3JNgvzjkcxzEYY9B1vSoC+oMRvPU9pLbi6A9Gka0VRUE+n0en0zFM05xOcHZ5i8/hKtxfQHu9Q2plWuRH6/V6AIBEIgHLsgxxiZn0GrqjGLrfP8jtpANd/WjFYhHZbBaqqsJxnOkEldI+KqVpUbP5Hoq2HF8KhIuAe+sllHkW7eQ4eLEy0f+PeKhuB4xW61mg2fYX3PEYuYMMJuclSQpOIMuBFxWaRZsL4JyDcz5XqGnaQrSj3WzovlC9XiciItd155bneUREVKvVKHxun6LQhB9lRKHN6g+C+M39afVRcgAAAABJRU5ErkJggg==") no-repeat !important;
    min-height: 24px!important; 
    padding-left: 29px!important;
    background-position:6px 9px!important;}

    menuitem[label="Barrierefreiheit-Eigenschaften untersuchen"]:hover{
    appearance: none !important;   
    background: #ecf0f6 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABeElEQVQ4jX2SP0vDUBTFT0oWU1sdVLAUsdIOXRIQaVEcnArN1s0xxU/i1K/gppsKAae+UruIVIfikLxV0EFFKBSR9B8meB2kr0mb9MAb8s67597fe5EYY4RoXei6Xl3gA4wxCpNt29Rut4kxdr6oPhZlKIqCQqGAZDJpmKYZGSIxxqhcLgMA3h6v8dS8QuX0Bo1GY1FjgSb7d4cfD9jYVMT3JNgvzjkcxzEYY9B1vSoC+oMRvPU9pLbi6A9Gka0VRUE+n0en0zFM05xOcHZ5i8/hKtxfQHu9Q2plWuRH6/V6AIBEIgHLsgxxiZn0GrqjGLrfP8jtpANd/WjFYhHZbBaqqsJxnOkEldI+KqVpUbP5Hoq2HF8KhIuAe+sllHkW7eQ4eLEy0f+PeKhuB4xW61mg2fYX3PEYuYMMJuclSQpOIMuBFxWaRZsL4JyDcz5XqGnaQrSj3WzovlC9XiciItd155bneUREVKvVKHxun6LQhB9lRKHN6g+C+M39afVRcgAAAABJRU5ErkJggg==") no-repeat !important;    
    border-width: thin !important;
    border-radius: 4px !important;
    border-color: #aecff7 !important;
    border-style: solid !important;
    min-height: 24px!important;  
    padding-left: 29px!important;
    background-position:6px 9px!important;}

Alles anzeigen

erscheint das Icon nicht - warum - k.a.

3.

dann dacht ich mach das Hamburgermenu/Hamburger-Panel.css wider rein

https://github.com/Endor8/CSS/blo…urger-Panel.css

tut sich nix - bleibt wie es ist

gibt es da was neues?

immer langsam mit de "Ferde" - hab zeit

gruß uni

2002Andreas

Zitat von universum123

wo das Bild zu finden ist?

Meinst du diese?

Zitat von universum123

Hamburgermenu/Hamburger-Panel.css

Da haben sich alle Namen/Bezeichnungen geändert.

Zitat von universum123

erscheint das Icon nicht

Den Eintrag habe ich in Fx 89 gar nicht, nur in Fx 90

universum123

Zitat von 2002Andreas

Zitat von universum123

wo das Bild zu finden ist?

Meinst du diese?

jo

bis auf "Größe" und Farbe passt das schon mal

danke - werds gleich mal testen

uni

milupo

Zitat von universum123

nö hab ich nicht - nur die Schere

Die stammt von der Firefox-Screenshot-Funktion. Die Funktion ist ja nicht mehr über das Drei-Punkte-Menü in der Adressleiste errreichbar, sondern lasst sich eben als Symbol in eine beliebige Symbolleiste ziehen. Und dieses Symbol ist eben die Schere.

universum123

Zitat von milupo

Zitat von universum123

nö hab ich nicht - nur die Schere

Die stammt von der Firefox-Screenshot-Funktion. Die Funktion ist ja nicht mehr über das Drei-Punkte-Menü in der Adressleiste errreichbar, sondern lasst sich eben als Symbol in eine beliebige Symbolleiste ziehen. Und dieses Symbol ist eben die Schere.

ich meinte die

uni

@ Andreas

Zitat

Den Eintrag habe ich in Fx 89 gar nicht, nur in Fx 90

2002Andreas

Der Code funktioniert zumindest.

Alternativ bitte mal testen:

CSS

#context-inspect-a11y{
    appearance: none !important;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABeElEQVQ4jX2SP0vDUBTFT0oWU1sdVLAUsdIOXRIQaVEcnArN1s0xxU/i1K/gppsKAae+UruIVIfikLxV0EFFKBSR9B8meB2kr0mb9MAb8s67597fe5EYY4RoXei6Xl3gA4wxCpNt29Rut4kxdr6oPhZlKIqCQqGAZDJpmKYZGSIxxqhcLgMA3h6v8dS8QuX0Bo1GY1FjgSb7d4cfD9jYVMT3JNgvzjkcxzEYY9B1vSoC+oMRvPU9pLbi6A9Gka0VRUE+n0en0zFM05xOcHZ5i8/hKtxfQHu9Q2plWuRH6/V6AIBEIgHLsgxxiZn0GrqjGLrfP8jtpANd/WjFYhHZbBaqqsJxnOkEldI+KqVpUbP5Hoq2HF8KhIuAe+sllHkW7eQ4eLEy0f+PeKhuB4xW61mg2fYX3PEYuYMMJuclSQpOIMuBFxWaRZsL4JyDcz5XqGnaQrSj3WzovlC9XiciItd155bneUREVKvVKHxun6LQhB9lRKHN6g+C+M39afVRcgAAAABJRU5ErkJggg==") no-repeat !important;
    min-height: 24px!important; 
    padding-left: 29px!important;
    background-position:6px 9px!important;}

#context-inspect-a11y:hover{
    appearance: none !important;   
    background: #ecf0f6 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABeElEQVQ4jX2SP0vDUBTFT0oWU1sdVLAUsdIOXRIQaVEcnArN1s0xxU/i1K/gppsKAae+UruIVIfikLxV0EFFKBSR9B8meB2kr0mb9MAb8s67597fe5EYY4RoXei6Xl3gA4wxCpNt29Rut4kxdr6oPhZlKIqCQqGAZDJpmKYZGSIxxqhcLgMA3h6v8dS8QuX0Bo1GY1FjgSb7d4cfD9jYVMT3JNgvzjkcxzEYY9B1vSoC+oMRvPU9pLbi6A9Gka0VRUE+n0en0zFM05xOcHZ5i8/hKtxfQHu9Q2plWuRH6/V6AIBEIgHLsgxxiZn0GrqjGLrfP8jtpANd/WjFYhHZbBaqqsJxnOkEldI+KqVpUbP5Hoq2HF8KhIuAe+sllHkW7eQ4eLEy0f+PeKhuB4xW61mg2fYX3PEYuYMMJuclSQpOIMuBFxWaRZsL4JyDcz5XqGnaQrSj3WzovlC9XiciItd155bneUREVKvVKHxun6LQhB9lRKHN6g+C+M39afVRcgAAAABJRU5ErkJggg==") no-repeat !important;    
    border-width: thin !important;
    border-radius: 4px !important;
    border-color: #aecff7 !important;
    border-style: solid !important;
    min-height: 24px!important;  
    padding-left: 29px!important;
    background-position:6px 9px!important;}

Alles anzeigen

universum123

wie gesagt/geschrieben - alles nur Schönheitsfehler

nix dramatisches

2002Andreas

Zitat von universum123

nix dramatisches

Das sagst du du in deinem jugendlichen Leichtsinn

Den Nachtrag in meinem Beitrag hast du gesehen?

universum123

ne habsch nich

aber jetzt

is das für Barrierefreiheit?

war gerade wo anders - Kodi

2002Andreas

Zitat von universum123

is das für Barrierefreiheit?

Ja, ist die original Bezeichnung von Mozilla dafür.

universum123

werde gleich probieren

klein momento

...

nö will nich

der originale

CSS

menuitem[label="Barrierefreiheit-Eigenschaften untersuchen"]{
    appearance: none !important;
    background: url("..//icons/Bild119.png") no-repeat !important;
    min-height: 24px!important;
    padding-left:28px!important;
    background-position:6px 4px!important;    }

    menuitem[label="Barrierefreiheit-Eigenschaften untersuchen"]:hover{
    appearance: none !important;
    margin-right: -1px !important;
    background: #ecf0f6 url("..//icons/Bild119.png") no-repeat !important;    
    border-width: thin !important;
    border-radius: 4px !important;
    border-color: #aecff7 !important;
    border-style: solid !important;
    min-height: 24px!important;
    padding-left:28px!important;
    background-position:6px 4px!important;    }

Alles anzeigen

wo kommt korrekterweise der "neue hin?

stehe etwas aufn Schlauch

2002Andreas

Zitat von universum123

wo kommt korrekterweise der "neue hin?

Ganz normal wo du deine anderen Codes für die Icons auch hast.

Ich habe mir jetzt extra mal ein neues Profil für Fx 89 erstellt...da habe ich diesen Eintrag nicht.

In allen anderen meiner Fx Versionen hingegen schon.

So sieht das in Fx 90 mit einem Icon von mir aus:

Hast du bei dir mal die Pfadangabe zu deinem Icon ganz genau überprüft?

Meine .css und .js für Fx 10x.0bxbeta

Ähnliche Themen

About Seiten mit CSS Codes anpassen

userChrome Tabs umgestalten, Icons anlegen

Was hat sich bei 78.3 ESR technisch geändert?