Difference between revisions of "MediaWiki:Mobile.css"

From Nookipedia, the Animal Crossing wiki
Jump to navigation Jump to search
(Update to include code from MediaWiki:Common.css. Moving Timeless-specific code out so we can import MediaWiki:Timeless.css instead.)
(nh_item-var 50->30px)
Line 58: Line 58:
 
.nh_item-var {
 
.nh_item-var {
 
   flex-grow: 0;
 
   flex-grow: 0;
   width: 50px;
+
   width: 30px;
 
}
 
}
  

Revision as of 20:53, May 23, 2020

@import 'https://nookipedia.com/wiki/MediaWiki:Timeless.css?action=raw&ctype=text/css';
/* Please do NOT move the rule above this comment. This must be positioned at the very top in order to correctly import Timeless.css into Mobile.css. */

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

/* Adjustments to the Timeless skin should be made to MediaWiki:Timeless.css instead of here.                                                       */
/* Note that Common.css does not load in Mobile View. Copy any required code from Common.css into the first section for it to work in Mobile View.  */
/* Mobile-specific adjustments not related to the Timeless skin should be placed in the indicated section at the bottom.                            */

/* ====================== */
/* Copied from Common.css */
/* ====================== */

/* Hide Main Page Title */
body.page-Main_Page h1.firstHeading { display:none; }

/* Gridding */
.grid-container-3-col {
  display: grid;
  grid-template-columns: auto auto auto;
}
.grid-container-2-col {
  display: grid;
  grid-template-columns: auto auto;
}
.grid-item {
  border: 0px solid;
  padding: 1px 0px;
}

/* Flex boxes */
.flex-container {
  display: flex;
  flex-wrap: wrap;
}
.flex-item {
  flex: 1;
}
@media (max-width: 600px) {
  .flex-container {
    display: block;
  }
  .flex-item table {
    display: table;
  }
}

/* NH Items */
.nh_item-flex-container {
  display: flex;
  flex-wrap: wrap;
}

.nh_item-flex-item {
  flex-grow: 1;
}

.nh_item-var {
  flex-grow: 0;
  width: 30px;
}

.nh_item-var-img {
  display: inline-block;
  vertical-align: top;
  padding:12px 0 0 0;
}

.nh_item-var-title {
  line-height: 1.4em;
  max-height: 2.8em;
  overflow: hidden;
  word-wrap: break-word;
}

.nh_item-var-data {
  display: inline-block;
  font-size: .8em;
  vertical-align: top;
  padding:12px 0 0 0;
  width: 90px;
}

.nh_item-lang {
  overflow: hidden;
  word-wrap: anywhere;
  margin: 0px 3px;
  width: 30%;
}

.nh_item-divider {
  background-color: transparent;
  border-bottom: 1px solid #efba00;
}

/* Rounded Corners */
.roundy { border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; -icab-border-radius: 20px; -o-border-radius: 20px; }
 
.roundytl { border-top-left-radius: 20px; -moz-border-radius-topleft: 20px; -webkit-border-top-left-radius: 20px; -khtml-border-top-left-radius: 20px; -icab-border-top-left-radius: 20px; -o-border-top-left-radius: 20px; }
 
.roundytr { border-top-right-radius: 20px; -moz-border-radius-topright: 20px; -webkit-border-top-right-radius: 20px; -khtml-border-top-right-radius: 20px; -icab-border-top-right-radius: 20px; -o-border-top-right-radius: 20px; }
 
.roundybl { border-bottom-left-radius: 20px; -moz-border-radius-bottomleft: 20px; -webkit-border-bottom-left-radius: 20px; -khtml-border-bottom-left-radius: 20px; -icab-border-bottom-left-radius: 20px; -o-border-bottom-left-radius: 20px; }
 
.roundybr { border-bottom-right-radius: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-bottom-right-radius: 20px; -khtml-border-bottom-right-radius: 20px; -icab-border-bottom-right-radius: 20px; -o-border-bottom-right-radius: 20px; }
 
.roundybottom { border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; -moz-border-radius-bottomleft: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-bottom-left-radius: 20px; -webkit-border-bottom-right-radius: 20px; -khtml-border-bottom-left-radius: 20px; -khtml-border-bottom-right-radius: 20px; -icab-border-bottom-left-radius: 20px; -icab-border-bottom-right-radius: 20px; -o-border-bottom-left-radius: 20px; -o-border-bottom-right-radius: 20px; }
 
.roundytop { border-top-left-radius: 20px; border-top-right-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-topright: 20px; -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px; -khtml-border-top-left-radius: 20px; -khtml-border-top-right-radius: 20px; -icab-border-top-left-radius: 20px; -icab-border-top-right-radius: 20px; -o-border-top-left-radius: 20px; -o-border-top-right-radius: 20px; }
 
.roundyleft { border-top-left-radius: 20px; border-bottom-left-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-bottomleft: 20px; -webkit-border-top-left-radius: 20px; -webkit-border-bottom-left-radius: 20px; -khtml-border-top-left-radius: 20px; -khtml-border-bottom-left-radius: 20px; -icab-border-top-left-radius: 20px; -icab-border-bottom-left-radius: 20px; -o-border-top-left-radius: 20px; -o-border-bottom-left-radius: 20px; }
 
.roundyright { border-bottom-right-radius: 20px; border-top-right-radius: 20px; -moz-border-radius-bottomright: 20px; -moz-border-radius-topright: 20px; -webkit-border-bottom-right-radius: 20px; -webkit-border-top-right-radius: 20px; -khtml-border-bottom-right-radius: 20px; -khtml-border-top-right-radius: 20px; -icab-border-bottom-right-radius: 20px; -icab-border-top-right-radius: 20px; -o-border-bottom-right-radius: 20px; -o-border-top-right-radius: 20px; }

table.roundlast tr:last-child td:last-child { border-bottom-right-radius: 16px; -moz-border-radius-bottomright: 16px; -webkit-border-bottom-right-radius: 16px; -khtml-border-bottom-right-radius: 16px; -icab-border-bottom-right-radius: 16px; -o-border-bottom-right-radius: 16px; }

table.roundCorners tr:first-child td:first-child { border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; -icab-border-top-left-radius: 10px; -o-border-top-left-radius: 10px; }
table.roundCorners tr:first-child td:last-child { border-top-right-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; -khtml-border-top-right-radius: 10px; -icab-border-top-right-radius: 10px; -o-border-top-right-radius: 10px; }
table.roundCorners tr:last-child td:first-child { border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; -icab-border-bottom-left-radius: 10px; -o-border-bottom-left-radius: 10px; }
table.roundCorners tr:last-child td:last-child { border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; -icab-border-bottom-right-radius: 10px; -o-border-bottom-right-radius: 10px; }

/* Styling links to ARMS Institute */
#bodyContent a[href^="https://armswiki.org"] {
  background: url("https://dodo.ac/np/images/1/1c/NIWA_Arms.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}

/* Styling links to Bulbapedia */
#bodyContent a[href^="http://bulbapedia.bulbagarden.net/wiki"] {
  background: url("https://dodo.ac/np/images/8/8a/NIWA_Pokemon.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}

/* Styling links to Dragon Quest Wiki*/
#bodyContent a[href^="http://dragon-quest.org/wiki"] {
  background: url("https://dodo.ac/np/images/3/31/NIWA_DQ.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}

/* Styling links to Fire Emblem Wiki */
#bodyContent a[href^="https://fireemblemwiki.org"] {
  background: url("https://dodo.ac/np/images/a/a1/NIWA_Fire_Emblem.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("https://dodo.ac/np/images/7/78/NIWA_F-Zero.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}

/* Styling links to Golden Sun Universe */
#bodyContent a[href^="http://goldensunwiki.net/wiki"] {
  background: url("https://dodo.ac/np/images/0/05/NIWA_Golden_Sun.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}

/* Styling links to Hard Drop Wiki */
#bodyContent a[href^="http://harddrop.com/wiki"] {
  background: url("https://dodo.ac/np/images/8/8b/NIWA_Hard_Drop.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}

/* Styling links to Icaruspedia */
#bodyContent a[href^="http://www.kidicaruswiki.org/"] {
  background: url("https://dodo.ac/np/images/4/45/NIWA_Icarus.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}

/* Styling links to Inkipedia */
#bodyContent a[href^="https://splatoonwiki.org"] {
  background: url("https://dodo.ac/np/images/8/89/NIWA_Splatoon.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}

/* Styling links to Lylat Wiki */
#bodyContent a[href^="http://starfoxwiki.info/"] {
  background: url("https://dodo.ac/np/images/9/96/NIWA_Star_Fox.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}

/* Styling links to Metroid Wiki */
#bodyContent a[href^="http://metroidwiki.org/wiki/"] {
  background: url("https://dodo.ac/np/images/5/50/NIWA_Metroid.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}

/* Styling links to NintendoWiki */
#bodyContent a[href^="http://niwanetwork.org/wiki"] {
  background: url("https://dodo.ac/np/images/3/3d/NIWA_Nintendo.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}

/* Styling links to Pikipedia */
#bodyContent a[href^="https://www.pikminwiki.com"] {
  background: url("https://dodo.ac/np/images/0/05/NIWA_Pikmin.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}

/* Styling links to Pikmin Fanon */
#bodyContent a[href^="http://pikminfanon.com/"] {
  background: url("https://dodo.ac/np/images/1/16/NIWA_Pikmin_Fanon.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}

/* Styling links to SmashWiki */
#bodyContent a[href^="https://www.ssbwiki.com"] {
  background: url("https://dodo.ac/np/images/b/b7/NIWA_Super_Smash_Bros.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}

/* Styling links to Starfy Wiki */
#bodyContent a[href^="https://starfywiki.org"] {
  background: url("https://dodo.ac/np/images/c/c0/NIWA_Starfy.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}

/* Styling links to StrategyWiki */
#bodyContent a[href^="http://strategywiki.org"] {
  background: url("https://dodo.ac/np/images/f/f2/NIWA_Strategy.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("https://dodo.ac/np/images/0/0e/NIWA_Mario.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}

/* Styling links to Wars Wiki */
#bodyContent a[href^="https://warswiki.org/wiki"] {
  background: url("https://dodo.ac/np/images/a/a1/NIWA_Wars.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}

/* Styling links to WikiBound */
#bodyContent a[href^="http://wikibound.info/wiki"] {
  background: url("https://dodo.ac/np/images/d/dd/NIWA_EarthBound.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}

/* Styling links to WiKirby */
#bodyContent a[href^="https://wikirby.com/wiki"] {
  background: url("https://dodo.ac/np/images/c/c0/NIWA_Kirby.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}

/* Styling links to Zelda Wiki */
#bodyContent a[href^="http://zelda.gamepedia.com"] {
  background: url("https://dodo.ac/np/images/0/0e/NIWA_Zelda.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}

/* ==================================== */
/* Mobile-specific adjustments go below */
/* ==================================== */