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.
The Settlers Online - Dark Forum by quayer
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
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;
}
...