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
 
(121 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;}


#file img, .gallerybox .thumb img {
#n-Starfy-Wiki a {background-image:url('/images/sidebar/starfy-icon.gif');}
background: url(http://images2.wikia.nocookie.net/telefang/images//5/5d/Checker-16x16.png) repeat;
#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;}


body.page-Main_Page #deleteconfirm, body.page-Main_Page #t-cite, body.page-Main_Page #lastmod, body.page-Main_Page #siteSub, body.page-Main_Page h1.firstHeading {display:none !important;}
.list-of-bugs-table tr td:nth-child(2) {background-color: black;}
* {margin: 0;}
#article {padding:0px 10px 10px 10px !important;}
#siteSub {display:inline !important; font-weight:normal !important; font-size:92%;}
#navigation .menu-item .sub-menu .menu-item {font-weight:normal !important;}


#wikia_page {margin:130pt 5px 0pt 216px !important;}
/* Bank map stuff */
#monaco_shrinkwrap_main {z-index:100;}
.asm {color:red;}
#monaco_shrinkwrap_main>div#widget_sidebar {top:-132pt !important;}
.text {color:blue;}
#background_strip {background:url(http://img201.imageshack.us/img201/6105/bgwh4.png) top left repeat-x !important;}
.graphics {color:purple;}
#wiki_logo {width:100% !important; background-position:center;}
.misc {color:green;}
#wiki_logo a {width:100% !important;}
#wikia_header {height: 40px !important;}


/* Mark redirects in Special:Allpages and Special:Watchlist */
/* OLD STYLES FOLLOW */
.allpagesredirect {font-style: italic;}
.watchlistredir {font-style: italic;}


/* Infobox template style */
/* Infobox template style */
Line 58: Line 65:
.infobox.bug a {color:#9999FF;}
.infobox.bug a {color:#9999FF;}
.infobox.bug .new {color:#FF9999 !important;}
.infobox.bug .new {color:#FF9999 !important;}
.argharghargh p {display:none;}
.mapline div {display:inline;}


.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;}
.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;}
Line 66: Line 70:
.moveset {min-width:250px; margin-left:10px; border-collapse:collapse;}
.moveset {min-width:250px; margin-left:10px; border-collapse:collapse;}
.moveset th {width:100px; background-color:#99F;}
.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 {border: 1px solid #A8ACA8; border-collapse:collapse; font-size:smaller;}
Line 74: Line 79:
.basestats td a {color:#000 !important;}
.basestats td a {color:#000 !important;}


#link_box {font-size: 10px; font-weight:normal;}
.wikitable {background:#F9F9F9 none repeat scroll 0%; border:1px solid #AAAAAA; margin:1em 1em 1em 0pt; border-collapse:collapse;}
.wikitable th {background:#CCCCCC none repeat scroll 0%; text-align:center; border:1px solid #AAAAAA; padding:0.2em;}
.CTIT.td {text-align:center;}


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


.acretable {font-size:9px; background-repeat:no-repeat; border-collapse:collapse;}
.acretable {font-size:9px; background-repeat:no-repeat; border-collapse:collapse;}
Line 88: Line 90:
.acrered {background-color:#900; opacity:0.5;}
.acrered {background-color:#900; opacity:0.5;}
.acreblue {background-color:#009; 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;}
.acrered:hover {opacity:0;}
.acreblue:hover {opacity:0;}
.acreblue:hover {opacity:0;}
.acreyellow:hover {opacity:0;}
.acregreen:hover {opacity:0;}
.acrepurple:hover {opacity:0;}
.acreteal:hover {opacity:0;}


div.tabcontainer {
.argharghargh p {display:none;}
width: 350px;
.mapline div {display:inline;}
}
.whitelink a {color:#FFF !important;}
ul.tabnav {
.whitelink a:visited {color:#FFF !important;}
list-style: none !important;
.whitelink a:link {color:#FFF !important;}
background: #00fe00;
.whitelink a:active {color:#FFF !important;}
margin: 0;
.whitelink a:hover {color:#FFF !important;}
padding: 0;
.moreinfo {cursor: help;}
width: 100%;
.moreinfo a {color:#666 !important;}
overflow: hidden;
.moreinfo a:hover {text-decoration:none; border-bottom: 1px dotted #666;}
}


ul.tabnav li {list-style: none !important;}
/* 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')}


ul.tabnav a {
/* customised page backgrounds */
display: block;
width: 100%;
}
 
ul.tabnav a:hover {
background: #ccc;
}
 
ul.tabnav li {
float: left;
width: 50px;
margin: 0;
padding: 0;
text-align: center;
}
 
div.tabcontents {
height: 290px;
overflow: hidden;
padding: 3px;
}
 
div.tabcontents div.content {
float: left;
width: 100%;
height: 102%;
overflow-y: auto;
}
.status-t1 {background-image:url(http://images3.wikia.nocookie.net/telefang/images/b/bd/Greenstatus-t1.png);}
 
.toronkovillagewaterstation {background-image:url(http://images1.wikia.nocookie.net/telefang/images/b/b2/Toronko_Village_Water_Station_small.gif)}
 
/* customised */
.table-Forest td {background-color:#99CC00 !important;}
.table-Forest td {background-color:#99CC00 !important;}
.table-Mountain td {background-color:#CC9933 !important;}
.table-Mountain td {background-color:#CC9933 !important;}
Line 147: Line 141:
.table-Desert td {background-color:#FFCC99 !important;}
.table-Desert td {background-color:#FFCC99 !important;}


/* Forum formatting (by -Algorithm & -Splaka) */
/* <DaVince> I'd like to be able to use "toclimit" which allows you to make tables of contents with less depth levels */
.forumheader {
.toclimit-2 .toclevel-1 ul,
    border: 1px solid #aaa;
.toclimit-3 .toclevel-2 ul,
    background-color: #f9f9f9; margin-top: 1em; padding: 12px;
.toclimit-4 .toclevel-3 ul,
}
.toclimit-5 .toclevel-4 ul,
.forumlist td.forum_edited a {
.toclimit-6 .toclevel-5 ul,
    color: black; text-decoration: none
.toclimit-7 .toclevel-6 ul {
}
    display: 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 */
.mw-plusminus-pos { color: #006500; }
.mw-plusminus-neg { color: #8B0000; }
/* === Babel === */
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 {
  border:1px solid #FFB3B3;
}
td.lang-code0 {
  background-color: #FFB3B3;
  color: black;
}
td.lang-description0 {
  background-color: #FFE0E8;
  color: black;
}
.lang-block1,  .lang-block2, .lang-block3  {
  border:1px solid #99B3FF;
}
td.lang-code1, td.lang-code2, td.lang-code3 {
  background-color: #99B3FF;
  color: black;
}
td.lang-description1,  td.lang-description2, td.lang-description3 {
  background-color: #E0E8FF;
  color: black;
}
.lang-blockN {
  border:1px solid #6EF7A7;
}
td.lang-codeN {
  background-color: #6EF7A7;
  color: black;
}
td.lang-descriptionN {
  background-color: #C5FCDC;
  color: black;
}
.licensing {
border: 1px solid #A8ACA8;
margin: 0pt auto;
background-color: #FFFFCC;
background-attachment: scroll;
width: 90%;
text-align: justify;
height: auto;
padding:10px;
}
.licensing1 {
font-size:28px;
color:red;
font-weight:bold;
}
.licensing2 {
}
/* </pre> */

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