Alternativer Style für das Forum

DeletedUser

Guest
moin!

nachdem dieses dunkle dingsda schon das beta-forum heimgesucht hat, hier eine etwas freundlichere version:

forenstil.png

die kann man wie folgt nutzen:
chrome:
  • stylebot installieren
  • oben rechts auf "css" klicken
  • open stylebot...
  • edit css (untenlinks)
  • unten stehenden code einfügen
  • save
firefox:
  • stylish installieren
  • (rest muss ich nochmal nachgucken)

Code:
#menu_container {
    background-color: #000;
    border-radius: 0;
    min-width: 90%;
}

#menu_container .menu_dropdown a.menu_header {
    display: inline-block;
    font-size: 20px;
    height: 23px;
    letter-spacing: 500px;
    overflow: hidden;
    width: 20px;
}

#menu_container .menu_dropdown a.menu_header.current {
    color: #c44;
}

#AccountMenu {
    width: 400px;
}

#AccountMenu .menuColumns a, #AccountMenu .menuColumns label {
    width: 175px;
}

#AccountMenu, #ConversationsMenu, #AlertsMenu, #NavigationHiddenMenu {
    bottom: auto;
    top: 41px;
}

#content .pageContent {
    border: none;
    background-color: rgba(4, 21, 37, 0.9);
    border-radius: 10px;
    box-shadow: none;
    text-align: left;
}

#exposeMask {
    background-color: rgba(12,26,40,0.8);
    z-index: 250000;
}

#forums.sectionMain {
    background-color: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
}

#headerMover #header {
    background: none;
    box-shadow: none;
}

#moderatorBar {
    background-color: rgba(34,72,117,0.3);
    text-align: center;
}

#QuickSearchQuery {
    background-color: #336298;
}

#navigation .pageContent {
    box-shadow: none;
    height: 40px;
    left: 0;
    max-width: 550px;
    position: absolute;
    top: 0;
    width: 70%;
}

.Menu .secondaryContent, .Menu .sectionFooter, .Menu .menuHeader, .navTabs .navTab.PopupClosed:hover {
    background-color: rgb(39, 42, 53);
}

.Menu a i.fa {
    color: #ce922e;
}

.Menu.JsOnly {
    z-index: 200000;
}

.footer .pageContent {
    background-color: transparent;
}

.navTab .accountPopup img {
    display: inline-block;
    float: none;
    height: 42px;
    margin: 0 -10px;
    margin-top: 0;
    width: 42px;
}

.navTab.forums, .navTab.members, .navTab.inbox, .navTab.alerts {
    display: inline-block;
}

.navTabs .navTab.selected .navLink, .navTabs .navTab.selected:hover .navLink {
    background-color: rgba(39, 42, 53, 0.4);
    color: #fda;
    text-shadow: 0 1px 1px #333;
}

.navTabs .navTab.selected .tabLinks li a, .navTabs .navTab.selected .tabLinks li a:hover, .navTabs .navTab.selected:hover .tabLinks li a {
    background-color: rgba(1,13,25,0.1);
    border-radius: 3px;
    font-size: 12px;
    line-height: 20px;
    padding: 2px 10px;
}

.navTabs .navTab.selected .tabLinks li a:hover {
    background-color: #f9ce6c;
}

.navTabs .navTab.selected .tabLinks li, .navTabs .navTab.selected:hover .tabLinks .blockLinksList li {
    background: transparent;
    display: inline-block ;
    float: none;
    margin: 0;
}

.navTabs .navTab.selected .tabLinks ul, .navTabs .navTab.selected:hover .tabLinks .blockLinksList {
    box-shadow: none;
    margin-left: 5px;
    line-height: 12px;
}

.navTabs .navTab.selected .tabLinks, .navTabs .navTab.selected:hover .tabLinks {
    background-color: transparent;
    border-width: 0 ;
    bottom: auto;
    display: block;
    overflow: visible;
    top: 47px;
    width: 100%;
}

.navTabs .navTab.selected:hover .tabLinks .menuHeader, .navTabs .navTab.selected .tabLinks li.navigationHidden, .navLink.extra-nav.Tooltip, .navTab.navigationHiddenTabs {
    display: none;
}

.navTabs .navTab:hover .tabLinks {
    background-color: #272a35;
    display: block;
    height: auto;
    left: 0;
    position: absolute;
    top: 0;
    width: 180px;
}

.navTabs, .navTabs .navLink, .navTabs .SplitCtrl, .login-icon {
    height: 42px;
    line-height: 42px;
}

.node .subForumList li .nodeTitle {
    background-color: #4c2611;
    border-color: #402214;
}

.node.level_1 .nodeList li:last-child > div {
    border-radius: 0 0 5px 5px;
}

.nodeList .categoryForumNodeInfo, .nodeList .forumNodeInfo, .nodeList .pageNodeInfo, .nodeList .linkNodeInfo, .breadcrumb, .sidebar .secondaryContent, .sidebar .secondaryContent .primaryContent {
    background-color: #582e16;
}

.nodeList .categoryStrip {
    background-color: #263446;
    border-color: #4f2913;
    margin: 0;
}

.sidebar .section {
    margin: 10px auto;
}

.thread_view .titleBar {
    text-align: left;
}

.userBanner, .extraUserInfo, .nodeList .categoryStrip .nodeTitle {
    text-transform: none;
}

.xenOverlay, .xenOverlay .formOverlay {
    border-radius: 5px;
    z-index: 300000;
}

a.callToAction span {
    border-radius: 3px;
    font-size: 13px;
    height: auto;
    padding: 2px 10px;
    position: relative;
    width: auto;
}

a.callToAction span i:after {
    content: " Neues Thema";
}

footer {
    background: linear-gradient(to bottom, rgba(11,38,18,0) 0%,rgba(11,38,18,0.91) 91%,rgba(11,38,18,0.7) 100%);
}

footer .navTabs {
    background-color: transparent;
    padding: 0;
}

html, body {
    background-attachment: fixed;
    background-color: #223321;
    background-image: url(https://en.wiki.forgeofempires.com/skins/FOE/images/background.jpg);
    background-position: center -90px;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.navTab a[href$="news-feed"], .navTab a[href$="online/"], .navTab a[href$="posts&recent=1"], .navTab a[href$="profile-posts"] {
    display: none;
}

.userBanner.bannerStaff {
    background-color: #244c7a;
    color: #fea;
    border-color: #25548a;
    border-radius: 2px;
}

.userBanner.bannerPrimary {
    border-radius: 2px;
    background-color: #ce922e;
    color: #321a0c;
    border-color: #da9a2e;
}
 
Zuletzt bearbeitet von einem Moderator:

DeletedUser25011

Guest
Ein wenig Hoffnung in diesen finsteren Tagen...^^
Aber mal im ernst...dieses Layout...*schauder*
 

DeletedUser28690

Guest
Also jetzt ist es zumindest besser als vorher .. aber die Seiteneinteilung .. gruselig. Ich würde gern die neuen Beiträge als erstes sehen wenn ich das Forum öffne und nicht erst lange scrollen müssen. Diese Direktlinks hätten auch wie zuvor oben integriert werden können. Naja, ändern kann mans leider nicht. Muss mich aber erst daran gewöhnen
 

Capo.

Finsteres Genie
Danke für die Arbeit,
aber was muss ich ändern, damit ich eigentlich nur das Hintergrundbild habe? Die Leiste oben ist meiner Meinung nach völlig unnötig, da sie nicht mit scrollt. in der Originalfassung des Layouts schon. Oder anders: ich möchte das die Leiste wieder unten ist
 

DeletedUser

Guest
@Capokämpfer:

Code:
#headerMover #header {
    background: none;
    box-shadow: none;
}

#moderatorBar {
    background-color: rgba(34,72,117,0.3);
    text-align: center;
}

#QuickSearchQuery {
    background-color: #336298;
}

html, body {
    background-attachment: fixed;
    background-color: #223321;
    background-image: url(https://en.wiki.forgeofempires.com/skins/FOE/images/background.jpg);
    background-position: center -90px;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

ich find 2 leisten unnötig, nimmt nur platz weg und vorher musste man auch nach oben scrollen, um an die navigation zu kommen.
 

DeletedUser33073

Guest
Bei mir ist die Menüleiste oben etwas ... komisch ... -> http://prntscr.com/eyp793

Und das Hintergrundbild im Eingabefeld für den Text hier muss auch nicht unbedingt sein.

Vielleicht ein "Opera Fix" nötig? :eek:
 

DeletedUser33073

Guest
Fix um das Menü wieder unten zu haben:
Code:
#menu_container {
    background-color: #000;
    border-radius: 0;
    min-width: 90%;
}

#menu_container .menu_dropdown a.menu_header {
    display: inline-block;
    font-size: 20px;
    height: 23px;
    letter-spacing: 500px;
    overflow: hidden;
    width: 20px;
}

#menu_container .menu_dropdown a.menu_header.current {
    color: #c44;
}

#AccountMenu {
    width: 400px;
}

#AccountMenu .menuColumns a, #AccountMenu .menuColumns label {
    width: 175px;
}

#AccountMenu, #ConversationsMenu, #AlertsMenu, #NavigationHiddenMenu {
    bottom: auto;
    top: 41px;
}

#content .pageContent {
    border: none;
    background-color: rgba(4, 21, 37, 0.9);
    border-radius: 10px;
    box-shadow: none;
    text-align: left;
}

#exposeMask {
    background-color: rgba(12,26,40,0.8);
    z-index: 250000;
}

#forums.sectionMain {
    background-color: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
}

#headerMover #header {
    background: none;
    box-shadow: none;
}

#QuickSearchQuery {
    background-color: #336298;
}

.footer .pageContent {
    background-color: transparent;
}

.navTab .accountPopup img {
    display: inline-block;
    float: none;
    height: 42px;
    margin: 0 -10px;
    margin-top: 0;
    width: 42px;
}

.navTab.forums, .navTab.members, .navTab.inbox, .navTab.alerts {
    display: inline-block;
}

.navTabs .navTab.selected .navLink, .navTabs .navTab.selected:hover .navLink {
    background-color: rgba(39, 42, 53, 0.4);
    color: #fda;
    text-shadow: 0 1px 1px #333;
}

.navTabs .navTab.selected .tabLinks li a, .navTabs .navTab.selected .tabLinks li a:hover, .navTabs .navTab.selected:hover .tabLinks li a {
    background-color: rgba(1,13,25,0.1);
    border-radius: 3px;
    font-size: 12px;
    line-height: 20px;
    padding: 2px 10px;
}

.navTabs .navTab.selected .tabLinks li a:hover {
    background-color: #f9ce6c;
}

.navTabs .navTab.selected .tabLinks li, .navTabs .navTab.selected:hover .tabLinks .blockLinksList li {
    background: transparent;
    display: inline-block ;
    float: none;
    margin: 0;
}

.node .subForumList li .nodeTitle {
    background-color: #4c2611;
    border-color: #402214;
}

.node.level_1 .nodeList li:last-child > div {
    border-radius: 0 0 5px 5px;
}

.nodeList .categoryForumNodeInfo, .nodeList .forumNodeInfo, .nodeList .pageNodeInfo, .nodeList .linkNodeInfo, .breadcrumb, .sidebar .secondaryContent, .sidebar .secondaryContent .primaryContent {
    background-color: #582e16;
}

.nodeList .categoryStrip {
    background-color: #263446;
    border-color: #4f2913;
    margin: 0;
}

.sidebar .section {
    margin: 10px auto;
}

.thread_view .titleBar {
    text-align: left;
}

.userBanner, .extraUserInfo, .nodeList .categoryStrip .nodeTitle {
    text-transform: none;
}

.xenOverlay, .xenOverlay .formOverlay {
    border-radius: 5px;
    z-index: 300000;
}

a.callToAction span {
    border-radius: 3px;
    font-size: 13px;
    height: auto;
    padding: 2px 10px;
    position: relative;
    width: auto;
}

a.callToAction span i:after {
    content: " Neues Thema";
}

footer {
    background: linear-gradient(to bottom, rgba(11,38,18,0) 0%,rgba(11,38,18,0.91) 91%,rgba(11,38,18,0.7) 100%);
}

footer .navTabs {
    background-color: transparent;
    padding: 0;
}

html, body {
    background-attachment: fixed;
    background-color: #223321;
    background-image: url(https://en.wiki.forgeofempires.com/skins/FOE/images/background.jpg);
    background-position: center -90px;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.navTab a[href$="news-feed"], .navTab a[href$="online/"], .navTab a[href$="posts&recent=1"], .navTab a[href$="profile-posts"] {
    display: none;
}

.userBanner.bannerStaff {
    background-color: #244c7a;
    color: #fea;
    border-color: #25548a;
    border-radius: 2px;
}

.userBanner.bannerPrimary {
    border-radius: 2px;
    background-color: #ce922e;
    color: #321a0c;
    border-color: #da9a2e;
}

Habe alles entfernt was mit dem Menü oben zu tun hat ... vielleicht hilft dir das schon mal capo.
der Balken der bei der Transparenz bleibt muss noch entfernt werden.

http://prntscr.com/eypb4h -> so sieht das erst mal aus.
Das Menü läuft auch immer mit egal wo du gerade bist im Forum und egal wie weit es nach unten noch ist.
 
Zuletzt bearbeitet von einem Moderator:

DeletedUser25011

Guest
https://beta.forum.elvenar.com/index.php
Bei Elvenar stellen sie das Forum scheinbar nach dem selben Muster wie hier um...komisch nur, dass es dort scheinbar klappt, mal ne vernünftige Farbauswahl hinzukriegen und den Hintergrund mit einem Bild zu füllen...wir hingegen versinken hier in Eintönigkeit und ewiger Finsternis. XD Zumal ich finde, dass das das Forum da drüben irgendwie viel offener rüberkommt...reden die Entwickler nicht miteinander?^^
 

Capo.

Finsteres Genie
Ist das ne Arbeit so ein "Nacht" Layout zu basteln
falls wer Interesse hat
(Vorsicht Viel)
#AccountMenu {
width: 400px;
}

#AccountMenu .menuColumns a, #AccountMenu .menuColumns label {
width: 175px;
}

#AccountMenu, #ConversationsMenu, #AlertsMenu, #NavigationHiddenMenu {
bottom: auto;
top: 41px;
}

#QuickSearchQuery {
background-color: #000;
}

#calroot {
background-color: #000000;
border-color: #1e1e1e;
border-style: solid;
border-width: 1px;
}

#exposeMask {
background-color: rgba(12,26,40,0.8);
z-index: 250000;
}

#forums.sectionMain {
background-color: transparent;
border: none;
border-radius: 50px;
box-shadow: none;
padding: 0;
}

#headerMover #header {
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0.4) 15%,rgba(0,0,0,0.1) 70%,rgba(0,0,0,0) 100%);
box-shadow: none;
}

#menu_container {
background-color: #000;
border-radius: 0;
min-width: 90%;
}

#menu_container .menu_dropdown a.menu_header {
display: inline-block;
font-size: 20px;
height: 23px;
letter-spacing: 500px;
overflow: hidden;
width: 20px;
}

#menu_container .menu_dropdown a.menu_header.current {
color: #000;
}

#moderatorBar {
background-color: #000;
text-align: center;
}

#navigation .pageContent {
box-shadow: none;
height: 40px;
left: 0;
max-width: 550px;
position: absolute;
top: 0;
width: 70%;
}

.Menu .secondaryContent, .Menu .sectionFooter, .Menu .menuHeader, .navTabs .navTab.PopupClosed:hover {
background-color: #000;
}

.Menu a i.fa {
color: #3a3a3a;
}

.Menu.JsOnly {
z-index: 200000;
}

.footer .pageContent {
background-color: transparent;
}

.navTab .accountPopup img {
display: inline-block;
float: none;
height: 42px;
margin: 0 -10px;
margin-top: 0;
width: 42px;
}

.navTab a[href$="news-feed"], .navTab a[href$="online/"], .navTab a[href$="posts&recent=1"], .navTab a[href$="profile-posts"] {
display: none;
}

.navTab.forums, .navTab.members, .navTab.inbox, .navTab.alerts {
display: inline-block;
}

.navTabs .navTab.selected .navLink, .navTabs .navTab.selected:hover .navLink {
background-color: rgba(39, 42, 53, 0.4);
color: #fda;
text-shadow: 0 1px 1px #333;
}

.navTabs .navTab.selected .tabLinks li a, .navTabs .navTab.selected .tabLinks li a:hover, .navTabs .navTab.selected:hover .tabLinks li a {
background-color: rgba(1,13,25,0.1);
border-radius: 3px;
font-size: 12px;
line-height: 20px;
padding: 2px 10px;
}

.navTabs .navTab.selected .tabLinks li a:hover {
background-color: #ffce6c;
}

.navTabs .navTab.selected .tabLinks li, .navTabs .navTab.selected:hover .tabLinks .blockLinksList li {
background: #0f0f0f;
border-radius: 5px;
display: inline-block ;
float: none;
margin: 0;
}

.navTabs .navTab.selected .tabLinks ul, .navTabs .navTab.selected:hover .tabLinks .blockLinksList {
box-shadow: none;
line-height: 12px;
margin-left: 50px;
}

.navTabs .navTab.selected .tabLinks, .navTabs .navTab.selected:hover .tabLinks {
background-color: transparent;
border-width: 0 ;
bottom: auto;
display: block;
left: 500px;
overflow: visible;
top: 6px;
width: 100%;
}

.navTabs .navTab.selected:hover .tabLinks .menuHeader, .navTabs .navTab.selected .tabLinks li.navigationHidden, .navLink.extra-nav.Tooltip, .navTab.navigationHiddenTabs {
display: none;
}

.navTabs .navTab:hover .tabLinks {
background-color: #272a35;
display: block;
height: auto;
left: 0;
position: absolute;
top: 0;
width: 180px;
}

.navTabs, .navTabs .navLink, .navTabs .SplitCtrl, .login-icon {
height: 42px;
line-height: 42px;
}

.node .subForumList li .nodeTitle {
background-color: #0f0f0f;
border-color: #1e1e1e;
}

.node.level_1 .nodeList li:last-child > div {
border-radius: 0 0 5px 5px;
}

.nodeList .categoryForumNodeInfo, .nodeList .forumNodeInfo, .nodeList .pageNodeInfo, .nodeList .linkNodeInfo, .breadcrumb, .sidebar .secondaryContent, .sidebar .secondaryContent .primaryContent {
background-color: #000000;
border-color: #1e1e1e;
}

.nodeList .categoryStrip {
background-color: #000000;
border-color: #1e1e1e;
margin: 0;
}

.sidebar .section {
margin: 10px auto;
}

.thread_view .titleBar {
text-align: left;
}

.userBanner, .extraUserInfo, .nodeList .categoryStrip .nodeTitle {
text-transform: none;
}

.userBanner.bannerPrimary {
background-color: #ce922e;
border-color: #000000;
border-radius: 2px;
color: #321a0c;
}

.userBanner.bannerStaff {
background-color: #244c7a;
border-color: #000000;
border-radius: 2px;
color: #fea;
}

.xenOverlay, .xenOverlay .formOverlay {
border-radius: 5px;
z-index: 300000;
}

a.avatar img {
background-color: #1e1e1e;
border-color: #1e1e1e;
border-radius: 10px;
border-width: 0;
}

a.button.moreOptions.Tooltip {
background-color: #1f1f1f;
color: #faab22;
font-weight: normal;
}

a.button.smallButton {
background-color: #0d0d0d;
border-color: #1e1e1e;
border-style: solid;
border-width: 1px;
color: #faab22;
}

a.callToAction span {
border-radius: 30px;
font-size: 26px;
height: auto;
padding: 2px 2px;
position: relative;
width: auto;
}

a.currentPage {
background-color: #111111;
border-color: #1e1e1e;
border-radius: 5px;
border-style: solid;
border-width: 1px;
}

a.navLink.NoPopupGadget {
border-style: none;
}

a.prefix.noPrefix {
background-color: #000000;
color: #000000;
}

a.prefix.prefixLightGreen {
background-color: #09911d;
}

a.primaryContent {
background-color: #000000;
border-bottom-width: 1px;
border-color: #1e1e1e;
border-left-width: 1px;
border-right-width: 0;
border-style: none;
border-top-width: 1px;
}

a.secondaryContent {
background-color: #212121;
border-style: none;
}

a.text.distinct.unreadLink {
background-color: #000000;
border-color: #1e1e1e;
border-radius: 5px;
border-style: solid;
border-width: 1px;
}

blockquote.quoteContainer {
background-color: #000000;
border-color: #1e1e1e;
border-radius: 0 0 5px 5px;
border-style: solid;
border-width: 1px;
}

div.PageNav nav a {
background-color: #000000;
border-color: #1e1e1e;
border-radius: 5px;
border-style: solid;
border-width: 1px;
}

div.SpoilerTarget.bbCodeSpoilerText {
background-color: #000000;
border-color: #1e1e1e;
}

div.avatarHolder {
background-color: #030303;
border-radius: 10px 10px 0 0;
}

div.bbCodeBlock.bbCodeCode pre {
background-color: #0d0d0d;
border-color: #1e1e1e;
border-radius: 0px;
}

div.bbCodeBlock.bbCodeQuote {
background-color: #000000;
border-color: #1e1e1e;
border-radius: 5px;
border-style: solid;
}

div.extraUserInfo {
background-color: #030303;
border-radius: 0 0 10px 10px;
}

div.likesSummary.secondaryContent {
background-color: #1a1a1a;
border-color: #1e1e1e;
border-radius: 50px;
border-style: solid;
border-width: 1px;
color: #1a1a1a;
}

div.messageInfo.primaryContent {
background-color: #111;
border-color: #1e1e1e;
border-radius: 10px;
border-style: solid;
border-width: 1px;
color: #111;
}

div.messageText.primaryContent.baseHtml {
background-color: #0a0a0a;
border-color: #1e1e1e;
}

div.navigationSideBar.ToggleTriggerAnchor, div.mainText.secondaryContent {
border-style: none;
}

div.nodeInfo.forumNodeInfo.primaryContent.unread {
background-color: #000000;
}

div.nodeLastPost.secondaryContent {
border-color: #000000;
}

div.nodeStats.pairsInline {
width: 820px;
}

div.noteRow {
background-color: #0f0f0f;
}

div.primaryContent {
background-color: #000000;
border-color: #1e1e1e;
border-width: 1px;
}

div.quickReply.message {
background-color: #000;
border-color: #1e1e1e;
border-radius: 10px;
border-style: solid;
border-width: 1px;
color: #000;
}

div.redactor_box {
border-style: none;
border-top-width: 0;
}

div.redactor_box.activated {
border-color: #1e1e1e;
}

div.redactor_box.activated.focused {
background-color: #000000;
border-color: #1e1e1e;
border-radius: 10px;
border-width: 1px;
}

div.secondaryContent h3 {
border-color: #1e1e1e;
}

div.section.primaryUserBlock {
border-style: none;
}

div.section.sectionMain.searchResults {
background-color: #000000;
border-color: #1e1e1e;
}

div.sectionFooter {
background-color: #000000;
border-color: #1e1e1e;
border-radius: 0 0 10px 10px;
border-style: solid;
border-width: 1px;
}

div.sectionFooter.InlineMod.SelectionCountContainer {
background-color: #000;
}

div.type {
background-color: #000000;
border-color: #1e1e1e;
border-width: 1px;
}

dl.ctrlUnit.fullWidth.surplusLabel {
background-color: #000000;
border-color: #000000;
border-style: solid;
border-width: 1px;
}

dl.minor, dl.major {
border-color: #1e1e1e;
}

em.userBanner.bannerStaff.wrapped, em.userBanner.bannerPrimary.wrapped, em.userBanner.bannerPrimary, em.userBanner.bannerStaff {
background-color: #4d0505;
border-color: #1e1e1e;
border-radius: 5px;
border-style: solid;
border-width: 1px;
color: #faaf2d;
}

footer {
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 15%,rgba(0,0,0,0.4) 70%,rgba(0,0,0,1) 100%);
}

footer .navTabs {
background-color: #000000;
padding: 0;
}

form.AutoValidator.blendedEditor {
border-color: #1e1e1e;
border-radius: 10px 10px 0 0;
border-width: 1px;
}

form.messageSimple.profilePoster.AutoValidator.primaryContent, dl.ctrlUnit.submitUnit, dl.ctrlUnit, dl.ctrlUnit.fullWidth, dl.ctrlUnit.fullWidth dd, div.textCtrlWrap.textCtrl.titleCtrl {
background-color: #000000;
border-style: none;
}

form.secondaryContent.findMember {
border-color: #1e1e1e;
border-style: solid;
border-width: 1px;
}

form.sectionMain {
background-color: #000000;
border-color: #1e1e1e;
}

form.xenForm {
background-color: #000000;
border-color: #1e1e1e;
border-radius: 20px;
border-style: solid;
border-width: 2px;
}

form.xenForm.AutoValidator, form.xenForm.Preview.AutoValidator, form.formOverlay.AutoInlineUploader.AttachmentUploadForm.NoAutoHeader, div.xenOverlay.memberCard, div.fr, div.discussionList.section.sectionMain {
background-color: #000000;
border-color: #1e1e1e;
border-radius: 10px;
border-style: solid;
border-width: 1px;
}

form.xenForm.Preview.AutoValidator fieldset {
background-color: #000000;
border-radius: 10px 10px 0 0;
border-style: none;
border-width: 1px;
}

form.xenForm.formOverlay.AutoValidator {
background-color: #000000;
border-color: #1e1e1e;
border-radius: 10px;
border-style: solid;
border-width: 1px;
}

h2.heading.h1 {
background-color: #000000;
font-size: 20px;
font-weight: bold;
text-transform: uppercase;
}

h2.heading.overlayOnly {
background-color: #000000;
border-bottom-width: 0;
border-color: #1e1e1e;
border-left-width: 1px;
border-radius: 10px 10px 0 0;
border-right-width: 1px;
border-style: solid;
border-top-width: 1px;
text-transform: none;
}

h3.JsOnly a {
background-color: #000;
border-color: #1e1e1e;
}

h3.primaryContent {
background-color: #141414;
border-color: #1e1e1e;
}

h3.sectionHeader {
border-color: #1e1e1e;
}

h2.textHeading, h3.subHeading {
border-style: none;
}

h3.userText {
background-color: #030303;
}

h4.heading.ToggleTrigger {
background-color: #000000;
border-bottom-width: 0;
border-color: #1e1e1e;
border-left-width: 1px;
border-right-width: 0;
border-style: solid;
border-top-width: 1px;
}

i.fa.fa-facebook-official.fa-2x, i.fa.fa-twitter-square.fa-2x, i.fa.fa-youtube-square.fa-2x, i.fa.fa-google-plus-square.fa-2x, i.fa.fa-instagram.fa-2x {
background-color: #000000;
border-color: #000000;
border-style: none;
color: #474747;
}

input.button {
background-color: #1f1f1f;
border-color: #1e1e1e;
color: #de9400;
}

input.button.DisableOnSubmit {
background-color: #141414;
border-color: #1e1e1e;
border-radius: 5px;
border-style: solid;
color: #de9400;
}

input.button.PreviewButton.JsOnly {
background-color: #141414;
border-color: #1e1e1e;
border-style: solid;
color: #f0b40e;
}

input.button.primary {
background-color: #1f1f1f;
border-color: #1e1e1e;
border-radius: 5px;
border-style: solid;
color: #de9400;
}

input.textCtrl, dl.secondaryContent.pairsJustified {
background-color: #000000;
}

input.textCtrl.titleCtrl {
background-color: #141414;
border-radius: 5px;
border-style: none;
}

li.PrefixGroup h3 {
background-color: #000000;
color: #000000;
}

li.comment.secondaryContent {
background-color: #141414;
border-color: #1e1e1e;
border-style: solid;
border-width: 1px;
}

li.discussionListItem.visible.prefix28, li.discussionListItem.visible, li.discussionListItem {
background-color: #000000;
border-color: #1e1e1e;
}

li.message {
background-color: #000;
border-color: #1e1e1e;
border-radius: 10px;
border-style: solid;
border-width: 1px;
color: #000;
}

li.primaryContent {
background-color: #080808;
border-color: #1e1e1e;
border-style: solid;
border-width: 1px;
}

li.primaryContent.messageSimple {
background-color: #0a0a0a;
border-color: #1e1e1e;
border-style: solid;
border-width: 1px;
}

li.redactor_btn_group ul, li.threadListItem {
border-color: #1e1e1e;
}

li.selected {
border-style: solid;
border-width: 1px;
}

ol.listInline {
border-style: none;
}

ol.nodeList.section.sectionMain, ol.primaryContent.chooserColumns.threeColumns {
background-color: #000000;
border-color: #1e1e1e;
}

span.forum-new {
background-color: #000000;
border-color: #1e1e1e;
border-style: solid;
border-width: 1px;
color: #ffffff;
text-transform: uppercase;
}

span.lastThreadMeta {
background-color: #000;
border-style: none;
}

span.lastThreadTitle {
background-color: #000;
border-color: #000000;
border-style: none;
}

span.prefix.prefixGreen, span.prefix.prefixPrimary {
color: #000000;
}

span.prefix.prefixLightGreen {
background-color: #055e17;
}

span.prefix.prefixSecondary {
background-color: #000000;
color: #000000;
}

span.prefix.prefixSilver {
background-color: #000000;
border-style: none;
color: #000000;
}

strong.newIndicator {
background-color: #000000;
border-color: #1e1e1e;
color: #ffffff;
}

strong.newIndicator span {
background-color: #1e1e1e;
}

ul.attachmentList.SquareThumbs, ul.autoCompleteList, ul.Menu.PrefixMenu.secondaryContent, span.PopupControl.prefix.noPrefix.PopupOpen, select.textCtrl.TitlePrefix, select.textCtrl, li.primaryContent.memberListItem, li.commentMore.secondaryContent, h4.attachedFilesHeader, form.DiscussionListOptions.secondaryContent, dl.threadAlerts.secondaryContent, div.secondaryContent, div.secondaryControls, div.profilePage, div.nodeInfo.linkNodeInfo, div.nodeInfo.forumNodeInfo.primaryContent, div.nodeInfo.categoryForumNodeInfo.unread, div.mainContentBlock.section.sectionMain, div.discussionList.sectionMain, a.text.unreadLink {
background-color: #000000;
border-color: #1e1e1e;
border-style: solid;
border-width: 1px;
}

ul.redactor_toolbar {
background-color: #141414;
border-color: #1e1e1e;
border-radius: 0;
border-style: solid;
border-width: 1px;
}

ul.tabs {
background-color: #000000;
border-style: none;
}

ul.tabs li a {
background-color: #0f0f0f;
border-color: #1e1e1e;
border-radius: 5px;
border-style: solid;
border-width: 1px;
}

span.LikeText {
color: #faaf22;
}

#content .pageContent {
background-image: none;
background-color: rgba(15,15,15,0.8);
border-style: none;
}

div.quoteExpand.quoteCut {
background: linear-gradient(to bottom, rgba(40,40,40,0) 0%,rgba(40,40,40,0.1) 15%,rgba(40,40,40,0.4) 70%,rgba(40,40,40,1) 100%);
}

html, body {
background-attachment: fixed;
background-color: #000000;
background-image: url(http://www.bilder-upload.eu/upload/6d0e20-1492685532.jpg);
background-position: center -45px;
background-repeat: no-repeat;
background-size: 100% auto;
}

Screenshot 1
Screenshot 2
----
Bei Zeile 777 könnte man sich auch ein anderes Hintergrundbild reinlegen wenn jemand meine Wahl nicht gefällt^^
 
Zuletzt bearbeitet:

DeletedUser28690

Guest
Wow, das hat Stil .. sieht doch gleich viel edler aus :)
Danke für die Arbeit Capo :)
 

Capo.

Finsteres Genie
wow, jetzt hat INNO noch ein braunes Hintergrundbild eingefügt und das will nicht weggehen >.<
 

DeletedUser25011

Guest
Nur mal so aus Interesse...besteht die Möglichkeit, das FoE Logo dauerhaft zu entfernen? Hab's bislang nur geschafft, das temporär ( bis zum nächsten Reload der Seite ) durch ein anderes Bild zu ersetzen...wäre schon lustig, wenn das dauerhaft möglich wäre...;):D
 
Ist das ne Arbeit so ein "Nacht" Layout zu basteln
falls wer Interesse hat
(Vorsicht Viel)
#AccountMenu {
width: 400px;
}

#AccountMenu .menuColumns a, #AccountMenu .menuColumns label {
width: 175px;
}

#AccountMenu, #ConversationsMenu, #AlertsMenu, #NavigationHiddenMenu {
bottom: auto;
top: 41px;
}

#QuickSearchQuery {
background-color: #000;
}

#calroot {
background-color: #000000;
border-color: #1e1e1e;
border-style: solid;
border-width: 1px;
}

#exposeMask {
background-color: rgba(12,26,40,0.8);
z-index: 250000;
}

#forums.sectionMain {
background-color: transparent;
border: none;
border-radius: 50px;
box-shadow: none;
padding: 0;
}

#headerMover #header {
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0.4) 15%,rgba(0,0,0,0.1) 70%,rgba(0,0,0,0) 100%);
box-shadow: none;
}

#menu_container {
background-color: #000;
border-radius: 0;
min-width: 90%;
}

#menu_container .menu_dropdown a.menu_header {
display: inline-block;
font-size: 20px;
height: 23px;
letter-spacing: 500px;
overflow: hidden;
width: 20px;
}

#menu_container .menu_dropdown a.menu_header.current {
color: #000;
}

#moderatorBar {
background-color: #000;
text-align: center;
}

#navigation .pageContent {
box-shadow: none;
height: 40px;
left: 0;
max-width: 550px;
position: absolute;
top: 0;
width: 70%;
}

.Menu .secondaryContent, .Menu .sectionFooter, .Menu .menuHeader, .navTabs .navTab.PopupClosed:hover {
background-color: #000;
}

.Menu a i.fa {
color: #3a3a3a;
}

.Menu.JsOnly {
z-index: 200000;
}

.footer .pageContent {
background-color: transparent;
}

.navTab .accountPopup img {
display: inline-block;
float: none;
height: 42px;
margin: 0 -10px;
margin-top: 0;
width: 42px;
}

.navTab a[href$="news-feed"], .navTab a[href$="online/"], .navTab a[href$="posts&recent=1"], .navTab a[href$="profile-posts"] {
display: none;
}

.navTab.forums, .navTab.members, .navTab.inbox, .navTab.alerts {
display: inline-block;
}

.navTabs .navTab.selected .navLink, .navTabs .navTab.selected:hover .navLink {
background-color: rgba(39, 42, 53, 0.4);
color: #fda;
text-shadow: 0 1px 1px #333;
}

.navTabs .navTab.selected .tabLinks li a, .navTabs .navTab.selected .tabLinks li a:hover, .navTabs .navTab.selected:hover .tabLinks li a {
background-color: rgba(1,13,25,0.1);
border-radius: 3px;
font-size: 12px;
line-height: 20px;
padding: 2px 10px;
}

.navTabs .navTab.selected .tabLinks li a:hover {
background-color: #ffce6c;
}

.navTabs .navTab.selected .tabLinks li, .navTabs .navTab.selected:hover .tabLinks .blockLinksList li {
background: #0f0f0f;
border-radius: 5px;
display: inline-block ;
float: none;
margin: 0;
}

.navTabs .navTab.selected .tabLinks ul, .navTabs .navTab.selected:hover .tabLinks .blockLinksList {
box-shadow: none;
line-height: 12px;
margin-left: 50px;
}

.navTabs .navTab.selected .tabLinks, .navTabs .navTab.selected:hover .tabLinks {
background-color: transparent;
border-width: 0 ;
bottom: auto;
display: block;
left: 500px;
overflow: visible;
top: 6px;
width: 100%;
}

.navTabs .navTab.selected:hover .tabLinks .menuHeader, .navTabs .navTab.selected .tabLinks li.navigationHidden, .navLink.extra-nav.Tooltip, .navTab.navigationHiddenTabs {
display: none;
}

.navTabs .navTab:hover .tabLinks {
background-color: #272a35;
display: block;
height: auto;
left: 0;
position: absolute;
top: 0;
width: 180px;
}

.navTabs, .navTabs .navLink, .navTabs .SplitCtrl, .login-icon {
height: 42px;
line-height: 42px;
}

.node .subForumList li .nodeTitle {
background-color: #0f0f0f;
border-color: #1e1e1e;
}

.node.level_1 .nodeList li:last-child > div {
border-radius: 0 0 5px 5px;
}

.nodeList .categoryForumNodeInfo, .nodeList .forumNodeInfo, .nodeList .pageNodeInfo, .nodeList .linkNodeInfo, .breadcrumb, .sidebar .secondaryContent, .sidebar .secondaryContent .primaryContent {
background-color: #000000;
border-color: #1e1e1e;
}

.nodeList .categoryStrip {
background-color: #000000;
border-color: #1e1e1e;
margin: 0;
}

.sidebar .section {
margin: 10px auto;
}

.thread_view .titleBar {
text-align: left;
}

.userBanner, .extraUserInfo, .nodeList .categoryStrip .nodeTitle {
text-transform: none;
}

.userBanner.bannerPrimary {
background-color: #ce922e;
border-color: #000000;
border-radius: 2px;
color: #321a0c;
}

.userBanner.bannerStaff {
background-color: #244c7a;
border-color: #000000;
border-radius: 2px;
color: #fea;
}

.xenOverlay, .xenOverlay .formOverlay {
border-radius: 5px;
z-index: 300000;
}

a.avatar img {
background-color: #1e1e1e;
border-color: #1e1e1e;
border-radius: 10px;
border-width: 0;
}

a.button.moreOptions.Tooltip {
background-color: #1f1f1f;
color: #faab22;
font-weight: normal;
}

a.button.smallButton {
background-color: #0d0d0d;
border-color: #1e1e1e;
border-style: solid;
border-width: 1px;
color: #faab22;
}

a.callToAction span {
border-radius: 30px;
font-size: 26px;
height: auto;
padding: 2px 2px;
position: relative;
width: auto;
}

a.currentPage {
background-color: #111111;
border-color: #1e1e1e;
border-radius: 5px;
border-style: solid;
border-width: 1px;
}

a.navLink.NoPopupGadget {
border-style: none;
}

a.prefix.noPrefix {
background-color: #000000;
color: #000000;
}

a.prefix.prefixLightGreen {
background-color: #09911d;
}

a.primaryContent {
background-color: #000000;
border-bottom-width: 1px;
border-color: #1e1e1e;
border-left-width: 1px;
border-right-width: 0;
border-style: none;
border-top-width: 1px;
}

a.secondaryContent {
background-color: #212121;
border-style: none;
}

a.text.distinct.unreadLink {
background-color: #000000;
border-color: #1e1e1e;
border-radius: 5px;
border-style: solid;
border-width: 1px;
}

blockquote.quoteContainer {
background-color: #000000;
border-color: #1e1e1e;
border-radius: 0 0 5px 5px;
border-style: solid;
border-width: 1px;
}

div.PageNav nav a {
background-color: #000000;
border-color: #1e1e1e;
border-radius: 5px;
border-style: solid;
border-width: 1px;
}

div.SpoilerTarget.bbCodeSpoilerText {
background-color: #000000;
border-color: #1e1e1e;
}

div.avatarHolder {
background-color: #030303;
border-radius: 10px 10px 0 0;
}

div.bbCodeBlock.bbCodeCode pre {
background-color: #0d0d0d;
border-color: #1e1e1e;
border-radius: 0px;
}

div.bbCodeBlock.bbCodeQuote {
background-color: #000000;
border-color: #1e1e1e;
border-radius: 5px;
border-style: solid;
}

div.extraUserInfo {
background-color: #030303;
border-radius: 0 0 10px 10px;
}

div.likesSummary.secondaryContent {
background-color: #1a1a1a;
border-color: #1e1e1e;
border-radius: 50px;
border-style: solid;
border-width: 1px;
color: #1a1a1a;
}

div.messageInfo.primaryContent {
background-color: #111;
border-color: #1e1e1e;
border-radius: 10px;
border-style: solid;
border-width: 1px;
color: #111;
}

div.messageText.primaryContent.baseHtml {
background-color: #0a0a0a;
border-color: #1e1e1e;
}

div.navigationSideBar.ToggleTriggerAnchor, div.mainText.secondaryContent {
border-style: none;
}

div.nodeInfo.forumNodeInfo.primaryContent.unread {
background-color: #000000;
}

div.nodeLastPost.secondaryContent {
border-color: #000000;
}

div.nodeStats.pairsInline {
width: 820px;
}

div.noteRow {
background-color: #0f0f0f;
}

div.primaryContent {
background-color: #000000;
border-color: #1e1e1e;
border-width: 1px;
}

div.quickReply.message {
background-color: #000;
border-color: #1e1e1e;
border-radius: 10px;
border-style: solid;
border-width: 1px;
color: #000;
}

div.redactor_box {
border-style: none;
border-top-width: 0;
}

div.redactor_box.activated {
border-color: #1e1e1e;
}

div.redactor_box.activated.focused {
background-color: #000000;
border-color: #1e1e1e;
border-radius: 10px;
border-width: 1px;
}

div.secondaryContent h3 {
border-color: #1e1e1e;
}

div.section.primaryUserBlock {
border-style: none;
}

div.section.sectionMain.searchResults {
background-color: #000000;
border-color: #1e1e1e;
}

div.sectionFooter {
background-color: #000000;
border-color: #1e1e1e;
border-radius: 0 0 10px 10px;
border-style: solid;
border-width: 1px;
}

div.sectionFooter.InlineMod.SelectionCountContainer {
background-color: #000;
}

div.type {
background-color: #000000;
border-color: #1e1e1e;
border-width: 1px;
}

dl.ctrlUnit.fullWidth.surplusLabel {
background-color: #000000;
border-color: #000000;
border-style: solid;
border-width: 1px;
}

dl.minor, dl.major {
border-color: #1e1e1e;
}

em.userBanner.bannerStaff.wrapped, em.userBanner.bannerPrimary.wrapped, em.userBanner.bannerPrimary, em.userBanner.bannerStaff {
background-color: #4d0505;
border-color: #1e1e1e;
border-radius: 5px;
border-style: solid;
border-width: 1px;
color: #faaf2d;
}

footer {
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 15%,rgba(0,0,0,0.4) 70%,rgba(0,0,0,1) 100%);
}

footer .navTabs {
background-color: #000000;
padding: 0;
}

form.AutoValidator.blendedEditor {
border-color: #1e1e1e;
border-radius: 10px 10px 0 0;
border-width: 1px;
}

form.messageSimple.profilePoster.AutoValidator.primaryContent, dl.ctrlUnit.submitUnit, dl.ctrlUnit, dl.ctrlUnit.fullWidth, dl.ctrlUnit.fullWidth dd, div.textCtrlWrap.textCtrl.titleCtrl {
background-color: #000000;
border-style: none;
}

form.secondaryContent.findMember {
border-color: #1e1e1e;
border-style: solid;
border-width: 1px;
}

form.sectionMain {
background-color: #000000;
border-color: #1e1e1e;
}

form.xenForm {
background-color: #000000;
border-color: #1e1e1e;
border-radius: 20px;
border-style: solid;
border-width: 2px;
}

form.xenForm.AutoValidator, form.xenForm.Preview.AutoValidator, form.formOverlay.AutoInlineUploader.AttachmentUploadForm.NoAutoHeader, div.xenOverlay.memberCard, div.fr, div.discussionList.section.sectionMain {
background-color: #000000;
border-color: #1e1e1e;
border-radius: 10px;
border-style: solid;
border-width: 1px;
}

form.xenForm.Preview.AutoValidator fieldset {
background-color: #000000;
border-radius: 10px 10px 0 0;
border-style: none;
border-width: 1px;
}

form.xenForm.formOverlay.AutoValidator {
background-color: #000000;
border-color: #1e1e1e;
border-radius: 10px;
border-style: solid;
border-width: 1px;
}

h2.heading.h1 {
background-color: #000000;
font-size: 20px;
font-weight: bold;
text-transform: uppercase;
}

h2.heading.overlayOnly {
background-color: #000000;
border-bottom-width: 0;
border-color: #1e1e1e;
border-left-width: 1px;
border-radius: 10px 10px 0 0;
border-right-width: 1px;
border-style: solid;
border-top-width: 1px;
text-transform: none;
}

h3.JsOnly a {
background-color: #000;
border-color: #1e1e1e;
}

h3.primaryContent {
background-color: #141414;
border-color: #1e1e1e;
}

h3.sectionHeader {
border-color: #1e1e1e;
}

h2.textHeading, h3.subHeading {
border-style: none;
}

h3.userText {
background-color: #030303;
}

h4.heading.ToggleTrigger {
background-color: #000000;
border-bottom-width: 0;
border-color: #1e1e1e;
border-left-width: 1px;
border-right-width: 0;
border-style: solid;
border-top-width: 1px;
}

i.fa.fa-facebook-official.fa-2x, i.fa.fa-twitter-square.fa-2x, i.fa.fa-youtube-square.fa-2x, i.fa.fa-google-plus-square.fa-2x, i.fa.fa-instagram.fa-2x {
background-color: #000000;
border-color: #000000;
border-style: none;
color: #474747;
}

input.button {
background-color: #1f1f1f;
border-color: #1e1e1e;
color: #de9400;
}

input.button.DisableOnSubmit {
background-color: #141414;
border-color: #1e1e1e;
border-radius: 5px;
border-style: solid;
color: #de9400;
}

input.button.PreviewButton.JsOnly {
background-color: #141414;
border-color: #1e1e1e;
border-style: solid;
color: #f0b40e;
}

input.button.primary {
background-color: #1f1f1f;
border-color: #1e1e1e;
border-radius: 5px;
border-style: solid;
color: #de9400;
}

input.textCtrl, dl.secondaryContent.pairsJustified {
background-color: #000000;
}

input.textCtrl.titleCtrl {
background-color: #141414;
border-radius: 5px;
border-style: none;
}

li.PrefixGroup h3 {
background-color: #000000;
color: #000000;
}

li.comment.secondaryContent {
background-color: #141414;
border-color: #1e1e1e;
border-style: solid;
border-width: 1px;
}

li.discussionListItem.visible.prefix28, li.discussionListItem.visible, li.discussionListItem {
background-color: #000000;
border-color: #1e1e1e;
}

li.message {
background-color: #000;
border-color: #1e1e1e;
border-radius: 10px;
border-style: solid;
border-width: 1px;
color: #000;
}

li.primaryContent {
background-color: #080808;
border-color: #1e1e1e;
border-style: solid;
border-width: 1px;
}

li.primaryContent.messageSimple {
background-color: #0a0a0a;
border-color: #1e1e1e;
border-style: solid;
border-width: 1px;
}

li.redactor_btn_group ul, li.threadListItem {
border-color: #1e1e1e;
}

li.selected {
border-style: solid;
border-width: 1px;
}

ol.listInline {
border-style: none;
}

ol.nodeList.section.sectionMain, ol.primaryContent.chooserColumns.threeColumns {
background-color: #000000;
border-color: #1e1e1e;
}

span.forum-new {
background-color: #000000;
border-color: #1e1e1e;
border-style: solid;
border-width: 1px;
color: #ffffff;
text-transform: uppercase;
}

span.lastThreadMeta {
background-color: #000;
border-style: none;
}

span.lastThreadTitle {
background-color: #000;
border-color: #000000;
border-style: none;
}

span.prefix.prefixGreen, span.prefix.prefixPrimary {
color: #000000;
}

span.prefix.prefixLightGreen {
background-color: #055e17;
}

span.prefix.prefixSecondary {
background-color: #000000;
color: #000000;
}

span.prefix.prefixSilver {
background-color: #000000;
border-style: none;
color: #000000;
}

strong.newIndicator {
background-color: #000000;
border-color: #1e1e1e;
color: #ffffff;
}

strong.newIndicator span {
background-color: #1e1e1e;
}

ul.attachmentList.SquareThumbs, ul.autoCompleteList, ul.Menu.PrefixMenu.secondaryContent, span.PopupControl.prefix.noPrefix.PopupOpen, select.textCtrl.TitlePrefix, select.textCtrl, li.primaryContent.memberListItem, li.commentMore.secondaryContent, h4.attachedFilesHeader, form.DiscussionListOptions.secondaryContent, dl.threadAlerts.secondaryContent, div.secondaryContent, div.secondaryControls, div.profilePage, div.nodeInfo.linkNodeInfo, div.nodeInfo.forumNodeInfo.primaryContent, div.nodeInfo.categoryForumNodeInfo.unread, div.mainContentBlock.section.sectionMain, div.discussionList.sectionMain, a.text.unreadLink {
background-color: #000000;
border-color: #1e1e1e;
border-style: solid;
border-width: 1px;
}

ul.redactor_toolbar {
background-color: #141414;
border-color: #1e1e1e;
border-radius: 0;
border-style: solid;
border-width: 1px;
}

ul.tabs {
background-color: #000000;
border-style: none;
}

ul.tabs li a {
background-color: #0f0f0f;
border-color: #1e1e1e;
border-radius: 5px;
border-style: solid;
border-width: 1px;
}

span.LikeText {
color: #faaf22;
}

#content .pageContent {
background-image: none;
background-color: rgba(15,15,15,0.8);
border-style: none;
}

div.quoteExpand.quoteCut {
background: linear-gradient(to bottom, rgba(40,40,40,0) 0%,rgba(40,40,40,0.1) 15%,rgba(40,40,40,0.4) 70%,rgba(40,40,40,1) 100%);
}

html, body {
background-attachment: fixed;
background-color: #000000;
background-image: url(http://www.bilder-upload.eu/upload/6d0e20-1492685532.jpg);
background-position: center -45px;
background-repeat: no-repeat;
background-size: 100% auto;
}

Screenshot 1
Screenshot 2
----
Bei Zeile 777 könnte man sich auch ein anderes Hintergrundbild reinlegen wenn jemand meine Wahl nicht gefällt^^

Wow,
wieso fängst du nicht bei Inno an und machst dann vernünftige Sachen?
Das hast du super gut hinbekommen!!!
 
Oben