MediaWiki:Normal.css

/*CREDITS TO DEV WIKI FOR A FEW ELEMENTS OF THE DESIGN SUCH AS THE CUSTOM TABBER

CREDITS TO I LOVE WRITING WIKI FOR GLOWING LINKS AND ANIMATION FADEY STUFF

ALL OTHER CSS WAS DESIGNED BY WILLOWLIGHT7

TABLE OF CONTENTS - FONTS THEME DESIGN WEIRD NEW ELEMENT TESTING STUFF MISC. CSS

/*FONTS*/

/* latin-ext */ @font-face { font-family: 'Akronim'; font-style: normal; font-weight: 400; src: local('Akronim'), local('Akronim-Regular'), url(https://fonts.gstatic.com/s/akronim/v5/-Cd65pYwUZLCn2iUrKtOXPY6323mHUZFJMgTvxaG2iE.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-style: normal; font-weight: 400; src: local('Akronim'), local('Akronim-Regular'), url(https://fonts.gstatic.com/s/akronim/v5/FwFWGsi7uh1p9mm50tEciw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* latin */ @font-face { font-family: 'Astloch'; font-style: normal; font-weight: 400; src: local('Astloch'), url(https://fonts.gstatic.com/s/astloch/v6/MZS6yKXraNNucOWHOsyIng.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* cyrillic */ @font-face { font-family: 'Bad Script'; font-style: normal; font-weight: 400; src: local('Bad Script Regular'), local('BadScript-Regular'), url(https://fonts.gstatic.com/s/badscript/v5/xvnrV3H3fZsc-fSw6fOJeCEAvth_LlrfE80CYdSH47w.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* latin */ @font-face { font-family: 'Bad Script'; font-style: normal; font-weight: 400; src: local('Bad Script Regular'), local('BadScript-Regular'), url(https://fonts.gstatic.com/s/badscript/v5/rL_b2ND61EQmMOJ8CRr1fvk_vArhqVIZ0nv9q090hN8.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* latin */ @font-face { font-family: 'Cabin Sketch'; font-style: normal; font-weight: 400; src: local('Cabin Sketch Regular'), local('CabinSketch-Regular'), url(https://fonts.gstatic.com/s/cabinsketch/v10/d9fijO34zQajqQvl3YHRCegdm0LZdjqr5-oayXSOefg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* cyrillic-ext */ @font-face { font-family: 'Comfortaa'; font-style: normal; font-weight: 400; src: local('Comfortaa Regular'), local('Comfortaa-Regular'), url(https://fonts.gstatic.com/s/comfortaa/v9/Be0CkOtwwI2n86HMhtablRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Comfortaa'; font-style: normal; font-weight: 400; src: local('Comfortaa Regular'), local('Comfortaa-Regular'), url(https://fonts.gstatic.com/s/comfortaa/v9/-DackuIFgo7Hfy3rR14C3xJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek */ @font-face { font-family: 'Comfortaa'; font-style: normal; font-weight: 400; src: local('Comfortaa Regular'), local('Comfortaa-Regular'), url(https://fonts.gstatic.com/s/comfortaa/v9/UgYUhLCkRUocJ8OZnvelZxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Comfortaa'; font-style: normal; font-weight: 400; src: local('Comfortaa Regular'), local('Comfortaa-Regular'), url(https://fonts.gstatic.com/s/comfortaa/v9/Ao3NCHUpHgdVgp2UtibJoRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Comfortaa'; font-style: normal; font-weight: 400; src: local('Comfortaa Regular'), local('Comfortaa-Regular'), url(https://fonts.gstatic.com/s/comfortaa/v9/wz1gqe57Mbg11v-OrLlVjhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Comfortaa'; font-style: normal; font-weight: 400; src: local('Comfortaa Regular'), local('Comfortaa-Regular'), url(https://fonts.gstatic.com/s/comfortaa/v9/qLBu5CQmSMt1H43OiWJ77VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* latin */ @font-face { font-family: 'Indie Flower'; font-style: normal; font-weight: 400; src: local('Indie Flower'), local('IndieFlower'), url(https://fonts.gstatic.com/s/indieflower/v8/10JVD_humAd5zP2yrFqw6ugdm0LZdjqr5-oayXSOefg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* latin-ext */ @font-face { font-family: 'Josefin Sans'; font-style: normal; font-weight: 400; src: local('Josefin Sans'), local('JosefinSans'), url(https://fonts.gstatic.com/s/josefinsans/v9/xgzbb53t8j-Mo-vYa23n5j0LW-43aMEzIO6XUTLjad8.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Josefin Sans'; font-weight: 400; src: local('Josefin Sans'), local('JosefinSans'), url(https://fonts.gstatic.com/s/josefinsans/v9/xgzbb53t8j-Mo-vYa23n5ugdm0LZdjqr5-oayXSOefg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* latin */ @font-face { font-family: 'Kristi'; font-style: normal; font-weight: 400; src: local('Kristi'), url(https://fonts.gstatic.com/s/kristi/v7/xbewG8OIQ1-9CYdW4rDqlA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* latin-ext */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v13/UyBMtLsHKBKXelqf4x7VRQ.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v13/1YwB1sO8YE1Lyjf12WNiUA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* latin */ @font-face { font-family: 'Londrina Shadow'; font-style: normal; font-weight: 400; src: local('Londrina Shadow'), local('LondrinaShadow-Regular'), url(https://fonts.gstatic.com/s/londrinashadow/v4/dNYuzPS_7eYgXFJBzMoKdUnV9jeMfjBdSIFJtVn-Kw8.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* latin-ext */ @font-face { font-family: 'Monsieur La Doulaise'; font-style: normal; font-weight: 400; src: local('Monsieur La Doulaise Regular'), local('MonsieurLaDoulaise-Regular'), url(https://fonts.gstatic.com/s/monsieurladoulaise/v5/IMAdMj6Eq9jZ46CPctFtME38jXQVHF6c6kGoBg5sEAQ.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Monsieur La Doulaise'; font-style: normal; font-weight: 400; src: local('Monsieur La Doulaise Regular'), local('MonsieurLaDoulaise-Regular'), url(https://fonts.gstatic.com/s/monsieurladoulaise/v5/IMAdMj6Eq9jZ46CPctFtMGbf8AroiH6JhvSUUeQzW1U.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* latin-ext */ @font-face { font-family: 'Overlock'; font-style: normal; font-weight: 400; src: local('Overlock'), local('Overlock-Regular'), url(https://fonts.gstatic.com/s/overlock/v5/pRXf6jyegUMl1O-khFgOTxTbgVql8nDJpwnrE27mub0.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Overlock'; font-style: normal; font-weight: 400; src: local('Overlock'), local('Overlock-Regular'), url(https://fonts.gstatic.com/s/overlock/v5/a3jGAlRXMucJGtDWDaeEmfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* cyrillic */ @font-face { font-family: 'Poiret One'; font-style: normal; font-weight: 400; src: local('Poiret One'), local('PoiretOne-Regular'), url(https://fonts.gstatic.com/s/poiretone/v4/cKr_e199f0xMkxMkRbEJXyEAvth_LlrfE80CYdSH47w.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* latin-ext */ @font-face { font-family: 'Poiret One'; font-style: normal; font-weight: 400; src: local('Poiret One'), local('PoiretOne-Regular'), url(https://fonts.gstatic.com/s/poiretone/v4/3Annd_XP-99FcGbOpm6fVCEAvth_LlrfE80CYdSH47w.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Poiret One'; font-style: normal; font-weight: 400; src: local('Poiret One'), local('PoiretOne-Regular'), url(https://fonts.gstatic.com/s/poiretone/v4/HrI4ZJpJ3Fh0wa5ofYMK8fk_vArhqVIZ0nv9q090hN8.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* latin */ @font-face { font-family: 'Pompiere'; font-style: normal; font-weight: 400; src: local('Pompiere '), local('Pompiere-Regular'), url(https://fonts.gstatic.com/s/pompiere/v6/mwrKIrrwFdsa6WVUljlH1vesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* latin-ext */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 400; src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v11/yQiAaD56cjx1AooMTSghGfY6323mHUZFJMgTvxaG2iE.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 400; src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v11/0dTEPzkLWceF7z0koJaX1A.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* latin */ @font-face { font-family: 'Reenie Beanie'; font-style: normal; font-weight: 400; src: local('Reenie Beanie'), local('ReenieBeanie'), url(https://fonts.gstatic.com/s/reeniebeanie/v7/ljpKc6CdXusL1cnGUSamXzxObtw73-qQgbr7Be51v5c.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; }

@font-face { font-family: 'Determination Mono'; src: url('https://vignette.wikia.nocookie.net/heliosanctus/images/c/c0/Determination.eot'); src: url('https://vignette.wikia.nocookie.net/heliosanctus/images/c/c0/Determination.eot#iefix') format('embedded-opentype'), url('https://vignette.wikia.nocookie.net/heliosanctus/images/a/aa/Determination.woff2') format('woff2'), url('https://vignette.wikia.nocookie.net/heliosanctus/images/3/37/Determination.woff') format('woff'), url('https://vignette.wikia.nocookie.net/heliosanctus/images/c/cd/Determination.ttf') format('truetype'), url('https://vignette.wikia.nocookie.net/heliosanctus/images/7/7f/Determination.svg#Undertale') format('svg'); }

@font-face { font-family: 'Manifesto'; src: url('https://vignette.wikia.nocookie.net/blogclan-testingg/images/d/dd/MANIFESTO.ttf'); }

@font-face { font-family: 'Dingcats'; src: url('https://vignette.wikia.nocookie.net/blogclan-testingg/images/7/77/Kitten_Dingcats-trial.ttf');

}

@font-face { font-family: 'Kitten Swash'; src: url('https://vignette.wikia.nocookie.net/blogclan-testingg/images/e/e3/KittenSwashMonolineTrial.ttf');

}

@font-face { font-family: 'Kitten Slant'; src: url('https://vignette.wikia.nocookie.net/blogclan-testingg/images/b/b7/Kitten_Slant_Monoline-trial.ttf');

}

@font-face { font-family: 'Infinity'; src: url('https://vignette.wikia.nocookie.net/blogclan-testingg/images/5/50/Infinity.ttf');}

@font-face { font-family: 'Angelic War'; src: url('https://vignette.wikia.nocookie.net/blogclan-testingg/images/d/d5/AngelicWar.ttf'); }   @font-face { font-family: 'Angelic Peace'; src: url('https://vignette.wikia.nocookie.net/blogclan-testingg/images/2/23/Angelic_Peace.ttf');} @font-face { font-family: 'Bright Young Things'; src: url('https://vignette.wikia.nocookie.net/blogclan-testingg/images/8/83/Bright_Young_Things.ttf');} @font-face { font-family: 'Angelic Serif'; src: url('https://vignette.wikia.nocookie.net/blogclan-testingg/images/4/43/Angelic_Serif.ttf') }

/*THEME DESIGN*/

body { /* the whole page */ font-family: 'raleway', 'lato', 'sans-serif'; }

.mw-headline{ overflow:visible !important; }

h2 .mw-headline{ font-family:infinity,manifesto,josefin sans,sans-serif; font-size:30px !important; font-weight:bold; } h3 .mw-headline{ font-family:infinity,manifesto,josefin sans,sans-serif; font-size:28px !important; font-weight:bold; }

h4 .mw-headline{ font-family:infinity,manifesto,josefin sans,sans-serif; font-size:25px !important; font-weight:bold; }

h5 .mw-headline{ font-family:infinity,manifesto,josefin sans,sans-serif; font-size:22px !important; font-weight:bold; }

.mw-headline{ color:#1D3F5B; overflow: visible !important; }

h2:before{ content: "• "; font-size:25px !important; }

h2:after{ content: " •"; font-size:25px !important; }

.WikiaArticle pre{ background:#FBF8F3; color:#2890A6; font-family:lato; }

body.skin-oasis { background: #13313B url(https://vignette.wikia.nocookie.net/blogclan-testingg/images/6/6b/1492120797-area-rug.jpg) top center repeat fixed !important; background-size: auto 100% !important; }

/* Site glow */ .WikiaPage { box-shadow: 0px 0px 100px black; }

.WikiaRail .module h2{ color:#1D3F5B; } .WikiaRail .module{ border:0; border-radius:1em; background:linear-gradient(rgba(40, 144, 166, 0.7),rgba(40, 144, 166, 0.2)); text-align:center; }

/*WEIRD NEW ELEMENT TESTING STUFF*/ @keyframes rainbow { 0%  {background-color: #ff0000;color:#550000;} 20% {background-color: #ffff00;color:#550055;} 40% {background-color: #00ff00;color:#005500;} 60%  {background-color: #0000ff;color:#000055;} 80% {background-color: #ff00ff;color:#550055;} 100% {background-color: #ff0000;color:#550000;;} }

.rainbow_background { animation-name: rainbow; animation-duration: 10s; animation-iteration-count: infinite;} .wp { width:110px; -webkit-transition: width 1s; /* For Safari 3.1 to 6.0 */ transition: width 1s; }

.wp:hover { width: 350px; }

.wp2 { -webkit-transition: height 1s; /* For Safari 3.1 to 6.0 */ transition: height 1s; height:25px; }

.wp2:hover { height: 100px; }

.invertimage{ filter: invert(100%); }

/*MISC. CSS*/

/*tabbers*/

.tabbernav { font-family: inherit !important; font-weight: normal !important; font-size: 13px !important; border-bottom: 3px solid #2890a6 !important; padding: 0.3em 0 !important; } .tabbernav a { padding: 0.3em 0.5em !important; margin: 0 !important; color: #1a6170 important; border: none !important; background: transparent !important; } .tabberactive a { color: white !important; background: #2890a6 !important; } .tabbernav :not(.tabberactive) a:hover { background: #217d91 !important; } .tabbertab { border: none !important; padding: 0 !important; }

/*Dropdowns*/ .custom-dropdown { padding: 1px 8px; } .custom-dropdown > :first-child:after { background-image: url("data:image/gif;base64,R0lGODlhAQABAIABAAAAAP///yH5BAEAAAEALAAAAAABAAEAQAICTAEAOw%3D%3D"); border-color: white transparent transparent; border-style: solid; border-width: 4px; content: ""; display: inline-block; height: 1px; margin-left: 4px; margin-top: 2px; position: relative; vertical-align: middle; width: 1px; } .custom-dropdown:hover { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; margin-bottom: -1px; padding-bottom: 2px; } .custom-dropdown ul { list-style: none outside none; min-width: 100%; top: 23px; } .custom-dropdown:hover ul { display: block; } .custom-dropdown li a { font-size: 12px; height: 14px; line-height: 14px; }

/*Moving Wordmark*/ .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; 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); box-shadow:0px 0px 20px black; }

a { transition: 200ms ease-out; } a:hover { text-shadow: 0 0 8px; } .WikiaRail .module, .ChatModule { transition: 400ms ease-out; }

.WikiaRail .module:hover, .ChatModule:hover { background:linear-gradient(rgba(40, 144, 166, 1),rgba(40, 144, 166, 0.5));; box-shadow:0px 0px 20px black; }

.WikiaSearch input[type="text"] { transition: 300ms ease-out; } .WikiaSearch input[type="text"]:hover { background-color: #2890a6; } .WikiNav ul, .WikiNav li { transition: 300ms ease-out; }