MediaWiki:Mobile.css

/** This goes in MediaWiki:Mobile.css */


 * root {

--page-text-color: #fff; --page-background-color: #4c4c4c; --page-border-color: #000; --content-text-color: #000; --content-background-color: #c2c2c2; --content-border-color: #4c5b5d; --ui-link-color: #93e76f; --ui-redlink-color: #ffb2b2; --content-link-color: #475442; --content-redlink-color: #733d3d; }

/** * HOMEPAGE */ .page-Main_Page #bodyContent .mw-parser-output > * { display: grid; gap: 1.5rem; grid-template-columns: 1fr; } @media (min-width: 1100px) { .page-Main_Page #bodyContent .mw-parser-output > * { grid-template-columns: repeat(2, 1fr); } }

/** * HOMEPAGE - HEADING BANNER */ .homepage-heading { grid-column: span 2; display: flex; flex-direction: column; gap: 1.5rem; padding: 1.5rem; border: 2px solid var(--page-border-color); color: var(--page-text-color); background-color: var(--page-background-color); text-align: center; }	.homepage-heading a { color: var(--ui-link-color) !important; }	.homepage-heading .homepage-heading__logo { flex: 1 1 40%; }	.homepage-heading .homepage-heading__logo img { max-width: 100%; height: auto; }	.homepage-heading .homepage-heading__info { flex: 1 1 60%; }	.homepage-heading .homepage-heading__info p { margin: .5rem 0; }	.homepage-heading .homepage-heading__blurb { font-weight: bold; font-size: 1.5em; }	.homepage-heading .homepage-heading__beep-boop { font-weight: bold; font-style: italic; font-size: 3em; }	.homepage-heading .homepage-heading__stats { font-size: 1.5em; } @media (min-width: 1100px) { .homepage-heading { flex-direction: row; align-items: center; } }

/** * HOMEPAGE - CONTENT BOXES */ .homepage-box { border: 2px solid var(--content-border-color); color: var(--page-text-color); background-color: var(--page-background-color); }/** This goes in MediaWiki:Common.css */

@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,400;0,700;1,400;1,700&display=swap');


 * root {

--fonts: 'Chakra Petch', sans-serif; --page-text-color: #fff; --page-background-color: #4c4c4c; --page-border-color: #000; --content-text-color: #000; --content-background-color: #c2c2c2; --content-border-color: #4c5b5d; --ui-link-color: #93e76f; --ui-redlink-color: #ffb2b2; --content-link-color: #475442; --content-redlink-color: #733d3d; }

/** * HOMEPAGE */ .page-Main_Page #bodyContent .mw-parser-output { display: grid; gap: 1.5rem; grid-template-columns: 1fr; } @media (min-width: 1100px) { .page-Main_Page #bodyContent .mw-parser-output { grid-template-columns: repeat(2, 1fr); } }

/** * HOMEPAGE - HEADING BANNER */ .homepage-heading { grid-column: span 2; display: flex; flex-direction: column; gap: 1.5rem; padding: 1.5rem; border: 2px solid var(--page-border-color); color: var(--page-text-color); background-color: var(--page-background-color); text-align: center; }	.homepage-heading .homepage-heading a { color: var(--ui-link-color) !important; }	.homepage-heading .homepage-heading__logo { flex: 1 1 30%; }	.homepage-heading .homepage-heading__logo img { max-width: 100%; height: auto; }	.homepage-heading .homepage-heading__info { flex: 1 1 70%; }	.homepage-heading .homepage-heading__info p { margin: .5rem 0; }	.homepage-heading .homepage-heading__blurb { font-weight: bold; font-size: 1.5em; }	.homepage-heading .homepage-heading__beep-boop { font-weight: bold; font-style: italic; font-size: 3em; }	.homepage-heading .homepage-heading__stats { font-size: 1.5em; } @media (min-width: 1100px) { .homepage-heading { flex-direction: row; align-items: center; } }

/** * HOMEPAGE - CONTENT BOXES */ .homepage-box { border: 2px solid var(--content-border-color); color: var(--page-text-color); background-color: var(--page-background-color); }	.homepage-box--centered { text-align: center; }	.homepage-box--wide { grid-column: span 2; }	.homepage-box .homepage-box__heading { margin: 0; padding: .5rem 1.5rem; border: none; color: var(--page-text-color); background-color: var(--content-border-color); }	.homepage-box .homepage-box__body { padding: 1.5rem; }	.homepage-box .homepage-box__heading a,	.homepage-box .homepage-box__body a { color: var(--ui-link-color) !important; }	.homepage-box .homepage-box__heading a.new, .homepage-box .homepage-box__body a.new { color: var(--ui-redlink-color) !important; }

/** * HOMEPAGE - NAVIGATION */ .homepage-navigation { display: flex; gap: 1.5rem; flex-direction: row; flex-wrap: wrap; justify-content: center; }	.homepage-navigation > div > p { display: flex; flex-direction: column; }	.homepage-navigation > div:nth-child(even) { margin-top: 2.5rem; }	.homepage-navigation a { font-size: 1.25em; color: var(--ui-link-color) !important; }	.homepage-navigation a.new { color: var(--ui-redlink-color) !important; }