User-Style-CSS für Hyperion-Project (Quotes, Posts und Übersichten)

  • Moin,

    ich verliere auf der Seite hin- und wieder die Übersicht und habe ein paar CSS-Anpassungen geschrieben.

    Ergänzt wurde, dass die Quotes in den Posts hervorgehoben werden (Bild 1).

    Ich habe abwechselnde Hintergundfarben in Übersichtslisten hinzugefügt (Bild 2).

    Wie ihr seht, alles völlig dezent und subtil

    Nix klicki-bunti.

    Hier der Code:

    @-moz-document domain("hyperion-project.org") {

    /* Custom-CSS for Hyperion-Project

    --------------------------------------------------

    - contrasting background color for user posts

    - some additional inner padding for user posts

    - contrasting background color for user quotes

    - contrasting background color on list elements

    ----------------------------------------------- */


    /* BG-Color on Quotes

    ----------------------------------------------- */

    woltlab-quote, .quoteBox {

    background-color: #3f402e;

    }


    /* BG-Color and Padding on Posts

    ----------------------------------------------- */

    .messageSidebar + .messageContent {

    padding: 15px;

    background-color: #27323e;

    }


    /* BG-Color and Padding on Posts

    ----------------------------------------------- */

    .wbbBoardList .wbbBoardContainer:nth-child(odd),

    .tabularListRow:nth-child(even):not(.tabularListRowHead) {

    background: #2a374894;

    }


    /* -----------------------------------------------

    ------------------------- Edited by Timmy+Katze */

    }


    Hier die Screenshots ...


    Wer das übernehmen will, kann das ganz einfach per User-Style mit der Erweiterung "Stylus".
    Da einen neuen Style erzeugen und dann den Code unten einfügen. Fertig.


    (Stylus gibts für Firefox und Chrome.

    Für Edge und Safari vermutlich auch.)


    Danke! ... Bitte! ... Viel Spaß! :)
    Timmy+Katze

    Edited 6 times, last by Timmy (November 30, 2021 at 3:34 PM).

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!