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 45: Line 45:
 
}
 
}
  
−
blockquote {
+
blockquote {
−
    position: relative;
+
margin: 1em 0;
−
    text-indent: 2em;
+
padding: 0;
−
}
+
position: relative;
−
+
text-indent: 2em;
−
.bqstart,
+
background-color: #F0F1F6;
−
.bqend { font-size: 300%; }
+
}
−
+
 
−
/* apply IE specific rules first */
+
.bqstart,
−
.bqstart {
+
.bqend { font-size: 300%; }
−
    text-indent: 0;
+
 
−
    margin: -0.6em 0 -2em 0;
+
/* apply IE specific rules first */
−
    float: left;
+
.bqstart {
−
}
+
text-indent: 0;
−
+
margin: -0.6em 0 -2em 0;
−
blockquote> .bqstart {
+
float: left;
−
    /* add extra non-IE rules */
+
position: relative; /* relative positioning to stop from disappearing in IE when the blockquote has a background color - probably peek-a-boo or something */
−
    position: absolute;
+
}
−
    top: -0.2em;
+
 
−
    left: 0;
+
blockquote > .bqstart {
−
    /* remove IE specific rules */
+
/* add extra non-ie rules */
−
    float: none;
+
position: absolute;
−
    margin: 0;
+
top: -0.2em;
−
}
+
left: 0;
−
+
/* remove IE specific rules */
−
.bqend {
+
float: none;
−
    position: absolute;
+
margin: 0;
−
    margin-top: -0.6em;
+
 
−
    right: 0;
+
}
−
    text-indent: 0;
 
−
}
 
−
 
−
blockquote> .bqend {
 
−
    margin-top: -0.2em;
 
−
}
 
  
 +
.bqend {
 +
position: absolute;
 +
margin-top: -0.6em;
 +
right: 0;
 +
text-indent: 0;
 +
}
 +
 +
blockquote > .bqend {
 +
margin-top: -0.2em;
 +
}
 +
 +
 +
 +
/*
 +
* extra huge quote mark example
 +
*****************************************************/
 
.hugeQuotes {
 
.hugeQuotes {
 
margin: 2em 0;
 
margin: 2em 0;
Line 121: Line 131:
  
 
.hugeQuotes  > .bqend {
 
.hugeQuotes  > .bqend {
 +
margin-top: -0.2em;
 +
}
 +
 +
/*
 +
* extra huge quote mark example
 +
* with background colour, we have to account for the
 +
* size of the quotation marks
 +
*****************************************************/
 +
.hugeQuotesTwo {
 +
margin: 2em 0;
 +
padding: 1em 0;
 +
position: relative;
 +
text-indent: 4em;
 +
background-color: #F0F1F6;
 +
}
 +
 +
.hugeQuotesTwo .bqstart,
 +
.hugeQuotesTwo .bqend {
 +
font-size: 700%;
 +
}
 +
 +
/* apply IE specific rules first */
 +
.hugeQuotesTwo .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 */
 +
}
 +
 +
.hugeQuotesTwo  > .bqstart {
 +
/* add extra non-ie rules */
 +
position: absolute;
 +
top: -0.2em;
 +
left: 0;
 +
/* remove IE specific rules */
 +
float: none;
 +
margin: 0;
 +
 +
}
 +
 +
.hugeQuotesTwo .bqend {
 +
position: absolute;
 +
margin-top: -1.4em;
 +
right: 0;
 +
text-indent: 0;
 +
}
 +
 +
.hugeQuotesTwo  > .bqend {
 
margin-top: -0.2em;
 
margin-top: -0.2em;
 
}
 
}

Revision as of 18:16, 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;
		background-color: #F0F1F6;
	}

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

	/*
	 * extra huge quote mark example
	 * with background colour, we have to account for the
	 * size of the quotation marks
	 *****************************************************/
	.hugeQuotesTwo {
		margin: 2em 0;
		padding: 1em 0;
		position: relative;
		text-indent: 4em;
		background-color: #F0F1F6;
	}

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

	/* apply IE specific rules first */
	.hugeQuotesTwo .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 */
	}

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

	}

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

	.hugeQuotesTwo  > .bqend {
		margin-top: -0.2em;
	}
Retrieved from "https://www.fakebands.com/wiki/index.php?title=MediaWiki:Common.css&oldid=3101"