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 {
margin: 1em 0;
+
display: block;
padding: 0;
+
padding: 0 60px;
position: relative;
+
width: 350px;
text-indent: 2em;
+
}
line-height: 120%;
+
blockquote:before, blockquote:after {
background : rgba(255, 255, 255, 0.75); border-left : 10px solid rgb(170, 178, 192); padding : 15px 10px 15px 18px; margin-bottom: 18px;
+
color: #69c;
}
+
display: block;
 +
font-size: 700%;
 +
width: 50px;
 +
}
 +
blockquote:before {
 +
content: '\201C';
 +
height: 0;
 +
margin-left: -0.55em;
 +
}
  
.bqstart,
+
blockquote:after {
.bqend { font-size: 300%; }
+
content: '\201D';
 
+
height: 50px;
/* apply IE specific rules first */
+
margin-top: -70px;
.bqstart {
+
margin-left: 360px;
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;
 
}
 

Revision as of 17:30, 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 {
display: block;
padding: 0 60px;
width: 350px;
}
blockquote:before, blockquote:after {
color: #69c;
display: block;
font-size: 700%;
width: 50px;
}
blockquote:before {
content: '\201C';
height: 0;
margin-left: -0.55em;
}

blockquote:after {
content: '\201D';
height: 50px;
margin-top: -70px;
margin-left: 360px;
}