MediaWiki:Wikia.css

@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,700);

.i18ndoc { background-color: #FFF77D; border-bottom: 1px solid lightgrey; font-family: monospace; font-size: 8pt; height: 140px; overflow: auto; padding: 3px; }

/********** START Timed Slider Styles **********/ /**** http://dev.wikia.com/wiki/TimedSlider ****/

/* hide all slides */ .ts-container .ts-slide { display: none; } /* show slide that has class="ts-active" */ .ts-container .ts-active { display: block; } /* support inline slides as well */ .ts-container.ts-container-inline .ts-active { display: inline; } /* set position and style */ .ts-container {   position: relative; text-align: center; width: 716px; height: 420px; margin: auto; margin-bottom: 10px; }

/********** END Timed Slider Styles **********/

/* Ambox - see Template:Ambox */ .ambox { width: 85%; margin: 0 auto .2em auto; border-collapse: collapse;  /*FIXME: was merged. see if was intentional */ border:1px #606060 solid; background-color:#404040; } .ambox-blue { border-left:10px solid #1e90ff; } .ambox-red { border-left:10px solid #b22222; } .ambox-orange { border-left:10px solid #f28500; } .ambox-yellow { border-left:10px solid #f4c430; } .ambox-purple { border-left:10px solid #9932cc; } .ambox-gray { border-left:10px solid #bba; } .ambox-brown { border-left:10px solid #442800; } .ambox-green { border-left:10px solid #228b22; } .ambox-image {                             /* The left image cell */ width: 57px; padding: 1.8px 0 1.8px 0.4em; text-align: center; } .amsmalltext { font-size: .87em; } .amsmalltext, .amsmalltext li { line-height: 1.61em; } @media print { .ambox { display: none; } } /* no ambox when printing */

/* Tabber styling */ .tabbernav { font-family: inherit !important; font-weight: normal !important; font-size: 13px !important; border-bottom: 3px solid #11365C !important; padding: 0.3em 0 0.3em 0 !important; } .tabbernav a { padding: 0.3em 0.5em !important; margin: 0 !important; color: #AFB5CC !important; border: none !important; background: transparent !important; } .tabberactive a { color: white !important; background: #11365C !important; } .tabbernav :not(.tabberactive) a:hover { background: #507191 !important; } .tabbertab { border: none !important; padding: 0 !important; }

/* Hide main page title */ body.page-DreadHome.action-view h1.firstHeading, body.page-DreadHome.action-submit h1.firstHeading { display: none; }

/* Hometile styling */ .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; } .HomeTilelink {   position:relative; top:110px; width:100%; background-color:#70a7ad; text-align:center; text-transform:uppercase; color:white; text-shadow: 0 0 2px; font-size:16px; z-index:4; } .HomeTilelink a { color:white; text-decoration: none; } .HomeTileimage, .HomeTileimage-overlap {   position:absolute; top:0px; transition:0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; opacity:1; z-index:1; } .HomeTileimage2 {   position:absolute; top:0px; transition:0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; opacity:0; z-index:2; } .HomeTile:hover .HomeTileimage {   opacity:0; } .HomeTile:hover .HomeTileimage2 {   opacity:1; }

.HomeNav:hover span a { color:black; }

.AdminDashboard .admin-dashboard-content .control-section .controls .control .representation .specialjstool {   background-repeat: no-repeat; display: block; }

.MaintenanceBox {   position: relative; top:0; bottom: 0; left: 0; right: 0;

margin: auto; width: 100%; }

.mainpage-header { position:relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: black; padding-top: 14px; padding-left: 22px; height: 54px; width: 97.5%; width: -moz-calc(100% - 35px); width: -webkit-calc(100% - 35px); width: -o-calc(100% - 35px); width: calc(100% - 35px); margin-bottom: 5px; margin-top: 19px; font-size:25px; color:white; font-family:'Raleway'; font-weight:700; } .mainpage-header-right { position:absolute; top:0px; right:-20px; height:100%; width:50px; background:#70a7ad; transform: skew(30deg); }

.mainpage-header-left { position:absolute; top:0px; right:-20px; height:100%; width:50px; background:#70a7ad; transform: skew(-30deg); } .mainpage-header-sub { font-size:25px; color:#70a7ad; font-family:'Raleway'; font-weight:700; }

{   position: relative; width: 716px; height: 480px; margin: auto; }
 * 1) discord-widget

{   position: relative; width: 716px; height: 480px; margin: auto; }
 * 1) DiscordWidget .DiscWidget

{   position: relative; width: 716px; height: auto; margin: auto; }
 * 1) MainPageHeader