MediaWiki:Fandomdesktop.css

/* CSS placed here will be applied to all skins */ /* Google Docs Imports  */ @import url(https://fonts.googleapis.com/css?family=Audiowide); @import url(https://fonts.googleapis.com/css?family=Press+Start+2P); @import url(https://fonts.googleapis.com/css?family=Russo+One); @import url(https://fonts.googleapis.com/css?family=Roboto+Condensed); @import url(https://fonts.googleapis.com/css?family=Nothing+You+Could+Do); @import url(https://fonts.googleapis.com/css?family=Rock+Salt); @import url(https://fonts.googleapis.com/css?family=Orbitron); @import url(https://fonts.googleapis.com/css?family=Monoton); @import url(https://fonts.googleapis.com/css?family=Creepster); @import url(https://fonts.googleapis.com/css?family=Prosto+One); @import url(https://fonts.googleapis.com/css?family=Delius); @import url(https://fonts.googleapis.com/css?family=Graduate); @import url(https://fonts.googleapis.com/css?family=VT323); @import url(https://fonts.googleapis.com/css?family=Love+Ya+Like+A+Sister); @import url(https://fonts.googleapis.com/css?family=Arvo); @import url(https://fonts.googleapis.com/css?family=Alegreya); @import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow); @import url(https://fonts.googleapis.com/css?family=Black+Ops+One); @import url(https://fonts.googleapis.com/css?family=Bangers); @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=Roboto+Mono); @import url(https://fonts.googleapis.com/css?family=Bree+Serif); @import url(https://fonts.googleapis.com/css?family=Homemade+Apple); @import url(https://fonts.googleapis.com/css?family=Allerta+Stencil); @import url(https://fonts.googleapis.com/css?family=Source+Code+Pro:wght@500);

/* Logo animation */ .fandom-community-header__image { transition: 1s; } .fandom-community-header__image:hover { transition: 1s; transform: translate(0%, 45%); }

/** Mainspace Code **/ /* Code for wikia rail (creds to Ally) */ .WikiaRail .module { background-image:url('https://static.wikia.nocookie.net/poppy2704/images/5/5b/Rail-skin-2.jpg'); background-size:cover; box-shadow:7px 7px 5px #000 inset; border-radius:1pc 1pc 1pc 1pc; border:1px solid #fff; } /* Staff Stuff */ a[href="/wiki/User:MarsDy"] {color:Pink; font-weight: bold; } a[href="/wiki/User:XxTimberlakexx"] {color:Pink; font-weight: bold; } a[href="/wiki/User:SonrisitasPF"] {color:#800080; font-weight: bold; } a[href="/wiki/User:ChicChick336"] {color:#800080; font-weight: bold; } a[href="/wiki/User:Rayvena"] {color:#98FB98; font-weight: bold; }

/* MarsDy's stuff */ a[href$=":MarsDy"], a[href$="/MarsDy"]{ color:purple; font-weight:bold; font-family:'Rock Salt'; background: -webkit-linear-gradient(330deg, #fbe4ee,#f9c6e5,#f4bae3,#fbbfdd,#ffaedb); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

/* AllY's stuff */ a[href$=":AestheticsAllY"], a[href$="/AestheticsAllY"]{ color:purple; font-weight:bold; font-family:'Homemade Apple'; background: -webkit-linear-gradient(330deg, #357175,#44bdb2,#61e9f9,#73a2ff,#caa4ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* Chic's stuff */ a[href$=":ChicChick336"], a[href$="/ChicChick336"]{ color:#8d08ff; font-weight:bold; font-family:'Nothing You Could Do'; background: -webkit-linear-gradient(330deg, #AF52FF,#BA6AFF,#A339FF,#C683FF,#8d08ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

/***** CSS placed here will be applied to all skins on the entire site. *****/ /* User Tags || Credits to Cassie */ .tag.usergroup-founder, .tag.usergroup-bureaucrat, .tag.usergroup-sysop, .tag.usergroup-chatmoderator, .tag.usergroup-contentmoderator, .tag.usergroup-temp, .tag.usergroup-bot, .tag.usergroup-rollback, .tag.usergroup-inactive, .tag.usergroup-blocked, .tag.usergroup-bannedfromchat { background-color: #1c1c1c !important; color: #1c1c1c !important; font-family:'Arial'; border: 2px #808080 outset; border-radius:1pc 1pc 1pc 1pc !important; box-shadow:0 2px 5px #000000; background:radial-gradient(at top left,transparent 45%,#AEAEAE,transparent 55%),radial-gradient(at bottom,transparent 45%,#AEAEAE,transparent 55%),linear-gradient(#ffffff,#919191) !important; }

.tag.usergroup-Alli1 { background-color: #370184 !important; color: #dcc2ff !important; font-family:'Corbel'; border: 2px #3b008d outset; border-radius:3pc 1pc 3pc 1pc !important; box-shadow:0 2px 5px black; background-image:url("http://a1star.com/images/01-star-best.gif") !important; background-size:cover; } .tag.usergroup-Alli2 { background-color: #370184 !important; color: #dcc2ff !important; font-family:'Corbel'; border: 2px #3b008d outset; border-radius:3pc 1pc 3pc 1pc !important; box-shadow:0 2px 5px black; background-image:url("http://a1star.com/images/01-star-best.gif") !important; background-size:cover; }.tag.usergroup-Coder { background-color: #370184 !important; color: #dcc2ff !important; font-family:'Corbel'; border: 2px #3b008d outset; border-radius:3pc 1pc 3pc 1pc !important; box-shadow:0 2px 5px black; background-image:url("http://a1star.com/images/01-star-best.gif") !important; background-size:cover; } .tag.usergroup-Mara1 { background-color: #370184 !important; color: #dcc2ff !important; font-family:'Corbel'; border: 2px #3b008d outset; border-radius:3pc 1pc 3pc 1pc !important; box-shadow:0 2px 5px black; background-image:url("http://a1star.com/images/01-star-best.gif") !important; background-size:cover; } .tag.usergroup-Cas1 { background-color: #370184 !important; color: #dcc2ff !important; font-family:'Corbel'; border: 2px #3b008d outset; border-radius:3pc 1pc 3pc 1pc !important; box-shadow:0 2px 5px black; background-image:url("http://a1star.com/images/01-star-best.gif") !important; background-size:cover; } .tag.usergroup-Designer { background-color: #370184 !important; color: #dcc2ff !important; font-family:'Corbel'; border: 2px #3b008d outset; border-radius:3pc 1pc 3pc 1pc !important; box-shadow:0 2px 5px black; background-image:url("http://a1star.com/images/01-star-best.gif") !important; background-size:cover; } .tag.usergroup-ContentMod { background-color: #370184 !important; color: #dcc2ff !important; font-family:'Corbel'; border: 2px #3b008d outset; border-radius:3pc 1pc 3pc 1pc !important; box-shadow:0 2px 5px black; background-image:url("http://a1star.com/images/01-star-best.gif") !important; background-size:cover; } .tag.usergroup-Rollback { background-color: #370184 !important; color: #dcc2ff !important; font-family:'Corbel'; border: 2px #3b008d outset; border-radius:3pc 1pc 3pc 1pc !important; box-shadow:0 2px 5px black; background-image:url("http://a1star.com/images/01-star-best.gif") !important; background-size:cover; } /*** Brightened Avatars || Credits to Cassie ***/ img.avatar { -moz-transform: scale(1.01); -webkit-transform: scale(1.01); -o-transform: scale(1.01); -ms-transform: scale(1.01); border: 3px solid black; border-radius: 5px; box-shadow: 0px 0px 9px black; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;} content_holder { border: 3px ridge white; box-shadow: 0px 0px 9px white; -moz-box-shadow: 0px 0 9px white; -webkit-box-shadow: 0px 0px 9px white; -o-box-shadow: 0px 0px 9px white;} img.avatar:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); border: 3px solid black; box-shadow: 0px 0px 9px black; -webkit-box-shadow: 0px 0px 9px black; -moz-box-shadow: 0px 0px 9px black;} .UserProfileMasthead .masthead-avatar .avatar { border: 4px solid white;} .UserProfileMasthead .masthead-avatar .avatar:hover { border: 4px solid black;} .WikiHeader .navbackground .chevron { display: none; }

/* Scrollbar || Credits to Ally  */
 * -webkit-scrollbar {

background-color:#ffffff; height: 15px; width: 15px; }
 * -webkit-scrollbar-thumb {

border:3px outset #ffffff; border-radius: 4px; background:linear-gradient(#000000, #ffffff); }
 * -webkit-scrollbar-thumb:hover,::-webkit-scrollbar-thumb:active {

background: linear-gradient(#000000, #ffffff); border:3px outset #ffffff; }

/* KEYFRAMES- Rainbow Text || Credits to Cassie  */ .rainbow { animation:rainbow 2s infinite; -webkit-animation:rainbow 2s infinite; -moz-animation:rainbow 2s infinite; } @keyframes rainbow { 0% {color: #fa5858;} 30% {color: #faac58;} 60% {color: #f4fa58;} 75% {color: #58fa58;} 90% {color: #58faf4;} 100% {color: #5858fa;} } @-webkit-keyframes rainbow { 0% {color: #fa5858;} 30% {color: #faac58;} 60% {color: #f4fa58;} 75% {color: #58fa58;} 90% {color: #58faf4;} 100% {color: #5858fa;} } @-moz-keyframes rainbow { 0% {color: #fa5858;} 30% {color: #faac58;} 60% {color: #f4fa58;} 75% {color: #58fa58;} 90% {color: #994400;} 100% {color: #5858fa;} }

/* shadows into light || Credits to Parapraxis*/ @font-face { font-family: 'shadows into light'; font-style: normal; font-weight: 400; src: local('Shadows Into Light'), local('ShadowsIntoLight'), url(https://fonts.gstatic.com/s/shadowsintolight/v6/clhLqOv7MXn459PTh0gXYFK2TSYBz0eNcHnp4YqE4Ts.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, U+E0FF, U+EFFD, U+F000; } @font-face { font-family: "Wonderland"; font-style: normal; font-weight: normal; src: url("https://images.wikia.nocookie.net/__cb20121219100828/survivor/images/b/b7/Alice_in_Wonderland_3.woff") format("woff"); } .WikiaPageHeader h1 { color:ghostwhite; font-family:'Wonderland'; font-weight:bold; text-shadow:0 4px 6px #FFB3BA; } .UserProfileMasthead .masthead-info { font-family:'shadows into light'; background:#000000; color:white; text-shadow:#FFB3BA; } .WikiaRail .module h1 { color:#FFB3BA; font-variant:small-caps; font-weight:bold; font-family:'Wonderland'; text-shadow:0 2px 5px black; } /* Wordmark code || Credits to Parapraxis */ .wordmark.graphic:hover { -webkit-animation: wordmarkblur 01s; -moz-animation: wordmarkblur 1s; } @-webkit-keyframes wordmarkblur { 50% {-webkit-filter: blur(2px) brightness(2);} }

.i18ndoc { background-color: #FFF77D; border-bottom: 1px solid lightgrey; font-family: monospace; font-size: 8pt; height: 140px; overflow: auto; padding: 3px; } /* ======== Edit Buttons creds to cassie ======== */ input[type="submit"], input[type="reset"], input[type="button"], button,.WikiaFooter .header-container .wikia-button, .WikiaBarWrapper .header-container .wikia-button, .wikia-menu-button > a, .wikia-menu-button .drop, .wikia-menu-button > li > a, a.wikia-button, .wikia-single-button a, .wikia-menu-button, input[type="submit"], input[type="reset"], input[type="button"], .button, button { border:none !important; border-radius:1pc !important; font-family:'Exo 2','Monotxt'; color:#ffffff; box-shadow:2px 2px 5px #000000; background-image:linear-gradient(#000000 40%,#fff) !important; } /*** Tabber credits to ally ***/ .tabberlive .tabbertab h2, .tabberlive .tabbertab h3 { display:block !important; } .tabberlive .tabbertab { border: 2px transparent solid !important; border-top:0 !important; } ul.tabbernav { border-bottom: 2px #ffffff solid !important; font: bold 14px Trebuchet MS !important;} ul.tabbernav li a:link { color: #000!important; } ul.tabbernav li a:visited { color: #000!important; } ul.tabbernav li.tabberactive a, ul.tabbernav li a:hover, ul.tabbernav li a { color: #fff !important; border: 2px #ffffff solid !important; border-radius:10px 0 0 0; background-image: -moz-linear-gradient(   center bottom,    rgb(57,57,57) 0%,    rgb(116,116,116) 100%) !important; box-shadow:0 2px 5px rgba(0, 0, 0, 0.3), inset 0 1px rgba(255,255,255,0.4), inset 0 10px rgba(255,255,255,0.2), inset 0 12px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3); background-image: -webkit-gradient(   linear,    left bottom,    left top,    color-stop(0, rgb(57,57,57)),    color-stop(1, rgb(116,116,116))) !important; } ul.tabbernav li a[disabled="disabled"] { font-weight: normal !important; color: black !important; outline-style: none !important; } ul.tabbernav li.tabberactive a { border-bottom: 2px solid #ffffff !important; } .circular { display: inline-block; position: relative; height: 290px; width: 290px; overflow: hidden; border-radius: 50%; }   position: absolute; } .circular { display: block; position: relative; height: 250px; width: 250px; overflow: hidden; border-radius: 50%; } .circular:hover { transform: rotate(-360deg); -moz-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); -o-transform: rotate(-360deg); -webkit-transition: all .9s ease; -moz-transition: all .9s ease; -o-transition: all .9s ease; }
 * 1) spin-wrapper:hover {

/* -Shake credits to second edge- */ .shake { animation:shake 0.5s infinite; -webkit-animation:shake 0.5s infinite; -moz-animation:shake 0.5s infinite; } @keyframes shake { 0% {transform: rotate(2deg) translateX(0) translateY(-1em);} 25% {transform: rotate(-2deg) translateX(1em) translateY(2em);} 50% {transform: rotate(2deg) translateX(2em) translateY(-2em);} 75% {transform: rotate(-2deg) translateX(1em) translateY(1em);} 100% {transform: rotate(2deg) translateX(0) translateY(-1em);} } @-webkit-keyframes shake { 0% {-webkit-transform: rotate(2deg) translateX(0) translateY(-1em);} 25% {-webkit-transform: rotate(-2deg) translateX(1em) translateY(2em);} 50% {-webkit-transform: rotate(2deg) translateX(2em) translateY(-2em);} 75% {-webkit-transform: rotate(-2deg) translateX(1em) translateY(1em);} 100% {-webkit-transform: rotate(2deg) translateX(0) translateY(-1em);} } @-moz-keyframes shake { 0% {-moz-transform: rotate(2deg) translateX(0) translateY(-1em);} 25% {-moz-transform: rotate(-2deg) translateX(1em) translateY(2em);} 50% {-moz-transform: rotate(2deg) translateX(2em) translateY(-2em);} 75% {-moz-transform: rotate(-2deg) translateX(1em) translateY(1em);} 100% {-moz-transform: rotate(2deg) translateX(0) translateY(-1em);} } /* -Spin credits to second edge- */ .spin { text-align:center; animation:spin 1.5s infinite; -webkit-animation:spin 1.5s infinite; -moz-animation:spin 1.5s infinite; } @keyframes spin { from{transform: rotate(0deg);} to {transform: rotate(360deg);} } @-webkit-keyframes spin { from{-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(360deg);} } @-moz-keyframes spin { from{-moz-transform: rotate(0deg);} to {-moz-transform: rotate(360deg);} } /* -Pong credits to second edge- */ .pong { text-align:center; animation:pong 2s infinite; -webkit-animation:pong 2s infinite; -moz-animation:pong 2s infinite; } @keyframes pong { 0% {transform: translateX(-50%);} 50% {transform: translateX(50%);} 100% {transform: translateX(-50%);} } @-webkit-keyframes pong { 0% {-webkit-transform: translateX(-50%);} 50% {-webkit-transform: translateX(50%);} 100% {-webkit-transform: translateX(-50%);} } @-moz-keyframes pong { 0% {-moz-transform: translateX(-50%);} 50% {-moz-transform: translateX(50%);} 100% {-moz-transform: translateX(-50%);} } /* -Pulse credits to second edge- */ .pulse { animation:pulse 4s infinite; -webkit-animation:pulse 4s infinite; -moz-animation:pulse 4s infinite; } @keyframes pulse { 0% {opacity:0.5;} 50% {opacity:1; text-shadow:0 0 0.5em;} 100% {opacity:0.5;} } @-webkit-keyframes pulse { 0% {opacity:0.5;} 50% {opacity:1; text-shadow:0 0 0.5em;} 100% {opacity:0.5;} } @-moz-keyframes pulse { 0% {opacity:0.5;} 50% {opacity:1; text-shadow:0 0 0.5em;} 100% {opacity:0.5;} }	/* Small Box */ .smallbox img { transform: scale(1.0); }   .smallbox img:hover { transform: scale(0.8); }