UserContent.css: Difference between revisions
From The DarkMod Wiki
Jump to navigationJump to search
add |
m typo |
||
Line 1: | Line 1: | ||
Here are some examples of style sheet rules that can be used to make the dark mod forum a bit more readable. | Here are some examples of style sheet rules that can be used to make the dark mod forum a bit more readable. | ||
== How to use this == | |||
=== Firefox === | === Firefox === |
Revision as of 14:14, 12 November 2011
Here are some examples of style sheet rules that can be used to make the dark mod forum a bit more readable.
How to use this
Firefox
Put the rules below in a file named UserContent.css in your profile:
- Windows: %APPDATA%\Mozilla\Firefox\Profiles\
- Linux: /home/USERNAME/.mozilla/firefox/PROFILENAME.default/chrome/userContent.css
In all cases replace the bold part with your actual data.
See also: How do I find my Firefox profile
Opera
See here.
Rules (with comments)
/* this applies the rules only to this domain */ @-moz-document domain(forums.thedarkmod.com) { /* make the text readable */ .ipsType_pagetitle, .ipsType_subtitle { color: #e0e0d0 !important; text-shadow: #261f26 !important; background-color: transparent !important; } /* darker background */ .row2, .post_block.row2, .post_block h3 { background-color: #565356 !important; } /* make the text readable */ .ipsSideMenu h4 { color: #e0e0d0 !important; } /* add a ":" after the text */ .ipsSideMenu h4:after { content: ":" !important; } /* less spacy padding (was 9px) */ .ipsBox, .ipsPad { padding: 6px !important; } /* purple color and readable text to make it stand out */ .ipsSideMenu ul li.active a { background-color: #5e284d !important; } /* darker background */ #content, .ipbwrapper { background-color: #362f36 !important; } /* darker background */ .ipsBox_container, .ipsSideBlock { background-color: #464346 !important; } /* darker background */ .ipsBox { background-color: #261f26 !important; } }
Optional you can try adding the following before the last "}":
<!--make the spacy header use less space --> #header_bar { float: right !important; } #header_bar, #user_navigation, .main_width { max-width: 400px !important; width: 400px !important; } #branding { height: 120px !important; max-height: 120px !important; min-height: 10px !important; background-position: 0 -15%; } <!-- use a black background around the content --> body, html, #primary_nav { background-color: #000000 !important; }
Rules (no comments)
@-moz-document domain(forums.thedarkmod.com) { .ipsType_pagetitle, .ipsType_subtitle { color: #e0e0d0 !important; text-shadow: #261f26 !important; background-color: transparent !important; } .row2, .post_block.row2, .post_block h3 { background-color: #565356 !important; } .ipsSideMenu h4 { color: #e0e0d0 !important; } .ipsSideMenu h4:after { content: ":" !important; } .ipsBox, .ipsPad { padding: 6px !important; } .ipsSideMenu ul li.active a { background-color: #5e284d !important; } #content, .ipbwrapper { background-color: #362f36 !important; } .ipsBox_container, .ipsSideBlock { background-color: #464346 !important; } .ipsBox { background-color: #261f26 !important; } }