Create a gist now

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Crystals DSA Foren - clean, light theme
/*
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;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment