UserContent.css

From The DarkMod Wiki
Revision as of 14:57, 12 November 2011 by Tels (talk | contribs) (fix filename)
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\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;
  }

}