UserContent.css: Difference between revisions

From The DarkMod Wiki
Jump to navigationJump to search
(add)
 
(add link)
 
(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>

Latest revision as of 22:06, 18 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

You can download a full file from here.

Retrieved from "https://wiki.thedarkmod.com/index.php?title=UserContent.css&oldid=13582"