UserContent.css: Difference between revisions
From The DarkMod Wiki
Jump to navigationJump to search
m update |
m fix filename |
||
Line 7: | Line 7: | ||
Put the rules below in a file named '''UserContent.css''' in your profile: | Put the rules below in a file named '''UserContent.css''' in your profile: | ||
* Windows: <tt>%APPDATA%\Mozilla\Firefox\Profiles\</tt> | * Windows: <tt>%APPDATA%\Mozilla\Firefox\Profiles\userContent.css</tt> | ||
* Linux: <tt>/home/'''USERNAME'''/.mozilla/firefox/'''PROFILENAME'''.default/chrome/userContent.css</tt> | * Linux: <tt>/home/'''USERNAME'''/.mozilla/firefox/'''PROFILENAME'''.default/chrome/userContent.css</tt> | ||
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\userContent.css
- 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; } }