Crystals DSA Foren - clean, light theme

userContent.css

/*
Angepasstes Theme für crystals-dsa-foren.de - dunkle Schrift auf hellem Hintergrund (Firefox)
*********************************************************************************************
Die folgende Datei kann verwendet werden, um das Standard-Theme so umzubauen, dass der
Hintergrund hell und die Schrift dunkel wird. Für gewisse Personen erhöht das die Lesbarkeit.

Dazu muss folgendes getan werden:
1. Den Firefox-Profil-Ordner öffnen:
   - ein neues Tab öffnen und "about:support" in die Adressleiste eingeben
   - Auf mittlerer Höhe gibt es links den Text "Profilordner" und rechts den
     Button "Ordner öffnen"; diesen anklicken

2. Im Profilordner einen neuen Ordner namens "chrome" erstellen, wenn es ihn noch nicht gibt

3. Im Ordner "chrome" eine neue Datei namens "userContent.css" anlegen (darauf achten, dass
   es keine Textdatei (.txt) ist, sondern eine "CSS-Datei").

4. Diesen Inhalt dort hinein kopieren (Strg+A, Strg+C, Strg+V).

5. Speichern.

6. Firefox neustarten. Et voilá!

WICHTIG: Diese Datei beeinflusst ausschließlich die Darstellung der Seiten
         unter "crystals-dsa-foren.de".
         Alle anderen Seiten bleiben unverändert!!!

*/

@-moz-document domain(crystals-dsa-foren.de)
{
    a
    {
        color: #5e83ba !important;
    }

    .wrapper
    {
        width: 80% !important;
    }

    #container
    {
        background-color: #ffffff !important;
        background-image: none !important;
        color: #333333 !important;
    }

    #myNavbar
    {
        background-color: #000000 !important;
    }

    #myNavbar > ul > li > a
    {
        color: #ffffff !important;
    }

    #myNavbar > ul > li > a:hover
    {
        color: #5e83ba !important;
    }

    nav.navbar:nth-child(1) > div:nth-child(1)
    {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    #header > div.row > div.container-fluid > div.col-lg-8
    {
        color: #333333 !important;
    }

    #header > div.row > div.container-fluid > div.col-lg-8 a
    {
        color: #5e83ba !important;
    }

    .form-control
    {
        border-radius: 0px !important;
    }

    div.input-group
    {
        border-radius: 0px !important;
    }

    .btn-primary
    {
        color: #ffffff !important;
        background-color: #5e83ba !important;
        border-color: #415b7f !important;
        border-radius: 0px !important;
    }

    .btn-primary:hover
    {
        background-color: #ffffff !important;
        border-color: #aaaaaa !important;
        color: #5e83ba !important;
    }

    .pagination, .pagination a
    {
        border-radius: 0px;
    }

    .pagination a
    {
        color: #ffffff !important;
        background-color: #5e83ba !important;
        border-color: #415b7f !important;
        border-radius: 0px !important;
    }

    .pagination a:hover
    {
        background-color: #ffffff !important;
        border-color: #aaaaaa !important;
        color: #5e83ba !important;
    }

    #content ol.breadcrumb > li
    {
        color: #333333 !important;
        font-size: 16px !important;
    }

    #content ol.breadcrumb > li > a
    {
        color: #5e83ba !important;
        font-size: 16px !important;
    }

    #content ol.breadcrumb > li > a:hover
    {
        color: #415b7f !important;
    }

    #usercpNavbar
    {
        border-radius: 0px !important;
        background-color: #5e83ba !important;
    }

    #usercpNavbar .navbar-nav > li > a, #usercpNavbar .navbar-nav > li > a:hover {
        color: #ffffff !important;
    }

    .panel
    {
        border-radius: 0px !important;
        border: none;
    }

    .panel-primary
    {
        border: 1px solid #415b7f !important;
        border-radius: 0px !important;
    }

    .panel-primary > .panel-heading
    {
        background-color: #5e83ba !important;
        border-radius: 0px !important;
        background-image: none !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    /*.panel-primary > .panel-heading > */
    .panel-title
    {
        font-size: medium !important;
        color: #ffffff !important;
    }

    .panel-body
    {
        background-color: #eeeeee !important;
    }

    .post .post_head span.post_date
    {
        color: #333333 !important;
    }

    .panel-footer
    {
        background-color: #eeeeee !important;
        border-top: 1px solid #999999 !important;
        border-left: none !important;
        border-right: none !important;
        border-bottom: 1px solid #999999 !important;
        border-radius: 0px !important;
    }

    blockquote
    {
        background-color: #eeeeee !important;
        color: #333333 !important;
        border: 1px solid #999999 !important;
        border-radius: 0px !important;
    }

    blockquote cite
    {
        color: #415b7f !important;
    }

    .post .post_author
    {
        background-color: #eeeeee !important;
        border: none !important;
    }

    .post.classic .post_author div.author_statistics
    {
        color: #333333 !important;
    }

    .reputation_positive
    {
        color: #415b7f !important;
    }

    #posts > div > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > strong:nth-child(1) > span:nth-child(1) > a:nth-child(1) > span:nth-child(1)
    {
        color: #5e83ba !important;
    }

    #posts > div > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > strong:nth-child(1) > span:nth-child(1) > a:nth-child(1) > span:nth-child(1):hover
    {
        color: #415b7f !important;
    }

    .post .post_head span.edited_post
    {
        color: #333333 !important;
    }

    div.codeblock
    {
        background-color: #eeeeee !important;
        color: #333333 !important;
        border: 1px solid #999999 !important;
        border-radius: 0px !important;
        margin-top: 3px !important;
        margin-bottom: 2px !important;
    }

    div.codeblock code
    {
        background-color: #415b7f !important;
        border-radius: 0px !important;
    }

    hr
    {
        color: #999999 !important;
        background-color: #999999 !important;
    }

    .forumdisplay_sticky, .forumdisplay_regular
    {
        background-color: #eeeeee !important;
    }

    .trow_sep
    {
        color: #415b7f !important;
        background-color: #cccccc !important;
        border-top: none !important;
        border-left: none !important;
        border-right: none !important;
        border-bottom: 1px solid #333333 !important;
    }

    span[style*="color: yellow;"]
    {
        color: #5e83ba !important;
    }

    .container-fluid > .panel > .panel-body > .row, .container-fluid > .panel > div > .panel-body .row
    {
        background-color: #eeeeee !important;
    }

    .panel-heading a
    {
        color: #ffffff !important;
    }

    .trow1, .trow2
    {
        background-color: #eeeeee !important;
    }

    .trow1, .trow2 th
    {
        color: #333333 !important;
    }

    .post .post_author div.author_avatar img
    {
        border: none !important;
    }

    div.well
    {
        background-color: #eeeeee !important;
    }

    .bottom-border
    {
        background-color: #eeeeee !important;
    }

    div.help-block label
    {
        color: #333333 !important;
    }
}