UserContent.css

From The DarkMod Wiki
Revision as of 14:14, 12 November 2011 by Tels (talk | contribs) (add)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigationJump to search

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
  {
  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;
  }

}

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
  {
  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;
  }

}