MediaWiki:Mobile.css: Difference between revisions

Revision as of 02:44, 28 June 2023

/* ----- Site-wide CSS ----- */
/* Search bar - moved it over cuz our wiki name is too long lol */
.minerva-header #searchInput {
  margin-left: 30px;
}

/* Makes it so all images on the wiki don't go past the screen borders */
img {
 max-width: 100%;
 height: auto;
}

/* MAIN PAGE STYLING */
body.page-Main_Page h1.firstHeading { display:none; }
body.page-Main_Page { background-color: #e6ffb4; }
body.page-Main_Page #content { background-color: pink; }

/*Retro Column*/
.mainpage-retrocolumn {
 background-color: #330033;
 background-image: url("https://kirbyspeedrun.com/images/b/b4/Retrocolumnbg.png");
 background-size: cover;
 background-position: bottom;
 color: #ffe6ff;
 border: 3px solid #0047b3;
 width: 100%;
 padding: 6px;
}

.main-page-container a:link {color: #ff99ff;}
.main-page-container a:visited {color: #ff99ff;}
.main-page-container a:hover {color: #ff3399;}
.main-page-container a:active {color: #9966ff;}
.main-page-container h1 {color: #ff6699;}

/*GBA-DS and Modern Columns should go here*/

/*Links*/
.mainpage-links-container {
 text-align: center;
 width: 100%;
 line-height: 1.8;
 margin-top: 0px;
 display: flex;
 align-items: center;
 justify-content: space-around;
 padding: 0;
}

.mainpage-links-container ul {
 list-style: none;
 margin: 0;
 padding: 0;
 overflow: hidden;
}

.mainpage-links-container li {
 display: inline-block;
 width: 100%;
 vertical-align: middle;
 flex-direction: column-reverse;
}

.mainpage-links img {
 width: 35%;
height: auto;
}



/* for links that do not need an external link icon (example is links that link back to kirbyspeedrun.com/wiki) */
.no-external-link-icon a.external {
  background-image: none !important;
  padding-right: 0px !important;
}