MediaWiki:Wikia.css

/************************ Things for the Wikia

/* -- Wikia Mainspace -- */ body.skin-oasis { background:url('https://vignette.wikia.nocookie.net/troye/images/1/18/TROYE-SIVAN-01-press-photo-2018-billboard-1548.jpg/revision/latest?cb=20181114210622'); background-attachment:fixed; background-size:cover; }

/*** Wiki Border || Credits to Para and CastAway ***/ .WikiaPage { border: 2px outset #ffffff; box-shadow:0 0 20px #ffffff; }

/* Code for wikia rail apparently */ .WikiaRail .module { background-image:url('https://vignette.wikia.nocookie.net/troye/images/f/f5/71wsn%2BUageL._SY355_.jpg/revision/latest?cb=20181114211045'); background-size:cover; box-shadow:7px 7px 5px #ffffff inset; border-radius:1pc 1pc 1pc 1pc; border:1px solid #B2CAD5; }

/* User Tags || Credits to Whismical */ .tag.usergroup-founder, .tag.usergroup-bureaucrat, .tag.usergroup-sysop, .tag.usergroup-chatmoderator, .tag.usergroup-temp, .tag.usergroup-bot, .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%,#00FFDF,transparent 55%),radial-gradient(at bottom,transparent 45%,#00FFDF,transparent 55%),linear-gradient(#ffffff,#919191) !important; }   /* Add Border to Avatars */ .avatar { border: 2px solid black; border-radius: 10px;} /* Profile Code */ .UserProfileMasthead .masthead-info { background-image: url('https://vignette.wikia.nocookie.net/troye/images/d/d1/Skskssksks.jpg/revision/latest?cb=20181114213853'); } /* WordMark Hover Effect, Creds To Cassie*/ .wordmark > a { position: relative; color:#c0c0c0; text-decoration: none; text-shadow:0 0 2em #c0c0c0, 0 0 2em #c0c0c0; } .wordmark > a:hover { color:#c0c0c0; background-image:none; } .wordmark > a:before { content: ""; position: absolute; width: 100%; height: 2px; bottom: 0; left: 0; background-color:#c0c0c0; box-shadow:0 0 2em #c0c0c0,0 0 2em #c0c0c0; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .wordmark > a:hover:before { visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1); }

/*** Brightened Avatars || Credits to Whismical ***/ 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 LightBlue; border-radius: 5px; box-shadow: 0px 0px 9px LightBlue; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;} content_holder { border: 3px ridge LightBlue; box-shadow: 0px 0px 9px LightBlue; -moz-box-shadow: 0px 0 9px LightBlue; -webkit-box-shadow: 0px 0px 9px LightBlue; -o-box-shadow: 0px 0px 9px LightBlue;} img.avatar:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); border: 3px solid LightBlue; box-shadow: 0px 0px 9px LightBlue; -webkit-box-shadow: 0px 0px 9px LightBlue; -moz-box-shadow: 0px 0px 9px LightBlue;} .UserProfileMasthead .masthead-avatar .avatar { border: 4px solid LightBlue;} .UserProfileMasthead .masthead-avatar .avatar:hover { border: 4px solid LightBlue;} .WikiHeader .navbackground .chevron { display: none; }

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

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

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

background: linear-gradient(#fff,#000); border:3px outset #FAD1FF; }

.i18ndoc { background-color: #BDBDBD; border-bottom: 1px solid lightgrey; font-family: monospace; font-size: 8pt; height: 140px; overflow: auto; padding: 3px; }

body { font-family: 'Raleway', Raleway, Raleway; } /* -- Link Animation -- */ .linkglitch { animation:linkglitch 2s infinite; -webkit-animation:linkglitch 2s infinite; -moz-animation:linkglitch 2s infinite; } @keyframes linkglitch { 0% {background:linear-gradient(transparent 75%,#c0c0c0,transparent 85%);} 25% {background:linear-gradient(transparent 55%,#c0c0c0,transparent 65%);} 50% {background:linear-gradient(transparent 15%,#c0c0c0,transparent 25%);} 75% {background:linear-gradient(transparent 35%,#c0c0c0,transparent 45%);} 100% {background:linear-gradient(transparent 45%,#c0c0c0,transparent 55%);} } /* -Shake- */ .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- */ .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- */ .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- */ .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;} }

/* Color the article h1 */ .WikiaPageHeader h1 { font-family:Adobe Gothic Std, helvetica; color: #edc5ce; }

.WikiaArticle h2, .WikiaArticle h3, .WikiaArticle h4, .WikiaArticle h5, .WikiaArticle h6 { font-family:Adobe Gothic Std, helvetica; color:#edc5ce; }

/* Rounding page body borders */ .WikiaPageBackground { border-radius: 5px }

/* Nav */ .WikiNav .navbackground > div { background-color:transparent; } .WikiNav .nav-item.marked > a { border-color: transparent; } .WikiHeader .navbackground, .WikiHeader > nav .subnav-2 { border-radius: 0 5px 0 5px; } .WikiHeader > nav li:first-child { border-radius: 5px 0 0 0; } .WikiHeader > nav li:last-child { border-radius: 5px 0 0; } .WikiHeader nav li.marked, .WikiHeader > nav .subnav-2 .marked2 .subnav-2a { border-radius: 5px 5px 0 0; } .WikiHeader nav { border-radius: 1em 1em 0 0; } .WikiHeader > nav li.marked > a { border-top: none; } .WikiHeader > nav .subnav-3 { border-radius: 0 5px 5px 5px; } .GlobalNavigation .subnav { border-radius: 0 0 5px 5px; } /*** Tabber ***/ .tabberlive .tabbertab { border:none !important; } ul.tabbernav { border-bottom: 1px solid #edc5ce !important; } ul.tabbernav .tabberactive a { background-color:#42558a !important; border-radius:2px 2px 0 0 !important; border-top: 1px solid #edc5ce !important; border-left:1px solid #edc5ce !important; border-right:1px solid #edc5ce !important; color: white; } ul.tabbernav li a { background-color:#afc9d8 !important; border-radius:2px 2px 0 0 !important; border:1px solid #edc5ce !important; color: white !important; }

/* KEYFRAMES- Rainbow Text  */ .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;} }

/* ======== 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'; box-shadow:2px 2px 5px #000000; background-image:linear-gradient(#4169e1 40%,#99c4ff) !important; }

/* headings */ .WikiaPage h1, .WikiaPage h2, .WikiaPage h3, .WikiaPage h4, .WikiaPage h5, .WikiaPage h6, .WikiaPage .heading { font-family: Raleway, lucidagrande, helvetica; text-transform: uppercase; letter-spacing: 2.5px; } .WikiaPage h2 { border-bottom: 0; } .WikiaArticle .editsection { float: right; } .WikiaArticle .editsection > a { content: url(/wiki/Special:Filepath?file=EditPencil.png); width: 16px; height: 16px; } .WikiaArticle .editsection .edit-pencil { display: none; }

/************************ UserTags

/* User Tags  */ .tag.usergroup-founder, .tag.usergroup-bureaucrat, .tag.usergroup-sysop, .tag.usergroup-chatmoderator, .tag.usergroup-temp, .tag.usergroup-bot, .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%,#00FFDF,transparent 55%),radial-gradient(at bottom,transparent 45%,#00FFDF,transparent 55%),linear-gradient(#ffffff,#919191) !important; }

/*********************** Chat

/* Chat Customizations  */ .Chat{ background-image:url('https://vignette.wikia.nocookie.net/troye/images/f/f5/71wsn%2BUageL._SY355_.jpg/revision/latest?cb=20181114211045'); background-size:cover; }

.Chat .you { background: #edc5ce; } .ChatModule .avatar { border-radius: 10px; } .UserProfileMasthead .masthead-avatar .avatar { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: none; } /* WikiRail */ .WikiaRail .module { border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border: 3px solid #edc5ce; } /* toc */ border: 3px solid #edc5ce; background-color: white; }   padding: 2px 5px; background-color: white; }   float: right; }   content: counters(item, '.') '.'; }   margin-top: 2px; background-color: white; padding: 2px 5px; }   padding: 2px 5px; margin: 0; }   margin-bottom: 0; }
 * 1) toc {
 * 1) toc #toctitle {
 * 1) toc .toctoggle {
 * 1) toc li:before {
 * 1) toc > ol {
 * 1) toc > ol > li {
 * 1) toc > ol > li ol {