MediaWiki:Mobile.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

/* CSS placed here will affect users of the mobile site */

.schedulesplit { display: block; }

/* Links' color */
a:link, a:active, div#mw-panel div.portal div.body ul li a, div.vectorTabs li.selected a, div.vectorTabs li.selected a, div.vectorTabs li a {
  text-decoration: none;
  color: #378B00;
}

/* Visited links' color */
a:visited, div#mw-panel div.portal div.body ul li a:visited, div.vectorTabs li.selected a:visited, div.vectorTabs li.selected a:visited {
  text-decoration: none;
  color: #008B2A;
}

/* Styling links to ARMS Institute */
#bodyContent a[href^="https://armswiki.org"] {
  background: url("//cdn.wikimg.net/en/splatoonwiki/images/9/92/ARMS_Institute_favicon.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}

/* Styling links to Bulbapedia */
#bodyContent a[href^="https://bulbapedia.bulbagarden.net/wiki"] {
  background: url("//cdn.wikimg.net/en/splatoonwiki/images/7/75/Bulbapedia_favicon.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}

/* Styling links to Donkey Kong Wiki */
#bodyContent a[href^="https://www.dkwiki.com"] {
  background: url("//cdn.wikimg.net/en/splatoonwiki/images/2/29/Donkey_Kong_Wiki_link.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}

/* Styling links to Dragalia Lost Wiki */
#bodyContent a[href^="https://dragalialost.wiki"] {
  background: url("//cdn.wikimg.net/en/splatoonwiki/images/b/b6/Dragalia_Lost_Wiki_favicon.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}

/* Styling links to Dragon Quest Wiki*/
#bodyContent a[href^="https://dragon-quest.org/wiki"] {
  background: url("//cdn.wikimg.net/en/splatoonwiki/images/9/96/Dragon_Quest_Wiki_favicon.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}

/* Styling links to Fire Emblem Wiki */
#bodyContent a[href^="https://fireemblemwiki.org"] {
  background: url("//cdn.wikimg.net/en/splatoonwiki/images/c/cb/Fire_Emblem_Wiki_favicon.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}

/* Styling links to F-Zero Wiki */
#bodyContent a[href^="http://mutecity.org/wiki"] {
  background: url("//cdn.wikimg.net/en/splatoonwiki/images/0/0e/F-Zero_Wiki_favicon.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}

/* Styling links to Golden Sun Universe */
#bodyContent a[href^="https://goldensunwiki.net/wiki"] {
  background: url("//cdn.wikimg.net/en/splatoonwiki/images/0/0c/Golden_Sun_Universe_favicon.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}

/* Styling links to Hard Drop Wiki */
#bodyContent a[href^="https://harddrop.com/wiki"] {
  background: url("//cdn.wikimg.net/en/splatoonwiki/images/4/48/Hard_Drop_Wiki_favicon.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}

/* Styling links to Icaruspedia */
#bodyContent a[href^="https://kidicaruswiki.org"] {
  background: url("//cdn.wikimg.net/en/splatoonwiki/images/4/4d/Icaruspedia_favicon.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}

/* Styling links to Lylat Wiki */
#bodyContent a[href^="https://www.starfoxwiki.info/wiki"] {
  background: url("//cdn.wikimg.net/en/splatoonwiki/images/b/ba/Lylat_Wiki_favicon.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}

/* Styling links to Metroid Wiki */
#bodyContent a[href^="https://www.metroidwiki.org"] {
  background: url("//cdn.wikimg.net/en/splatoonwiki/images/0/0a/Metroid_Wiki_favicon.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}

/* Styling links to NintendoWiki */
#bodyContent a[href^="http://niwanetwork.org/wiki"] {
  background: url("//cdn.wikimg.net/en/splatoonwiki/images/a/a9/NWiki_favicon.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}

/* Styling links to Nookipedia */
#bodyContent a[href^="https://nookipedia.com"] {
  background: url("//cdn.wikimg.net/en/splatoonwiki/images/f/f7/Nookipedia_favicon.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}

/* Styling links to Pikipedia */
#bodyContent a[href^="https://www.pikminwiki.com"] {
  background: url("//cdn.wikimg.net/en/splatoonwiki/images/4/4e/Pikipedia_favicon.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}

/* Styling links to Pikmin Fanon */
#bodyContent a[href^="https://www.pikminfanon.com"] {
  background: url("//cdn.wikimg.net/en/splatoonwiki/images/d/dd/Pikimin_Fanon_favicon.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}

/* Styling links to SmashWiki */
#bodyContent a[href^="https://www.ssbwiki.com"] {
  background: url("//cdn.wikimg.net/en/splatoonwiki/images/7/78/Smash_Wiki_favicon.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}

/* Styling links to Starfy Wiki */
#bodyContent a[href^="https://starfywiki.org"] {
  background: url("//cdn.wikimg.net/en/splatoonwiki/images/4/41/Starfy_Wiki_favicon.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}

/* Styling links to StrategyWiki */
#bodyContent a[href^="https://strategywiki.org"] {
  background: url("//cdn.wikimg.net/en/splatoonwiki/images/9/9f/StrategyWiki_favicon.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}

/* Styling links to Super Mario Wiki */
#bodyContent a[href^="https://www.mariowiki.com"] {
  background: url("//cdn.wikimg.net/en/splatoonwiki/images/c/ca/Super_Mario_Wiki_favicon.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}

/* Styling links to Ukikipedia */
#bodyContent a[href^="https://ukikipedia.net/wiki"] {
  background: url("//cdn.wikimg.net/en/splatoonwiki/images/c/c8/Ukikipedia_favicon.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}

/* Styling links to Wars Wiki */
#bodyContent a[href^="https://warswiki.org/wiki"] {
  background: url("//cdn.wikimg.net/en/splatoonwiki/images/c/ca/Wars_Wiki_favicon.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}

/* Styling links to WikiBound */
#bodyContent a[href^="https://wikibound.info/wiki"] {
  background: url("//cdn.wikimg.net/en/splatoonwiki/images/d/dd/WikiBound_favicon.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}

/* Styling links to WiKirby */
#bodyContent a[href^="https://wikirby.com/wiki"] {
  background: url("//cdn.wikimg.net/en/splatoonwiki/images/4/4a/Wikirby_favicon.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}

/* Styling links to Zelda Wiki */
#bodyContent a[href^="https://zelda.gamepedia.com"] {
  background: url("//cdn.wikimg.net/en/splatoonwiki/images/8/87/Zelda_Wiki_favicon.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}

/* Styling links to Xeno Series Wiki */
#bodyContent a[href^="https://xenoserieswiki.org"] {
  background: url("//cdn.wikimg.net/en/splatoonwiki/images/a/a8/Xeno_Series_Wiki_favicon.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}

/* things for the Timeless skin */

#p-banner.mw-wiki-title {
  font-variant: normal;
  font-weight: bold;
  color: #2f7020;
}

/* top bar color */
.color-left,
.color-middle,
.color-right {
  background: #aadc00;
}

.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6,
.mw-body #firstHeading,
.mw-body #siteSub,
#p-banner.mw-wiki-title,
#personal h2,
#mw-content-text dt {
  font-family: 'Helvetica Neue','Nimbus Sans','Helvetica','Arial',sans-serif;
}

#mw-content-text dt {
  font-weight: bold;
}

/* sidebar header colors */
.sidebar-chunk h3#p-navigation-label { border-bottom: solid 2px #007edc; }
.sidebar-chunk h3#p-Splatoon-label { border-bottom: solid 2px #d60e6e; }
.sidebar-chunk h3#p-Explore-label { border-bottom: solid 2px #fb5c03; }
.sidebar-chunk h3#p-Community-label { border-bottom: solid 2px #830b9c; }
.sidebar-chunk h3#p-tb-label { border-bottom: solid 2px #007edc; }
.sidebar-chunk h3#p-cactions-label { border-bottom: solid 2px #d60e6e; }
.sidebar-chunk h3#p-userpagetools-label { border-bottom: solid 2px #fb5c03; }
.sidebar-chunk h3#p-pagemisc-label { border-bottom: solid 2px #830b9c; }
.sidebar-chunk h3#p-lang-label { border-bottom: solid 2px #007edc; }
.sidebar-chunk h3#p-normal-catlinks-label { border-bottom: solid 2px #fb5c03; }

#mw-content-container {
  border-bottom-color: #aadc00;
  padding-bottom: 0;
}

#mw-content {
  padding: .8em;
}

/* fixes issue where empty space appears below footer on some screen sizes */
@media (max-width: 1099px) {
  #mw-footer {
    padding-bottom: 0.5em;
  }
}

#mw-footer-container {
  background-image: url("//cdn.wikimg.net/en/splatoonwiki/images/b/b4/Featured-bg.png");
  background-repeat: repeat;
}

#mw-footer-container li,
#mw-footer-container a {
  color: #333;
}

@media(max-width: 850px) {
  table {
    display: block;
    overflow-x: auto;
    padding: 0 !important;
  }
}

/* Fix visual glitch on recent changes legend */
.mw-changeslist-legend .mw-collapsible-content dt {
  margin: 0 0.5em 0 0;
}

/* Fix dropdown arrow positioning on section headers */
div.mw-ui-icon.mw-ui-icon-element {
  display: inline-block;
  line-height: 1em;
  min-height: 1em;
  min-width: 1em;
  width: 1em;
}
div.mw-ui-icon.mw-ui-icon-element::before {
  margin: 0;
}

/* Improve recent changes display on mobile */
#content .rcoptions {
  padding: 1em;
}
.rcfilters-head {
  overflow-x: auto;
}
td.mw-enhanced-rc {
  min-width: 73px;
  text-align: right;
  vertical-align: top;
}
.mw-changeslist {
  line-height: 1.5;
}

/*==================================================
  3D/2D Viewer
==================================================*/

/* 3D/2D viewer */
.container-2d {
  display: none;
  position: relative;
}

.viewer-2d {
  position: relative;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.switch-to-3d {
  position: absolute;
  top: 0;
  right: 0;
  background: url("https://cdn.wikimg.net/en/splatoonwiki/images/6/65/2D_icon.png");
  width: 92px;
  height: 48px;
  z-index: 999;
  opacity: 0.5;
  cursor :pointer;
  cursor: hand;
  transition: opacity 0.2s;
}

.switch-to-2d {
  position: absolute;
  top: 0;
  right: 0;
  background: url("https://cdn.wikimg.net/en/splatoonwiki/images/7/7e/3D_icon.png");
  width: 92px;
  height: 48px;
  z-index: 999;
  opacity: 0.5;
  cursor: pointer;
  cursor: hand;
  transition: opacity 0.2s;
}

.switch-to-3d:hover, .switch-to-2d:hover {
  opacity: 1.0;
}

/* 3D model viewer */
.viewer-3d span {
    display: none;
}
.viewer-3d {
    margin: 4px;
    display: block;
    cursor: move;
    position: relative;
}
.viewer-3d-frame {
    position: absolute;
}
.viewer-3d-overlay {
    background: url("https://cdn.wikimg.net/en/splatoonwiki/images/e/ed/3D_rotation_icon.png") bottom right no-repeat;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    position: relative;
}
/* End 3D model viewer */

/* New 3D viewer specific CSS */
.viewer-3d-container {
  display: block;
  padding: 2px;
  margin-left: auto;
  margin-right: auto;
  width: 288px;
}

.viewer-3d-container ul {
  padding: 0px;
  margin: 0px;
}
.viewer-3d-container ul li {
  display: block;
  margin: 0px;
  margin-top: 2px; /* For vertical spacing of the buttons */
  list-style: none;
  text-align: center;
}
.viewer-3d-container ul a {
  display: block;
  width: 134px;
  padding: 4px;
  text-decoration: none;
  font-size: 1.25em;
  opacity: .5;
}
.viewer-3d-container ul a:hover {
  opacity: 1;
}

.view-selector-default-left {
    float: left;
    background: #8cff8c;
}
.view-selector-default-right {
    float: right;
    background: #8cff8c;
}
.view-selector-default-full {
    width: 100%;
    float: left;
    clear: both;
    background: #8cff8c;
}
.view-selector-default-full a {
    width: 100% !important;
}

/* End new 3D viewer */