MediaWiki:Wikia.css

/*font imports*/ @import url('https://fonts.googleapis.com/css?family=Annie+Use+Your+Telescope|Alex+Brush|Architects+Daughter|Cinzel+Decorative|Coming+Soon|Indie+Flower|Lobster|Nothing+You+Could+Do|Pangolin|Shadows+Into+Light|The+Girl+Next+Door|Waiting+for+the+Sunrise|Pacifico|Life+Savers|Unica+One|Josefin+Sans|Bilbo+Swash+Caps|Marck+Script|Abril+Fatface|Henny+Penny|Eater|BenchNine|Bigelow+Rules|Almendra+Display|Exo+2|IM+Fell+DW+Pica|Coiny|Black+Melody|Modak|Cherry+Swash|Merienda|Pacifico|Tangerine|Audiowide|Inherit|Exo|Exo+2|Montserrat|Comfortaa|Courgette|Caveat|Papyrus|Cookie|Orbitron|Futura&display=swap'); @import url('https://fonts.googleapis.com/css?family=Anton|Vollkorn|Lato|Quicksand|Oswald|Raleway|Ubuntu|Parisienne|Poiret+One|Rock+Salt:100,200,400,700,800,900|Droid+Serif|Droid+Sans|Merriweather:400,400italic,700,700italic,900,300,300italic|Gentium+Basic|Roboto+Slab:400,100,300,700&subset=latin,latin-ext');

/* Google Fonts */ @import url('https://fonts.googleapis.com/css?family=Nunito'); @import url('https://fonts.googleapis.com/css?family=Zilla+Slab'); @import url('https://fonts.googleapis.com/css?family=Montserrat');

body { font-family: 'Montserrat' !important; }

/*usernames*/ a[href="/wiki/User:Mariathemermaid"] { text-shadow:0px 0px 2px black; color:orange !important; font-weight:bold !important; font-family: Alex Brush !important;}

/* == ARMYandBLINK11 == */ a[href$="/ARMYandBLINK11"], a[href$=":ARMYandBLINK11"]{ background: linear-gradient(90deg, #FFCBF2,#E2AFFF,#D8BBFF,#C8E7FF,#C0FDFF); background-size: 2400% 2400%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: gradient 2s ease infinite; -moz-animation: gradient 2s ease infinite; animation: gradient 2s ease infinite; font-size:auto; font-family:Parisienne; font-weight:bold; } /* Links */ .WikiaPage a { font-weight: bold; transition: opacity 7s ease; } .WikiaPage a:hover { color: #7cc4fc; }

/* Images */ @media screen and (min-width:1025px) { body.skin-oasis { background-image: -moz-radial-gradient(#9cd1f7,#b8e1ff); background-image: -webkit-radial-gradient(#9cd1f7,#b8e1ff); background-image: -o-radial-gradient(#9cd1f7,#b8e1ff); background-image: radial-gradient(#9cd1f7,#b8e1ff); } 	} @media screen and (min-width:1025px) { .WikiaPage { background: #fff5 url("https://static.wikia.nocookie.net/girls-day/images/1/12/Girl%27s_Day_Everyday_5_group_promo_photo.png/revision/latest?cb=20201217041342") center fixed; } 	}	/* Albums -Credit to ZeroSix Wiki*/

.book-container, .book-container-comic { -moz-perspective: 1200px; -webkit-perspective: 1200px; -moz-user-select: none; -webkit-user-select: none; user-select: none; -khtml-user-drag: none; -moz-user-drag: none; -ms-user-drag: none; -webkit-user-drag: none; user-drag: none; display: block; margin: 0 auto; perspective: 1200px; width: 250px; } .book-container { width: 250px; } .book-container-comic { width: 150px; } .book, .book-comic { -moz-transform-origin: 125px 0; -moz-transform-style: preserve-3d; -moz-transition: 0.75s; -webkit-transform-origin: 125px 0; -webkit-transform-style: preserve-3d; -webkit-transition: 0.75s; box-shadow: 0 2px 4px rgba(227, 109, 118, 0.25); transform-origin: 125px 0; transform-style: preserve-3d; transition: 0.75s; z-index: 5; } .book:after, .book-comic:after { bottom: 0; content: ""; left: 3px; position: absolute; top: 0; width: 7px; z-index: 20; } .book:hover { -moz-transform: translateX(-10px) translateZ(35px) translateX(35px) rotateY(45deg); -webkit-transform: translateX(-10px) translateZ(35px) translateX(35px) rotateY(45deg); transform: translateX(-10px) translateZ(35px) translateX(35px) rotateY(45deg); } .book-comic:hover { -moz-transform: translateX(-10px) translateZ(5px) translateX(5px) rotateY(45deg); -webkit-transform: translateX(-10px) translateZ(5px) translateX(5px) rotateY(45deg); transform: translateX(-10px) translateZ(5px) translateX(5px) rotateY(45deg); } .book-cover { position: relative; z-index: 10; } .book-cover img { height: auto; max-width: 100%; vertical-align: bottom; } .book-spine { background: url(https://i.imgur.com/Mshm8sZ.png); } .book-spine-comic1 { background: purple; } .book-spine-comic2 { background: purple; } .book-spine-comic3 { background: purple; }

.book-spine-comic1, .book-spine-comic2, .book-spine-comic3, .book-spine { -moz-transform-origin: 0; -moz-transform: rotateY(-90deg) translateX(-49px); -webkit-transform-origin: 0; -webkit-transform: rotateY(-90deg) translateX(-49px); background-size: auto 100%; bottom: 0; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); color: #fff; smargin-left: 5px; overflow: hidden; position: absolute; top: 0; transform-origin: 0; z-index: 5; } .book-spine { transform: rotateY(-90deg) translateX(-30px); width: 30px; } .book-spine-comic1, .book-spine-comic2, .book-spine-comic3 { transform: rotateY(-90deg) translateX(-20px); width: 20px; } .book-spine-comic1 h1, .book-spine-comic2 h1, .book-spine-comic3 h1, .book-spine h1 { -moz-transform-origin: 0; -moz-transform: rotateZ(90deg); -webkit-font-smoothing: antialiased; -webkit-transform-origin: 0; -webkit-transform: rotateZ(90deg); color: #fff; display: block; font-size: 2em; font-weight: normal; left: 39px; opacity: 0.75; position: absolute; text-align: left; text-indent: 43px; text-transform: uppercase; top: 0; transform-origin: 0; transform: rotateZ(90deg); width: 250px; } .book-spine-comic1:before, .book-spine-comic2:before, .book-spine-comic3:before, .book-spine:before { content: ""; display: block; height: 100%; width: 100%; }

/* Tabber Design (Credits to BlackPink Wiki) */ div.tabberlive { margin-top: 7px; } .tabberlive div.tabbertab { border: none; padding: 0; margin-top: -5px; font-family: Nunito; } .tabberlive .tabbernav { border-color: #f9ebe3; } .tabberlive > .tabbernav > li > a { /* Inactive */ background-color: #fbcfd0; color: #ffffff !important; border-color:#f9ebe3; border-radius: 5px 0 5px 0; font-family: Nunito; } .tabberlive > .tabbernav > li > a:hover { /* Hover Inactive */ background-color: #fbcfde; color: #000000 !important; border-color:#; border-radius: 5px 0 5px 0; font-family: Nunito; } .tabberlive > .tabbernav > li.tabberactive > a, .tabberlive > .tabbernav > li.tabberactive > a:hover { /* Active */ background-color: #fbcfde; border-bottom: none; color: #000000 !important; border-radius: 5px 0 5px 0; font-family: Nunito; }