Skip to content

The Settlers Online - Dark Forum by quayer

Screenshot of The Settlers Online - Dark Forum

Details

Authorquayer

LicenseNo License

Categoryforum.diesiedleronline.de

Created

Updated

Size17 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Im a CSS beginner and i just wanted to create a style for "The Settlers Online Forum" and this is the result.
The style is optimized for the german forum but it also works on the english, french and test server forum.
There are still some minor flaws but overall the style is complete.

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name         The Settlers Online - Dark Forum
@version      20210904.17.09
@namespace    userstyles.world/user/quayer
@description  Im a CSS beginner and i just wanted to create a style for "The Settlers Online Forum" and this is the result.
The style is optimized for the german forum but it also works on the english, french and test server forum.
There are still some minor flaws but overall the style is complete.
@author       quayer
@license      No License
==/UserStyle== */

@-moz-document domain("forum.diesiedleronline.de"), domain("forum.thesettlersonline.com"), domain("forum.tsotesting.com"), domain("forum.thesettlersonline.fr") {
/*
@name              Die Siedler Online - Dunkles Forum | The Settlers Online - Dark Forum
@namespace     userstyles.world/user/quayer
@version           1.0
@description      Dunkler Style fuer das Forum | Dark style for the forum
@author             QuaYeR (quayer-dso@emailn.ch)
@preprocessor   stylus
*/

html {
    background: #1b1b1b none;
}

.thread_controls {
    border: 1px solid #b29c71;
    background: #000 none;
}

.postbit, .postbitlegacy, .eventbit {
    color: #e1c667;
    border: 1px solid #bca684;
}

.postbit .posthead, .postbitlegacy .posthead, .eventbit .eventhead {
    background: #513f23 none;
    border: 1px solid #b5a47c;
    color: #e1c667;
}

.postbitlegacy .postdetails, .eventbit .eventdetails {
    background: #000 none;
    border-bottom: 1px solid #b5a47c;
}

.postbitlegacy .userinfo {
    background: #000 none;
}

.postbitlegacy .postbody, .eventbit .eventdetails .eventbody {
    border-left: 1px solid #b5a47c;
    background: #000 none;
}

table {
    color: #44341c;
    background-color: #fff;
}

table .smallfont, table .alt2 {
    color: #e1c667;
    background-color: #000;
}

.postbitlegacy .postrow, eventbit .eventrow, .postbitdeleted .postrow, .postbitignored .postrow {
    color: #e1c667;
}

#postlist_popups a, .postlist_popups a {
    color: #fff;
}

.above_postlist .pagination_top .pagination, .above_postlist .pagination_top .postpagestats {
    color: #e1c667;
}

.breadcrumb .navbit > a, .breadcrumb .lastnavbit > span {
    background-color: transparent;
    color: #e1c667;
}

#postlist_popups a, .postlist_popups a {
    color: #e1c667;
}

#postlist_popups a:hover, .postlist_popups a:hover {
    color: #e1c667;
}

body a {
    color: #ffb900;
}

body a:hover {
    color: #ffb900;
}

#pagetitle a {
    color: #ffb900;
}

.thread_info_block {
    background: #000 none;
}

.thread_info {
    color: #e1c667;
}

.time {
    color: #e1c667;
}

#pagetitle {
    background: #000 none;
    border: 1px solid #b6a47c;
}

h2.searchlisthead {
    border: 1px solid #b29c71;
    background: #513f23 none;
    color: #e1c667;
}

.threadbit .nonsticky, .threadbit .discussionrow {
    background: #000 url(images/gradients/grey-up.png) repeat-x left bottom;
}

.threadbit .nonsticky a.threadstatus, .threadbit .sticky a.threadstatus {
    border-right: 1px solid #b29c71;
    background-color: #000;
}

.threadbit .alt {
    background: #000 url(images/gradients/grey-up.png) repeat-x left bottom;
}

.threadbit {
    color: #e1c667;
}

.blockfoot, .blocksubfoot {
    background: #513f23 none;
    color: #e1c667;
}

.footer_time {
    color: #e1c667;
}

.footer_copyright, .footer_morecopyright {
    color: #e1c667;
}

.below_body .time {
    color: #e1c667;
}

#pagetitle .description {
    color: #e1c667;
}

.forumhead + .childforum .L2:first-child .forumrow, .forumhead + .L2 .forumrow {
    background: #000 none;
}

.forumbit_nopost .forumbit_nopost .forumrow, .forumbit_post .forumrow {
    background: #000 none;
}

.forumbit_post .foruminfo .forumdata, .forumbit_post .foruminfo .forumtitle, .forumbit_post .foruminfo .viewing {
    color: #e1c667;
}

.forumbit_post .forumstats, .forumbit_post .forumstats_2 {
    color: #e1c667;
}

.forumbit_post .forumrow .forumlastpost {
    color: #e1c667;
}

.bbcode_container div.bbcode_quote {
    background: #000 none;
    border: 2px solid #417394;
}

.lastedited {
    color: #e1c667;
}

.lastedited a {
    color: #ffb900;
}

.pagination span a {
    border: 0px none #b29c71;
    background: #513f23 none;
    color: #e1c667;
}

.threadbit .sticky {
    background: #3c2b00;
}

.threadbit .pagination a {
    color: #e1c667;
}

.threadbit .threadstats {
    padding-top: 10px;
}

body {
    width: auto;
    min-width: 650px;
    max-width: 1800px;
}

.doc_header {
    background-repeat: no-repeat;
    background-position: center;
    background-color: #1b1b1b;
}

.logo-image {
    left: 0;
    text-align: center;
    width: 100%;
}

.toplinks ul.isuser li.welcomelink a {
    color: #1b1b1b;
    background: #758a5a;
}

.toplinks ul.isuser li.welcomelink a:hover {
    color: #1b1b1b;
}

.toplinks ul.isuser li.welcomelink {
    color: #dcebda;
    background: #758a5a;
}

#above_searchresults {
    margin: 0em 1px 25px;
    position: relative;
}

.postbit .userinfo, .postbit .userinfo_noavatar {
    background: #000 none;
}

.postbit .postbody {
    color: #e1c667;
    background-color: #000;
}

.postbit .postdate .time {
    color: #e1c667;
}

legend {
    color: #e1c667;
}

.postbody fieldset {
    background: #000000 none;
}

.attachments {
    background: #000000 none;
}

#usercp_nav .blockrow {
    background: #000000 none;
}

#usercp_nav .blockbody {
    background: #000000 none;
}

.blockrow a:hover {
    color: #ffb900 !important;
    background-color: #373737 !important;
}

.profile_content {
    color: #e1c667;
}

dl.stats dt {
    color: #e1c667;
}

dl.stats dt.folder_count, dl.stats dd.folder_count {
    color: #e1c667;
}

.profile_content .subsection {
    border-top: 1px solid #676767;
}

.profile_content .subsectionhead a.textcontrol {
    color: #ffb900;
}

.blockrow {
    background: rgb(0 0 0) none;
    color: #e1c667;
}

.bbcode_container div.bbcode_quote div.message {
    background-color: #000;
}

blockquote.preview .bbcode_container div.bbcode_quote {
    background: #000000 none;
}

blockquote.preview .bbcode_quote div.quote_container {
    border-top: 0px solid #f2ead7;
}

form#quick_reply textarea {
    background: #000;
    color: #e1c667;
}

blockquote.preview .bbcode_container div.bbcode_code, blockquote.preview .bbcode_container pre.bbcode_code {
    background: #000000 repeat-x;
}

.pmlist .blockrow {
    background: #000000 repeat-x bottom;
}

.formcontrols .blockrow {
    background: #000000;
}

.wysiwyg_block .blockrow:first-child {
    background: #513f23;
}

.blockbody.settings_form_border {
    background-color: #000;
}

#forum_icon_legend {
    color: #e1c667;
}

#forum_icon_legend h5 {
    border-top: 0px solid #ffffff;
    background: #000000 none;
}

address, caption, cite, code, dfn, em, var, optgroup {
    color: #ffb900;
}

#forums a.username {
    color: #ffb900;
}

#forums a.username:hover {
    color: #ffb900;
}

.shade {
    color: #e1c667;
}

.blockhead .popupctrl {
    color: #e1c667;
}

.blockhead .popupctrl:hover {
    color: #e1c667;
}

.bbcode_container div.bbcode_code, .bbcode_container pre.bbcode_code {
    background: #000000 repeat-x;
}

#showpm .abovepm .bold {
    color: #e1c667;
}

#showpm .abovepm ol {
    color: #ffb900;
}

.formcontrols .blockrow.texteditor {
    background-color: #513f23;
}

.formcontrols .section {
    padding: 0px 0px;
}

.postbit, .postbitlegacy, .eventbit {
    background-color: #000;
}

.alt2, .alt3 {
    background-color: #000 !important;
    border: 1px dashed #e1c652 !important;
}

.pagination span.selected a {
    background: #513f23 none;
    color: #e1c667;
    border: 1px solid #e1c667;
}

#pagetitle h1 {
    background: #513f23;
    color: #e1c667;
}

.blockhead a {
    color: #ffb900;
}

.blockhead a:hover {
    color: #ffb900;
}

.formcontrols .blockrow .description {
    color: #e1c667;
}

div[style="background:#F2F6F9;padding-left:5px;padding-top:9px;padding-bottom:8px;border:thin solid #5B6C73;"] {
    background-color: #000 !important;
    border: thin solid #e1c667 !important;
}

.postbit-lite .postbithead {
    background: #000000 none;
    border: 1px solid #e1c667;
}

.postbit-lite .postbitfoot .postcontrols a {
    color: #e1c667;
}

.wgo_block .wgo_subblock > div {
    background-color: #000000;
    color: #e1c667;
}

.wgo_block .wgo_subblock {
    background-color: #000000;
}

.forumbit_nopost .subforumdescription {
    color: #e1c667;
    background: #44341c;
}

.forumbit_nopost .forumhead .forumtitle a {
    color: #ffb900;
}

.forumhead {
    background: #44341c none;
    color: #e1c667;
}

.navlinks {
    background: #513f23 none;
}

.navlinks a {
    color: #ffb900;
}

.navlinks a:hover {
    color: #ffb900;
}

.wgo_block h2 {
    color: #e1c667;
    background: #000000;
}

.above_threadlist .threadpagenav .threadpagestats {
    color: #e1c667;
}

.above_threadlist_controls {
    background: #000000 none;
}

.forumdisplaypopups a.popupctrl, .forumdisplaypopups.popupgroup .popupmenu a.popupctrl {
    color: #e1c667;
}

.forum_info_block, .forum_info_form {
    background: #000000 none;
}

.forum_info {
    color: #e1c667;
}

.forum_info h4 {
    background: #513f23 none;
}

.thread_info h4 {
    background: #513f23 none;
}

.wgo_subblock h3 {
    background-color: #513f23;
}

.footer {
    background: #513f23 none;
}

.threadlisthead {
    background: #513f23 none;
}

.blockhead {
    background: #513f23 none;
}

#usercp_nav .blockrow .active {
    background-color: #373737;
}

...

Reviews

No reviews yet.