Difference between revisions of "MediaWiki:Common.css"

Revision as of 17:18, 8 June 2011

/* CSS placed here will be applied to all skins */
body.page-Main_Page h1.firstHeading { display:none; }
body {background: #e1e1e1 url("images/2/26/Background.png") 0px 0px; }
#content {
    background: #ffffff url('images/6/69/Smallbackground.png') no-repeat right bottom;
}
#p-personal a:link {color:#9400D3; font-weight:bold;
}
#p-personal a:visited {color:#9400D3; 
}
#p-personal a:hover {color:#003EFF;
}
#p-personal a:active {color:#003EFF;
}
/* make a few corners round, only supported by moz/firefox/other gecko browsers for now */ 
#p-cactions ul li, #p-cactions ul li a { 
-moz-border-radius-topleft: 0.4em; 
-moz-border-radius-topright: 0.4em; 
-webkit-border-radius-topleft: 0.4em; 
-webkit-border-radius-topright: 0.4em; 
-khtml-border-radius-topleft: 0.4em; 
-khtml-border-radius-topright: 0.4em; 
border-top-left-radius:0.4em;
border-top-right-radius:0.4em;
}
#content { 
-moz-border-radius-topleft: 0.6em; 
-moz-border-radius-bottomleft: 0.6em; 
-webkit-border-radius-topleft: 0.4em; 
-webkit-border-radius-bottomleft: 0.4em; 
-khtml-border-radius-topleft: 0.4em; 
-khtml-border-radius-bottomleft: 0.4em; 
border-top-left-radius:0.4em;
border-bottom-left-radius:0.4em;
}
div.pBody { 
-moz-border-radius-topright: 0.4em; 
-moz-border-radius-bottomright: 0.4em; 
-webkit-border-radius-topright: 0.4em; 
-webkit-border-radius-bottomright: 0.4em; 
-khtml-border-radius-topright: 0.4em; 
-khtml-border-radius-bottomright: 0.4em; 
border-top-right-radius:0.4em;
border-bottom-right-radius:0.4em;
}

	blockquote {
		margin: 1em 0;
		padding: 0;
		position: relative;
		text-indent: 2em;
	}

	.bqstart,
	.bqend { font-size: 300%; }

	/* apply IE specific rules first */
	.bqstart {
		text-indent: 0;
		margin: -0.6em 0 -2em 0;
		float: left;
		position: relative; /* relative positioning to stop from disappearing in IE when the blockquote has a background color - probably peek-a-boo or something */
	}

	blockquote > .bqstart {
		/* add extra non-ie rules */
		position: absolute;
		top: -0.2em;
		left: 0;
		/* remove IE specific rules */
		float: none;
		margin: 0;

	}

	.bqend {
		position: absolute;
		margin-top: -0.6em;
		right: 0;
		text-indent: 0;
	}

	blockquote > .bqend {
		margin-top: -0.2em;
	}



	/*
	 *	extra huge quote mark example
	 *****************************************************/
	.hugeQuotes {
		margin: 2em 0;
		padding: 0;
		position: relative;
		text-indent: 4em;
		background-color: transparent;
	}

	.hugeQuotes .bqstart,
	.hugeQuotes .bqend {
		font-size: 700%;
	}

	/* apply IE specific rules first */
	.hugeQuotes .bqstart {
		text-indent: 0;
		margin: -2.4em 0 -5em 0;
		float: left;
		position: relative; /* relative positioning to stop from disappearing in IE when the blockquote has a background color - probably peek-a-boo or something */
	}

	.hugeQuotes  > .bqstart {
		/* add extra non-ie rules */
		position: absolute;
		top: -0.4em;
		left: 0;
		/* remove IE specific rules */
		float: none;
		margin: 0;

	}

	.hugeQuotes .bqend {
		position: absolute;
		margin-top: -1.2em; /* notice this is 1/2 of the start quotation mark, there may be some exponential relationship there */
		right: 0;
		text-indent: 0;
	}

	.hugeQuotes  > .bqend {
		margin-top: -0.2em;
	}