Custom CSS Hacks - Revision history

ShadowWolf: minor fix

2009-02-16T03:55:32Z

minor fix

← Older revision		Revision as of 22:55, 15 February 2009
Line 12:		Line 12:
	// change the 'article' area to serif		// change the 'article' area to serif
	#column-content {		#column-content {
	font-family: Times, Roman, serif; // you could try: ~~Verdana~~, ~~Georgia~~, serif :)		font-family: Times, Roman, serif; // you could try: Georgia, Palatino, serif :)
	font-size: 120%;		font-size: 120%;
	}		}

ShadowWolf: add {{Non-Fiction}} and {{example}}

2009-02-16T03:46:27Z

add {{Non-Fiction}} and {{example}}

← Older revision		Revision as of 22:46, 15 February 2009
Line 31:		Line 31:
	}		}
	</pre>		</pre>
			{{Non-Fiction}}{{example}}

ShadowWolf: fix the inter-wiki link to Wikipedia's page on 'sans-serif' :)

2009-02-16T03:45:34Z

fix the inter-wiki link to Wikipedia's page on 'sans-serif' :)

← Older revision		Revision as of 22:45, 15 February 2009
Line 2:		Line 2:
	__TOC__		__TOC__
	== Font Face Hacks ==		== Font Face Hacks ==
	Some people find the [[w:sans-serif\|sans-serif]] font that is used on Shifti hard to read. If you agree, you'll want to add one of the following pieces of CSS to your custom css:		Some people find the [[wikipedia:sans-serif\|sans-serif]] font that is used on Shifti hard to read. If you agree, you'll want to add one of the following pieces of CSS to your custom css:
	<pre>		<pre>
	// change all fonts to serif		// change all fonts to serif

ShadowWolf: add the first hacks to this page

2009-02-16T03:42:24Z

add the first hacks to this page

New page

These are all user-submitted 'hacks' that use the [[Help:Custom css|Custom CSS]] facility to change how some facets of the way Shifti looks on a per-user basis.
__TOC__
== Font Face Hacks ==
Some people find the [[w:sans-serif|sans-serif]] font that is used on Shifti hard to read. If you agree, you'll want to add one of the following pieces of CSS to your custom css:
<pre>
// change all fonts to serif
#globalWrapper {
font-family: Times, Roman, serif; // select the most generic serif fonts
font-size: 120%; // Serif fonts tend to be a little smaller than sans-serif
}

// change the 'article' area to serif
#column-content {
font-family: Times, Roman, serif; // you could try: Verdana, Georgia, serif :)
font-size: 120%;
}

// change just the body-text area of a page to serif
#bodyContent {
font-family: Times, Roman, serif;
font-size: 120%;
}
</pre>

== Miscelaneous Display Hacks ==
Some people like having the first line of paragraphs indented. If you do too, try adding the following to your custom css:
<pre>
// we only want to have an effect on <p> elements in the page-content area
#bodyContent p {
text-indent: 2em; // a 2em indent should be plenty...
}
</pre>