Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
Krayfishkarl (talk | contribs) |
Krayfishkarl (talk | contribs) |
||
(18 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
html, body | |||
background: #e5f299 | /* Hiding titles on MP and Setting Portals */ | ||
body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading { display: none; } | |||
/* ---Edits the top header--- */ | |||
div#mw-page-base { | |||
background: none | |||
} | |||
/* -Background Border- */ | |||
html, body { | |||
background: #e5f299; | |||
} | } | ||
/* -Body Content- */ | |||
div.mw-body | |||
{ | |||
background-color: RGB(249, 236, 195); | |||
color: #000000; | |||
} | |||
div.mw-body-content | |||
{ | |||
background-color: RGB(249, 236, 195); | |||
} | |||
table.mp-topbanner | |||
{ | |||
background-color: RGB(249, 236, 195); | |||
} | |||
/* Front Page Fanciness */ | |||
.headerbarcenter { | |||
align: center; | |||
margin: 5px; | |||
padding: 5px; | |||
color: white; | |||
font-size: 200%; | |||
font-weight: bold; | |||
text-shadow: 1px 1px 2px #222; | |||
width: 30ex | |||
} | |||
/* -- Setting Nav (WIP) - Derived from CSS on https://zelda.gamepedia.org -- */ | |||
.setting { | |||
display: inline-block; | |||
position: relative; | |||
font-size: 0; | |||
margin: 2px; | |||
} | |||
/* "Stretches" the setting link over the tile image. | |||
* Relying on pixel sizes is not ideal and makes the design very delicate. | |||
* It will have to do until a more elegant solution arises. | |||
*/ | |||
.setting a { | |||
width: 100%; | |||
height: 101%; | |||
clip: rect(0px, 230px, 125px, 0px); | |||
/* Overdoing the height by 1% and clipping it off prevents the bug on | |||
certain browsers/OSes/screen-zoom-ins where the shadow falls short by a | |||
few pixels and doesn't cover the whole image. */ | |||
display: inline-block; | |||
font-style: normal; | |||
color: black; | |||
position: absolute; | |||
line-height: 29px; | |||
font-size: 25px; | |||
text-decoration: none; | |||
background-color: rgba(255, 255, 255, 0.6); | |||
/* Vertically centres game title text. Flex boxes are not compatible with IE. */ | |||
display: flex; | |||
flex-direction: column; | |||
justify-content: center; | |||
} | |||
.setting a:hover{ | |||
background-color: rgba(0, 0, 0, 0.3); | |||
} | |||
.setting-container { | |||
margin: 0 auto 3em; /* Mainly to add space below the settings, above the Categories */ | |||
} |
Latest revision as of 00:09, 2 January 2022
/* CSS placed here will be applied to all skins */ /* Hiding titles on MP and Setting Portals */ body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading { display: none; } /* ---Edits the top header--- */ div#mw-page-base { background: none } /* -Background Border- */ html, body { background: #e5f299; } /* -Body Content- */ div.mw-body { background-color: RGB(249, 236, 195); color: #000000; } div.mw-body-content { background-color: RGB(249, 236, 195); } table.mp-topbanner { background-color: RGB(249, 236, 195); } /* Front Page Fanciness */ .headerbarcenter { align: center; margin: 5px; padding: 5px; color: white; font-size: 200%; font-weight: bold; text-shadow: 1px 1px 2px #222; width: 30ex } /* -- Setting Nav (WIP) - Derived from CSS on https://zelda.gamepedia.org -- */ .setting { display: inline-block; position: relative; font-size: 0; margin: 2px; } /* "Stretches" the setting link over the tile image. * Relying on pixel sizes is not ideal and makes the design very delicate. * It will have to do until a more elegant solution arises. */ .setting a { width: 100%; height: 101%; clip: rect(0px, 230px, 125px, 0px); /* Overdoing the height by 1% and clipping it off prevents the bug on certain browsers/OSes/screen-zoom-ins where the shadow falls short by a few pixels and doesn't cover the whole image. */ display: inline-block; font-style: normal; color: black; position: absolute; line-height: 29px; font-size: 25px; text-decoration: none; background-color: rgba(255, 255, 255, 0.6); /* Vertically centres game title text. Flex boxes are not compatible with IE. */ display: flex; flex-direction: column; justify-content: center; } .setting a:hover{ background-color: rgba(0, 0, 0, 0.3); } .setting-container { margin: 0 auto 3em; /* Mainly to add space below the settings, above the Categories */ }