MediaWiki:Wikia.css

/* Character Infobox .css by Millyna */ /* #344177 = Benjamin Moore Starry Night Blue */ /* #0055a5 = Moonlight Blue */

.infobox { float: right; box-sizing: border-box; margin: 0 0 0.5em 1em; width: 300px; padding: 0; border: 3px #344177 ridge; border-radius: 10px; line-height: 1.5em; font-size: 80%; color: #ffffff; background-color: #ffffff; background-color: RGBA(0,0,0,0); }

.infobox-title { text-align: center; margin: 0.6em; padding: 5px; background-color: #344177; border-radius: 6px 6px 0px 0px; font-size: 130%; color: #ffffff; text-shadow: 3px 3px 3px #000000; }

.infobox-header { text-align: center; vertical-align: middle; background-color: #344177; color: #FFFFFF; }

.infobox-table-data { text-align: right; vertical-align: bottom; border-bottom: 1px #0055a5 solid; }

.infobox-image { margin: auto; vertical-align: central; width: 300px; }

.infobox-caption { size: 50%; font-style: italic; } .infobox-table-data-l { box-sizing: border-box; text-align: left; vertical-align: middle; width: 80px; padding: 1px; background-color: Silver; border-radius: 0 8px 8px 0; color: #FFFFFF; font-weight: bold; }

/* Character Navigation Template by Millyna */ .charanav table { box-sizing: border-box; margin: auto 5px auto 5px; background: white; padding: 1px; border: 2px #96bcff ridge; }

.charanav th { box-sizing: border-box; color: white; background: #BA55D3; font-weight: bold; padding: 2px; text-align: center; border: 2px #96bcff ridge; }

.charanv-headline { }

.charanav td { box-sizing: border-box; padding: 3px; text-align: center; border: 1px #0055a5 ridge; }

font-color: #45384B; }

h1 { font-family: "Lucida Bright", Georgia, serif; font-size: 24px; font-style: normal; font-variant: normal; font-weight: 700; line-height: 26.4px; } h3 { font-family: "Lucida Bright", Georgia, serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 700; line-height: 15.4px; } p { font-family: "Lucida Bright", Georgia, serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 21.4286px; } blockquote { font-family: "Lucida Bright", Georgia, serif; font-size: 21px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 30px; } pre { font-family: "Lucida Bright", Georgia, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 18.5714px; }

h1 { font-family: Nobile; font-size: 24px; font-style: normal; font-variant: normal; font-weight: 700; line-height: 26.4px; } h3 { font-family: Nobile; font-size: 32px; font-style: normal; font-variant: small-caps; font-weight: 400; line-height: 35.2px; } p { font-family: "Lucida Bright", Georgia, serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 21.4286px; } blockquote { font-family: Nobile; font-size: 21px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 30px; } pre { font-family: Nobile; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 18.5714px; }

//* Custom Tabber */ ul.tabbernav {font-family: Roboto, sans-serif !important; font-weight:bold !important; padding:5px 0px !important; border: none !important; } ul.tabbernav li a {padding:5px 5px !important; margin-left:0px !important; border:0 !important; background: transparent !important; transition-duration: 0.6s !important; transition-timing-function: ease-out !important;} ul.tabbernav li a:link {color:CurrentColor  !important; border-bottom: 2px solid #D7D8D5  !important; margin-right: 2px !important;} ul.tabbernav li a:visited {color:CurrentColor !important; border-bottom: 2px solid #D7D8D5  !important; margin-right: 2px !important;} ul.tabbernav li a:hover {color:CurrentColor !important; border-bottom: 2px solid #b07892 !important; background-color: transparent !important;  margin-right: 2px !important; transition-duration: 0.6s !important; transition-timing-function: ease-out !important;} ul.tabbernav li.tabberactive a {color:CurrentColor !important; border-bottom: 2px solid #dc1861 !important; background-color: transparent !important;  margin-right: 2px !important;} ul.tabbernav li.tabberactive a:hover {border-bottom: 2px solid #B9276D !important;  margin-right: 2px !important;} .tabberlive .tabbertab {border:0px solid transparent !important; border-top:0 !important;}

/* Slider Button (Anonminati from Dev Wiki) */ .wikiaPhotoGallery-slider-body .wikia-button.secondary { background-color: transparent !important; border-radius: 2px !important; border-color: #dc1861; color: #dc1861; font-size: 15px; font-weight: normal !important; text-transform: none; font-family: Roboto, sans-serif; } .wikiaPhotoGallery-slider-body a:not(.wds-button).wikia-button.secondary:hover { border-color: #D7D8D5 !important; transition-duration: 1s !important; transition-timing-function: ease-out !important; }

/* Galleries */ .media-gallery-wrapper .media img { outline: 1px solid var(--activity-icon-color); .wikiaPhotoGallery-slider-body .wikia-button.secondary { background-color: transparent !important; border-radius: 2px !important; border-color: #dc1861; color: #dc1861; font-size: 15px; font-weight: normal !important; text-transform: none; font-family: Roboto, sans-serif; } .wikiaPhotoGallery-slider-body a:not(.wds-button).wikia-button.secondary:hover { border-color: #D7D8D5 !important; transition-duration: 1s !important; transition-timing-function: ease-out !important; }
 * Slider Button (Anonminati from Dev Wiki) */

/* Hover (BTS Wiki) */ .hoverimage img { transition: all 0.4s ease; opacity: 1; filter: alpha(opacity=100); } .hoverimage img:hover { opacity: 0.8; filter: alpha(opacity=80); transform:scaleX(0.95) scaleY(0.95); } /* Credit to fategrandorder.wikia.com */ .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; } /* Infoboxes */ .portable-infobox .pi-image-collection-tabs .pi-tab-link { border: none; border-bottom: 2px solid #D7D8D5; margin: 2px; padding: 0 5px; color: CurrentColor; font-weight: bold; } .portable-infobox .pi-image-collection-tabs .pi-tab-link.current { color: CurrentColor; border-bottom: 2px solid #dc1861; } .pi-data-label, .pi-title, .pi-header { font-family: 'Roboto', sans-serif; } .portable-infobox .pi-header { font-size: small; } .portable-infobox .pi-title { border-radius: 3px 3px 0 0; } .portable-infobox .pi-item-spacing { border-color: transparent; } .pi-image-collection-tabs li.tabberactive { background-color: #EDEDED; } .pi-image-collection-tabs li { background-color: var(--activity-dark-background-color); } .portable-infobox .pi-data, .portable-infobox .pi-horizontal-group{ background-color: var(--activity-dark-background-color); } .portable-infobox.pi-background, .portable-infobox.pi-header { padding-top: 3px; background-color: transparent; } .pi-title, .pi-header, .pi-horizontal-group .pi-header { color: #fff; font-weight: bold; text-align: center; background-color: #dc1861; } .portable-infobox .pi-image img { max-width: 100%; height: auto; background-color: var(--activity-dark-background-color); } .pi-data, .pi-group { border-bottom-width: 0; } .pi-horizontal-group { border-radius: 0 0 3px 3px; } /* Rounded Avatars */ .avatar { border-radius: 100%; border-width: 2px; } /* Custom Tags */ .tag { color: inherit; } /* Custom Tabber */ ul.tabbernav {font-family: Roboto, sans-serif !important; font-weight:bold !important; padding:5px 0px !important; border: none !important; } ul.tabbernav li a {padding:5px 5px !important; margin-left:0px !important; border:0 !important; background: transparent !important; transition-duration: 0.6s !important; transition-timing-function: ease-out !important;} ul.tabbernav li a:link {color:CurrentColor  !important; border-bottom: 2px solid #D7D8D5  !important; margin-right: 2px !important;} ul.tabbernav li a:visited {color:CurrentColor !important; border-bottom: 2px solid #D7D8D5  !important; margin-right: 2px !important;} ul.tabbernav li a:hover {color:CurrentColor !important; border-bottom: 2px solid #b07892 !important; background-color: transparent !important;  margin-right: 2px !important; transition-duration: 0.6s !important; transition-timing-function: ease-out !important;} ul.tabbernav li.tabberactive a {color:CurrentColor !important; border-bottom: 2px solid #dc1861 !important; background-color: transparent !important;  margin-right: 2px !important;} ul.tabbernav li.tabberactive a:hover {border-bottom: 2px solid #B9276D !important;  margin-right: 2px !important;} .tabberlive .tabbertab {border:0px solid transparent !important; border-top:0 !important;} /* 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; } /* Background (UtauSteam) */ @media screen and (min-width: 1025px) { body.skin-oasis { background-image: -moz-linear-gradient(#752a6f99,#49585199); background-image: -webkit-linear-gradient(#752a6f99,#49585199); background-image: -o-linear-gradient(#752a6f99,#49585199); background-image: linear-gradient(to bottom,#752a6f99,#49585199); }   .WikiaPage .WikiaPageBackground { opacity: 0.30; background: var(--activity-dark-background-color) url("https://vignette.wikia.nocookie.net/loonatheworld/images/0/0f/Wiki_background.jpg/revision/latest?cb=20190120200403") center fixed; } } /* Slider Button (Anonminati from Dev Wiki) */ .wikiaPhotoGallery-slider-body .wikia-button.secondary { background-color: transparent !important; border-radius: 2px !important; border-color: #dc1861; color: #dc1861; font-size: 15px; font-weight: normal !important; text-transform: none; font-family: Roboto, sans-serif; } .wikiaPhotoGallery-slider-body a:not(.wds-button).wikia-button.secondary:hover { border-color: #D7D8D5 !important; transition-duration: 1s !important; transition-timing-function: ease-out !important; } /* ToolBar */ .WikiaBarWrapper { background: url(https://vignette.wikia.nocookie.net/loonatheworld/images/4/4d/ToolBox.png/revision/latest?cb=20190120232514); background-size: 100%; } /* TOC (JustLeafy's Wiki) */ border-left: 2px solid #B9276D !important; border: none; padding: 1em; background-color: var(--activity-dark-background-color); border-radius: 0 3px 3px 0; } .WikiaArticle #toctitle h2 { font-size: 16px; font-weight: bold; } .WikiaArticle h2 { font-weight: bold; } /* Rails */ .WikiaRail .rail-module,.WikiaRail .module { border-radius: 5px; } .activityfeed > li { border-radius: 0 3px 3px 0; } /* Categories */ .article-categories { border-width: 0; border-top-width: 1px; border-bottom-width: 1px; } /* Galleries */ .media-gallery-wrapper .media img { outline: 1px solid var(--activity-icon-color); } /* References */ .references { column-count: 2; column-gap: 2em; font-size: small; }
 * 1) toc {