UserContent.css
From The DarkMod Wiki
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, h3.bar:after
{
content: ":" !important;
}
/* purple color and readable text to make it stand out which one is current */
li.active a
{
background-color: #5e284d !important;
color: #ffffff !important;
}
/* less spacy padding (was 9px) */
.ipsBox, .ipsPad
{
padding: 6px !important;
}
/* Make these more readable */
ul.post_controls a
{
color: #0d2642 !important;
}
/* Make these more readable */
.post_block .post_controls li a
{
opacity: 0.7 !important;
}
/* Make these more readable */
.post_block .post_controls li a:hover
{
opacity: 1.0 !important;
}
/* Make these more readable */
.signature, .edit
{
color: #434346 !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, h3.bar:after
{
content: ":" !important;
}
li.active a
{
background-color: #5e284d !important;
color: #ffffff !important;
}
.ipsBox, .ipsPad
{
padding: 6px !important;
}
ul.post_controls a
{
color: #0d2642 !important;
}
.post_block .post_controls li a
{
opacity: 0.7 !important;
}
.post_block .post_controls li a:hover
{
opacity: 1.0 !important;
}
.signature, .edit
{
color: #434346 !important;
}
#content, .ipbwrapper
{
background-color: #362f36 !important;
}
.ipsBox_container, .ipsSideBlock
{
background-color: #464346 !important;
}
.ipsBox
{
background-color: #261f26 !important;
}
}