The Rocklopedia Fakebandica now has a podcast.
Listen now!

Difference between revisions of "MediaWiki:Common.css"

From Rocklopedia Fakebandica
Jump to navigationJump to search
 
(118 intermediate revisions by the same user not shown)
Line 43: Line 43:
 
border-top-right-radius:0.4em;
 
border-top-right-radius:0.4em;
 
border-bottom-right-radius:0.4em;
 
border-bottom-right-radius:0.4em;
 +
}
 +
/*Blockquote variants below */
 +
/*Blue box with black quote */
 +
/*
 +
blockquote {
 +
font-family:"grad-1","grad-2",Times,serif;
 +
        font-size:1.1em;
 +
padding:20px 20px 10px 30px;
 +
margin-bottom:10px;
 +
        width:700px;
 +
        border: 2px solid #dee4f5;
 +
      background:#79c3d8;
 +
      -moz-border-radius: 0.6em;
 +
      -moz-border-radius: 0.6em;
 +
      -webkit-border-radius: 0.4em;
 +
}
 +
blockquote:before {
 +
      display: block;
 +
      position:relative;
 +
      font-size: 800%;
 +
      width: 50px;
 +
      content: '\2018\2018';
 +
      height: 0;
 +
      margin-left: -0.55em;;
 +
      top:.2em;
 +
      letter-spacing:-.1em;
 
}
 
}
  
blockquote {
+
blockquote[cite]:after {
margin: 1em 0;
+
      display: block;
padding: 0;
+
      text-align: right;
position: relative;
+
      content: "\2014\ " attr(cite);
text-indent: 2em;
+
      font-style: italic;
background-color: #F0F1F6;
+
      font-size: .9em;
}
+
    }
 +
*/
 +
/* Simpler version with no blue box and blue quotes */
  
.bqstart,
+
blockquote {
.bqend { font-size: 300%; }
+
font-family:"grad-1","grad-2",Times,serif;
 +
        font-size:1.1em;
 +
padding:20px 20px 10px 50px;
 +
margin-bottom:10px;
 +
        width:700px;
 +
}
 +
blockquote:before {
 +
      display: block;
 +
      position:relative;
 +
      font-size: 800%;
 +
      width: 50px;
 +
      font-family: ‘Times New Roman’, Times, serif;
 +
      content: '\201C';
 +
      height: 0;
 +
      margin-left: -0.35em;;
 +
      top:30px;
 +
      letter-spacing:-15px;
 +
      color:#79c3d8;
 +
      z-index:-1;
 +
}
  
/* apply IE specific rules first */
+
blockquote[cite]:after {
.bqstart {
+
      display: block;
text-indent: 0;
+
      text-align: right;
margin: -0.6em 0 -2em 0;
+
      content: "\2014\ " attr(cite);
float: left;
+
      font-style: italic;
position: relative; /* relative positioning to stop from disappearing in IE when the blockquote has a background color - probably peek-a-boo or something */
+
      font-size: .9em;
}
+
    }
  
blockquote > .bqstart {
+
/* This allows for the center area to be a minimum size (when min-height:450px; is added to content), but it doesn't seem to work with classic skin
/* add extra non-ie rules */
+
#catlinks {
position: absolute;
+
    position: absolute;
top: -0.2em;
+
    bottom: 10px;
left: 0;
+
    left:10px;
/* remove IE specific rules */
+
    right:10px;
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;
 
}
 

Latest revision as of 05:42, 20 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 variants below */
/*Blue box with black quote */
/*
blockquote {
	font-family:"grad-1","grad-2",Times,serif;
        font-size:1.1em;
	padding:20px 20px 10px 30px;
	margin-bottom:10px;
        width:700px;
        border: 2px solid #dee4f5;
       background:#79c3d8;
       -moz-border-radius: 0.6em; 
       -moz-border-radius: 0.6em; 
       -webkit-border-radius: 0.4em; 
}
blockquote:before {
       display: block;
       position:relative;
       font-size: 800%;
       width: 50px;
       content: '\2018\2018';
       height: 0;
       margin-left: -0.55em;;
       top:.2em;
      letter-spacing:-.1em;
}

blockquote[cite]:after {
       display: block;
       text-align: right;
      content: "\2014\ " attr(cite);
      font-style: italic;
      font-size: .9em;
    }
*/
/* Simpler version with no blue box and blue quotes */

blockquote {
	font-family:"grad-1","grad-2",Times,serif;
        font-size:1.1em;
	padding:20px 20px 10px 50px;
	margin-bottom:10px;
        width:700px;
}
blockquote:before {
       display: block;
       position:relative;
       font-size: 800%;
       width: 50px;
       font-family: ‘Times New Roman’, Times, serif;
       content: '\201C';
       height: 0;
       margin-left: -0.35em;;
       top:30px;
      letter-spacing:-15px;
      color:#79c3d8;
      z-index:-1;
}

blockquote[cite]:after {
       display: block;
       text-align: right;
      content: "\2014\ " attr(cite);
      font-style: italic;
      font-size: .9em;
    }

/* This allows for the center area to be a minimum size (when min-height:450px; is added to content), but it doesn't seem to work with classic skin
#catlinks {
     position: absolute;
     bottom: 10px;
     left:10px;
     right:10px;
}
*/