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 */ @import url(https://fonts.googleapis.com/css?family=Open+Sans:600); @font-face { font-family: WargrooveBody; src: url('fonts/wargroovebody.ttf'); } /* Navigation Bar */ #topnavbar { width: 100%; height: 50px; position: absolute; margin: 0 auto; background-color: rgba(255, 255, 255, 0.8); text-transform: uppercase; font-weight: 700; font-size: 17px; z-index: 20; } #topnavbar a { color: black; font-family: 'Open Sans', sans-serif; text-decoration: none; } #topnavbar a:hover, .product, li#menu-item-current a { color: red; } #topnavbar ul > li { display: inline-block; line-height: 50px; margin: 0 40px; } div#mw-panel { margin-top: 30px; } div#mw-navigation { margin-top: 50px; } #mw-head-base { margin-top: -30px; } div#mw-head { top: 50px; } div#navigaton_container { margin: auto; padding-left: 80px; padding-right: 40px; } div#navigaton_container ul { margin-left: -0.29em; margin-top: 0.02em; } li.social.to-right { float:right; margin-right: -5px !important; } li.buy.to-right { float:right; margin-right: 8px !important; } .sociallink { width: 26px; height: 34px; display: inline-block; margin-left: 10px; } .sociallink a { width: 100%; height: 100%; } li.social a { margin: 0px 5px 0px 5px; font-size: 21px; } #facebook-button { background-image: url(https://wargroovewiki.com/mediawiki/skins/Vector/wargrooveimages/facebook-button.png); margin-right: -7px; } #facebook-button:hover { background-image: url(https://wargroovewiki.com/mediawiki/skins/Vector/wargrooveimages/facebook-button-hover.png); } #twitter-button { background-image: url(https://wargroovewiki.com/mediawiki/skins/Vector/wargrooveimages/twitter-button.png); margin-right: -3px; } #twitter-button:hover { background-image: url(https://wargroovewiki.com/mediawiki/skins/Vector/wargrooveimages/twitter-button-hover.png); } #reddit-button { background-image: url(https://wargroovewiki.com/mediawiki/skins/Vector/wargrooveimages/reddit-button.png); } #reddit-button:hover { background-image: url(https://wargroovewiki.com/mediawiki/skins/Vector/wargrooveimages/reddit-button-hover.png); } #contact-button { background-image: url(https://wargroovewiki.com/mediawiki/skins/Vector/wargrooveimages/contact-button.png); margin-right: -6px; } #contact-button:hover { background-image: url(https://wargroovewiki.com/mediawiki/skins/Vector/wargrooveimages/contact-button-hover.png); } @media screen and (max-width: 1280px) { li.social.to-right { display:none !important; } } @media screen and (max-width: 800px) { #navigaton_container { background-color: rgba(21, 71, 148, 0.8); min-height: 123px; } #p-logo { top: -130px; } #topnavbar { background-color: transparent; } #topnavbar ul { text-align: center; } #topnavbar ul li { float: left; width: 50%; margin: 0px; } #topnavbar ul li a { display: block; padding: 0px; line-height: 20px; border-bottom: 1px solid rgba(255,255,255,0.1); border-right: 1px solid rgba(255,255,255,0.1); padding: 10px 0px; } li.buy.to-right { margin-right: 0px !important; } li.social.to-right { display: none !important; } div#mw-panel { margin-top: 55px; } div#mw-head { top: 120px; } div#content.mw-body { margin-top: 70px; } }