MediaWiki:Mobile.css: Difference between revisions

Revision as of 02:38, 28 June 2023

/* ----- 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: 50%;
 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: 50%;
}

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