MediaWiki:Mobile.css: Difference between revisions
From Kirby Speedrunning Wiki
Jump to navigationJump to search
No edit summary |
No edit summary Tags: Mobile edit Mobile web edit |
||
Line 1: | Line 1: | ||
/* ----- Site-wide CSS ----- */ | |||
/* Top bar */ | |||
/* MAIN PAGE STYLING */ | /* MAIN PAGE STYLING */ | ||
body.page-Main_Page h1.firstHeading { display:none; } | body.page-Main_Page h1.firstHeading { display:none; } | ||
body.page-Main_Page { background-color: #e6ffb4; } | body.page-Main_Page { background-color: #e6ffb4; } | ||
Line 17: | Line 20: | ||
} | } | ||
. | .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*/ | /*GBA-DS and Modern Columns should go here*/ | ||
Line 28: | Line 31: | ||
.mainpage-links-container { | .mainpage-links-container { | ||
text-align: center; | text-align: center; | ||
width: | width: 50%; | ||
line-height: 1.8; | line-height: 1.8; | ||
margin-top: 0px; | margin-top: 0px; |
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; }