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.

/* ----- Site-wide CSS ----- */
/* Top bar */


/* 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: text-top;
}

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

img {
 max-width: 100%;
 height: auto;
}