|
|
| (5 intermediate revisions by the same user not shown) |
| 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 ==
| | == How to use this == |
|
| |
|
| === Firefox === | | === Firefox === |
| 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> |
|
| |
|
| Line 18: |
Line 18: |
| See [http://www.opera.com/docs/usercss/ here]. | | See [http://www.opera.com/docs/usercss/ here]. |
|
| |
|
| == Rules (with comments) == | | == Rules == |
|
| |
|
| <pre>
| | You can download a full file from [http://bloodgate.com/tmp/userContent.css here]. |
| /* 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;
| |
| }
| |
| | |
| }
| |
| </pre>
| |
| | |
| Optional you can try adding the following before the last "}":
| |
| | |
| <pre>
| |
| <!--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;
| |
| }
| |
| </pre>
| |
| | |
| == Rules (no comments) ==
| |
| | |
| <pre>
| |
| @-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;
| |
| }
| |
| | |
| }
| |
| </pre>
| |
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
You can download a full file from here.
