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; } /*====================================================================================================================================== Tooltip ======================================================================================================================================*/ .tooltip { text-decoration:none; position:relative; } .tooltip span { display:none; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; color:black; background:white; } .tooltip span img { float:left; } .tooltip:hover span { display:block; position:absolute; top:0; left:0; z-index:1000; width:auto; border:1px solid black; margin-top:19px; margin-left:32px; overflow:hidden; padding:8px; } /*====================================================================================================================================== Difference Between Revisions Table ======================================================================================================================================*/ .diff-deletedline .diffchange { background: #800000; } .diff-addedline .diffchange { background: #035100; } .diff-context { display: none; } /*====================================================================================================================================== Galleries ======================================================================================================================================*/ .zoom_img img{ -moz-transition:-moz-transform 0.1s ease-in; -webkit-transition:-webkit-transform 0.1s ease-in; -o-transition:-o-transform 0.1s ease-in; transition:transform 0.1 ease-in; } .zoom_img img:hover{ -moz-transform:scale(2.5); -webkit-transform:scale(2.5); -o-transform:scale(2.5); transform:scale(2.5); } /*====================================================================================================================================== Infobox ======================================================================================================================================*/ .portable-infobox { background: #606060 !important; } .pi-caption{ color: #fff !important; } /*====================================================================================================================================== Other ======================================================================================================================================*/ #mw-content-text { padding-bottom: 1.5em; font-size: 100%; } .tright .thumbinner { padding: 0 0 1em 1.5em; background: none !important; } .mw-plusminus-neg { color: #ff0000 !important; } .mw-plusminus-pos, .mw-search-result-data { color: #00c600 !important; } div.mw-prefs-buttons { background-color: #606060 !important; padding: 1em !important; } .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button { color: #D5D4D4; } .oo-ui-labelWidget.oo-ui-inline-help{ color: #a4d7ff; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { color: #dd3333; } .mw-widget-calendarWidget-body-wrapper-fade-up, .mw-widget-calendarWidget-body-wrapper-fade-next, .mw-widget-calendarWidget-body-wrapper-fade-previous, .mw-widget-calendarWidget-body-wrapper-fade-down { color: #000; } #simpleSearch #searchInput::placeholder { color: #D5D4D4 !important; } #content-header-inner{ margin-bottom: 0 !important; } /*====================================================================================================================================== Search ======================================================================================================================================*/ #p-search #searchInput-container-container { display: inline-block; background-color: #606060; color: ghostwhite; } .suggestions-result-current { background-color: #474646; color: ghostwhite; font-style: italic; } .suggestions-result-current .special-label, .suggestions-result-current .special-query { background-color: #474646; color: ghostwhite; font-style: italic; } .suggestions-results { background-color: #606060; color: ghostwhite !important; cursor: pointer; border: 1px solid #a2a9b1; padding: 0; margin: 0; } div.suggestions-result { color: ghostwhite; margin: 0; line-height: 1.5em; padding: 0.01em 0.25em; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .suggestions-special .special-label, .suggestions-special .special-query { color: ghostwhite; text-align: left; } .suggestions-special { position: relative; background-color: #606060; color: ghostwhite; cursor: pointer; border: 1px solid #a2a9b1; margin: 0; margin-top: -2px; display: none; padding: 0.25em 0.25em; line-height: 1.25em; } /*====================================================================================================================================== Editor ======================================================================================================================================*/ #searchInput, input#wpSummary, .oo-ui-textInputWidget input, .oo-ui-textInputWidget textarea, .oo-ui-textInputWidget.oo-ui-widget-enabled input, .oo-ui-textInputWidget.oo-ui-widget-enabled textarea, input[name="target"], input[name="user"], input[name="mime"], input[size$="0"], input[type="text"], input[type="checkbox"], input[type="radio"], input#wpTemplateSandboxPage, input.mw-summary, input.mw-input, .mw-input input, .mw-ui-input:invalid, textarea, .mw-ui-input-inline { background: unset !important; color: ghostwhite !important; } /*====================================================================================================================================== 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: 189px; } .HomeNavLong { width: 500px; } .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: 173px; width: 173px; 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: 25px; left: 27px; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; opacity: 1; z-index: 1; } .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; } /*====================================================================================================================================== Side Menu ======================================================================================================================================*/ .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 !important; } .mainpage-box-playfree:hover { background: #3bcfff } .mainpage-box-playfree:hover a { color: black !important; } .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 } ul.tabbernav li { list-style: none; margin: 0; display: inline-block; padding-top: 0; } .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; } .article-table thead { color: #4f4f4f !important; }