UserContent.css: Difference between revisions
From The DarkMod Wiki
Jump to navigationJump to search
m update |
m update |
||
Line 45: | Line 45: | ||
/* add a ":" after the text */ | /* add a ":" after the text */ | ||
.ipsSideMenu h4:after | .ipsSideMenu h4:after, h3.bar:after | ||
{ | { | ||
content: ":" !important; | 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; | |||
} | } | ||
Line 54: | Line 61: | ||
{ | { | ||
padding: 6px !important; | padding: 6px !important; | ||
} | } | ||
Line 157: | Line 157: | ||
} | } | ||
.ipsSideMenu h4:after | .ipsSideMenu h4:after, h3.bar:after | ||
{ | { | ||
content: ":" !important; | content: ":" !important; | ||
} | |||
li.active a | |||
{ | |||
background-color: #5e284d !important; | |||
color: #ffffff !important; | |||
} | } | ||
Line 165: | Line 171: | ||
{ | { | ||
padding: 6px !important; | padding: 6px !important; | ||
} | } | ||
Revision as of 14:57, 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, 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; } }