UserContent.css - Revision history

Tels: add link

2011-11-18T22:06:33Z

add link

Tels: fix filename

2011-11-12T14:57:53Z

fix filename

← Older revision		Revision as of 14:57, 12 November 2011
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>

Tels: update

2011-11-12T14:57:15Z

update

← Older revision		Revision as of 14:57, 12 November 2011
Line 45:		Line 45:

	/* add a ":" after the text */		/* add a ":" after the text */
	.ipsSideMenu h4:after		.ipsSideMenu h4:after, h3.bar:after
	{		{
	content: ":" !important;		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;
	}		}

Line 54:		Line 61:
	{		{
	padding: 6px !important;		padding: 6px !important;
	}

	~~/* purple color and readable text to make it stand out which one is current */~~
	~~.ipsSideMenu ul li.active a, #community_app_menu li.active a~~
	{
	~~background-color: #5e284d !important;~~
	~~color: #ffffff !important;~~
	}		}

Line 157:		Line 157:
	}		}

	.ipsSideMenu h4:after		.ipsSideMenu h4:after, h3.bar:after
	{		{
	content: ":" !important;		content: ":" !important;
			}

			li.active a
			{
			background-color: #5e284d !important;
			color: #ffffff !important;
	}		}

Line 165:		Line 171:
	{		{
	padding: 6px !important;		padding: 6px !important;
	}

	~~.ipsSideMenu ul li.active a, #community_app_menu li.active a~~
	{
	~~background-color: #5e284d !important;~~
	~~color: #ffffff !important;~~
	}		}

Tels: update

2011-11-12T14:41:56Z

update

@@ Line 56: / Line 56: @@
+   }
-/* purple color and readable text to make it stand out */
+/* purple color and readable text to make it stand out which one is current */
-.ipsSideMenu ul li.active a
+.ipsSideMenu ul li.active a, #community_app_menu li.active a
+   {
    background-color: #5e284d !important;
+   }
@@ Line 142: / Line 167: @@
+   }
-.ipsSideMenu ul li.active a
+.ipsSideMenu ul li.active a, #community_app_menu li.active a
+   {
    background-color: #5e284d !important;
+   }

Tels: fix css comments

2011-11-12T14:14:57Z

fix css comments

← Older revision		Revision as of 14:14, 12 November 2011
Line 86:		Line 86:

	<pre>		<pre>
	~~<!--~~make the spacy header use less space ~~-->~~		/* make the spacy header use less space */
	#header_bar		#header_bar
	{		{
Line 104:		Line 104:
	}		}

	~~<!--~~ use a black background around the content ~~-->~~		/* use a black background around the content */
	body, html, #primary_nav {		body, html, #primary_nav {
	background-color: #000000 !important;		background-color: #000000 !important;

Tels: typo

2011-11-12T14:14:19Z

typo

← Older revision		Revision as of 14:14, 12 November 2011
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 ===

Tels: add

2011-11-12T14:14:00Z

add

New page

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: <tt>%APPDATA%\Mozilla\Firefox\Profiles\</tt>
* Linux: <tt>/home/'''USERNAME'''/.mozilla/firefox/'''PROFILENAME'''.default/chrome/userContent.css</tt>

In all cases replace the bold part with your actual data.

See also: [http://support.mozilla.com/en-US/kb/Profiles?s=userContent.css&r=1&as=s#w_how-do-i-find-my-profile How do I find my Firefox profile]

=== Opera ===

See [http://www.opera.com/docs/usercss/ here].

== Rules (with comments) ==

<pre>
/* 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>

#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%;
}


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>