Alternativer Style für das Forum

Dieses Thema im Forum "Off Topic" wurde erstellt von outoftheline, 20.04.17.

  1. outoftheline

    outoftheline

    Beiträge:
    584
    Zustimmungen:
    430
    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: 20.04.17
  2. nokturnus

    nokturnus

    Beiträge:
    2.638
    Zustimmungen:
    891
    Ein wenig Hoffnung in diesen finsteren Tagen...^^
    Aber mal im ernst...dieses Layout...*schauder*
     
  3. Mary von Locksley

    Mary von Locksley

    Beiträge:
    114
    Zustimmungen:
    95
    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
     
    Sidny und Quax gefällt das.
  4. Capokämpfer

    Capokämpfer Support Forge of Empires Team

    Beiträge:
    2.209
    Zustimmungen:
    656
    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
     
  5. outoftheline

    outoftheline

    Beiträge:
    584
    Zustimmungen:
    430
    @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.
     
  6. Capokämpfer

    Capokämpfer Support Forge of Empires Team

    Beiträge:
    2.209
    Zustimmungen:
    656
    Danke
    Ja das stimmt, aber das fand ich vorher halt auch schon doof ;)
     
    Zuletzt bearbeitet: 20.04.17
  7. Kaito.Kid

    Kaito.Kid

    Beiträge:
    130
    Zustimmungen:
    60
    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:
     
  8. Kaito.Kid

    Kaito.Kid

    Beiträge:
    130
    Zustimmungen:
    60
    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: 20.04.17
  9. nokturnus

    nokturnus

    Beiträge:
    2.638
    Zustimmungen:
    891
    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?^^
     
  10. Capokämpfer

    Capokämpfer Support Forge of Empires Team

    Beiträge:
    2.209
    Zustimmungen:
    656
    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: 21.04.17
  11. nokturnus

    nokturnus

    Beiträge:
    2.638
    Zustimmungen:
    891
    Also das...ist interessant XD :D:D
     
  12. Mary von Locksley

    Mary von Locksley

    Beiträge:
    114
    Zustimmungen:
    95
    Wow, das hat Stil .. sieht doch gleich viel edler aus :)
    Danke für die Arbeit Capo :)
     
  13. outoftheline

    outoftheline

    Beiträge:
    584
    Zustimmungen:
    430
    rate mal wieviel arbeit das ist die ganzen sachen von a nach b zu schieben und das menü so hinzufummeln, wie es da ist ^^
    sieht schick aus.
     
  14. Capokämpfer

    Capokämpfer Support Forge of Empires Team

    Beiträge:
    2.209
    Zustimmungen:
    656
    wow, jetzt hat INNO noch ein braunes Hintergrundbild eingefügt und das will nicht weggehen >.<
     
  15. outoftheline

    outoftheline

    Beiträge:
    584
    Zustimmungen:
    430
    #content .pageContent { background-image: none; }
     
  16. Capokämpfer

    Capokämpfer Support Forge of Empires Team

    Beiträge:
    2.209
    Zustimmungen:
    656
  17. Capokämpfer

    Capokämpfer Support Forge of Empires Team

    Beiträge:
    2.209
    Zustimmungen:
    656
    So, habs jetzt geupdatet^^
     
  18. nokturnus

    nokturnus

    Beiträge:
    2.638
    Zustimmungen:
    891
    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
     
  19. pussicat

    pussicat

    Beiträge:
    4.343
    Zustimmungen:
    334
    Wow,
    wieso fängst du nicht bei Inno an und machst dann vernünftige Sachen?
    Das hast du super gut hinbekommen!!!
     
    Chessie gefällt das.
  20. staph.aureus

    staph.aureus

    Beiträge:
    1.113
    Zustimmungen:
    646
    Hmm, hat Capo nicht bei Inno aufgehört? :D
     
    Roamungo und Danielius der Grosse gefällt das.

Seitenanfang