The Rocklopedia Fakebandica now has a podcast.
Listen now!

Difference between revisions of "MediaWiki:Common.css"

From Rocklopedia Fakebandica
Jump to navigationJump to search
 
(158 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
/* CSS placed here will be applied to all skins */
 
/* CSS placed here will be applied to all skins */
 
body.page-Main_Page h1.firstHeading { display:none; }
 
body.page-Main_Page h1.firstHeading { display:none; }
body{ background: #e1e1e1 url("Background.png") 0px 0px no-repeat; }
+
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;
 +
}
 +
*/

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;
}
*/