Difference between revisions of "MediaWiki:Common.css"
From Tycoon Gaming
m (made proper indentations) |
|||
| Line 7: | Line 7: | ||
/*================================================================================================================================== | /*================================================================================================================================== | ||
| − | + | Tooltip | |
==================================================================================================================================*/ | ==================================================================================================================================*/ | ||
.tooltip | .tooltip | ||
{ | { | ||
| − | + | text-decoration:none; | |
| − | + | position:relative; | |
} | } | ||
| Line 19: | Line 19: | ||
.tooltip span | .tooltip span | ||
{ | { | ||
| − | + | display:none; | |
| − | + | -moz-border-radius:6px; | |
| − | + | -webkit-border-radius:6px; | |
| − | + | border-radius:6px; | |
| − | + | color:black; | |
| − | + | background:white; | |
} | } | ||
| Line 30: | Line 30: | ||
.tooltip span img | .tooltip span img | ||
{ | { | ||
| − | + | float:left; | |
} | } | ||
| Line 36: | Line 36: | ||
.tooltip:hover span | .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 { | .diff-deletedline .diffchange { | ||
| − | + | background: #800000; | |
} | } | ||
.diff-addedline .diffchange { | .diff-addedline .diffchange { | ||
| − | + | background: #035100; | |
} | } | ||
.diff-context { | .diff-context { | ||
| − | + | display: none; | |
} | } | ||
#pagehistory li.selected { | #pagehistory li.selected { | ||
| − | + | background-color: #0058ff0a; | |
| − | + | color: ghostwhite; | |
| − | + | border: 1px solid #fff | |
} | } | ||
/*================================================================================================================================== | /*================================================================================================================================== | ||
| − | + | Galleries | |
==================================================================================================================================*/ | ==================================================================================================================================*/ | ||
.zoom_img img{ | .zoom_img img{ | ||
| − | -moz-transition:-moz-transform 0.1s ease-in; | + | -moz-transition:-moz-transform 0.1s ease-in; |
| − | -webkit-transition:-webkit-transform 0.1s ease-in; | + | -webkit-transition:-webkit-transform 0.1s ease-in; |
| − | -o-transition:-o-transform 0.1s ease-in; | + | -o-transition:-o-transform 0.1s ease-in; |
| − | transition:transform 0.1 ease-in; | + | transition:transform 0.1 ease-in; |
} | } | ||
.zoom_img img:hover{ | .zoom_img img:hover{ | ||
| − | -moz-transform:scale(2.5); | + | -moz-transform:scale(2.5); |
| − | -webkit-transform:scale(2.5); | + | -webkit-transform:scale(2.5); |
| − | -o-transform:scale(2.5); | + | -o-transform:scale(2.5); |
| − | transform:scale(2.5); | + | transform:scale(2.5); |
} | } | ||
/*================================================================================================================================== | /*================================================================================================================================== | ||
| − | + | Infobox | |
==================================================================================================================================*/ | ==================================================================================================================================*/ | ||
| Line 95: | Line 95: | ||
.portable-infobox { | .portable-infobox { | ||
| − | + | background: #606060 !important; | |
} | } | ||
| Line 103: | Line 103: | ||
/*================================================================================================================================== | /*================================================================================================================================== | ||
| − | + | Search | |
==================================================================================================================================*/ | ==================================================================================================================================*/ | ||
#p-search #searchInput-container-container { | #p-search #searchInput-container-container { | ||
| − | + | display: inline-block; | |
| − | + | background-color: #606060; | |
| − | + | color: ghostwhite; | |
} | } | ||
.suggestions-result-current { | .suggestions-result-current { | ||
background-color: #474646; | background-color: #474646; | ||
| − | + | color: ghostwhite; | |
| − | + | font-style: italic; | |
} | } | ||
| Line 121: | Line 121: | ||
.suggestions-result-current .special-query { | .suggestions-result-current .special-query { | ||
background-color: #474646; | background-color: #474646; | ||
| − | + | color: ghostwhite; | |
| − | + | font-style: italic; | |
} | } | ||
.suggestions-results { | .suggestions-results { | ||
| − | + | background-color: #606060; | |
| − | + | color: ghostwhite !important; | |
| − | + | cursor: pointer; | |
| − | + | border: 1px solid #a2a9b1; | |
| − | + | padding: 0; | |
| − | + | margin: 0; | |
} | } | ||
div.suggestions-result { | 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-label, | ||
.suggestions-special .special-query { | .suggestions-special .special-query { | ||
| − | + | color: ghostwhite; | |
| − | + | text-align: left; | |
} | } | ||
.suggestions-special { | .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 { | #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; | |
} | } | ||
| Line 178: | Line 178: | ||
/*================================================================================================================================== | /*================================================================================================================================== | ||
| − | + | Main Menu | |
==================================================================================================================================*/ | ==================================================================================================================================*/ | ||
.HomeNav, .HomeNavLong { | .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 { | .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 { | .HomeNav { | ||
| − | + | width: 189px; | |
} | } | ||
.HomeNavLong { | .HomeNavLong { | ||
| − | + | width: 500px; | |
} | } | ||
.HomeNavExtraLong { | .HomeNavExtraLong { | ||
| − | + | width: 1050px; | |
} | } | ||
.HomeNav span, .HomeNavLong span { | .HomeNav span, .HomeNavLong span { | ||
| − | + | display: inline-block; | |
| − | + | transform: skew(-30deg) | |
} | } | ||
.HomeNavExtraLong span a { | .HomeNavExtraLong span a { | ||
| − | + | font-size: 14px; | |
| − | + | font-weight: bold; | |
| − | + | font-family: Arial,Helvetica,sans-serif; | |
| − | + | color: white; | |
| − | + | text-decoration: none | |
} | } | ||
.HomeNavLong span a { | .HomeNavLong span a { | ||
| − | + | font-size: 18px; | |
| − | + | font-weight: bold; | |
| − | + | font-family: Arial,Helvetica,sans-serif; | |
| − | + | color: white; | |
| − | + | text-decoration: none | |
} | } | ||
.HomeNav span a { | .HomeNav span a { | ||
| − | + | font-size: 14px; | |
| − | + | font-weight: bold; | |
| − | + | font-family: Arial,Helvetica,sans-serif; | |
| − | + | color: white; | |
| − | + | text-decoration: none | |
} | } | ||
.HomeNav .trapzoidleft, .HomeNavLong .trapzoidleft { | .HomeNav .trapzoidleft, .HomeNavLong .trapzoidleft { | ||
| − | + | position: absolute; | |
| − | + | top: 0; | |
| − | + | left: -10px; | |
| − | + | height: 100%; | |
| − | + | width: 30px; | |
| − | + | background: #2EA2C7; | |
| − | + | transform: skew(-30deg) | |
} | } | ||
.HomeNav .trapzoidright, .HomeNavLong .trapzoidright { | .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 { | .HomeNav:hover span a, .HomeNavLong:hover span a, .HomeNavExtraLong:hover span a { | ||
| − | + | color: black | |
} | } | ||
.HomeTile { | .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 { | .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 { | .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 { | .HomeTilelink a { | ||
| − | + | color: white; | |
| − | + | text-decoration: none | |
} | } | ||
.HomeTileimage,.HomeTileimage-overlap { | .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 { | .HomeTileimage2 { | ||
| − | + | position: absolute; | |
| − | + | top: 0px; | |
| − | + | transition: 1s; | |
| − | + | -webkit-transition: 1s; | |
| − | + | -moz-transition: 1s; | |
| − | + | -o-transition: 1s; | |
| − | + | opacity: 0; | |
| − | + | z-index: 2; | |
} | } | ||
.HomeTile:hover .HomeTileimage { | .HomeTile:hover .HomeTileimage { | ||
| − | + | opacity: 0 | |
} | } | ||
.HomeTile:hover .HomeTileimage2 { | .HomeTile:hover .HomeTileimage2 { | ||
| − | + | opacity: 1 | |
} | } | ||
.imagelink { | .imagelink { | ||
| − | + | width:100px; | |
| − | + | height:100px; | |
| − | + | display:block; | |
| − | + | text-decoration:none; | |
} | } | ||
/*================================================================================================================================== | /*================================================================================================================================== | ||
| − | + | Side Menu | |
==================================================================================================================================*/ | ==================================================================================================================================*/ | ||
.mainpage-box-playfree { | .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 { | .mainpage-box-playfree span { | ||
| − | + | display: inline-block; | |
| − | + | transform: skew(0deg) !important; | |
} | } | ||
.mainpage-box-playfree a { | .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 { | .mainpage-box-playfree:hover { | ||
| − | + | background: #3bcfff | |
} | } | ||
.mainpage-box-playfree:hover a { | .mainpage-box-playfree:hover a { | ||
| − | + | color: black !important; | |
} | } | ||
.logo_fix { | .logo_fix { | ||
position: relative; | position: relative; | ||
| − | + | left: 25px; | |
} | } | ||
/*================================================================================================================================== | /*================================================================================================================================== | ||
| − | + | Tabber | |
==================================================================================================================================*/ | ==================================================================================================================================*/ | ||
.tabbertab { | .tabbertab { | ||
| − | + | border: none !important; | |
| − | + | padding: 0 !important | |
} | } | ||
.tabbernav { | .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 { | .tabbernav li { | ||
| − | + | font-size: 15px !important; | |
| − | + | ;line-height: 15px !important; | |
| − | + | width: 100% | |
} | } | ||
.tabbernav li a { | .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 { | ul.tabbernav li { | ||
| − | + | list-style: none; | |
| − | + | margin: 0; | |
| − | + | display: inline-block; | |
| − | + | padding-top: 0; | |
} | } | ||
.tabbernav .tabberactive a,.tabbernav li a:hover { | .tabbernav .tabberactive a,.tabbernav li a:hover { | ||
| − | + | color: black !important; | |
| − | + | background: #eee !important | |
} | } | ||
/*================================================================================================================================== | /*================================================================================================================================== | ||
| − | + | Other | |
==================================================================================================================================*/ | ==================================================================================================================================*/ | ||
#mw-content-text { | #mw-content-text { | ||
| − | + | padding-bottom: 1.5em; | |
| − | + | font-size: 100%; | |
} | } | ||
.tright .thumbinner { | .tright .thumbinner { | ||
| − | + | padding: 0 0 1em 1.5em; | |
| − | + | background: none !important; | |
} | } | ||
.mw-plusminus-neg { | .mw-plusminus-neg { | ||
| − | + | color: #ff0000 !important; | |
} | } | ||
.mw-plusminus-pos, | .mw-plusminus-pos, | ||
.mw-search-result-data { | .mw-search-result-data { | ||
| − | + | color: #00c600 !important; | |
} | } | ||
div.mw-prefs-buttons { | div.mw-prefs-buttons { | ||
| − | + | background-color: #606060 !important; | |
| − | + | padding: 1em !important; | |
} | } | ||
.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button { | .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button { | ||
| − | + | color: #D5D4D4; | |
} | } | ||
.oo-ui-labelWidget.oo-ui-inline-help{ | .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 { | .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { | ||
| − | + | color: #dd3333; | |
} | } | ||
| Line 497: | Line 497: | ||
.mw-widget-calendarWidget-body-wrapper-fade-previous, | .mw-widget-calendarWidget-body-wrapper-fade-previous, | ||
.mw-widget-calendarWidget-body-wrapper-fade-down { | .mw-widget-calendarWidget-body-wrapper-fade-down { | ||
| − | + | color: #000; | |
} | } | ||
#simpleSearch #searchInput::placeholder { | #simpleSearch #searchInput::placeholder { | ||
| − | + | color: #D5D4D4 !important; | |
} | } | ||
#content-header-inner{ | #content-header-inner{ | ||
| − | + | margin-bottom: 0 !important; | |
} | } | ||
| Line 513: | Line 513: | ||
/* cache key: tycooncommunity:resourceloader:filter:minify-css:7:127ba8983e807d85ec4b19b92f243d50 */ | /* cache key: tycooncommunity:resourceloader:filter:minify-css:7:127ba8983e807d85ec4b19b92f243d50 */ | ||
tbody { | tbody { | ||
| − | + | padding: 0px; | |
| − | + | width: 100%; | |
| − | + | margin: 0 auto; | |
} | } | ||
td { | td { | ||
| − | + | padding: 0px 0px; | |
} | } | ||
/* Main CSS class of the tooltip */ | /* Main CSS class of the tooltip */ | ||
.main-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 */ | /* Adds padding to the wrapper to make space for a shadow */ | ||
#tooltip-wrapper { | #tooltip-wrapper { | ||
| − | + | padding: 3px 7px 2px 3px; | |
} | } | ||
/* Hides tooltips with redlinks, not yet loaded ones and elements containing tooltip contents for advanced tooltips */ | /* Hides tooltips with redlinks, not yet loaded ones and elements containing tooltip contents for advanced tooltips */ | ||
.has-redlinks, .tooltip-loading, .advanced-tooltip .tooltip-contents { | .has-redlinks, .tooltip-loading, .advanced-tooltip .tooltip-contents { | ||
| − | + | display: none; | |
} | } | ||
.tooltips-init-complete { | .tooltips-init-complete { | ||
| − | + | cursor: help; | |
} | } | ||
.article-table thead { | .article-table thead { | ||
| − | + | color: #4f4f4f !important; | |
} | } | ||
.mw-changeslist-legend { | .mw-changeslist-legend { | ||
| − | + | float: right; | |
| − | + | margin-left: 10px; | |
| − | + | margin-bottom: 10px; | |
| − | + | clear: right; | |
| − | + | font-size: 82%; | |
| − | + | line-height: 10px; | |
| − | + | padding: 4px; | |
| − | + | border: 1px solid #ddd; | |
| − | + | background: #00000014; | |
| − | + | color: ghostwhite; | |
} | } | ||
.mw-changeslist { | .mw-changeslist { | ||
| − | + | padding: 8px; | |
| − | + | margin: -21px -8px; | |
} | } | ||
Revision as of 22:35, 5 October 2019
@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;
}
#pagehistory li.selected {
background-color: #0058ff0a;
color: ghostwhite;
border: 1px solid #fff
}
/*==================================================================================================================================
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;
}
/*==================================================================================================================================
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;
}
.wikiEditor-toolbar-dialog .ui-dialog-content input[type='text'] {
color: black !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
}
/*==================================================================================================================================
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;
}
@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;
}
.mw-changeslist-legend {
float: right;
margin-left: 10px;
margin-bottom: 10px;
clear: right;
font-size: 82%;
line-height: 10px;
padding: 4px;
border: 1px solid #ddd;
background: #00000014;
color: ghostwhite;
}
.mw-changeslist {
padding: 8px;
margin: -21px -8px;
}
