MediaWiki:Wikia.css

@import url("https://final-fate-td.fandom.com/wiki/MediaWiki:MP.css&action=raw&ctype=text/css");

@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@600&family=Sansita+Swashed:wght@700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@600&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap'); body { background-image:url(https://i.imgur.com/6eNlcxg.jpg); background-repeat: no-repeat; background-position: right top; background-attachment: fixed; background-size:cover; }
 * -webkit-scrollbar {

width: 10px; }
 * -webkit-scrollbar-thumb {

background: #402f25; border-radius: 20px; }
 * -webkit-scrollbar-track {

background: #ddd6bf; border-radius: 20px; }

.wds-global-navigation font-family: 'Sansita Swashed', cursive; } .wds-community-header__local-navigation {
 * 1) firstHeading.page-header__title {

font-family: 'Quicksand', sans-serif; } .wds-community-header__sitename {	font-family: 'Quicksand', sans-serif; } .ooui-theme-fandom .wds-community-header .wds-tabs .wds-tabs__tab-label { font-size: 14px; } /*komentarz*/ .InlineEntityFormWrapper_inline-entity-form-wrapper__12amV {	border-radius:16px!important; } .WikiaRail .rail-module h2 { font-family: 'Quicksand', sans-serif; font-size:18px!important; } .WikiaRail .premium-recirculation-rail p { font-family: 'Fredoka One', cursive; } .WikiaMainContent .category-page__trending-page-title { font-family: 'Fredoka One', cursive; } .mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul { font-family: 'Fredoka One', cursive; } opnav .list .link { width:20%; display:table-cell; vertical-align:middle; } .opnav .list .link .a { margin:25px auto 0; width:100px; background:#fff; box-shadow:2px 2px 5px rgba(0,0,0,0.3); text-align:center; } .skill-cell em { font-style:normal; color:#2180d9; } .mp-box { margin:3px 3px 6px; padding:5px; font-size:smaller; border:none; box-shadow:2px 2px 5px rgba(0,0,0,0.3); background:rgba(0,0,0,0.2); color:#000; text-align:center; } .mp-box h1 { margin:0; padding:0px 5px; background:#ddd; color:#000; font-weight:bold; font-size:14px; text-transform:uppercase; } .mp-cell { width:80px; height:80px; background-color:rgba(0,0,0,0.2); border-radius:5px; transition:all 0.2s ease-in; } .mp-cell:hover { background:#b09676; transition:all 0.2s ease-in; } .mp-button { display:block; margin:5px auto; padding:5px 10px; width:100px; text-align:center; font-size:15px; border-radius:5px; background:#555; } .tabs { position:relative; padding-bottom:10px; clear:both; } .tablink { float:left; display:inline-block; margin:5px; padding:5px; width:120px; height:120px; vertical-align:baseline; background:black; color:#000; cursor:pointer; transition:all 0.2s ease-in; } .tablink:hover, .tablink.current { background:#b09676; transition:all 0.2s ease-in; } .tablink img { width:100%; } .tabcontent { clear:both; } .spanse { float:left; display:block; position:relative; z-index:99; } .spanse2 { transition-duration:1s; transition-timing-function:ease-out; display:block; position:absolute; z-index:100; opacity:0; } .spanse2:hover { opacity:100; } ruby { display:block;font-family: 'Quicksand', sans-serif; } rt { font-size:10px; } .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); }

.spanse, .spancr, .spanmm, .spanen, .spanqunew, .spansk{ float:left; display: block; position: relative; z-index: 99; } .spanse2, .spancr2, .spanmm2, .spanen2, .spanqunew2, .spansk2{ transition-duration: 1s; transition-timing-function: ease-out; display: block; position: absolute; z-index: 100; } .spanse2, .spancr2, .spanmm2, .spanen2, .spanqunew2, .spansk2 { opacity: 0; } .spanse2:hover, .spanmm2:hover, .spanen2:hover, .spancr2:hover, .spanqunew2:hover, .spansk2:hover{ opacity: 100; } /*TawernNav*/ .tawe1,.tawen1{ float:left; display: block; position: relative; z-index: 99; } .tawe2,.tawen2 { opacity: 0; } .tawe2:hover,.tawen2:hover {	opacity:100; } .tawe2,.tawen2{ display: block; position: absolute; z-index: 100; }