MediaWiki:Wikia.css

@import url(https://fonts.googleapis.com/css?family=Audiowide); @font-face { font-family:8bitoperator; src:url('http://vignette2.wikia.nocookie.net/heliosanctus/images/c/cd/Determination.ttf/revision/latest?cb=20151126162647'),url('http://vignette2.wikia.nocookie.net/heliosanctus/images/c/c0/Determination.eot/revision/latest?cb=20151126162555') format("opentype"); /* IE */ } @font-face { font-family:8bitoperator; src:url('http://vignette2.wikia.nocookie.net/heliosanctus/images/c/cd/Determination.ttf/revision/latest?cb=20151126162647'),url('http://vignette2.wikia.nocookie.net/heliosanctus/images/c/c0/Determination.eot/revision/latest?cb=20151126162555') format("opentype"); /* IE */ font-weight:bold; } .test { -webkit-animation:fadein 2s; -moz-animation:fadein 2s; -ms-animation:fadein 2s; -o-animation:fadein 2s; animation:fadein 2s; }

@keyframes fadein { from { opacity:0; } to  { opacity:1; } }

/* Safari, Chrome and Opera > 12.1 */ @-webkit-keyframes fadein { from { opacity:0; } to  { opacity:1; } } .testb { left:-700px; -webkit-animation:slide 0.5s forwards; -webkit-animation-delay:1s; animation:slide 0.5s forwards; animation-delay:1s; } @-webkit-keyframes slide { 100% { left:0; } } @keyframes slide { 100% { left:0; } }

/* Staff colours */ a[href$=":Xersin"], a[href$="/Xersin"]{ color:white; font-family:'audiowide'; font-size:110%; text-shadow:-2px -2px white; padding-left:2px; margin-right:-2px; background:-webkit-linear-gradient(black,#2DC8FF); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }  body.ChatWindow #WikiaPage > .Chat li[data-user="Xersin"] .username, body.ChatWindow #Rail li[data-user="Xersin"] .username { color:white; font-family:'audiowide'; font-size:110%; text-shadow:-2px -2px white; padding-left:2px; margin-right:-2px; background:-webkit-linear-gradient(black,#2DC8FF); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }  body.ChatWindow #WikiaPage > .Chat li[data-user="Xersin"] .message { color:#2DC8FF; font-style:italic; } a[href$=":Vyris"], a[href$="/Vyris"]{ color:blue; font-weight:bold; background:-webkit-linear-gradient(#9a32cd,#bf3eff); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }  body.ChatWindow #WikiaPage > .Chat li[data-user="Vyris"] .username, body.ChatWindow #Rail li[data-user="Vyris"] .username { color:blue; font-weight:bold; background:-webkit-linear-gradient(#9a32cd,#bf3eff); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }  body.ChatWindow #WikiaPage > .Chat li[data-user="Vyris"] .message { color:#9932cc; } a[href$=":Fireburn12"], a[href$="/Fireburn12"]{ color:Orange; font-weight:bold; font-size:110%; background:-webkit-linear-gradient(#8A0808,#FA5858); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }  body.ChatWindow #WikiaPage > .Chat li[data-user="Fireburn12"] .username, body.ChatWindow #Rail li [data-user="Fireburn12"] .username { color:Orange; font-weight:bold; background:-webkit-linear-gradient(#8A0808,#FA5858); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }   body.ChatWindow #WikiaPage > .Chat li[data-user="Fireburn12"] .message { color:#FE642E; } a[href$=":The_Name_Is_Nick"], a[href$="/The_Name_Is_Nick"]{ color:green; font-weight:bold; background:-webkit-linear-gradient(330deg,transparent 50%,ghostwhite 51%),-webkit-linear-gradient(#32CD32,#0ff); background-size:25px 25px; -webkit-background-clip:text; -webkit-text-fill-color:transparent; }  body.ChatWindow #WikiaPage > .Chat li[data-user="The Name Is Nick"] .username, body.ChatWindow #Rail li[data-user="The Name Is Nick"] .username { color:green; background:-webkit-linear-gradient(330deg,transparent 50%,ghostwhite 51%),-webkit-linear-gradient(#32CD32,#0ff); background-size:25px 25px; -webkit-background-clip:text; -webkit-text-fill-color:transparent; }  body.ChatWindow #WikiaPage > .Chat li[data-user="The Name Is Nick"] .message { color:#6A5ACD; font-style:italic; } a[href$=":Jillips_Entertainment"], a[href$="/Jillips_Entertainment"]{ color:maroon; font-weight:bold; background:-webkit-linear-gradient(maroon,gray); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }  body.ChatWindow #WikiaPage > .Chat li[data-user="Jillips Entertainment"] .username, body.ChatWindow #Rail li[data-user="Jillips Entertainment"] .username { color:maroon; font-weight:bold; background:-webkit-linear-gradient(maroon,gray); -webkit-background-clip:text; -webkit-text-fill-color:transparent; } a[href$=":Foxdini"], a[href$="/Foxdini"]{ color:#32C857; background:-webkit-linear-gradient(#25BB4A,#57DEFF); -webkit-background-clip:text; -webkit-text-fill-color:transparent; font-weight:bold; font-size:110%; }  body.ChatWindow #WikiaPage > .Chat li[data-user="Foxdini"] .username, body.ChatWindow #Rail li[data-user="Foxdini"] .username { color:#32C857; font-weight:bold; background:-webkit-linear-gradient(#25BB4A,#57DEFF); -webkit-background-clip:text; -webkit-text-fill-color:transparent; font-size:110%; }  body.ChatWindow #WikiaPage > .Chat li[data-user="Foxdini"] .message { color:#0080FF; } a[href$=":HugeClockTowerFan"], a[href$="/HugeClockTowerFan"]{ color:#21f024; font-weight:bold; background:-webkit-linear-gradient(#21F024,#6BD118,#25950E); -webkit-background-clip:text; -webkit-text-fill-color:transparent; font-size:110%; }  body.ChatWindow #WikiaPage > .Chat li[data-user="HugeClockTowerFan"] .username, body.ChatWindow #Rail li[data-user="HugeClockTowerFan"] .username { color:#21f024; font-weight:bold; background:-webkit-linear-gradient(#21F024,#6BD118,#25950E); -webkit-background-clip:text; -webkit-text-fill-color:transparent; font-size:110%; }  body.ChatWindow #WikiaPage > .Chat li[data-user="HugeClockTowerFan"] .message { color:#F4F414; } /* Chat mod colours */ a[href$=":Springy_Boy"], a[href$="/Springy_Boy"], a[href$=":TheSecondEdgeOfTheBlade"], a[href$="/TheSecondEdgeOfTheBlade"]{ color:green; font-weight:bold; }  body.ChatWindow #WikiaPage > .Chat li[data-user="Springy Boy"] .username, body.ChatWindow #WikiaPage > .Chat li[data-user="TheSecondEdgeOfTheBlade"] .username , body.ChatWindow #Rail li[data-user="Springy Boy"] .username, body.ChatWindow #Rail li[data-user="TheSecondEdgeOfTheBlade"] .username { color:green; font-weight:bold; } /* End of chat mod colours */ /* Bot colours */ /* End of bot colours */

/* Main staff colours end */

/* Tags */

a.tag { color:inherit; } .tag.usergroup-founder { background-color:#FFBF00!important; color:black!important; border:2px #F3F781 solid; } .tag.usergroup-bureaucrat { background:-webkit-linear-gradient(50deg,#100829,#2F1971,#492C9F,#5536B5)!important; background:linear-gradient(50deg,#100829,#2F1971,#492C9F,#5536B5)!important; background:-moz-linear-gradient(50deg,#100829,#2F1971,#492C9F,#5536B5)!important; color:white!important; border:2px #2E9AFE solid; } .tag.usergroup-sysop { background:-webkit-linear-gradient(50deg,#460909,#7E1D1D,#C22D2D)!important; background:linear-gradient(50deg,#460909,#7E1D1D,#C22D2D)!important; background:-moz-linear-gradient(50deg,#460909,#7E1D1D,#C22D2D)!important; color:white!important; border:2px #FA5858 solid; } .tag.usergroup-chatmoderator { background:-webkit-linear-gradient(50deg,black,#340942,#651181)!important; background:linear-gradient(50deg,black,#340942,#651181)!important; background:-moz-linear-gradient(50deg,black,#340942,#651181)!important; color:white!important; border:2px purple solid; } .tag.usergroup-rollback { background:-webkit-linear-gradient(50deg,#C8FE2E,#AFDB35,#74931D)!important; background:linear-gradient(50deg,#C8FE2E,#AFDB35,#74931D)!important; background:-moz-linear-gradient(50deg,#C8FE2E,#AFDB35,#74931D)!important; color:black!important; border:2px #5FB404 solid; } .tag.usergroup-vy { background-color:#9a32cd!important; color:black!important; border:2px black solid; } .tag.usergroup-coder { background-color:#5F04B4!important; color:white!important; border:2px #8258FA solid; } .tag.usergroup-threadmoderator { background:-webkit-linear-gradient(50deg,#AA1919,#D52424,#FF3232)!important; background:linear-gradient(50deg,#AA1919,#D52424,#FF3232)!important; background:-moz-linear-gradient(50deg,#AA1919,#D52424,#FF3232)!important; color:white!important; border:2px black solid; } .tag.usergroup-burn { background-color:#FF4000!important; color:white; border:2px #FF8000 solid; } .tag.usergroup-blocked { background-color:#FF0000!important; color:white; border:2px black solid; } .tag.usergroup-test { border:1px #08088A outset; background:-webkit-linear-gradient(50deg,#B404AE,#FE2EF7,#F5A9F2)!important; background:linear-gradient(50deg,#B404AE,#FE2EF7,#F5A9F2)!important; background:-moz-linear-gradient(50deg,#B404AE,#FE2EF7,#F5A9F2)!important; color:white!important; } .tag.usergroup-yeetmod { background-color:red!important; color:black!important; border:2px black solid; } /* tabber overrides*/

.tabberlive .tabbertab h2,.tabberlive .tabbertab h3 { display:block!important; }

.tabberlive .tabbertab { border:2px #30136F solid!important; border-top:0!important; }

ul.tabbernav { border-bottom:2px #30136F solid!important; font:bold 14px Arial,sans-serif!important; }

ul.tabbernav li a:link { color:#A4A4A4!important; } ul.tabbernav li a:visited { color:#A4A4A4!important; }

ul.tabbernav li.tabberactive a,ul.tabbernav li a:hover,ul.tabbernav li a { color:#FFFFFF!important; border:2px #30136F solid!important; border-radius:10px 10px 0 0; background-image:-moz-linear-gradient(   center bottom,    rgb(31,11,75) 0%,    rgb(5,1,15) 100%)!important; background-image:-webkit-gradient(   linear,    left bottom,    left top,    color-stop(0,rgb(31,11,75)),    color-stop(1,rgb(5,1,15)))!important; }

ul.tabbernav li a[disabled="disabled"] { font-weight:normal!important; color:#30136F!important; outline-style:none!important; }

ul.tabbernav li.tabberactive a { border-bottom:2px solid #BDBDBD!important; }

/* end of tabber overrides*/

/* custom cursors */ body { cursor:url("http://i.imgur.com/yjlGNoc.png"),auto; } a:active { cursor:url("http://i.imgur.com/MVMtT4e.png"),pointer; } a:hover { cursor:url("http://i.imgur.com/MVMtT4e.png"),pointer; } p:hover { cursor:url("http://i.imgur.com/8IPIp4H.png"),text; } /* end of custom cursors */

/* chat customisations */ ul#WikiChatList { padding-left:5px; } .Rail { width:160px; } .Chat { right:160px; } .ChatWindow .UserStatsMenu { border-radius:2pc 0pc 2pc; border:2px #7777FF outset; } .ChatWindow .UserStatsMenu .actions ul li:hover { margin-left:4px; } .ChatWindow .UserStatsMenu .actions ul li { border-radius:0 0 28px 0; margin-right:4px; } .UserStatsMenu { background-image:linear-gradient(135deg,rgba(0,0,0,0),rgba(45,45,102,0.1),rgba(119,119,255,0.1)); } .UserStatsMenu .info { border-radius:28px 0pc 0pc 0pc; color:#D5D4D4; } .UserStatsMenu .actions ul li:hover { background-color:#181833; border-radius:0 0 27px 0; margin-right:1.5px; } .ChatHeader { background:linear-gradient(to right,rgba(0,0,0,0.9),rgba(50,50,50,1),rgba(0,0,0,0.9)); border:1px #7777FF solid; border-radius:0pc 2pc 1pc 2pc; } .ChatHeader .private { font-family:Roboto,Noto,sans-serif; color:white; letter-spacing:4px; font-variant:small-caps; font-weight:bold; } .ChatHeader .User img { margin-left:5px; } .ChatHeader .User .username { padding-left:7px; } .Rail .selected { border-radius:5px 5px 1pc 5px; } .Rail .User:hover { border-radius:3px 3px 1pc 3px; } .Rail .private { background:-webkit-linear-gradient(310deg,#151515 50%,#000000 50%); background-size:8px 8px; } .Write { border-radius:0 0 0 1pc; background:-webkit-linear-gradient(310deg,#1c1c1c 50%,#000000 50%); background-size:8px 8px; } .Write img { bottom:0px; } .Write .message { border:1px #7777ff solid; border-radius:1pc 3pc 1pc 1pc; background:rgba(0,0,0,0.3); bottom:-1.5px; } body.ChatWindow #WikiaPage { border:1px #7777ff outset; border-radius:7px 0 7px 7px; padding:3px;

} .Chat .avatar, .User img, .Write img { border-radius:7px; border:1px #7777FF solid!important; } /* chat background */ body { background-image:url('http://vignette3.wikia.nocookie.net/fnaf-rp/images/5/50/Wiki-background/revision/latest?cb=20150216233651'); background-size:cover; } .Chat { background-image:url('http://i.imgur.com/FplVnfF.png?1'); border-radius:7px 0 7px 7px; background-size:cover; border-right:1px #7777ff solid; border-bottom:1px #5050AB solid; right:160px; bottom:44px; } .Chat ul .you { background:none; border-left:1px #bdbdbd solid; } .ChatHeader .User { border-left:1px solid #7777ff; width:124px; } /* end of chat background */

/* end of chat customisations */

/* link fade */ a { color:#7777FF; -o-transition:all .3s ease-out; -ms-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -webkit-transition:all .3s ease-out; transition:all .3s ease-out; } a:hover { color:silver; }

.WikiHeader nav li.nav-item a:hover, .WikiHeader nav li.marked .subnav-2 li a:hover { color:silver; } /* rail styling [WIP] */

/* wikia modules */ .WikiaRail .module h2 { font-family:Roboto,Noto,sans-serif; margin-bottom:7px; margin-top:-7px; color:white; letter-spacing:0.5px; font-variant:small-caps; font-weight:bold; -webkit-box-reflect:below -8px -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(255,255,255,0.3))); } .WikiaActivityModule ul { margin-bottom:-5px; } .WikiaActivityModule li { padding-top:7px; } .WikiaRail .module { background-image:linear-gradient(135deg,rgba(0,0,0,0),rgba(45,45,102,0.2),rgba(119,119,255,0.3)); border-radius:20px 0pc 20px 20px; border:1px #7777FF outset; } .WikiaRail .module .wikia-button { 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); border-radius:5px 0 5px 5px; border:1px #999 solid; } .HotSpotsModule li div div { box-shadow:0 2px 5px rgba(0,0,0,0.3),inset 0 1px rgba(255,255,255,0.4),inset 0 16px rgba(255,255,255,0.2),inset 0 12px 20px rgba(255,255,255,0.15),inset 0 -15px 30px rgba(0,0,0,0.3); border-radius:7px 0 7px 7px!important; } .HotSpotsModule li { border-top:solid 1px #7777ff; } .ChatModule .avatar { border:1px #7777FF solid; border-radius:7px; } /* end of wikia modules */

/* chat module */ .ChatModule .chat-whos-here { background:linear-gradient(to right,rgba(0,0,0,0.7),rgba(50,50,50,0.7),rgba(0,0,0,0.7)); border-radius:2pc; border:1px #7777FF solid; } .ChatModule .chat-whos-here .carousel-container { border-radius:7px; background:-webkit-linear-gradient(310deg,#1c1c1c 50%,#000000 50%); background-size:8px 8px; } .ChatModule .chat-join { 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); border-radius:1pc; border:1px #999 solid; } /* end of chat module */

/* end of rail styling */

/* page headers */ .wikia-page-header .header-column h1,.wikia-page-header .header-column .WikiaRail .module h3,.WikiaRail .module .wikia-page-header .header-column h3 { margin-top:-17px; position:absolute; } .WikiaPageHeader h2,.WikiaPageHeader p { margin-top:20px; } .WikiaPageHeader h1 { font-family:Roboto,Noto,sans-serif; color:white; letter-spacing:4px; font-variant:small-caps; font-size:30px; font-weight:bold; -webkit-box-reflect:below -8px -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(255,255,255,0.3))); } /* end of page headers */

/* page styling */ .WikiaPage { border-radius:5px; border:1px #7777ff solid; } .WikiaPage .WikiaPageBackground { border-radius:5px; } .UserProfileMasthead .masthead-info .tag { border-radius:1pc 0 1pc 1pc!important; box-shadow:0 2px 5px rgba(0,0,0,0.3),inset 0 1px rgba(255,255,255,0.4),inset 0 9px rgba(255,255,255,0.2),inset 0 12px 20px rgba(255,255,255,0.1),inset 0 -15px 30px rgba(0,0,0,0.3)!important; } .UserProfileMasthead .masthead-info { background:-webkit-linear-gradient(310deg,#13072C 50%,#0F0625 50%); background-size:10px 10px; } .UserProfileMasthead .masthead-avatar .avatar { border:2px #7777ff outset!important; border-radius:7px 0 7px 7px; max-height:150px; max-width:150px; margin-left:-4px!important; box-shadow:none; } div#WikiaUserPagesHeader { background:radial-gradient(at bottom,rgba(119,119,255,0.5),transparent,transparent); opacity:.8; } div#WikiaUserPagesHeader:hover { -o-transition:all .3s ease-out; -ms-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -webkit-transition:all .3s ease-out; transition:all .3s ease-out; opacity:1; } li.avatar { border:none!important; box-shadow:none; } .tabs { border-bottom:1px solid #7777ff; } .tabs .selected a { border-left:1px solid #5050AB; border-right:1px solid #5050AB; border-top:1px solid #7777ff; background:transparent; } .avatar { border:1px #7777FF solid!important; border-radius:7px; }
 * -webkit-scrollbar {

height:10px; width:10px; }
 * -webkit-scrollbar-thumb {

border:1px #7777FF solid; border-radius:4px; background:linear-gradient(black,midnightblue); }
 * -webkit-scrollbar-track {

background:transparent; }
 * -webkit-scrollbar-thumb:hover,::-webkit-scrollbar-thumb:active {

background:linear-gradient(black,silver); border:1px silver solid; } /* Infoboxes */ .portable-infobox .pi-title { font-size:23px; line-height:35px; font-weight:bold; text-shadow:0 3px 5px black; background:linear-gradient(90deg,rgba(119,119,255,0.3),transparent 50%); } .portable-infobox .pi-data-label { font-size:100%; text-shadow:0 1px 2px black; line-height:22px; } .portable-infobox { border-radius:7px; background:radial-gradient(at 90% bottom,midnightblue,#101024); border:1px #7777FF solid; } .popover-inner { background-image:linear-gradient(135deg,rgba(0,0,0,0),rgba(45,45,102,0.1),rgba(119,119,255,0.1)); border-radius:2pc 0pc 2pc; border:2px #7777FF outset; padding-bottom:0px; } /* External image resizer */ .resizeimg img,.resizeimg a {width:inherit;height:inherit;max-width:inherit;}