MediaWiki:Fandomdesktop.css

/* == Global == */

/*Background*/ .theme-fandomdesktop-light .main-container { background: #000 url(https://static.wikia.nocookie.net/world-teacher-isekaishiki-kyouiku-agent/images/9/9f/Wiki-background2.png/revision/latest?cb=20210610174340 ) no-repeat center top; background-attachment: fixed !important; background-size: COVER; background-position: center; background-color:#FFFF; }

.theme-fandomdesktop-dark .main-container { background: #000 url(https://static.wikia.nocookie.net/world-teacher-isekaishiki-kyouiku-agent/images/9/9f/Wiki-background2.png/revision/latest?cb=20210610174340 ) no-repeat center top; background-attachment: fixed !important; background-size: COVER; background-position: center; background-color:#FFFF; } /*Background End*/ /*Main page header fix*/ .head1 { padding-top: 5px !important; }

/* Link Preview*/ .npage-preview { border: solid 1.3px #363521; box-shadow: 0 0 12px #F2669C; background: #653f03; } .npage-preview div { color: white; } /* End Preview*/

/* START Slider */ background: transparent; width: 100%; 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; } .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: #e50d72; text-align: center; color: blue; } /* Button Background */ .nmLeft { height: 100%; left: 0px; background: red; } .nmLeft li { list-style: none; padding: 10px 100px 10px 10px; } .nmLeft li:hover { cursor: pointer; background: linear-gradient(to right, #FFFFFF, blue, transparent); color: currentColor; } .nmRight { height: 100%; right: 0px; top: 10px; background: transparent; text-align: center; } .nmRight li { list-style: none; border-bottom: 3px solid transparent; border-top: 3px solid transparent; padding: 5px 15px 5px 15px; } .nmRight li:hover { cursor: pointer; background: blue; transition-duration: 0.2s; transition-timing-function: ease-out; color: currentColor; } .nmTop { width: 100%; top: 0px; background: #e50d72; 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, red, #FFFFFF, transparent); color: currentColor; } .nmBottom { width: 100%; bottom: 0px; background: blue; 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, red,#FFFFFF, transparent); color: currentColor; } .nbActiveLeft { background: blue; } .nbActiveRight { background: blue; color: red; } .nbActiveTop { background: blue; } .nbActiveBottom { background: blue; } /* Subtitle / Bottom Text */
 * 1) SliderView {
 * 1) SliderWrapper {
 * 1) SliderWrapper, #SliderWrapper ul, #SliderWrapper li, #NavBtns, #NavBtns ul {
 * 1) NavBtns {

.sl_info { position: relative; top: -25px; width: 100%; text-align: left; background: rgba(0, 65, 241, 0.8); color: white; padding: 10px; margin: -25px 0px -25px 0px; }

/* END Slider */

/* End Infobox */

/* Font */ .mediawiki-fandomdesktop { background-attachment: fixed !important; font-family: 'Lato', sans-serif; }

/* Rails */ .WikiaRail .rail-module, .WikiaRail .module { background:transparent ; color: blue; border-bottom: 2px solid blue; border-top: 2px solid blue; border-right: 2px solid blue; border-left: 2px solid blue; margin: 0; padding: 15px; } .WikiaRail .module > h2, .WikiaRail .rail-module h2 { background: blue; border-color: #b30047; border-image: blue; border-style: none none solid; border-width: 0 0 2px; color: #b30047; font-size: 1.7em !important; line-height: 1em !important; margin-bottom: 15px; text-align: center; text-transform: uppercase; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .WikiaRail .module { background:transparent ; border-color: #b30047; border-style: solid; border-width: 2px;} /* End Rails */

/* Page Borders  */ .WikiaSiteWrapper-fandomdesktop .WikiaPageContentWrapper-fandomdesktop { border: 4px solid #660033; border-top: 3px solid #660033; } /* End Page Borders   */ /* Wordmark hover */ .WikiHeader .wordmark { -moz-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -moz-transition: All 0.6863s ease; -o-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -o-transition: All 0.6863s ease; -webkit-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -webkit-transition: All 0.6863s ease; color: #ff87c3; font-weight: bold; margin-bottom: 10px; width: 250px; word-wrap: break-word; } .WikiHeader .wordmark:hover { -webkit-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -moz-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -ms-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -o-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); } .pph-wiki-header .wordmark { -moz-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -moz-transition: All 0.6863s ease; -o-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -o-transition: All 0.6863s ease; -webkit-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -webkit-transition: All 0.6863s ease; color: #ff87c3; font-weight: bold; margin-bottom: 10px; width: 250px; word-wrap: break-word; } .pph-wiki-header .wordmark:hover { -webkit-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -moz-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -ms-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -o-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); } .wds-community-header__wordmark img { -moz-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -moz-transition: All 0.6863s ease; -o-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -o-transition: All 0.6863s ease; -webkit-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -webkit-transition: All 0.6863s ease; color: #ff87c3; font-weight: bold; margin-bottom: 10px; word-wrap: break-word; } .wds-community-header__wordmark img:hover { -webkit-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -moz-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -ms-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -o-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); }