MediaWiki:Mobile.css: Difference between revisions

From Wikifang, a definitive guide to Telefang, Dino Device and Bugsite
Jump to navigation Jump to search
(CSS stuff for mobile)
 
(does this actually get used?)
 
(5 intermediate revisions by one other user not shown)
Line 5: Line 5:
   font-size:10px; 100%; background-repeat:no-repeat !important; text-align:left; padding-left:32px; vertical-align:middle;}
   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('/w/images/sidebar/starfy-icon.gif');}
#n-Starfy-Wiki a {background-image:url('/images/sidebar/starfy-icon.gif');}
#n-Medapedia a {background-image:url('/w/images/sidebar/medarot-icon.gif');}
#n-Medapedia a {background-image:url('/images/sidebar/medarot-icon.gif');}
#n-The-Cutting-Room-Floor a {background-image:url('http://tcrf.net/images/c/c4/SMB2-smiley.png');}
#n-The-Cutting-Room-Floor a {background-image:url('http://tcrf.net/images/c/c4/SMB2-smiley.png');}
#n-Skeetendo a {background-image:url('/w/images/sidebar/skeetendo-icon.gif');}
#n-Skeetendo a {background-image:url('/images/sidebar/skeetendo-icon.gif');}
#n-Data-Crystal a {background-image:url('/w/images/sidebar/datacrystal-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 button {width:120px; border: 1px solid #000000}
Line 27: Line 27:
.graphics {color:purple;}
.graphics {color:purple;}
.misc {color:green;}
.misc {color:green;}
/* Stop making it align baseline */
* {vertical-align: none;}


/* OLD STYLES FOLLOW */
/* OLD STYLES FOLLOW */
Line 111: Line 114:


/* acretables */
/* acretables */
.toronkovillagewaterstation {background-image:url(http://wikifang.meowcorp.us/w/images/b/b2/Toronko_Village_Water_Station_small.gif)}
.troncovillagespring {background-image:url('/images/e/e5/Tronco_Village_Spring_small.gif')}
.iris {background-image:url(http://wikifang.meowcorp.us/w/images/4/42/Iris_small.gif)}
.iris {background-image:url('/images/4/42/Iris_small.gif')}
.kurinonvillage {background-image:url(http://wikifang.meowcorp.us/w/images/6/67/Kurinon_Village_small.gif)}
.krinonvillage {background-image:url('/images/c/c7/Krinon_Village_small.gif')}
.toronkovillage {background-image:url(http://wikifang.meowcorp.us/w/images/8/85/Toronko_Village_small.gif)}
.troncovillage {background-image:url('/images/7/7a/Tronco_Village_small.gif')}
.tripavillage {background-image:url(http://wikifang.meowcorp.us/w/images/2/2f/Tripa_Village_small.gif)}
.toulipavillage {background-image:url('/images/8/80/Toulipa_Village_small.gif')}
.flauravillage {background-image:url(http://wikifang.meowcorp.us/w/images/e/e6/Flaura_Village_small.gif)}
.fraoulavillage {background-image:url('/images/3/3f/Fraoula_Village_small.gif')}
.craftlab {background-image:url(http://wikifang.meowcorp.us/w/images/7/71/Craft_Research_Center_small.gif)}
.craftlab {background-image:url('/images/7/71/Craft_Research_Center_small.gif')}
.palmsea {background-image:url(http://wikifang.meowcorp.us/w/images/7/7e/Palm_Sea_small.gif)}
.palmsea {background-image:url('/images/7/7e/Palm_Sea_small.gif')}
.freesia {background-image:url(http://wikifang.meowcorp.us/w/images/1/17/Freesia_small.gif)}
.freesia {background-image:url('/images/1/17/Freesia_small.gif')}
.barran {background-image:url(http://wikifang.meowcorp.us/w/images/a/a7/Barran_small.gif)}
.barran {background-image:url('/images/a/a7/Barran_small.gif')}
.ionisland {background-image:url(http://wikifang.meowcorp.us/w/images/0/0c/Ion_Island_small.gif)}
.ionisland {background-image:url('/images/0/0c/Ion_Island_small.gif')}
.paparunalake {background-image:url(http://wikifang.meowcorp.us/w/images/6/6f/Paparuna_Lake_small.gif)}
.paparounalake {background-image:url('/images/d/d6/Paparouna_Lake_small.gif')}
.pansesvillage {background-image:url(http://wikifang.meowcorp.us/w/images/7/7d/Panses_Village_small.gif)}
.pansesvillage {background-image:url('/images/7/7d/Panses_Village_small.gif')}
.myceslake {background-image:url(http://wikifang.meowcorp.us/w/images/8/8e/Myces_Lake_small.gif)}
.myceslake {background-image:url('/images/8/8e/Myces_Lake_small.gif')}
.pepperimountain {background-image:url(http://wikifang.meowcorp.us/w/images/9/98/Pepperi_Mountain_small.gif)}
.peperimountain {background-image:url('/images/a/aa/Peperi_Mountain_small.gif')}
.burionruins {background-image:url(http://wikifang.meowcorp.us/w/images/1/1c/Burion_Ruins_small.gif)}
.bryonruins {background-image:url('/images/5/58/Bryon_Ruins_small.gif')}
.cactosruins {background-image:url(http://wikifang.meowcorp.us/w/images/f/f6/Cactos_Ruins_small.gif)}
.cactosruins {background-image:url('/images/f/f6/Cactos_Ruins_small.gif')}
.ixosforest {background-image:url(http://wikifang.meowcorp.us/w/images/5/53/Ixos_Forest_small.gif)}
.ixosforest {background-image:url('/images/5/53/Ixos_Forest_small.gif')}
.dimenzasmansion {background-image:url(http://wikifang.meowcorp.us/w/images/3/3a/Dimenza%27s_Mansion_small.gif)}
.dimenzasmansion {background-image:url('/images/3/3a/Dimenza%27s_Mansion_small.gif')}


/* customised page backgrounds */
/* customised page backgrounds */

Latest revision as of 16:41, 4 February 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('http://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;}

.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;}

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

/* Stop making it align baseline */
* {vertical-align: none;}

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