MediaWiki:Common.css: Difference between revisions

From Wikifang, a definitive guide to Telefang, Dino Device and Bugsite
Jump to navigation Jump to search
No edit summary
No edit summary
 
(287 intermediate revisions by 4 users not shown)
Line 1: Line 1:
/***** CSS placed here will be applied to all skins on the entire site. *****/
/* Affiliates */
/* See also: [[MediaWiki:Monobook.css]] */
#p-affiliates_and_friends li, #p-affiliates_and_friends a {
/* <pre> */
  min-height:11px; display: inline-block; list-style:none; margin:0; padding:0;}
#p-affiliates_and_friends a {
  font-size:10px; 100%; background-repeat:no-repeat !important; text-align:left; padding-left:32px; vertical-align:middle;}


img { behavior: url('http://milnivri.150m.com/Misc/iepngfix.php') }
#n-Starfy-Wiki a {background-image:url('/images/sidebar/starfy-icon.gif');}
#n-Medapedia a {background-image:url('/images/sidebar/medarot-icon.gif');}
#n-The-Cutting-Room-Floor a {background-image:url('https://tcrf.net/images/c/c4/SMB2-smiley.png');}
#n-Skeetendo a {background-image:url('/images/sidebar/skeetendo-icon.gif');}
#n-Data-Crystal a {background-image:url('/images/sidebar/datacrystal-icon.gif');}


/* Mark redirects in Special:Allpages and Special:Watchlist */
.ogg_player button {width:120px; border: 1px solid #000000}
.allpagesredirect { font-style: italic; }
.ogg_player audio {height:30px; width:120px;}p
.watchlistredir { font-style: italic; }
 
.t1_infobox .ogg_player button {width:120px; background-color:#B18B64; border: 1px solid #000000}
.t1_infobox .ogg_player audio {height:30px; width:120px;}
.t1_infobox .t1img img {max-width:240px;}
 
/* Page-specific hacks */
.page-Wikifang_Telefang_1_Translation_Patch .toc .tocnumber {display:none;}
.page-User_Ganraikou #bodyContent {background-color:#09001f; color:white;}
 
.list-of-bugs-table tr td:nth-child(2) {background-color: black;}
 
/* Bank map stuff */
.asm {color:red;}
.text {color:blue;}
.graphics {color:purple;}
.misc {color:green;}
 
/* OLD STYLES FOLLOW */


/* Infobox template style */
/* Infobox template style */
.infobox {
.infobox {color: black; text-align:center; float: right; clear: right; border:0; margin: 0 0.5em 10px 1em; border-bottom: 1px solid #A8ACA8; border-collapse:collapse; float: right; clear: right; width: 250px;}
  color: black;
.infobox .colspantd {border-left: 1px solid #A8ACA8 !important; border-right: 1px solid #A8ACA8 !important;}
  margin-bottom: 0.5em;
.infobox td[colspan=2] {border-left: 1px solid #A8ACA8 !important; border-right: 1px solid #A8ACA8 !important;}
  margin-left: 1em;
.infobox .foundintd {border:none; border-bottom:1px solid #A8ACA8 !important; font-size:18px; color:#555555; text-align:center !important;}
  float: right;
.infobox .infoheading {background-color:#CCCCFF; font-size:14px; text-align:center !important; border-left: 1px solid #A8ACA8 !important; border-right: 1px solid #A8ACA8 !important;}
  clear: right;
.infoheading big {font-size:16px !important; font-weight:bold;}
  text-align:center; border:0;
.topborder {border-top: 1px solid #A8ACA8 !important;}
  min-width: 200px;
.infobox th {text-align: right; width: 120px; background-color: #FFFFFF; border-left: 1px solid #A8ACA8;}
  max-width: 300px;
.infobox td {padding: 0.2em; text-align: left; background-color: #FFFFFF; border-right: 1px solid #A8ACA8;}
}
.infobox th p {display:none;}
.infobox.infotitle {font-size:18px; color:#555555; background-color:#FFFFFF;}
.infobox td p {display:none;}
.infobox.infoheading {font-size:18px; color:#555555; background-color:#CCCCFF; font-size:16px;}
.infobox .subheading-green {background-color:#99FF77; font-size:14px; text-align:center !important; border-left: 1px solid #A8ACA8 !important; border-right: 1px solid #A8ACA8 !important;}
.infobox table {
.infobox .sub-green {background-color:#99FF77; border-left: 1px solid #A8ACA8 !important;}
  border: 1px solid #A8ACA8;
.infobox .imagebox {text-align:center !important; border-left: 1px solid #A8ACA8 !important; border-right: 1px solid #A8ACA8 !important; padding-left:10px; padding-right:10px; width:280px;}
  border-collapse:collapse;
.infobox .infosection {padding-left:10px !important; padding-right:10px !important; text-align:center; border-left: 1px solid #A8ACA8 !important; border-right: 1px solid #A8ACA8 !important; font-weight:bold;}
}
.infobox caption {font-size: larger; margin-left: inherit;}
.infobox th {background-color: #CCCCFF; text-align: right; width:  
.infobox.bordered {border-collapse: collapse;}
120px;}
.infobox.bordered td, .infobox.bordered th {border: 1px solid #aaaaaa;}
.infobox td {
.infobox.bordered .borderless td, .infobox.bordered .borderless th {border: 0;}
  vertical-align: top;
.infobox .tableintable {width:280px; border:0; border-collapse:collapse; margin-left:10px; margin-right:10px;}
  padding: 0.2em;
.infobox .tableintable td {border: 1px solid #A8ACA8 !important; text-align:center;}
  background-color: #FFFFFF;
.infobox .tableintable th {text-align:center; border-top: 1px solid #A8ACA8 !important; border-right: 1px solid #A8ACA8 !important; background-color:#DDDDDD;}
  text-align: left;
.numberinfobox {width:100%; border-bottom: 3px solid #A8ACA8;}
}
.numberinfobox td {text-align:center; vertical-align:bottom;}
.infobox.imagebox {
 
  background-color: #ebe6e9;
.infobox.bug {background-color:#000000; color:#FFFFFF;}
}
.infobox.bug th {background-color:#000000; color:#FFFFFF;}
.infobox caption {
.infobox.bug td {background-color:#000000; color:#FFFFFF;}
  font-size: larger;
.infobox.bug .infoheading {background-color:#333333; color:#FFFFFF;}
  margin-left: inherit;
.infobox.bug .foundintd {background-color:#FFFFFF; color:#000000;}
}
.infobox.bug a {color:#9999FF;}
.infobox.bordered {
.infobox.bug .new {color:#FF9999 !important;}
  border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
  border: 1px solid #aaaaaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
  border: 0;
}


/* Forum formatting (by -Algorithm & -Splaka) */
.ambox {border-top:1px #A8ACA8 solid; border-bottom:1px #A8ACA8 solid; border-left:0; border-right:0; padding-left: 1em; padding-right:1em; text-align:justify; width:500px;}
.forumheader {
    border: 1px solid #aaa;
    background-color: #f9f9f9; margin-top: 1em; padding: 12px;
}
.forumlist td.forum_edited a {
    color: black; text-decoration: none
}
.forumlist td.forum_title a {
    padding-left: 20px;
}
.forumlist td.forum_title a.forum_new {
    font-weight: bold; background: url(/images/4/4e/Forum_new.gif)
    center left no-repeat; padding-left: 20px;
}
.forumlist td.forum_title a.forum_new:visited {
    font-weight: normal; background: none; padding-left: 20px;
}
.forumlist th.forum_title {
    padding-left: 20px;
}


/* Recent changes byte indicators */
.moveset {min-width:250px; margin-left:10px; border-collapse:collapse;}
.mw-plusminus-pos { color: #006500; }
.moveset th {width:100px; background-color:#99F;}
.mw-plusminus-neg { color: #8B0000; }
.moveset td {border:0; border-top:1px solid #AAAAAA; border-bottom:1px solid #AAAAAA;}


/* === Babel === */
.basestats {border: 1px solid #A8ACA8; border-collapse:collapse; font-size:smaller;}
.basestats td {border-top: 1px solid #A8ACA8; border-bottom: 1px solid #A8ACA8; font-weight:bold; padding:0.4em; text-align:center;}
.basestats th {border: 1px solid #A8ACA8; padding:0.2em;}
.basestats div {border: 1px solid #000000; height:10px;}
.basestats tr.titlerow th {text-align:center; background-color:#CCCCCC; font-size:normal;}
.basestats td a {color:#000 !important;}


div.babelbox {
  float: right;
  margin-left: 1em;
  margin-bottom: 0.5em;
  width: 246px;
  border: 1px solid #99B3FF;
  padding: 2px 0 2px 0;
}
.lang-blockN, .lang-block0, .lang-block1, .lang-block2, .lang-block3 {
  margin: 2px 4px 2px 4px; /* t, l, b, r */
  width:238px;
  border-collapse: collapse;
}
td.lang-codeN, td.lang-code0, td.lang-code1, td.lang-code2, td.lang-code3 {
  text-align:center;
  font-size:14pt;
  width:45px;
  height:45px;
}
td.lang-descriptionN, td.lang-description0, td.lang-description1,
td.lang-description2, td.lang-description3 {
  font-size:8pt;
  padding:4pt;
  line-height:1.25em
}


.lang-block0 {
.evodiv {font-size:8pt;}
  border:1px solid #FFB3B3;
.evobox {border:1px solid #A8ACA8; width:140px; background:#ebe6e9; text-align:center;}
}
.evohead {background:#999999 !important;}
td.lang-code0 {
.evohead a {color:#EEEEEE !important;}
  background-color: #FFB3B3;
  color: black;
}
td.lang-description0 {
  background-color: #FFE0E8;
  color: black;
}


.lang-block1,  .lang-block2, .lang-block3  {
.acretable {font-size:9px; background-repeat:no-repeat; border-collapse:collapse;}
  border:1px solid #99B3FF;
.acretable td {height:32px; width:40px; padding:0; text-align:center;}
}
.acretable a {height:32px; width:40px; text-decoration:none; color:#FFF; display:block; line-height:32px; background:none;}
td.lang-code1, td.lang-code2, td.lang-code3 {
.acrered {background-color:#900; opacity:0.5;}
  background-color: #99B3FF;
.acreblue {background-color:#009; opacity:0.5;}
  color: black;
.acreyellow {background-color:#990; opacity:0.5;}
}
.acregreen {background-color:#090; opacity:0.5;}
td.lang-description1,  td.lang-description2, td.lang-description3 {
.acrepurple {background-color:#909; opacity:0.5;}
  background-color: #E0E8FF;
.acreteal {background-color:#099; opacity:0.5;}
  color: black;
.acrered:hover {opacity:0;}
}
.acreblue:hover {opacity:0;}
.acreyellow:hover {opacity:0;}
.acregreen:hover {opacity:0;}
.acrepurple:hover {opacity:0;}
.acreteal:hover {opacity:0;}


.lang-blockN {
.argharghargh p {display:none;}
  border:1px solid #6EF7A7;
.mapline div {display:inline;}
}
.whitelink a {color:#FFF !important;}
td.lang-codeN {
.whitelink a:visited {color:#FFF !important;}
  background-color: #6EF7A7;
.whitelink a:link {color:#FFF !important;}
  color: black;
.whitelink a:active {color:#FFF !important;}
}
.whitelink a:hover {color:#FFF !important;}
td.lang-descriptionN {
.moreinfo {cursor: help;}
  background-color: #C5FCDC;
.moreinfo a {color:#666 !important;}
  color: black;
.moreinfo a:hover {text-decoration:none; border-bottom: 1px dotted #666;}
}


#link_box {font-size: 10px; font-weight:normal;}
/* acretables */
.wikitable {background:#F9F9F9 none repeat scroll 0%; border:1px solid #AAAAAA; margin:1em 1em 1em 0pt;}
.troncovillagespring {background-image:url('/images/e/e5/Tronco_Village_Spring_small.gif')}
.wikitable.th {background:#CCCCCC none repeat scroll 0%; text-align:center; border:1px solid #AAAAAA; padding:0.2em;}
.iris {background-image:url('/images/4/42/Iris_small.gif')}
.CTIT.td {text-align:center;}
.krinonvillage {background-image:url('/images/c/c7/Krinon_Village_small.gif')}
.troncovillage {background-image:url('/images/7/7a/Tronco_Village_small.gif')}
.toulipavillage {background-image:url('/images/8/80/Toulipa_Village_small.gif')}
.fraoulavillage {background-image:url('/images/3/3f/Fraoula_Village_small.gif')}
.craftlab {background-image:url('/images/7/71/Craft_Research_Center_small.gif')}
.palmsea {background-image:url('/images/7/7e/Palm_Sea_small.gif')}
.freesia {background-image:url('/images/1/17/Freesia_small.gif')}
.barran {background-image:url('/images/a/a7/Barran_small.gif')}
.ionisland {background-image:url('/images/0/0c/Ion_Island_small.gif')}
.paparounalake {background-image:url('/images/d/d6/Paparouna_Lake_small.gif')}
.pansesvillage {background-image:url('/images/7/7d/Panses_Village_small.gif')}
.myceslake {background-image:url('/images/8/8e/Myces_Lake_small.gif')}
.peperimountain {background-image:url('/images/b/bd/Mt._Peperi_small.gif')}
.bryonruins {background-image:url('/images/5/58/Bryon_Ruins_small.gif')}
.cactosruins {background-image:url('/images/f/f6/Cactos_Ruins_small.gif')}
.ixosforest {background-image:url('/images/5/53/Ixos_Forest_small.gif')}
.dimenzasmansion {background-image:url('/images/3/3a/Dimenza%27s_Mansion_small.gif')}


.evobox {border:1px solid #A8ACA8; width:170px; background:#ebe6e9; text-align:center;}
/* customised page backgrounds */
.evohead {background:#999999 !important;}
.table-Forest td {background-color:#99CC00 !important;}
.table-Mountain td {background-color:#CC9933 !important;}
.table-Aquatic td {background-color:#99CCFF !important;}
.table-Sky td {background-color:#CCFFFF !important;}
.table-Grassland td {background-color:#66CC33 !important;}
.table-Desert td {background-color:#FFCC99 !important;}


/* </pre> */
/* <DaVince> I'd like to be able to use "toclimit" which allows you to make tables of contents with less depth levels */
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
    display: none;
}

Latest revision as of 13:38, 9 September 2018

/* Affiliates */
#p-affiliates_and_friends li, #p-affiliates_and_friends a {
  min-height:11px; display: inline-block; list-style:none; margin:0; padding:0;}
#p-affiliates_and_friends a {
  font-size:10px; 100%; background-repeat:no-repeat !important; text-align:left; padding-left:32px; vertical-align:middle;}

#n-Starfy-Wiki a {background-image:url('/images/sidebar/starfy-icon.gif');}
#n-Medapedia a {background-image:url('/images/sidebar/medarot-icon.gif');}
#n-The-Cutting-Room-Floor a {background-image:url('https://tcrf.net/images/c/c4/SMB2-smiley.png');}
#n-Skeetendo a {background-image:url('/images/sidebar/skeetendo-icon.gif');}
#n-Data-Crystal a {background-image:url('/images/sidebar/datacrystal-icon.gif');}

.ogg_player button {width:120px; border: 1px solid #000000}
.ogg_player audio {height:30px; width:120px;}p

.t1_infobox .ogg_player button {width:120px; background-color:#B18B64; border: 1px solid #000000}
.t1_infobox .ogg_player audio {height:30px; width:120px;}
.t1_infobox .t1img img {max-width:240px;}

/* Page-specific hacks */
.page-Wikifang_Telefang_1_Translation_Patch .toc .tocnumber {display:none;}
.page-User_Ganraikou #bodyContent {background-color:#09001f; color:white;}

.list-of-bugs-table tr td:nth-child(2) {background-color: black;}

/* Bank map stuff */
.asm {color:red;}
.text {color:blue;}
.graphics {color:purple;}
.misc {color:green;}

/* OLD STYLES FOLLOW */

/* Infobox template style */
.infobox {color: black; text-align:center; float: right; clear: right; border:0; margin: 0 0.5em 10px 1em; border-bottom: 1px solid #A8ACA8; border-collapse:collapse; float: right; clear: right; width: 250px;}
.infobox .colspantd {border-left: 1px solid #A8ACA8 !important; border-right: 1px solid #A8ACA8 !important;}
.infobox td[colspan=2] {border-left: 1px solid #A8ACA8 !important; border-right: 1px solid #A8ACA8 !important;}
.infobox .foundintd {border:none; border-bottom:1px solid #A8ACA8 !important; font-size:18px; color:#555555; text-align:center !important;}
.infobox .infoheading {background-color:#CCCCFF; font-size:14px; text-align:center !important; border-left: 1px solid #A8ACA8 !important; border-right: 1px solid #A8ACA8 !important;}
.infoheading big {font-size:16px !important; font-weight:bold;}
.topborder {border-top: 1px solid #A8ACA8 !important;}
.infobox th {text-align: right; width: 120px; background-color: #FFFFFF; border-left: 1px solid #A8ACA8;}
.infobox td {padding: 0.2em; text-align: left; background-color: #FFFFFF; border-right: 1px solid #A8ACA8;}
.infobox th p {display:none;}
.infobox td p {display:none;}
.infobox .subheading-green {background-color:#99FF77; font-size:14px; text-align:center !important; border-left: 1px solid #A8ACA8 !important; border-right: 1px solid #A8ACA8 !important;}
.infobox .sub-green {background-color:#99FF77; border-left: 1px solid #A8ACA8 !important;}
.infobox .imagebox {text-align:center !important; border-left: 1px solid #A8ACA8 !important; border-right: 1px solid #A8ACA8 !important; padding-left:10px; padding-right:10px; width:280px;}
.infobox .infosection {padding-left:10px !important; padding-right:10px !important; text-align:center; border-left: 1px solid #A8ACA8 !important; border-right: 1px solid #A8ACA8 !important; font-weight:bold;}
.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 .tableintable {width:280px; border:0; border-collapse:collapse; margin-left:10px; margin-right:10px;}
.infobox .tableintable td {border: 1px solid #A8ACA8 !important; text-align:center;}
.infobox .tableintable th {text-align:center; border-top: 1px solid #A8ACA8 !important; border-right: 1px solid #A8ACA8 !important; background-color:#DDDDDD;}
.numberinfobox {width:100%; border-bottom: 3px solid #A8ACA8;}
.numberinfobox td {text-align:center; vertical-align:bottom;}

.infobox.bug {background-color:#000000; color:#FFFFFF;}
.infobox.bug th {background-color:#000000; color:#FFFFFF;}
.infobox.bug td {background-color:#000000; color:#FFFFFF;}
.infobox.bug .infoheading {background-color:#333333; color:#FFFFFF;}
.infobox.bug .foundintd {background-color:#FFFFFF; color:#000000;}
.infobox.bug a {color:#9999FF;}
.infobox.bug .new {color:#FF9999 !important;}

.ambox {border-top:1px #A8ACA8 solid; border-bottom:1px #A8ACA8 solid; border-left:0; border-right:0; padding-left: 1em; padding-right:1em; text-align:justify; width:500px;}

.moveset {min-width:250px; margin-left:10px; border-collapse:collapse;}
.moveset th {width:100px; background-color:#99F;}
.moveset td {border:0; border-top:1px solid #AAAAAA; border-bottom:1px solid #AAAAAA;}

.basestats {border: 1px solid #A8ACA8; border-collapse:collapse; font-size:smaller;}
.basestats td {border-top: 1px solid #A8ACA8; border-bottom: 1px solid #A8ACA8; font-weight:bold; padding:0.4em; text-align:center;}
.basestats th {border: 1px solid #A8ACA8; padding:0.2em;}
.basestats div {border: 1px solid #000000; height:10px;}
.basestats tr.titlerow th {text-align:center; background-color:#CCCCCC; font-size:normal;}
.basestats td a {color:#000 !important;}


.evodiv {font-size:8pt;}
.evobox {border:1px solid #A8ACA8; width:140px;  background:#ebe6e9; text-align:center;}
.evohead {background:#999999 !important;}
.evohead a {color:#EEEEEE !important;}

.acretable {font-size:9px; background-repeat:no-repeat; border-collapse:collapse;}
.acretable td {height:32px; width:40px; padding:0; text-align:center;}
.acretable a {height:32px; width:40px; text-decoration:none; color:#FFF; display:block; line-height:32px; background:none;}
.acrered {background-color:#900; opacity:0.5;}
.acreblue {background-color:#009; opacity:0.5;}
.acreyellow {background-color:#990; opacity:0.5;}
.acregreen {background-color:#090; opacity:0.5;}
.acrepurple {background-color:#909; opacity:0.5;}
.acreteal {background-color:#099; opacity:0.5;}
.acrered:hover {opacity:0;}
.acreblue:hover {opacity:0;}
.acreyellow:hover {opacity:0;}
.acregreen:hover {opacity:0;}
.acrepurple:hover {opacity:0;}
.acreteal:hover {opacity:0;}

.argharghargh p {display:none;}
.mapline div {display:inline;}
.whitelink a {color:#FFF !important;}
.whitelink a:visited {color:#FFF !important;}
.whitelink a:link {color:#FFF !important;}
.whitelink a:active {color:#FFF !important;}
.whitelink a:hover {color:#FFF !important;}
.moreinfo {cursor: help;}
.moreinfo a {color:#666 !important;}
.moreinfo a:hover {text-decoration:none; border-bottom: 1px dotted #666;}

/* acretables */
.troncovillagespring {background-image:url('/images/e/e5/Tronco_Village_Spring_small.gif')}
.iris {background-image:url('/images/4/42/Iris_small.gif')}
.krinonvillage {background-image:url('/images/c/c7/Krinon_Village_small.gif')}
.troncovillage {background-image:url('/images/7/7a/Tronco_Village_small.gif')}
.toulipavillage {background-image:url('/images/8/80/Toulipa_Village_small.gif')}
.fraoulavillage {background-image:url('/images/3/3f/Fraoula_Village_small.gif')}
.craftlab {background-image:url('/images/7/71/Craft_Research_Center_small.gif')}
.palmsea {background-image:url('/images/7/7e/Palm_Sea_small.gif')}
.freesia {background-image:url('/images/1/17/Freesia_small.gif')}
.barran {background-image:url('/images/a/a7/Barran_small.gif')}
.ionisland {background-image:url('/images/0/0c/Ion_Island_small.gif')}
.paparounalake {background-image:url('/images/d/d6/Paparouna_Lake_small.gif')}
.pansesvillage {background-image:url('/images/7/7d/Panses_Village_small.gif')}
.myceslake {background-image:url('/images/8/8e/Myces_Lake_small.gif')}
.peperimountain {background-image:url('/images/b/bd/Mt._Peperi_small.gif')}
.bryonruins {background-image:url('/images/5/58/Bryon_Ruins_small.gif')}
.cactosruins {background-image:url('/images/f/f6/Cactos_Ruins_small.gif')}
.ixosforest {background-image:url('/images/5/53/Ixos_Forest_small.gif')}
.dimenzasmansion {background-image:url('/images/3/3a/Dimenza%27s_Mansion_small.gif')}

/* customised page backgrounds */
.table-Forest td {background-color:#99CC00 !important;}
.table-Mountain td {background-color:#CC9933 !important;}
.table-Aquatic td {background-color:#99CCFF !important;}
.table-Sky td {background-color:#CCFFFF !important;}
.table-Grassland td {background-color:#66CC33 !important;}
.table-Desert td {background-color:#FFCC99 !important;}

/* <DaVince> I'd like to be able to use "toclimit" which allows you to make tables of contents with less depth levels */
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
    display: none;
}