Difference between revisions of "MediaWiki:Common.css"
From Nookipedia, the Animal Crossing wiki
SuperHamster (talk | contribs) (Restore max-height on house ims) |
SuperHamster (talk | contribs) (Adjusting house mobile) |
||
Line 155: | Line 155: | ||
.house-flex-container { | .house-flex-container { | ||
display: block; | display: block; | ||
+ | } | ||
+ | .house-img { | ||
+ | max-height: none; | ||
+ | } | ||
+ | .house-img img { | ||
+ | width: 360px; | ||
+ | max-height: none; | ||
+ | height: auto; | ||
+ | object-fit: none; | ||
} | } | ||
} | } |
Revision as of 06:45, May 31, 2020
/* CSS placed here will be applied to all skins */
/* Hide Main Page Title */
body.page-Main_Page h1.firstHeading { display:none; }
body.page-Main_Page #siteSub { display:none; }
/* Tagline */
#siteSub { display:block; font-weight:normal; font-size:small;}
/* Top Icons */
div.topicon {
position: absolute;
top: -3.8em;
margin-right: -10px;
display: block !important;
}
/* Grass Backgrounds */
.grassSpring {
background: url(https://dodo.ac/np/images/c/ce/MainPageGrass-Spring.png) repeat;
}
.grassSummer {
background: url(https://dodo.ac/np/skins/nookipedia/summer/water-summer.png) repeat;
}
.grassFall {
background: url(https://dodo.ac/np/images/4/4a/MainPageGrass-Fall.png) repeat;
}
.grassWinter {
background: url(https://dodo.ac/np/images/5/5e/MainPageGrass-Winter.png) repeat;
}
.grassBirthday {
background: url(https://dodo.ac/np/images/b/b0/MainPageGrass-Birthday.png) repeat;
}
/* 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; }
/* Tabs */
.tab-article {
border-radius: 7px 7px 0 0;
-moz-border-radius: 7px 7px 0 0;
-webkit-border-radius: 7px 7px 0 0;
-khtml-border-radius: 7px 7px 0 0;
-icab-border-radius: 7px 7px 0 0;
-o-border-radius: 7px 7px 0 0;
text-align:center;
padding: 3px 5px;
margin: 0px;
border: 2px solid #78AB46;
background-color: #A5D97B;
white-space: nowrap;
cursor:pointer;
}
span.tab-article:hover, div.tab:hover, td.tab:hover {
background-color:#B1E48C;
}
.tabselected {
background-color:#9ACE74 !important;
border-bottom: 2px solid #9ACE74;
}
.tabcontainer p {
margin:0;
}
/* Table Column Coloring for Guide: Coffee Preferences */
.coffee td:nth-child(1), .coffee td:nth-child(5) { background-color: #dcf6d3; }
/* Column text alignment for villager ideal gift tables */
.idealgifts td { text-align: center; }
.idealgifts td:nth-child(1) { text-align: left; }
.onlymobile {
display:none;
}
/* Gridding */
.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;
}
}
/* Villager house flex boxes */
.house-flex-container {
display: flex;
flex-wrap: wrap;
flex-direction: row-reverse;
justify-content: center;
align-items: center;
}
.house-flex-item {
flex: 1;
margin: 0 auto;
}
.house-img {
width: 360px;
max-height: 275px;
}
.house-img img {
max-width: 100%;
max-height: 275px;
height: auto;
object-fit: contain;
}
@media (max-width: 1500px) {
.house-flex-container {
display: block;
}
.house-img {
max-height: none;
}
.house-img img {
width: 360px;
max-height: none;
height: auto;
object-fit: none;
}
}
/* 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: 36px;
}
.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: .9em;
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;
}
/* 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;
}