MediaWiki:Common.css
Jump to navigation
Jump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* 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 */ }