MediaWiki:Common.css

/***** CSS placed here will be applied to all skins on the entire site. *****/ /* Imports */ @import url('/load.php?mode=articles&articles=MediaWiki:CustomSlider.css|u:dev:MediaWiki:DropdownMenu.css|u:dev:MediaWiki:EditorSourceMinimal/code.css|u:dev:MediaWiki:FandomizedActivityFeed.css|u:dev:MediaWiki:FandomizedLoadingScreens.css|u:dev:MediaWiki:FandomizedMasthead.css|u:dev:MediaWiki:FandomizedTabs/tabviews.css|u:dev:MediaWiki:MinifiedLeftTabs/code.css|u:dev:MediaWiki:MinimalistSliderText.css|u:dev:MediaWiki:ModernPolls.css|u:dev:MediaWiki:ModernRail.css|u:dev:MediaWiki:RedesignedAdminDashboard.css|MediaWiki:Themes.css|u:dev:MediaWiki:ModernProfile/Masthead.css|u:dev:MediaWiki:ModernProfile/Wall.css|u:dev:MediaWiki:ModernizedChanges.css|MediaWiki:Infobox.css|MediaWiki:Themes.css|u:dev:MediaWiki:ModernRail.css&only=styles'); @font-face {font-family: "Headings"; src: url("//db.onlinewebfonts.com/t/30d93549fdb7398b96dd646a3c649e90.eot"); src: url("//db.onlinewebfonts.com/t/30d93549fdb7398b96dd646a3c649e90.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/30d93549fdb7398b96dd646a3c649e90.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/30d93549fdb7398b96dd646a3c649e90.woff")} @font-face {font-family: "Header"; src: url("//db.onlinewebfonts.com/t/965cafd305a98a050af00582545d1963.eot"); src: url("//db.onlinewebfonts.com/t/965cafd305a98a050af00582545d1963.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/965cafd305a98a050af00582545d1963.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/965cafd305a98a050af00582545d1963.woff") format("woff"), url("//db.onlinewebfonts.com/t/965cafd305a98a050af00582545d1963.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/965cafd305a98a050af00582545d1963.svg#Scary Candy - Personal Use") format("svg"); } @font-face {font-family: "Site"; src: url("//db.onlinewebfonts.com/t/47ff3156fe928e750d0468143555356f.eot"); src: url("//db.onlinewebfonts.com/t/47ff3156fe928e750d0468143555356f.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/47ff3156fe928e750d0468143555356f.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/47ff3156fe928e750d0468143555356f.woff") format("woff"), url("//db.onlinewebfonts.com/t/47ff3156fe928e750d0468143555356f.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/47ff3156fe928e750d0468143555356f.svg#SofiaProSoftW01-Regular") format("svg");}

/* Font body */ .WikiaPage { font-family: 'Site'} h1,h2,h3,h4,h5 { font-family: 'Headings'; }

/* Tabber */ .tabbernav { font-family: Site !important; font-weight: normal !important; font-size: 13px !important; border-bottom: 3px solid #DAC46A !important; padding: 0.3em 0 !important; } .tabbernav a { padding: 0.3em 0.5em !important; margin: 0 !important; color: #DAC46A !important; border: none !important; background: #252525 !important; } .tabberactive a { color: #F5F5F5 !important; background: #DAC46A !important; } .tabbernav :not(.tabberactive) a:hover { background: #FFF2BB !important; } .tabbertab { border: none !important; padding: 0 !important; }

/* Arrow Animations + Dropdown Styling */ transition: transform cubic-bezier(0.66,0.52,0.26,1) 0.35s; }	transform: rotate(180deg) } .wds-dropdown__content .wds-list.wds-is-linked>li > a svg { transition: transform cubic-bezier(0.6, 1.8, 0.6, 0.8) 0.4s; } .wds-community-header .wds-dropdown__content .wds-list.wds-is-linked li:hover > a svg { transform: rotate(90deg); } .WikiaFooter .toolbar .tools .arrow-icon-single, .WikiaBarWrapper .toolbar .tools .arrow-icon-single:hover { transform: rotate(180deg); margin-left: 0px; }
 * 1) wds-icons-dropdown-tiny {
 * 1) wds-icons-dropdown-tiny:hover {

/* Slider */ background: transparent; width: 100%; height: auto; position: relative; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; text-align: center; } position: relative; -webkit-transition: 1s; -o-transition: 1s; transition: 1s; -webkit-transition-timing-function: cubic-bezier(.67,.01,.23,1); -o-transition-timing-function: cubic-bezier(.67,.01,.23,1); transition-timing-function: cubic-bezier(.67,.01,.23,1); } margin: 0px; padding: 0px; } margin: 0px; } .Sld { height: auto; list-style: none; display: inline; float: left; } .SlideIMG { width: 100%; } .SlideIMG img { display: block; max-width: 100%; height: auto; min-width: 100%; min-height: 100%; position: relative; } position: absolute; display: block; } .NavBtn { position: relative; display: block; top: 0px; width: auto; height: auto; list-style: none; margin: 0px; background: transparent; } .nmLeft { height: 100%; left: 0px; background: linear-gradient(to right, rgba(61,61,61,0.8), rgba(61,61,61,0.8), transparent); } .nmLeft li { list-style: none; padding: 10px 100px 10px 10px; } .nmLeft li:hover { cursor: pointer; background: linear-gradient(to right, rgba(81,81,81,0.8), rgba(81,81,81,0.8), transparent); } .nmRight { height: 100%; right: 0px; background: linear-gradient(to left, rgba(61,61,61,0.8), rgba(61,61,61,0.8), transparent); text-align: left; } .nmRight li { list-style: none; padding: 10px 10px 10px 100px; } .nmRight li:hover { cursor: pointer; background: linear-gradient(to left, rgba(81,81,81,0.8), rgba(81,81,81,0.8), transparent); } .nmTop { width: 100%; top: 0px; background: linear-gradient(to bottom, rgba(61,61,61,0.8), rgba(61,61,61,0.8), transparent); text-align: left; } .nmTop li { display: inline-block; list-style: none; padding: 10px 10px 20px 10px; } .nmTop li:hover { cursor: pointer; background: linear-gradient(to bottom, rgba(81,81,81,0.8), rgba(81,81,81,0.8), transparent); } .nmBottom { width: 100%; bottom: 0px; background: linear-gradient(to top, rgba(61,61,61,0.8), rgba(61,61,61,0.8), transparent); text-align: left; } .nmBottom li { display: inline-block; list-style: none; padding: 20px 10px 10px 10px; } .nmBottom li:hover { cursor: pointer; background: linear-gradient(to top, rgba(81,81,81,0.8), rgba(81,81,81,0.8), transparent); } .nbActiveLeft { background: linear-gradient(to right, rgba(111,111,111,0.8), rgba(111,111,111,0.8), transparent); } .nbActiveRight { background: linear-gradient(to left, rgba(111,111,111,0.8), rgba(111,111,111,0.8), transparent); } .nbActiveTop { background: linear-gradient(to bottom, rgba(111,111,111,0.8), rgba(111,111,111,0.8), transparent); } .nbActiveBottom { background: linear-gradient(to top, rgba(111,111,111,0.8), rgba(111,111,111,0.8), transparent); }
 * 1) SliderView {
 * 1) SliderWrapper {
 * 1) SliderWrapper, #SliderWrapper ul, #SliderWrapper li, #NavBtns, #NavBtns ul {
 * 1) NavBtns li {
 * 1) NavBtns {

/* Custom Dropdown Menu */ .WikiaArticle { overflow: visible; } .custom-dropdown { background: transparent !important; color: CurrentColor !important; font-weight:bold; padding: 1px 8px; } .custom-dropdown ul { list-style: none; min-width: 100%; top: 23px; } .custom-dropdown:hover ul { display: block; } .custom-dropdown li a, .custom-dropdown li strong.selflink { height: 14px; line-height: 14px; } .custom-dropdown .wikia-menu-button:hover { background-color: #f5f5f5 !important; } .wikia-menu-button ul strong.selflink { display: block; padding: 9px 9px 7px; } .wikia-menu-button ul strong.selflink:hover { background: #f5f5f5; }