MediaWiki:Mobile.css: Difference between revisions

From Kirby Speedrunning Wiki
Jump to navigationJump to search
No edit summary
Tags: Mobile edit Mobile web edit
No edit summary
Tags: Mobile edit Mobile web edit
Line 15: Line 15:
body.page-Main_Page { background-color: #e6ffb4; }
body.page-Main_Page { background-color: #e6ffb4; }
body.page-Main_Page #content { background-color: pink; }
body.page-Main_Page #content { background-color: pink; }
/*Link Colors*/
.main-page-container a:link, a.external, a:visited, a.external:visited {color: #ff99ff !important;}
.main-page-container a.new, a.new:visited {color: #FF3399 !important;}
.main-page-container a:hover, a.external:hover {color: #ff66cc !important;}
.main-page-container a:active, a.external:active {color: #9966ff !important;}





Revision as of 02:54, 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; }


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