Difference between revisions of "MediaWiki:Common.css"

From RationalWiki
Jump to navigation Jump to search
(brain watermark is overkill, see Template talk:Messagebox#Some thoughts; different watermark for copyright notices)
m (looks crappy)
Line 428: Line 428:
 
.messagebox.mb-error {
 
.messagebox.mb-error {
 
   border:medium solid red;
 
   border:medium solid red;
}
 
.messagebox.mb-copyright,
 
.messagebox.mb-copyleft,
 
.messagebox.mb-nocopyright {
 
  background-image: url('http://rationalwiki.com/wiki/images/a/af/Copyright_watermark.png');
 
  background-repeat: no-repeat;
 
  background-attachment: scroll;
 
  background-position: top right;
 
 
}
 
}
 
.messagebox.mb-copyright {
 
.messagebox.mb-copyright {

Revision as of 02:20, 7 December 2009

/*
<pre>
*/
/** CSS placed here will be applied to all skins */

/*Don't display title on Main Page*/
body.page-Main_Page #siteSub,
body.page-Main_Page #contentSub,
body.page-Main_Page h1.firstHeading {
    display: none !important;
}

/*WIGO*/

/*Spacing between wigo buttons*/
.wigobutton {
  padding: 0;
}

/*wigo button effects*/
.wigobutton img {
  background-color: transparent;
  border: 1px transparent solid;
}

.wigobutton img:hover {
  background: PaleTurquoise;
  border: 1px solid grey;
  margin: 0;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
  -o-box-shadow: 0px 0px 2px #888;
  -icab-box-shadow: 0px 0px 2px #888;
  -khtml-box-shadow: 0px 0px 2px #888;
  -moz-box-shadow: 0px 0px 2px #888;
  -webkit-box-shadow: 0px 0px 2px #888;
  box-shadow: 0px 0px 2px #888;
}

.wigobutton img:active {
  background: LightGrey;
  border: 1px inset grey;
  margin: 0;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
}

/*vote distribution bar*/

.wigodistribution {
   -moz-border-radius:1px;
  -webkit-border-radius:1px;
  border-radius:1px;
  -o-box-shadow: 0px 0px 2px #888;
  -icab-box-shadow: 0px 0px 2px #888;
  -khtml-box-shadow: 0px 0px 2px #888;
  -moz-box-shadow: 0px 0px 2px #888;
  -webkit-box-shadow: 0px 0px 2px #888;
  box-shadow: 0px 0px 2px #888; 
}

.wigodistribution td {
  -webkit-transition: width 500ms ease-in-out;
  -moz-transition: width 500ms ease-in-out;
  transition: width 500ms ease-in-out;
}

/*Multichoice voting*/

.votecolumnback {
  background-color:PaleTurquoise !important;
  border:1px grey solid !important;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
  -o-box-shadow: 0px 0px 4px #888;
  -icab-box-shadow: 0px 0px 4px #888;
  -khtml-box-shadow: 0px 0px 4px #888;
  -moz-box-shadow: 0px 0px 4px #888;
  -webkit-box-shadow: 0px 0px 4px #888;
  box-shadow: 0px 0px 4px #888;
}

.votecolumnfront {
  background-color:teal !important;
  -webkit-transition: width 500ms ease-in-out;
  -moz-transition: width 500ms ease-in-out;
  transition: width 500ms ease-in-out;
}

/* For template documentation */
.template-documentation {
    clear: both;
    margin: 1em 0 0 0;
    border: 1px solid #aaa; 
    background-color: #ecfcf4;
    padding: 1em;
}

/*Make donation link stand out and look less like a menu item*/
#p-support .pBody {
  background: #FFCE7B;
  border: 1px solid #FFA500;
  margin: 0.5em;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  border-radius: 1em;
}

#p-support .pBody ul {
  list-style:none;
  text-align:center;
  margin: 0.3em 0 0 0.3em
}

#p-support .pBody a {
  font-weight: bold;
}

#p-support .pBody {
  margin-top:.5em;
}

#p-support h5 {
  display:none;
}

/*SyntaxHighlight: dashed border for <source>*/
div.mw-geshi {
  padding: 1em;
  border: 1px dashed #2fab6f;
  background-color: #F9F9F9;
}

/*[[RationalWiki:Moral Matrix]]*/
/*Highlight moral matrix selection*/
.moralmatrix .moralmatrixpoint div:target {
  border: 1px solid white;
  position: relative;
  z-index:2;
}

/*Display username for selected*/
.moralmatrix .moralmatrixpoint div:target span {
  display: inline !important;
  background:khaki;
}

/* Logo for [[Fun:RationalWikiWikiWiki]] */

body.page-Fun_RationalWikiWikiWiki #p-logo a,
body.page-Fun_talk_RationalWikiWikiWiki #p-logo a,
body.page-Fun_RationalWikiWikiWiki_Dive_Bar #p-logo a,
body.page-Fun_talk_RationalWikiWikiWiki_Dive_Bar #p-logo a { background-image: url(http://rationalwiki.com/wiki/images/8/85/RWWW.png) !important; }
body[class*="page-Fun_RationalWikiWikiWiki"] #p-logo a,
body[class*="page-Fun_talk_RationalWikiWikiWiki"] #p-logo a { background-image: url(http://rationalwiki.com/wiki/images/8/85/RWWW.png) !important; }
body.page-Fun_RationalWikiWikiWiki #siteSub,
body.page-Fun_RationalWikiWikiWiki #contentSub,
body.page-Fun_RationalWikiWikiWiki h1.firstHeading {
    display: none !important;
}

/* Logo for [[User:Javascap]] */

body.page-User_Javascap #p-logo a,
body.page-User_talk_Javascap #p-logo a { background-image: url(http://rationalwiki.com/wiki/images/e/e4/Ratibunk_wuju.PNG) !important; }
body[class*="page-User_Javascap"] #p-logo a,
body[class*="page-User_talk_Javascap"] #p-logo a { background-image: url(http://rationalwiki.com/wiki/images/e/e4/Ratibunk_wuju.PNG) !important; }

/* Logo for [[User:Mei II]] */

body.page-User_Mei_II #p-logo a,
body.page-User_talk_Mei_II #p-logo a { background-image: url(http://rationalwiki.com/wiki/images/0/0e/Dance.gif) !important; }
body[class*="page-User_Mei_II"] #p-logo a,
body[class*="page-User_talk_Mei_II"] #p-logo a { background-image: url(http://rationalwiki.com/wiki/images/0/0e/Dance.gif) !important; }

/*Display Pi's page title in Times New Roman*/
body.page-User_Π #siteSub,
body.page-User_Π #contentSub,
body.page-User_Π h1.firstHeading {
font-family:"Times New Roman";
}
body.page-User_talk_Π #siteSub,
body.page-User_talk_Π #contentSub,
body.page-User_talk_Π h1.firstHeading {
font-family:"Times New Roman";
}

/*Remove edit tab from To do list*/
.page-RationalWiki_To_do_list #ca-edit { display: none !important; }

/*Pi's subpages - this will only work in browsers that support CSS3 selectors*/
body[class*="page-User_Π"] #siteSub,
body[class*="page-User_Π"] #contentSub,
body[class*="page-User_Π"] h1.firstHeading {
font-family:"Times New Roman";
}
body[class*="page-User_talk_Π"] #siteSub,
body[class*="page-User_talk_Π"] #contentSub,
body[class*="page-User_talk_Π"] h1.firstHeading {
font-family:"Times New Roman";
}

/* intercom customization based on message group */
div.intercom-intercom-urgent {
  background: url(/wiki/images/6/69/New_logo_65px.png) center left no-repeat;
  padding-left: 80px;
  border: 1px solid #aaaaaa;
  background-color: #f9f9f9;
}

/*Fonts*/
/*
 Brock Script by Dieter Steffmann
 http://moorstation.org/typoasis/designers/steffmann/samples/b/brock.htm
 Free/not licensed
*/
/*For internet explorer, must be separate, and must be first*/
@font-face {
  font-family: "Brock Script";
  src: url("http://rationalwiki.com/wiki/images/8/84/BrockScript.eot");
}
/*For every other browser on the planet (Firefox 3.5, Opera 10, Safari 3, Chrome 2)*/
@font-face {
  font-family: "Brock Script";
  src: url("http://rationalwiki.com/wiki/images/b/be/BrockScript.ttf");
}
/*Derrington and Rochester
http://www.rogersfonts.org.uk/index.html*/
@font-face {
  font-family: "Derrington";
  src: url("http://rationalwiki.com/wiki/images/1/1f/Derrington.eot");
}
@font-face {
  font-family: "Derrington";
  src: url("http://rationalwiki.com/wiki/images/0/00/Derrington.ttf");
}
@font-face {
  font-family: "Rochester";
  src: url("http://rationalwiki.com/wiki/images/a/ae/Rochester.eot");
}
@font-face {
  font-family: "Rochester";
  src: url("http://rationalwiki.com/wiki/images/1/13/Rochester.ttf");
}
/* Phantom Hoover's sig font. */
@font-face {
  font-family: "Tengwar Formal";
  src: url("http://rationalwiki.com/wiki/images/5/5d/PHsig.eot");
}
@font-face {
  font-family: "Tengwar Formal";
  src: url("http://rationalwiki.com/wiki/images/9/9c/PHsig.ttf");
}

/*Spacing between wigo buttons*/
.wigobutton {
  margin:.1em;
}

/* wikitable/prettytable class for skinning normal tables */

table.wikitable,
table.prettytable {
  margin: 1em 1em 1em 0;
  background: #f9f9f9;
  border: 1px #aaaaaa solid;
  border-collapse: collapse;
}

table.wikitable th, table.wikitable td,
table.prettytable th, table.prettytable td {
  border: 1px #aaaaaa solid;
  padding: 0.2em;
}

table.wikitable th,
table.prettytable th {
  background: #f2f2f2;
  text-align: center;
}

table.wikitable caption,
table.prettytable caption {
  margin-left: inherit;
  margin-right: inherit;
}

/* Infobox template style */

.infobox {
   border: 1px solid #aaaaaa;
   background-color: #f9f9f9;
   color: black;
   margin-bottom: 0.5em;
   margin-left: 1em;
   padding: 0.2em;
   float: right;
   clear: right;
}
.infobox td,
.infobox th {
   vertical-align: top;
}
.infobox caption {
   font-size: larger;
   margin-left: inherit;
}
.infobox.bordered {
   border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
   border: 1px solid #aaaaaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
   border: 0;
}

.infobox.sisterproject {
   width: 20em;
   font-size: 90%;
}

/*Add formatting to make sure that "external references" from [[Template:Ref]] do
  not get URL expansion, not even when printed. The mechanism up to MediaWiki 1.4 was
  that the HTML code contained a SPAN following the anchor A; this SPAN had the class
  "urlexpansion", which was not displayed on screen, but was shown when the medium was
  "print". The rules below ensure (a) that there is no extra padding to the right of
  the anchor (displayed as "[<number>]"), (b) that there is no "external link arrow" for
  the link, and (c) that this SPAN of class "urlexpansion" is never shown.
  ~~~~
*/

.plainlinksneverexpand {
  background: none ! important;
  padding: 0 ! important;
}

.plainlinksneverexpand .urlexpansion {
  display: none ! important;
}

/* Make sure that ext links displayed within "plainlinksneverexpand" don't get
   the arrow...
*/
.plainlinksneverexpand a {
   background: none !important;
   padding: 0 !important;
}

/* With MediaWiki 1.5, the mechanism has changed: instead of a SPAN of class "urlexpansion"
   following the anchor A, the anchor itself now has class "external autonumber" and the
   expansion is inserted when printing (see the common printing style sheet at
   http://en.wikipedia.org/skins-1.5/common/commonPrint.css) using the ":after" pseudo-
   element of CSS. We have to switch this off for links due to Template:Ref!
   ~~~~
*/
.plainlinksneverexpand a.external.text:after {
  display: none !important;
}
.plainlinksneverexpand a.external.autonumber:after {
  display: none !important;
}

/* Messagebox templates */

.messagebox {
   border: thin solid #aaa;
   margin: .5em auto;
   background-color: #f9f9f9;
   width: 80%
}

.messagebox.mb-brainwatermark-light {
  background-image: url('http://rationalwiki.com/wiki/images/b/be/Brain_watermark_light.png');
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: bottom right;
}

.messagebox.mb-brainwatermark-dark {
  background-image: url('http://rationalwiki.com/wiki/images/f/fe/Brain_watermark.png');
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: bottom right;
}

/*
prevent inheriting border from wikitable/prettytable
the next two rules override padding
*/
table.messagebox td, table.messagebox th {
  border: none;
}

table.messagebox td.mb-image {
  padding: 2px 0 2px 0.9em;
  white-space: nowrap;
}

table.messagebox td.mb-text {
  padding: 0.25em 0.9em;
  width:100%;
}

/*
Fix white background on math level templates if math is rendered as html in a table
*/
table.messagebox td.mb-image span.texhtml table {
  background: transparent;
}

.messagebox.mb-warning,
.messagebox.mb-warning-orange {
  border:medium solid orange;
}
.messagebox.mb-warning-red {
  border:medium solid red;
}
.messagebox.mb-info,
.messagebox.mb-question {
  border:thin solid DodgerBlue;
}
.messagebox.mb-error {
  border:medium solid red;
}
.messagebox.mb-copyright {
  border:thin solid red;
}
.messagebox.mb-copyleft {
  border:thin solid green;
}
.messagebox.mb-stop {
   border:medium dashed red;
}
.messagebox.fullwidth,
.messagebox.mb-fullwidth {
  width:100%;
}
.messagebox.mb-autowidth {
  width:auto;
}
table.messagebox.mb-autowidth td.mb-text {
  width:auto;
}
.messagebox.mb-nomargin {
  margin-left:0;
  margin-right:0;
}

.messagebox.mothball {
  background-color: #FFC;
}

.messagebox.mb-welcome {
  background-color: #fff0ff;
}

.messagebox.mb-delete {
  background-color: black;
  color:white;
}
.messagebox.mb-delete a {
  color:cyan;
}
table.messagebox.mb-centered td.mb-text {
  text-align: center;
}
.archive {
   background-color:#d0f0c0;
}

.messagebox.m0 {
   background-color:#7535CB;
}
.messagebox.m1 {
   background-color:#65CF31;
}
.messagebox.m2 {
   background-color:#CBCF00;
}
.messagebox.m3 {
   background-color:#bb0000;
}
.messagebox.mEd {
   background-color:#d0e0e0;
}

.messagebox.parody {
   background-color:#ffff60;
   border:thin solid black;
}

/* Highlight clicked reference in blue to help navigation */
ol.references > li:target {
    background-color: #DEF;
}
 
sup.reference:target { 
    background-color: #DEF;
}

.secondary-link-colour-scheme a:link { color: #33FF33 !important; text-decoration: none; }
.secondary-link-colour-scheme a:visited { color: #ffff33 !important; text-decoration: none; }
.secondary-link-colour-scheme a:active { text-decoration: none; }
.secondary-link-colour-scheme a:hover { text-decoration: underline; }
.secondary-link-colour-scheme td {background-color:black; color:white}
.secondary-link-colour-scheme td {outline-color:black;}

#bottom_fade {
        width:100%;
        background-image: url("http://rationalwiki.com/wiki/images/1/1d/Bf.png");
}

/*
</pre>
*/