Selektor für "Neu" gesucht

omar1979

Diese Code macht einiges grösser..

CSS

    .fa-quote-left::before {
    margin-right: 3px !important; 
    margin-left: 6px !important;
    margin-top: 2px !important;
    content: '' !important;
    display: block !important;
    width: 19px !important;
    height: 15px !important;
    background-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAodJREFUeNqMU1tIFFEY/mbdi+uqbWG7IpaooYkPKutm6EMikZAE6UtKQSAmQQ8lUtCDRBImaRcKtaIbBvrQVYKIJH1QKdAtzRAvuF7WFN1tZmd3nJ3ZnfE0G2S7oeIHP+f6/ec/53wfRQgBRVEIorZwZyqlxoApTm8WRAKaFpc1EaSgqYeZxgYIclWhEwEZXVZLnDk7OwXpGanQGIxmD4cubIGwBDo9lanVGqDS7kKEZjdUlAF+CZnbTuAXJcwteMD7tcjIzUTx8XzIkrwVH+rQAb8q4HzrTYjzS2AYNwyx8ZD9ArZdgSj4O+F0wk27wdIs3L9oRGil+6F7Jpr6yeiNXrJhgkEpuX5gcB681wPfqhfj86to/75W/3e9vrGB6PcnwRsdja91r0nYFYrvzXYmmo3lPpMNk2PPMTvngCehFFVv2hbHF30Pi91t1VWVZ/Co/TEsdA7imJV/FRxqHFkpzzGU1xbtQK6JR0ykDIMmgNQoGueOaNHqyKquOZGOB086YLUcxAfVJxxoO5u7LoaKllFim+FIXS9P7CwhsjLJ8DLpniPky8U0Qj4XEvIimYx3XSM1l68ES7eECYlhfZh2iYryONzpcUFSFOWVVIi6m4a8sj3ATyfg5TD08SVuX78aPNkW9o1ONw8HHQDLChBkNUqecmiYykJ+WRKwsKSQXegc3otTLbYw8vobOJZZ2OwMjJFqxOh16E4sgbWyAjAWAewSXo3E47S3Ff+T1yvg7X0X3nF8c2BNpRZkHY4VJEC3IuNoXiw6viXi5OItf6Tr7aXAZkrk+pqfKU2fEn9sOZVSOiTbf2AfO4HhGbEC7w9PKnrc0JFUqJ1DYAnpjynh28zOvwUYAL3TJnQ1wpzFAAAAAElFTkSuQmCC') !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
    background-size: 15px 15px !important;
    }

Alles anzeigen

ich will die originale Grösse wie beim "Inhalt melden" ist das möglich?

Sören Hentzschel

Du machst halt aus einem Inline-Element ein Block-Element, was sich auf das Verhalten auswirkt. Alleine dadurch ändert sich schon die Höhe etwas. Aber du gibst eh die Höhe an. Pass diese doch einfach an, bis es optisch passt?

omar1979

Zitat von Sören Hentzschel

Pass diese doch einfach an, bis es optisch passt?

hab es schon versucht bin zu dumm dafür so wie es aussieht.

Sören Hentzschel

Mach aus display: block ein display: inline-block und versuche es dann nochmal mit reduzierter Höhe. Ansonsten ist natürlich zu bedenken, dass die Buttons einer Gruppe alle gleich hoch sind. Du musst also ggfs. mehrere Buttons anpassen, um zum gewünschten Ergebnis zu kommen, denn hier ist ja offensichtlich nicht nur ein Button zu hoch.

2002Andreas

Zitat von omar1979

hab es schon versucht

Und so?

CSS

.fa-quote-left::before {
   display: inline-block !important;
   content:  url("file:///C:/Users/Andi/AppData/Roaming/Mozilla/Firefox/Profiles/52yvvqfz.Neu/chrome/Icons/Hilfe8.png") !important;
}

Evtl. noch Abstände einfügen:

CSS

padding-top: 3px !important;
padding-left: 1px !important;
}

omar1979

Zitat von 2002Andreas

.fa-quote-left::before { display: inline-block !important; content: url("file:///C:/Users/Andi/AppData/Roaming/Mozilla/Firefox/Profiles/http://52yvvqfz.Neu/chrome/Icons/Hilfe8.png") !important; }

so zeigts Icon nicht an.

2002Andreas

Zitat von omar1979

so zeigts Icon nicht an.

Du hast aber den Pfad schon für dich angepasst

omar1979

mit deinem Code wird der Icon oberhalb des Textes "Zitieren" angezeigt und das macht die Buttons höher.

ich gib auf schon zu lange versucht..

jetzt versucht ich noch diese Code etwas.

CSS

    .fa-quote-left::before {
    content: "✍‍‍" !important;
    color: yellow !important;
    }

da muss ich nur versuchen den hand etwas grösser zu machen. dann ist es super.

Zitat von 2002Andreas

Du hast aber den Pfad schon für dich angepasst

Ja hab ich

2002Andreas

Zitat von omar1979

Ja hab ich

Und in der userContent.css getestet?

Zitat von omar1979

jetzt versucht ich noch diese Code etwas.

CSS

    .fa-quote-left::before {
    content: "✍‍‍" !important;
    color: red!important;
    font-size: 30px !important;
    }

omar1979

Zitat von 2002Andreas

in der userContent.css getestet?

Wie meinst du das?

Hab den eintrag im userContent.css schon lange.

Code

/* camp-firefox.de */

@import "CSSWeb/MessagesNeuMeldungAendern.css";


/* Firefox About:Seiten */

@import "CSSWeb/about-about3SpaltenNeu.css";
@import "CSSWeb/about-buildconfig.css";

2002Andreas deine Code:

CSS

    .fa-quote-left::before {
    content: "✍‍‍" !important;
    color: red!important;
    font-size: 30px !important;
    }

ist ja ohne das Text "Zitieren" darum wird nur Icon grösser.

Wenn ich es so nehme werden auch Buttons grösser.

Danke dir aber ich glaub ich nehm ein anderes Emoji dann ist es Ok.

Obwohl dieser Emoji für das gut wäre.

Danke nochmals.

2002Andreas

Zitat von omar1979

ist ja ohne das Text "Zitieren"

Der Text ist ja auch nicht Standard.

Und du schreibst immer nur von einem anderen Icon.

Du hättest den Code für den zusätzlichen Text posten müssen mit der Frage, ob man davor ein anderes Icon setzen kann.

omar1979

Die ganze Code ist:

CSS

@-moz-document domain("camp-firefox.de") {

/* Inhalt melden */
.jsReportPost.jsOnly,
.jsReportPost.jsOnly:hover {
border: 0 !important;
}
.jsReportPost.jsOnly a {
background: #FFA500; !important;
padding: 3px 5px !important;
}
.jsReportPost.jsOnly a:hover {
background: #336CCF !important;
color: #FFF !important;
}
.jsReportPost.jsOnly span {
 min-width: 108px !important;
}
.jsReportPost.jsOnly span::after {
content: "Inhalt melden" !important;
padding-left: 10px !important;
}


/* Zitieren und Melden */
.jsQuoteMessage,
.jsQuoteMessage:hover {
border: 0 !important;
margin-left: 5px !important;
}
.jsQuoteMessage a {
background: #88c4ff !important;
padding: 3px 5px !important;
}
.jsReportConversationMessage.jsOnly a {
background: #F10 !important;
color: #FFF !important;
padding: 3px 5px !important;
margin-left: 5px !important;
}
.jsQuoteMessage a:hover {
background: #336CCF !important;
color: #FFF !important;
}
.jsReportConversationMessage.jsOnly a:hover {
background: #336CCF !important;
color: #FFF !important;
}
.jsQuoteMessage span {
min-width: 68px !important;
}
.jsQuoteMessage span::after {
content: "Zitieren" !important;
padding-left: 10px !important;
}

/* Beitrag bearbeiten */
footer > div > ul > li:nth-child(1) {
border: 0 !important;
margin-left: 5px !important;
}
.button.jsMessageEditButton {
border: 0 !important;
background: #F5DEB3 !important;
padding: 3px 5px !important;
}
.button.jsMessageEditButton:hover {
border: 0 !important;
background: #336CCF !important;
color: #FFF !important;
}

/* Als „Hilfreichste Antwort“ markieren */
.jsMarkAsBestAnswer,
.jsMarkAsBestAnswer:hover {
border: 0 !important;
}
.jsMarkAsBestAnswer a {
background: #93ff93 !important;
padding: 3px 5px !important;
margin-left: 5px !important;
}
.jsMarkAsBestAnswer a:hover {
background: #336CCF !important;
color: #FFF !important;
}
.jsMarkAsBestAnswer span {
min-width: 148px !important;
}
.jsMarkAsBestAnswer span::after {
content: "Hilfreichste Antwort" !important;
padding-left: 10px !important;
}

 

    .messageGroupStarter .messagePublicationTime .datetime::after {
        content: '🧾 ThemenStarter 🧾' !important;
        background: red !important;
        color: white !important;
        padding-block: 2px !important;
        padding-left: 3px !important;
        padding-right: 0px !important;/*
        margin-left: 8px !important;*/
    }

    .messagePublicationTime time.datetime {
        color: white !important;
        background: red !important;
        padding-block: 2px !important;
        padding-left: 5px !important;
        padding-right: 5px !important;/*
        margin-left: 8px !important;*/
    }
    
    .badge.label.newMessageBadge {
        background: green !important;
        padding-block: 2px !important;
     }
    }
    
    .messageFooterGroup,
    .messageFooterGroup > .messageFooterButtonsExtra + .messageFooterButtons,
    .messageFooterGroup:not(:first-child) > .messageFooterButtonsExtra {
    background: blue !important;
    color: white !important;
    }
    
    .fa-quote-left::before {
    content: "✍‍‍" !important;
    color: yellow !important;
    }
    
    .fa-star::before {
    content: "👍" !important;
    }‍
    
    .fa-warning::before, .fa-exclamation-triangle::before {
    content: "⚠️" !important;
    }
    .fa-pencil::before {
    content: "📝" !important;
    }

Alles anzeigen

eigentlich die Code von Dharkness glaub im Beitrag-Nr: #12 mit meinen Änderungen.

2002Andreas

Zitat von omar1979

mit meinen Änderungen.

Die 2te } in Zeile 120 muss ans Ende vom kompl. Code.

omar1979

Zitat von 2002Andreas

Die 2te } in Zeile 120 muss ans Ende vom kompl. Code.

Danke, aber die Code hat auch so gefunkt.

2002Andreas

Zitat von omar1979

aber die Code hat auch so gefunkt.

Das mag schon sein, aber alles was nach der 2ten } war, könnte sich auch auf anderen Webseiten bemerkbar machen.

Und dann bist du am suchen nach dem Fehler

omar1979

so.. hab da das original genommen und nur gelb gemacht.

Zitat von 2002Andreas

nach dem Fehler

Danke dir

Selektor für "Neu" gesucht

Ähnliche Themen

ShadowRoot: Neue Aufruf-Methode für CSS-Regeln

Tabs mehrzeilig

Fenster wird erst maximiert, dann verkleinert rechts dargestellt, dann links ...

Druckvorschau zu klein

Seit Firefox-Version 87.0 fehlt bei einem Bild/Foto im Rechtsklick-Kontextmenü der Eintrag "Grafik-Info anzeigen"