The Rocklopedia Fakebandica now has a podcast.
Listen now!

Difference between revisions of "MediaWiki:Common.css"

From Rocklopedia Fakebandica
Jump to navigationJump to search
Line 80: Line 80:
 
     margin-top: -0.2em;
 
     margin-top: -0.2em;
 
}
 
}
 +
 +
.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;
 +
}

Revision as of 18:13, 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 {
    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;
}
 
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;
}

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