MediaWiki:Common.css
From Tycoon Gaming
Note: After saving, 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: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
@import url("/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:ModernProfile/Masthead.css|u:dev:MediaWiki:ModernProfile/Wall.css"); /* CSS placed here will be applied to all skins */ .mw-wiki-logo { background-image: url(https://dash.tycoon.community/wiki/images/e/ea/Logo.gif) !important; } #mw-content-text { padding-bottom: 1.5em; font-size: 100%; } /*Main Menu*/ .HomeNav, .HomeNavLong { display: inline-block; position: relative; transform: skew(30deg); text-align: center; background: #2EA2C7; padding: 5px; text-transform: uppercase; font-family: Arial,Helvetica,sans-serif; font-size: 14px; margin: 2px; } .HomeNavExtraLong { display: inline-block; position: relative; text-align: center; background: #2EA2C7; padding: 5px; text-transform: uppercase; font-family: Arial,Helvetica,sans-serif; font-size: 14px; margin: 2px; } .HomeNav { width: 192px; } .HomeNavLong { width: 509px; } .HomeNavExtraLong { width: 1050px; } .HomeNav span, .HomeNavLong span { display: inline-block; transform: skew(-30deg) } .HomeNavExtraLong span a { font-size: 14px; font-weight: bold; font-family: Arial,Helvetica,sans-serif; color: white; text-decoration: none } .HomeNavLong span a { font-size: 18px; font-weight: bold; font-family: Arial,Helvetica,sans-serif; color: white; text-decoration: none } .HomeNav span a { font-size: 14px; font-weight: bold; font-family: Arial,Helvetica,sans-serif; color: white; text-decoration: none } .HomeNav .trapzoidleft, .HomeNavLong .trapzoidleft { position: absolute; top: 0; left: -10px; height: 100%; width: 30px; background: #2EA2C7; transform: skew(-30deg) } .HomeNav .trapzoidright, .HomeNavLong .trapzoidright { position: absolute; top: 0; right: -10px; height: 100%; width: 30px; background: #2EA2C7; transform: skew(-30deg) } .HomeNav:hover span a, .HomeNavLong:hover span a, .HomeNavExtraLong:hover span a { color: black } .HomeTile { position: relative; height: 140px; width: 140px; background: -webkit-radial-gradient(#727272,#151515); background: -o-radial-gradient(#727272,#151515); background: -moz-radial-gradient(#727272,#151515); background: radial-gradient(#727272,#151515); z-index: 0; } .HomeTileBig { position: relative; height: 350px; width: 350px; background: -webkit-radial-gradient(#727272,#151515); background: -o-radial-gradient(#727272,#151515); background: -moz-radial-gradient(#727272,#151515); background: radial-gradient(#727272,#151515); z-index: 0; } .HomeTilelink { position: absolute; bottom: 3px; width: 100%; background-color: rgba(0,0,0,0.6); text-align: center; text-transform: uppercase; color: white; text-shadow: 0 0 2px; font-size: 12px; z-index: 4; } .HomeTilelink a { color: white; text-decoration: none } .HomeTileimage,.HomeTileimage-overlap { position: absolute; top: 10px; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; opacity: 1; z-index: 1; left: 15px; } .HomeTileimage2 { position: absolute; top: 0px; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; opacity: 0; z-index: 2; } .HomeTile:hover .HomeTileimage { opacity: 0 } .HomeTile:hover .HomeTileimage2 { opacity: 1 } .imagelink { width:100px; height:100px; display:block; text-decoration:none; } /*SideMenu*/ .mainpage-box-playfree { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -o-user-select: none; -user-select: none; cursor: pointer; background: #2EA2C7; display: block; padding: 10px 0px; text-align: center; border-radius: 10px 10px 2px 2px; } .mainpage-box-playfree span { display: inline-block; transform: skew(0deg) !important; } .mainpage-box-playfree a { vertical-align: middle; font-family: Arial,Helvetica,sans-serif; font-weight: light; text-transform: uppercase; text-decoration: none !important; font-size: 30px; color: #FFFFFF } .mainpage-box-playfree:hover { background: #3bcfff } .mainpage-box-playfree:hover a { color: black } .logo_fix { position: relative; left: 25px; } /*Tabber*/ .tabbertab { border: none !important; padding: 0 !important } .tabbernav { background: #f8f8f8; border: 1px solid #eee !important; padding: 0 !important; text-align: center; font-family: Helvetica Neue,Helvetica,Arial,sans-serif !important; border-radius: 4px; font-size: 15px !important; line-height: 15px !important; justify-content: space-between; display: flex } .tabbernav li { font-size: 15px !important; ;line-height: 15px !important; width: 100% } .tabbernav li a { border: none !important; margin: 0 !important; padding: 10px 0 !important; background: transparent !important; color: #999 !important; font-size: 14px; transition-duration: 0.15s; cursor: default; font-weight: normal !important; font-size: 15px !important; ;line-height: 15px !important; width: 100%; display: inline-block } .tabbernav .tabberactive a,.tabbernav li a:hover { color: black !important; background: #eee !important } @media print { } /* cache key: tycooncommunity:resourceloader:filter:minify-css:7:127ba8983e807d85ec4b19b92f243d50 */ tbody { padding: 0px; width: 100%; margin: 0 auto; } td { padding: 0px 0px; } /* Main CSS class of the tooltip */ .main-tooltip { border: 1px solid #cac4b5; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); margin-bottom: 5px; padding: 2px 5px; background-color: #464646; color: black; } /* Adds padding to the wrapper to make space for a shadow */ #tooltip-wrapper { padding: 3px 7px 2px 3px; } /* Hides tooltips with redlinks, not yet loaded ones and elements containing tooltip contents for advanced tooltips */ .has-redlinks, .tooltip-loading, .advanced-tooltip .tooltip-contents { display: none; } .tooltips-init-complete { cursor: help; }