MediaWiki:Wikia.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

DO NOT EDIT WITHOUT PERMISSION PLEASE THIS IS HELD TOGETHER BY SCOTCH TAPE AND STRING

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

/*FONTS*/

/* Akronim*/ @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; }

@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; } /* Astloch */ @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; } /* Bad Script */ @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; } @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; } /* Cabin Sketch */ @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; }

/* Indie Flower*/ @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; } /* Josefin Sans */ @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; } @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; } /* Kristi */ @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; } /* Lato */ @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; }

@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; } /* Londrina Shadow */ @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; } /* Monsieur La Doulaise */ @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; }

@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; } /* Overlock */ @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; }

@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; } /* Poiret One */ @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; }

@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; }

@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; } /* Pompiere */ @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; } /* Raleway */ @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; }

@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; } /* Reenie Beanie */ @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') }

@font-face { font-family: 'Beyond Wonderland'; src: url('https://vignette.wikia.nocookie.net/blogclan-testingg/images/7/72/Beyond_Wonderland.ttf') } /*Playfair Display*/ font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 400; src: local('Playfair Display Regular'), local('PlayfairDisplay-Regular'), url(https://fonts.gstatic.com/s/playfairdisplay/v14/nuFiD-vYSZviVYUb_rj3ij__anPXDTLYgEM86xRbPQ.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }

@font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 400; src: local('Playfair Display Regular'), local('PlayfairDisplay-Regular'), url(https://fonts.gstatic.com/s/playfairdisplay/v14/nuFiD-vYSZviVYUb_rj3ij__anPXDTzYgEM86xQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 700; src: local('Playfair Display Bold'), local('PlayfairDisplay-Bold'), url(https://fonts.gstatic.com/s/playfairdisplay/v14/nuFlD-vYSZviVYUb_rj3ij__anPXBYf9lWAe5j5hNKe1_w.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 700; src: local('Playfair Display Bold'), local('PlayfairDisplay-Bold'), url(https://fonts.gstatic.com/s/playfairdisplay/v14/nuFlD-vYSZviVYUb_rj3ij__anPXBYf9lW4e5j5hNKc.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 900; src: local('Playfair Display Black'), local('PlayfairDisplay-Black'), url(https://fonts.gstatic.com/s/playfairdisplay/v14/nuFlD-vYSZviVYUb_rj3ij__anPXBb__lWAe5j5hNKe1_w.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 900; src: local('Playfair Display Black'), local('PlayfairDisplay-Black'), url(https://fonts.gstatic.com/s/playfairdisplay/v14/nuFlD-vYSZviVYUb_rj3ij__anPXBb__lW4e5j5hNKc.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/*THEME DESIGN*/

/*Font*/

body { font-family: 'Lato', 'Raleway', 'sans-serif'; color:#07261e; }

/*Headings*/

h2 .mw-headline{ font-family:Playfair One, Serif; font-size:30px !important; font-weight:normal; } h3 .mw-headline{ font-family:Playfair One, Serif; font-size:28px !important; font-weight:normal; }

h4 .mw-headline{ font-family:Playfair One, Serif; font-size:25px !important; font-weight:normal; }

h5 .mw-headline{ font-family:Playfair One, Serif; font-size:22px !important; font-weight:normal; }

.mw-headline{ color:#07261e; overflow: visible !important; }

h2:before{ content: "☙  "; font-size:25px !important; color:#07261e; }

h2:after{ content: "  ❧"; font-size:25px !important; color: #07261e; }

/*body.skin-oasis { background: #13313B url(https://vignette.wikia.nocookie.net/blogclan-testingg/images/2/21/Sunset-15.jpg) top center fixed !important; background-size: auto 100% !important; }*/

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

/*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; }

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; } /*Fix for IsTyping*/ .Chat { margin-bottom: 20px; } .typing-indicator { display: block; }