Difference between revisions of "MediaWiki:Common.css"

Latest revision as of 00:57, 23 March 2014

/* CSS placed here will be applied to all skins */

.navbox .collapseButton {/* In navboxes, the show/hide button balances */
width: 6em;/* the vde links from [[Template:Tnavbar]], */
}/* so they need to be the same width. */

.textlight 
{
   color:#ffffff;
}


/* gotten from wikibound http://wikibound.info/MediaWiki:Common.css on 2/16/2010 */
.roundy { border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; -icab-border-radius: 20px; -o-border-radius: 20px; }

.roundytl { border-top-left-radius: 20px; -moz-border-radius-topleft: 20px; -webkit-border-top-left-radius: 20px; -khtml-border-top-left-radius: 20px; -icab-border-top-left-radius: 20px; -o-border-top-left-radius: 20px; }

.roundytr { border-top-right-radius: 20px; -moz-border-radius-topright: 20px; -webkit-border-top-right-radius: 20px; -khtml-border-top-right-radius: 20px; -icab-border-top-right-radius: 20px; -o-border-top-right-radius: 20px; }

.roundybl { border-bottom-left-radius: 20px; -moz-border-radius-bottomleft: 20px; -webkit-border-bottom-left-radius: 20px; -khtml-border-bottom-left-radius: 20px; -icab-border-bottom-left-radius: 20px; -o-border-bottom-left-radius: 20px; }

.roundybr { border-bottom-right-radius: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-bottom-right-radius: 20px; -khtml-border-bottom-right-radius: 20px; -icab-border-bottom-right-radius: 20px; -o-border-bottom-right-radius: 20px; }

.roundybottom { border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; -moz-border-radius-bottomleft: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-bottom-left-radius: 20px; -webkit-border-bottom-right-radius: 20px; -khtml-border-bottom-left-radius: 20px; -khtml-border-bottom-right-radius: 20px; -icab-border-bottom-left-radius: 20px; -icab-border-bottom-right-radius: 20px; -o-border-bottom-left-radius: 20px; -o-border-bottom-right-radius: 20px; }

.roundytop { border-top-left-radius: 20px; border-top-right-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-topright: 20px; -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px; -khtml-border-top-left-radius: 20px; -khtml-border-top-right-radius: 20px; -icab-border-top-left-radius: 20px; -icab-border-top-right-radius: 20px; -o-border-top-left-radius: 20px; -o-border-top-right-radius: 20px; }

.roundyleft { border-top-left-radius: 20px; border-bottom-left-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-bottomleft: 20px; -webkit-border-top-left-radius: 20px; -webkit-border-bottom-left-radius: 20px; -khtml-border-top-left-radius: 20px; -khtml-border-bottom-left-radius: 20px; -icab-border-top-left-radius: 20px; -icab-border-bottom-left-radius: 20px; -o-border-top-left-radius: 20px; -o-border-bottom-left-radius: 20px; }

.roundyright { border-bottom-right-radius: 20px; border-top-right-radius: 20px; -moz-border-radius-bottomright: 20px; -moz-border-radius-topright: 20px; -webkit-border-bottom-right-radius: 20px; -webkit-border-top-right-radius: 20px; -khtml-border-bottom-right-radius: 20px; -khtml-border-top-right-radius: 20px; -icab-border-bottom-right-radius: 20px; -icab-border-top-right-radius: 20px; -o-border-bottom-right-radius: 20px; -o-border-top-right-radius: 20px; }



/*InterProject: gotten from http://en.wiktionary.org/wiki/MediaWiki:Common.css on 10/16/2010 */
 
.interProject {
   display:none; 
   clear: both; 
   border-top: 2px dotted #AAAAAA; 
   margin-top: 2em;
}

/* gotten from http://www.ssbwiki.com/MediaWiki:Common.css on 1/16/2010 */

/* Small reference list */
ol.references {
   font-size: 100%;
}
 
.references-small { font-size: 90%;}
 a
/* VALIDATOR NOTICE: the following is correct, but the W3C validator doesn't accept it */
/* -moz-* is a vendor-specific extension (CSS 2.1 4.1.2.1) */
/* column-count is from the CSS3 module "CSS Multi-column Layout" */
/* Please ignore any validator errors caused by these two lines */
.references-2column {
  font-size: 90%;
  -moz-column-count:2;
  column-count:2;
}
 
.same-bg { background: none }

 /* --- TABLE DESIGNS --- */
 
/* default skin for navigation boxes */
table.navbox {            /* navbox container style */
  border: 1px solid #aaa;
  width: 100%; 
  margin: auto;
  clear: both;
  font-size: 88%;
  text-align: center;
  padding: 1px;
}
table.navbox + table.navbox {
  margin-top: -1px;        /* single pixel border between adjacent navboxes (doesn't work for IE6, but that's okay) */
}
.navbox-title, .navbox-abovebelow, table.navbox th {
  text-align: center;      /* title and above/below styles */
  padding-left: 1em;
  padding-right: 1em;
}
.navbox-group {           /* group style */
  white-space: nowrap;
  text-align: right;
  font-weight: bold;
  padding-left: 1em;
  padding-right: 1em;
}
.navbox, .navbox-subgroup {
  background: #fdfdfd;     /* Background color */
}
.navbox-list {
  border-left: 2px solid #fdfdfd;   /* Must match background color */
}
.navbox-title, table.navbox th {
  background: #ccccff;     /* Level 1 color */
}
.navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title {
  background: #ddddff;     /* Level 2 color */
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
  background: #e6e6ff;     /* Level 3 color */
}
.navbox-even {
  background: #f7f7f7;     /* Even row striping */
}
.navbox-odd {
  background: transparent; /* Odd row striping */
}
 
@media print {
    .navbox {
        display: none;
    }
}

.nowraplinks a { /* prevents line breaks in links in primarily navbox */
    white-space: nowrap;
}

/* Light gray highlight on stuff */
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, #wpOldTitle:focus, #wpReason:focus, #wpSummary:focus, #searchInput:focus {
    background: #F9F9F9
}

/* Display text below main article header, located at MediaWiki:tagline */
#siteSub {
    display: inline;
    font-size: 92%;
    font-weight: normal;
}

/*****************************************************************************
 * Colored usernames for admins in the recent changes. inactive admins have been removed.      *
 ***************************************************************************** /

/* 
* Bulbapedia 
*/

/* Archaic */ 
table.diff a[title="User:Archaic"], ul#pagehistory li a[title="User:Archaic"], ul.special li a[title="User:Archaic"] { color: #3E7614; }

/* 
* Lylat Wiki
*/

/* Tacopill */
table.diff a[title="User:Tacopill"], ul#pagehistory li a[title="User:Tacopill"], ul.special li a[title="User:Tacopill"]{ color: #524AC2; }



/* Gotten from http://starfoxwiki.org/MediaWiki:Common.css on 1/16/2011  */

/* CSS placed here will be applied to all skins */

<pre><nowiki> 
/* taken from http://www.grifkuba.org/main/wiki/index.php?title=MediaWiki:Common.css on Friday, February 26th, 2010 */

 

 /***** SOME OTHER SMALL THINGS *****/
 
 /* Give a bit of space to the TOC */
 
 #toc { margin: 1em 0; }
 
 /* Marking redirects in Special:Allpages*/
 
 .allpagesredirect { font-style: italic; }
 
 .watchlistredir { font-style: italic; }
 
 /* Bug 1583 Printing of thumbnails */
 
 div.tright { clear: right; }
 
 /* SideBoxes ([[:de:Wikipedia:TownBox|TB]]) */
 
 div.sideBox {
 	position: relative;
 	float: right;
 	background: white;
 	margin-left: 1em;
 	border: 1px solid gray;
 	padding: 0.3em;
 	width: 200px;
 	overflow: hidden;
 	clear: right;
 }
 div.sideBox dl {
 	padding: 0;
 	margin: 0 0 0.3em 0;
 	font-size: 96%;
 }
 div.sideBox dl dt {
 	background: none;
 	margin: 0.4em 0 0 0;
 }
 div.sideBox dl dd {
 	margin: 0.1em 0 0 1.1em;
 	background-color: #f3f3f3;
 }
 
/* Major warning - used on the main page template to warn against editing carelessly, but can be used elsewhere as well */
.majorwarning {
background: yellow; 
padding: 0.3em; 
text-align: center; 
font-size: 125%; 
border: 2px solid red;
}
 
 
/** GENERAL PURPOSE PRETTY TABLES */
table.datatable {
	background-color: transparent;
        font-size: 14px;
}
table.datatable th, table.datatable td {
	padding: 4px;
        font-family: monospace;
        width:25%
}
table.datatable th {
	text-align: left;
	background-color: #999999;
}
table.datatable tr {
	background-color: #CCCCCC;
}
table.datatable tr:hover {
	background-color: #FFFFCC;
}
 
table.datatable td
{
  text-align:right;
}



/* wikitable/prettytable class for skinning normal tables */
table.wikitable,
table.prettytable {
margin: 1em 1em 1em 0;
background: #f9f9f9;
/*border: 1px #aaa solid;*/
border-collapse: collapse;
empty-cells:show;
}
 
table.wikitable th, table.wikitable td,
table.prettytable th, table.prettytable td {
/*border: 1px #aaa solid;*/
padding: 0.2em 0.4em;
}
 
table.wikitable th, table.wikitable td.hl3, table.wikitable th.hl3,
table.prettytable th, table.prettytable td.hl3, table.wikitable th.hl3 {
background: #8da7d6;
text-align: center;
}
 
table.wikitable td.hl1, table.wikitable th.hl1,
table.prettytable td.hl1, table.wikitable th.hl1 {
background: #c5d8fc;
text-align: center;
}
 
table.wikitable td.hl2, table.wikitable th.hl2,
table.prettytable td.hl2, table.wikitable th.hl2 {
background: #a7c1f2;
text-align: center;
}
 
table.wikitable caption,
table.prettytable caption {
margin-left: inherit;
margin-right: inherit;
font-weight: bold;
}
 
 
/** Sidebar External Links **/
 
#n-browse-cvs a, #n-phpdoc a, #n-Mailing-list a {
	background: url(/skins-1.5/monobook/external.png) center right no-repeat;
	padding-right: 13px;
	color: #36b;
}
 
/* make the list of references look smaller */
ol.references {
 font-size: 100%;
}
 
.references-small { font-size: 90%;}
 
/* prevent ugly horizontal page expansion */
pre { overflow: auto; }
 
/*** More whitespace on search page ***/
.page-Special_Search #search {
padding: 1em 0 2em 0;
}
 
.page-Special_Search #powersearch {
border: 1px solid #CCCCCC;
padding: 0.5em 0.5em;
}
 
.page-Special_Search #powersearch-namespaces {
padding-left: 1em;
margin: 0.7em 0;
}
 
.page-Special_Search #powersearch-namespaces label {
white-space: nowrap;
min-width: 8.4em;
display: block;
float: left;
}
 
/* Clear search button, but not check-boxes: */
.page-Special_Search br {
clear: left;
}
 
/**
 * Cute little "tip" boxes
 */
div.tip {
padding: 4px;
margin-top: 4px;
margin-bottom: 4px;
min-height: 30px; /* IE users will hate this... */
}
div.tip-info {
border: 1px solid #CC9933;
background-color: #CCCC99;
}
div.tip-gotcha {
border: 1px solid #CC0000;
background-color: #CC6666;
}
 
/* Some styling for special page navigation */
 
.sp-cached {
background-image: url(http://upload.wikimedia.org/wikipedia/commons/thumb/8/8c/Clock%20and%20warning.svg/20px-Clock%20and%20warning.svg);
background-position: 5px 3px;
background-repeat: no-repeat;
padding: 4px 0 4px 30px;
font-style: italic;
color: #606000;
margin: 0.3em 0;
 
border: 1px solid #EEEE80;
background-color: #FFFFE0;
}
 
.SpecialPageInfo {
background-color: #f9f9f9;
background-image: url(http://upload.wikimedia.org/wikipedia/commons/thumb/8/89/Exquisite-khelpcenter.png/35px-Exquisite-khelpcenter.png);
background-position: 0.8em 0.5em;
background-repeat: no-repeat;
 
padding: 0.3em 0.5em 0.3em 5.0em;
 
border-color: #025e9d; 
border-width: 1px; 
border-style: solid;
border-bottom-width: medium;
 
margin-bottom: 1em;
}
 
#searchresulttext {
background-image: url(http://upload.wikimedia.org/wikipedia/commons/thumb/f/f1/Exquisite-kfind.png/45px-Exquisite-kfind.png);
}
 
.mw-viewprevnext {
display: block;
border: 1px solid #CCCCCC;
background-color: #F9F9F2;
padding: 0.2em 0.4em;
}

/* Page headings used throughout the wiki (though not very much at the time of writing...) */ 
.page-notice, .page-warning {
border-width: 1px; 
border-style: solid;
 
padding: 0.3em 0.5em;
margin-bottom: 1em;
 
width: 80%; 
margin-left: auto; 
margin-right: auto; 
 
text-align: center;
}
 
/* Used to add informative notices to the top of pages - BLUE */
.page-notice {
background-color: #f9f9f9;
border-color: #025e9d; 
text-align: left;
}
 
/* Used to add warning information to the top of pages - RED */
.page-warning {
background-color: #ffffff;
border-color: #c51919;
border-width: 2px;
}
 
.pw-head {
color: #c51919;
font-weight: bold;
}

/* extra buttons for edit dialog */
/* from commons:MediaWiki:Common.css */
 
.my-buttons {
 padding: 0.5em;
 }
.my-buttons a {
 color: black;
 background-color: #ccddee !important;
 font-weight: bold;
 font-size: 0.9em;
 text-decoration: none;
 border: thin #006699 outset;
 padding: 0 0.1em 0.1em 0.1em;
 }
.my-buttons a:hover, .my-buttons a:active {
 background-color: #bbccdd;
 border-style: inset;
 }
 
/* from [[User:Splarka/Help:Linked images]] */
.imagelink_wikilogo a {
width:135px;
height:135px;
display:block;
text-decoration:none;
background-image: url("http://upload.wikimedia.org/wikipedia/mediawiki/b/bc/Wiki.png") 
}

<!-- HELP CAME FROM: 
http://www.daniweb.com/forums/thread8193.html, 
http://theodorakis.net/tablecentertest.html
http://www.computerhope.com/htmcolor.htm
-->

<!--http://www.homeandlearn.co.uk/CSS/css1p8.html, http://w3schools.com/css/css_examples.asp--!>
/*this is for tages only*/


table.outside, td.outside, th.outside, div.outside
{
background:#000000;
text-align:center;
align:center;

}

td.art
{
background:#000000;
 color:#FFFF00;
align:center;
}

td.wikirelated
{
background:#000000;
 color:#FF00FF;
text-align:center;
}

td.writing 
{
background:#000000;
 color:#00FFFF;
}

td.general
{
background:#000000;
 color:#FFFFFF;
text-align:center;
}

table.article, div.article, td.article, span.article
{
border: medium double #660000
}

table.file, div.file, td.file, span.file
{
border: medium double #006600
}


table.category, div.category, td.category, span.category
{
border: medium double #000066
}


table.template, div.template, td.template, span.template
{
border: medium double #008080
}

table.special, div.special, td.special
{
border: medium double #666666;
}

table.newsletter
{
border: medium double #666666;
align: right;
}

div.newsletter td
{
border: medium single #666666;
}

/* http://en.wikipedia.org/wiki/MediaWiki:Common.css - June 6th, 2009 */

/* Default skin for navigation boxes */
table.navbox {/* Navbox container style */
border: 1px solid #aaa;
width: 100%; 
margin: auto;
clear: both;
font-size: 88%;
text-align: center;
padding: 1px;
}
table.navbox + table.navbox {/* Single pixel border between adjacent navboxes */
margin-top: -1px;/* (doesn't work for IE6, but that's okay) */
}
.navbox-title,
.navbox-abovebelow,
table.navbox th {
text-align: center;/* Title and above/below styles */
padding-left: 1em;
padding-right: 1em;
}
.navbox-group {/* Group style */
white-space: nowrap;
text-align: right;
font-weight: bold;
padding-left: 1em;
padding-right: 1em;
}
.navbox, .navbox-subgroup {
background: #fdfdfd; /* Background color */
}
.navbox-list {
border-color: #fdfdfd; /* Must match background color */
}
.navbox-title,
table.navbox th {
background: #ccccff; /* Level 1 color */
}
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
background: #ddddff; /* Level 2 color */
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
background: #e6e6ff; /* Level 3 color */
}
.navbox-even {
background: #f7f7f7; /* Even row striping */
}
.navbox-odd {
background: transparent; /* Odd row striping */
}

.navbox .collapseButton {/* In navboxes, the show/hide button balances */
width: 6em;/* the vde links from [[Template:Tnavbar]], */
}/* so they need to be the same width. */
 
/*
.subportal
{
border-style:medium dotted #ff00ff;
border-bottom:thick dotted #ffff00;
}

.c1
{
 border-style:medium dotted #00ff00;
border-bottom:thick dotted #ff0000;
}

.c2
{

}
*/

table.subportal {
	border-width: 2px 2px 2px 2px;
	border-spacing: 2px 2px 2px 2px;
	border-style: solid solid solid solid;
	border-color: green green green green;
	border-collapse: separate;
	background-color: rgb(255, 255, 240);
}


tr.subportalheading th, tr.subportalheading td {
	border-width: 2px 2px 2px 2px;
	padding: 0.2em 1em 0em 1em !important;
	border-color: blue blue blue blue;
	background-color: rgb(250, 240, 230);
	width:15%;
}

tr.subportalheading th {
	border-style: solid solid solid solid;
	-moz-border-radius: 3px 3px 3px 3px;
}
tr.subportalheading td{
	border-style: dashed dashed dashed dashed;
	text-align: center;
	-moz-border-radius: 0px 0px 0px 0px;
}

td.subportalcell
{
	border-width: 0px 0px 0px 0px;
	border-style: dashed dashed dashed dashed;
	border-color: blue blue blue blue;
	background-color: rgb(250, 240, 230);
        padding: 0px 4px 4px 4px;
}

/* help came from http://www.w3schools.com/css/pr_border-bottom.asp, http://www.w3schools.com/html/html_tables.asp, http://www.somacon.com/p141.php, http://www.quackit.com/html/tags/html_div_tag.cfm*/

/* documentation colors inpried by kuler user greenredVendormate */

div.documentation
{
 border:1px solid black;
 border-color: rgb(161, 49, 0);
 background-color: rgb(139, 169, 69);
 text-align:center;
}


table.documentation th
{
 background-color: rgb(255, 121, 30);
}

table.documentation td
{
 text-align:left;
}
table.center 
{ 
margin-left: auto;
margin-right: auto;
}

table.project_table th a, span.project a
{
color:#FFD100;
font-family : Courier;
}

.project_table a:hover, .Project a:hover
{
color:#FFD100;
}


table.sidebar 
{
 align:right;
 width:25%;
}




/*InterProject: gotten from http://en.wiktionary.org/wiki/MediaWiki:Common.css on 10/16/2010 */   
.interProject 
{
    display:none;
     clear: both;
     border-top: 2px dotted #AAAAAA;
     margin-top: 2em; 
}


div.userbox, table.userbox
{
   margin-left:auto;
   padding-left:25px;
   padding-right:25px;
   border:#666666 dotted thick;
   background: #f8f8f8; *gotten from BP*
   width:500px;
   text-align:right;
   float:right;
}


div.userbox table
{
   text-align:center;
}

table.userboxtable th
{
   background:#A9A9A9;
   border:2px dotted #2F4F4F;
}


table.userboxtable td
{
   background:#ffffff;
   border:2px dotted #2F4F4F;
}

table.counter td, table.counter th
{
   border:none;
   background:none;
}

.zeldawiki
{
 cursor:url('http://niwanetwork.org/wiki/images/thumb/5/56/Zelda_Wiki_logo.png/40px-Zelda_Wiki_logo.png'), pointer;
}


.triforce
{
  cursor:url('http://zeldawiki.org/images/8/80/Triforce_Logo.png'), pointer;
}

div#Legend_of_Zelda a
{
 color:#E6ED79;
}

div#Metroid a
{
 color:#93D435;
}