MediaWiki:Common.css

/***** CSS placed here will be applied to all skins on the entire site. *****/ @import url("//dev.wikia.com/load.php?mode=articles&only=styles&articles=MediaWiki:FontAwesome.css"); @import url('//solrainha.github.io/saturnicons/saturnicons.css'); @import url('//solrainha.github.io/honeybee/honeybee.css'); @import url('//pull.cappuccicons.com/cpf.js'); /**simple fonts**/ @import url('https://fonts.googleapis.com/css?family=Nanum+Pen+Script'); @import url('https://fonts.googleapis.com/css?family=Patrick+Hand'); @import url('https://fonts.googleapis.com/css?family=Philosopher'); @import url('https://fonts.googleapis.com/css?family=Merienda'); @import url('https://fonts.googleapis.com/css?family=Marmelad'); @import url('https://fonts.googleapis.com/css?family=Laila'); @import url('https://fonts.googleapis.com/css?family=Itim'); @import url('https://fonts.googleapis.com/css?family=Caesar+Dressing'); @import url('https://fonts.googleapis.com/css?family=Aref+Ruqaa'); @import url('https://fonts.googleapis.com/css?family=Cagliostro'); @import url('https://fonts.googleapis.com/css?family=Eagle+Lake'); @import url('https://fonts.googleapis.com/css?family=Flamenco'); @import url('https://fonts.googleapis.com/css?family=Just+Me+Again+Down+Here'); @import url('https://fonts.googleapis.com/css?family=Marko+One'); @import url('https://fonts.googleapis.com/css?family=Paprika'); @import url('https://fonts.googleapis.com/css?family=Port+Lligat+Sans'); @import url('https://fonts.googleapis.com/css?family=Redressed'); @import url('https://fonts.googleapis.com/css?family=Smythe'); @import url('https://fonts.googleapis.com/css?family=Snippet'); @import url('https://fonts.googleapis.com/css?family=Swanky+and+Moo+Moo'); @import url('https://fonts.googleapis.com/css?family=Rancho'); @import url('https://fonts.googleapis.com/css?family=Caveat+Brush'); @import url('https://fonts.googleapis.com/css?family=Overlock'); @import url('https://fonts.googleapis.com/css?family=Gochi+Hand'); @import url('https://fonts.googleapis.com/css?family=Arima+Madurai'); @import url('https://fonts.googleapis.com/css?family=Gaegu'); @import url('https://fonts.googleapis.com/css?family=Hi+Melody'); @import url('https://fonts.googleapis.com/css?family=Gamja+Flower'); @import url('https://fonts.googleapis.com/css?family=Yeon+Sung'); @import url('https://fonts.googleapis.com/css?family=Sue+Ellen+Francisco'); @import url('https://fonts.googleapis.com/css?family=Schoolbell'); @import url('https://fonts.googleapis.com/css?family=Didact+Gothic'); @import url('https://fonts.googleapis.com/css?family=Comfortaa'); @import url('https://fonts.googleapis.com/css?family=Roboto'); @import url('https://fonts.googleapis.com/css?family=Sunflower:300&subset=korean'); @import url('https://fonts.googleapis.com/css?family=Poor+Story'); @import url('https://fonts.googleapis.com/css?family=Gaegu'); @import url('https://fonts.googleapis.com/css?family=Nanum+Brush+Script'); @import url('https://fonts.googleapis.com/css?family=Shadows+Into+Light+Two'); @import url('https://fonts.googleapis.com/css?family=Indie+Flower'); @import url('https://fonts.googleapis.com/css?family=Poiret+One'); @import url('https://fonts.googleapis.com/css?family=ABeeZee'); @import url('https://fonts.googleapis.com/css?family=Actor'); @import url('https://fonts.googleapis.com/css?family=Alice'); @import url('https://fonts.googleapis.com/css?family=Boogaloo'); @import url('https://fonts.googleapis.com/css?family=Coda'); @import url('https://fonts.googleapis.com/css?family=Concert+One'); @import url('https://fonts.googleapis.com/css?family=El+Messiri'); @import url('https://fonts.googleapis.com/css?family=Exo'); @import url('https://fonts.googleapis.com/css?family=Exo+2'); @import url('https://fonts.googleapis.com/css?family=Gloria+Hallelujah'); @import url('https://fonts.googleapis.com/css?family=Josefin+Sans'); @import url('https://fonts.googleapis.com/css?family=Neucha'); @import url('https://fonts.googleapis.com/css?family=Nunito'); @import url('https://fonts.googleapis.com/css?family=Orbitron'); @import url('https://fonts.googleapis.com/css?family=Overpass'); @import url('https://fonts.googleapis.com/css?family=Raleway'); @import url('https://fonts.googleapis.com/css?family=Signika'); @import url('https://fonts.googleapis.com/css?family=Handlee'); @import url('https://fonts.googleapis.com/css?family=Delius'); @import url('https://fonts.googleapis.com/css?family=Quicksand'); @import url('https://fonts.googleapis.com/css2?family=Mirza');

/**fancy cursive ayy aka not suitable for wbs, ok for headers and stuff tho**/ @import url('https://fonts.googleapis.com/css?family=Alex+Brush'); @import url('https://fonts.googleapis.com/css?family=Allura'); @import url('https://fonts.googleapis.com/css?family=Amatic+SC'); @import url('https://fonts.googleapis.com/css?family=Berkshire+Swash'); @import url('https://fonts.googleapis.com/css?family=Butterfly+Kids'); @import url('https://fonts.googleapis.com/css?family=Caveat'); @import url('https://fonts.googleapis.com/css?family=Clicker+Script'); @import url('https://fonts.googleapis.com/css?family=Cookie'); @import url('https://fonts.googleapis.com/css?family=Courgette'); @import url('https://fonts.googleapis.com/css?family=Dancing+Script'); @import url('https://fonts.googleapis.com/css?family=Fredericka+the+Great'); @import url('https://fonts.googleapis.com/css?family=Great+Vibes'); @import url('https://fonts.googleapis.com/css?family=Italianno'); @import url('https://fonts.googleapis.com/css?family=Kalam'); @import url('https://fonts.googleapis.com/css?family=Kaushan+Script'); @import url('https://fonts.googleapis.com/css?family=League+Script'); @import url('https://fonts.googleapis.com/css?family=Lobster'); @import url('https://fonts.googleapis.com/css?family=Lobster+Two'); @import url('https://fonts.googleapis.com/css?family=Lovers+Quarrel'); @import url('https://fonts.googleapis.com/css?family=Marck+Script'); @import url('https://fonts.googleapis.com/css?family=MedievalSharp'); @import url('https://fonts.googleapis.com/css?family=Mr+De+Haviland'); @import url('https://fonts.googleapis.com/css?family=Mrs+Saint+Delafield'); @import url('https://fonts.googleapis.com/css?family=Niconne'); @import url('https://fonts.googleapis.com/css?family=Parisienne'); @import url('https://fonts.googleapis.com/css?family=Permanent+Marker'); @import url('https://fonts.googleapis.com/css?family=Pinyon+Script'); @import url('https://fonts.googleapis.com/css?family=Playball'); @import url('https://fonts.googleapis.com/css?family=Princess+Sofia'); @import url('https://fonts.googleapis.com/css?family=Rochester'); @import url('https://fonts.googleapis.com/css?family=Rouge+Script'); @import url('https://fonts.googleapis.com/css?family=Sacramento'); @import url('https://fonts.googleapis.com/css?family=Sevillana'); @import url('https://fonts.googleapis.com/css?family=Shadows+Into+Light'); @import url('https://fonts.googleapis.com/css?family=Stalemate'); @import url('https://fonts.googleapis.com/css?family=GFS+Neohellenic'); @import url('https://fonts.googleapis.com/css?family=Yellowtail'); @import url('https://fonts.googleapis.com/css?family=Damion'); @import url('https://fonts.googleapis.com/css?family=Engagement'); @import url('https://fonts.googleapis.com/css?family=Leckerli+One'); @import url('https://fonts.googleapis.com/css?family=Norican'); @import url('https://fonts.googleapis.com/css?family=Pacifico'); @import url('https://fonts.googleapis.com/css?family=Rock+Salt'); @import url('https://fonts.googleapis.com/css?family=Satisfy'); @import url('https://fonts.googleapis.com/css?family=VT323'); @import url('https://fonts.googleapis.com/css2?family=Montez'); /** orig code: https://codepen.io/edeesims/pen/iGDzk **/ .card { position: absolute; width: 300px; height: 300px; margin: -150px; float: left; perspective: 500px; } .content { position: absolute; width: 100%; height: 100%; box-shadow: 0 0 15px rgba(0,0,0,0.1); transition: transform 1s; transform-style: preserve-3d; } .card:hover .content { transform: rotateY(180deg) ; transition: transform 0.5s; } .front, .back { position: absolute; height: 100%; width: 100%; background: white; line-height: 300px; color: #03446A; text-align: center; font-size: 60px; border-radius: 5px; backface-visibility: hidden; } .back { background: #03446A; color: white; transform: rotateY(180deg); } /** custom tabbers that can have icons and pics as headers uwu **/ .tabs { position: fixed; clear: both; } .tabs .tab { float: left; margin-right: 10px; } .content { position: absolute; background-color: white; width: 100%; left: 0px; } .tabs .tab:nth-of-type(1) .content { z-index: 1; } .tab:target a { font-weight: bold; } .tab:target .content { z-index: 1; }