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
 
(57 intermediate revisions by 3 users not shown)
Line 1: Line 1:
.ogg_player button {width:120px; background-color:#B18B64; border: 3px double #8F684B}
/* Affiliates */
.ogg_player audio {height:28px; width:120px;}
#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;}


.t1_infobox .ogg_player button {background-color:#8F684B;}
#n-Starfy-Wiki a {background-image:url('/images/sidebar/starfy-icon.gif');}
.t1_infobox .ogg_player audio {}
#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;
}

Latest revision as of 12: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;
}