MediaWiki:Hydra.css

/* CSS placed here will affect users of the Hydra skin */ /** GAMEPEDIA FIXES **/ /* It's also a pixel too far down on high-density displays */
 * 1) left-navigation, #right-navigation { margin-top: 2.49em }

/* JS shifts navigation below content when a tab in a small window is opened in the background. */ @media screen and (min-width: 721px) { #mw-panel { position: absolute !important; } }

/* Main page - WoW Classic logo */ .skin-hydra .mp-darkimg { display: none; }

/* Special:SpecialPages text getting cut off */ .mw-specialpages-table {margin:0px !important } .atflb, .btflb, .footer-ad-medRect {overflow: hidden}

/* Logo clips content area when left navigation is squeezed */ @media screen and (max-width: 981px) { #global-wrapper #p-logo {left: -0.1em} }

/* Gamepedia netbar is too close to wiki logo */
 * 1) global-wrapper #p-logo {top: -150px}

/* Netbar: pad right-most elements to avoid awkward scroll bar interaction */ .netbar-box.user > .dropdown > li {padding-right: 1.5em; padding-left: 0.75em}
 * 1) netbar .netbar-box.user {padding: 0 1.5em}

/* visual centering of alerts/notices buttons in netbar */
 * 1) netbar .netbar-box.echo {padding-right: 0.8em}

/* Notification positioning is awkward in combination with the top bar */ .mw-notification {font-size: 0.90em}
 * 1) mw-notification-area {top: 1.5em; right: 1px}

/* Header flicker as collapsible navigation is slow to load */
 * 1) mw-panel #p-portals #p-Navigation_Portals > div.body {background-image: none; padding-top: 0}
 * 2) mw-panel.collapsible-nav div.portal:not(.first) {margin-left: 0}

/* Logo size constraints */
 * 1) p-logo a { background-size: contain; }

/* to remove the external link icon from sortable tables */
 * 1) bodyContent a.sortheader { background: none; padding-right: 0; }

/* Social icons inlined */ .socialSidebar { overflow: hidden; text-align: center; width: 150px; } .socialSidebar .socialLink, .socialSidebar .socialLink a, .socialSidebar .socialLink a img { width: 32px; } .socialSidebar .socialLink { display: inline-block; margin: 2px; }

/* Twitter/Facebook navigation bar links */
 * 1) n-Twitter, #n-Facebook {display: inline; position: relative; top: -1px}
 * 2) n-Facebook::before {content: " / "; color: #666}

.feature { background: rgba(0, 0, 0, 0.05); border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 5px; padding: 10px; }

.fpbox .heading, .fpbox .mainheading { border: 0; border-bottom: 1px solid #505050; }

.fpbox { background: rgba(0, 0, 0, 0.05); border: 1px solid #505050; box-shadow: 0 2px 5px #505050; }