MediaWiki:Wikia.css

/***************** I'm (User:TheAquuaHybrid) actually getting quite irritated with this now: Above all means, DO NOT, I repeat, DO NOT edit the base colours for gradients once added. If someone has an unsupported webkit, they will see those base colours instead of the gradient. It's an easier way for them to identify what rank a staff member is. If you are unfamiliar with the proper staff colours, check out Project:Staff Identification. Thank you.

/* Aquua's colours */ a[href$=":TheAquuaHybrid"], a[href$="/TheAquuaHybrid"]{ color:Teal; font-weight: bold; font-size:110%; font-family:'Trebuchet MS'; background: -webkit-linear-gradient(330deg, #FFE0CB, #78787A, #4F98A9, #4EBAC6, #308EAA, #0489B1, #364353); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* Aquua ends */

/* Golden's colours */ a[href$=":GforGolden"], a[href$="/GforGolden"]{ color:maroon; font-weight:bold; background: -webkit-linear-gradient(330deg, #66FF66, #33CC33, #F9F9F9); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent; } /* Golden ends */

/* Vy's colours */ a[href$=":Vyris"], a[href$="/Vyris"]{ color:blue; font-weight:bold; background: -webkit-linear-gradient(#FF6600,#FFFFFF); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent; } /* Vy ends */

/* Fire's colours */ a[href$=":Fireburn12"], a[href$="/Fireburn12"]{ color:Orange; font-weight: bold !important; font-size:110%; background: -webkit-linear-gradient(#8A0808, #FA5858); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent; } /* Fire ends */

/* Nick's colours */ a[href$=":The_Name_Is_Nick"], a[href$="/The_Name_Is_Nick"]{ color:yellow; font-weight: bold !important; background: -webkit-linear-gradient(Blue, #D7DF01); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent; } /* Nick ends */

/* Renbaw's colours */ a[href$=":Rainbowsmash34_Alt"], a[href$="/Rainbowsmash34_Alt"] { color:blue; font-weight:bold; background: radial-gradient(blue, black); -webkit-background-clip:text; -webkit-text-fill-color:transparent; } /* Renbaw ends */

/* Pierrot's colours */ a[href$=":PierrotEclipse"], a[href$="/PierrotEclipse"]{ color:green; font-weight:bold; background: -webkit-linear-gradient(blue, #58ACFA); -webkit-background-clip:text; -webkit-text-fill-color:transparent; } /* Pierrot ends */

/* Jillnips' colours */ 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; } /* Jillnips ends */

/* Sketch's colours */ a[href$=":SketchNebula"], a[href$="/SketchNebula"]{ color:blue; font-weight:bold; font-family:'Trebuchet MS'; background: -webkit-linear-gradient(320deg, silver, #606060, gold, #7F6B00, #262626, black); -webkit-background-clip:text; -webkit-text-fill-color:transparent; } /* Sketch ends */

/* Sukie's colours */ a[href$=":Cynical_Cambria"], a[href$="/Cynical_Cambria"]{ color:green; font-weight:bold; background: -webkit-linear-gradient(#81F7F3, #BDBDBD); -webkit-background-clip:text; -webkit-text-fill-color:transparent; } /* Sukie ends */

/* Staff colours */ a[href$=":Foxdini"], a[href$="/Foxdini"]{ color:green; font-weight:bold; } a[href$=":ArkaineDestiny"], a[href$="/ArkaineDestiny"]{ color:yellow; font-weight:bold; } /* Staff chat colours */ body.ChatWindow #WikiaPage > .Chat li[data-user="Fireburn12"] .username { color:Orange; background: -webkit-linear-gradient(#8A0808, #FA5858); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent; }  body.ChatWindow #WikiaPage > .Chat li[data-user="Fireburn12"] .message { color:#FE642E; }  body.ChatWindow #WikiaPage > .Chat li[data-user="TheAquuaHybrid"] .username { color:Teal; font-weight:bold; font-size:110%; font-family:'Trebuchet MS'; background:-webkit-linear-gradient(#FEFEE6, #FEE3CE, #9B918F, #79797B, #496066, #43A0A8, #1C627B); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent; }	body.ChatWindow #WikiaPage > .Chat li[data-user="TheAquuaHybrid"] .message { color:#70A2B0; font-family:'Trebuchet MS'; }  body.ChatWindow #WikiaPage > .Chat li[data-user="Vyris"] .username { color:blue; background: -webkit-linear-gradient(#FF6600,#FFFFFF); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent; }  body.ChatWindow #WikiaPage > .Chat li[data-user="Vyris"] .message { color:#FF6600; }  body.ChatWindow #WikiaPage > .Chat li[data-user="The Name Is Nick"] .username { color:yellow; background: -webkit-linear-gradient(Blue, #D7DF01); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent; }  body.ChatWindow #WikiaPage > .Chat li[data-user="The Name Is Nick"] .message { color:#AEB404; }  body.ChatWindow #WikiaPage > .Chat li[data-user="Rainbowsmash34 Alt"] .username { color:blue; background: radial-gradient(Black, Blue); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }  body.ChatWindow #WikiaPage > .Chat li[data-user="Rainbowsmash34 Alt"] .message { color:yellow; }  body.ChatWindow #WikiaPage > .Chat li[data-user="GforGolden"] .username { color:maroon; background: -webkit-linear-gradient(330deg, #66FF66, #33CC33, #F9F9F9); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent; }  body.ChatWindow #WikiaPage > .Chat li[data-user="GforGolden"] .message { color:#33CC33; }  body.ChatWindow #WikiaPage > .Chat li[data-user="PierrotEclipse"] .username { color:green; background: -webkit-linear-gradient(blue, #58ACFA); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }  body.ChatWindow #WikiaPage > .Chat li[data-user="ArkaineDestiny"] .username { color:yellow; }  body.ChatWindow #WikiaPage > .Chat li[data-user="ArkaineDestiny"] .message { color:#751975; }  body.ChatWindow #WikiaPage > .Chat li[data-user="Foxdini"] .username { color:green; }  body.ChatWindow #WikiaPage > .Chat li[data-user="Foxdini"] .message { color:#0080FF; }  body.ChatWindow #WikiaPage > .Chat li[data-user="Jillips Entertainment"] .username { color:maroon; background: -webkit-linear-gradient(maroon, gray); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }  body.ChatWindow #WikiaPage > .Chat li[data-user="SketchNebula"] .username { color:blue; font-family:'Trebuchet MS'; background: -webkit-linear-gradient(silver, #606060, gold, #7F6B00, #262626, black); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }  body.ChatWindow #WikiaPage > .Chat li[data-user="SketchNebula"] .message { color:silver; font-style:italic; }  body.ChatWindow #WikiaPage > .Chat li[data-user="Cynical Cambria"] .username { color:green; background: -webkit-linear-gradient(#81F7F3, #BDBDBD); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }  body.ChatWindow #WikiaPage > .Chat li[data-user="Cynical Cambria"] .message { color:#81F7F3; font-family:'Georgia'; }

/* Staff rail usernames */ body.ChatWindow #Rail li[data-user="Fireburn12"] .username { color:Orange; font-weight:bold; background: -webkit-linear-gradient(#8A0808, #FA5858); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent; }  body.ChatWindow #Rail li[data-user="TheAquuaHybrid"] .username { color:Teal; font-weight:bold; font-size:110%; font-family:'Trebuchet MS'; background: -webkit-linear-gradient(330deg, #FFE0CB, #78787A, #4F98A9, #4EBAC6, #308EAA, #0489B1, #364353); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent; }  body.ChatWindow #Rail li[data-user="Vyris"] .username { color:blue; font-weight:bold; background: -webkit-linear-gradient(#FF6600,#FFFFFF); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent; }  body.ChatWindow #Rail li[data-user="The Name Is Nick"] .username { color:yellow; font-weight:bold; background: -webkit-linear-gradient(Blue, #D7DF01); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent; }  body.ChatWindow #Rail li[data-user="Rainbowsmash34 Alt"] .username { color:blue; font-weight:bold; background: radial-gradient(yellow, black); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }  body.ChatWindow #Rail li[data-user="GforGolden"] .username { color:maroon; font-weight:bold; background: -webkit-linear-gradient(#000066, #CCA352); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent; }  body.ChatWindow #Rail li[data-user="PierrotEclipse"] .username { color:green; font-weight:bold; background: -webkit-linear-gradient(blue, #58ACFA); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }  body.ChatWindow #Rail li[data-user="ArkaineDestiny"] .username { color:yellow; font-weight:bold; }  body.ChatWindow #Rail li[data-user="Foxdini"] .username { color:green; font-weight:bold; }  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; }  body.ChatWindow #Rail li[data-user="SketchNebula"] .username { color:blue; font-weight:bold; font-family:'Trebuchet MS'; background: -webkit-linear-gradient(320deg, silver, #606060, gold, #7F6B00, #262626, black); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }  body.ChatWindow #Rail li[data-user="Cynical Cambria"] .username { color:green; font-weight:bold; background: -webkit-linear-gradient(#81F7F3, #BDBDBD); -webkit-background-clip:text; -webkit-text-fill-color:transparent; } /* Staff usernames end */

/* Tags */ /* The border-radius code is no longer required for user 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: #FF6600 !important; color: black !important; border: 2px black solid; } .tag.usergroup-coder { background-color: #5F04B4 !important; color: white !important; border: 2px #8258FA solid; } .tag.usergroup-lizard { background-color: #3E496A !important; color: white !important; font-family:'Trebuchet MS' !important; border: 2px #A5ADC4 solid; } .tag.usergroup-asslord { background:-webkit-linear-gradient(50deg, #0B4C5F, #086A87, #0489B1) !important; background: linear-gradient(50deg, #0B4C5F, #086A87, #0489B1) !important; background: -moz-linear-gradient(50deg, #0B4C5F, #086A87, #0489B1) !important; color: white !important; font-family:'Trebuchet MS' !important; border: 2px #2EFEF7 outset; } .tag.usergroup-kaine { background-color: #C62A2A !important; color: orange !important; border: 2px red solid; } .tag.usergroup-kaine2 { background-color:#F7E28F !important; color:white; border:2px #2E5735 solid; } .tag.usergroup-breaker { background-color: red !important; color:#A4A4A4 !important; border: 2px red 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-smash { background-color: maroon !important; color: white; border: 2px maroon solid; } .tag.usergroup-burn { background-color: #FF4000 !important; color: white; border: 2px #FF8000 solid; } .tag.usergroup-gfor { background-color: purple !important; color:white; border: 2px #000000 solid; } .tag.usergroup-blocked { background-color: #FF0000 !important; color:white; border: 2px black solid; } .tag.usergroup-assmin { background-color: #0431B4 !important; color:white; border: 2px #00FFFF solid; } .tag.usergroup-waterthem { background-color: #C0C0C0 !important; color:#4E0D58 !important; border: 2px #F6C3FE solid; } .tag.usergroup-waifu { background-color: red !important; color: black; border: 2px red solid; } .tag.usergroup-senpai { background-color: black !important; color: red; border: 2px white solid; } .tag.usergroup-blaze { background-color: #AC58FA !important; color: white; border: 2px #4C0B5F solid; } .tag.usergroup-blaze2 { background-color:red !important; color:#a4a4a4; border:2px black solid; } .tag.usergroup-vriska { background-color: #FFFFFF !important; color: black !important; border: 2px #FA58F4 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-ben { background-color: green !important; color: black !important; border: 2px black solid; } .tag.usergroup-gjlewis { background-color:#D7DF01 !important; color:black !important; border:2px #D7DF01 solid; } .tag.usergroup-naru { background-color:orange !important; color:black !important; border:2px black solid; } .tag.usergroup-ayato { background-color:#0066FF !important; color:black !important; border:2px black solid; } .tag.usergroup-dipper { background-color:blue !important; color:black !important; border:2px black solid; } .tag.usergroup-female { background-color:red !important; color:black !important; border:2px black solid; } .tag.usergroup-toy { background-color:brown !important; color:black !important; border:2px black solid; } .tag.usergroup-princess { background-color:#191970 !important; color:black !important; border:2px black solid; } .tag.usergroup-cute { background-color:pink !important; color:black !important; border:2px black solid; } .tag.usergroup-yeetmod { background-color:red !important; color:black !important; border:2px black solid; } .tag.usergroup-lego { background-color:blue !important; color:white !important; border:2px white solid; } .tag.usergroup-parappafan { background-color:white !important; color:black !important; border:2px red solid; } .tag.usergroup-pootis { background-color:green !important; color:orange !important; border:2px white solid; } .tag.usergroup-sketcj { background-color:white !important; color:black !important; border:2px #6F006F solid; } /* tabber overrides*/

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

.tabberlive .tabbertab { border: 2px #8904B1 solid !important; border-top:0 !important; background-color: black !important; }

ul.tabbernav { border-bottom: 2px #8904B1 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 #8904B1 solid !important; background-image: -moz-linear-gradient(   center bottom,    rgb(95,4,180) 0%,    rgb(25,0,51) 100%) !important; background-image: -webkit-gradient(   linear,    left bottom,    left top,    color-stop(0, rgb(95,4,180)),    color-stop(1, rgb(25,0,51))) !important; }

ul.tabbernav li a[disabled="disabled"] { font-weight: normal !important; color: #8904B1 !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 */ .ChatWindow .UserStatsMenu { background-image: -moz-linear-gradient(left, rgba(2,2,2,0) 0%, rgba(4,4,4,0.8) 15%, rgba(10,10,10,1) 19%, rgba(10,10,10,1) 20%, rgba(30,30,30,1) 50%, rgba(10,10,10,1) 80%, rgba(10,10,10,1) 81%, rgba(4,4,4,0.8) 85%, rgba(2,2,2,0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(2,2,2,0)), color-stop(15%,rgba(4,4,4,0.8)), color-stop(19%,rgba(10,10,10,1)), color-stop(20%,rgba(10,10,10,1)), color-stop(50%,rgba(30,30,30,1)), color-stop(80%,rgb(10,10,10,1)), color-stop(81%,rgba(10,10,10,1)), color-stop(85%,rgba(4,4,4,0.8)), color-stop(100%,rgba(2,2,2,0))); background-image: -webkit-linear-gradient(left, rgba(2,2,2,0) 0%,rgba(4,4,4,0.8) 15%,rgba(10,10,10,1) 19%,rgba(10,10,10,1) 20%,rgba(30,30,30,1) 50%,rgba(10,10,10,1) 80%,rgba(10,10,10,1) 81%,rgba(4,4,4,0.8) 85%,rgba(2,2,2,0) 100%); background-image: -o-linear-gradient(left, rgba(2,2,2,0) 0%,rgba(4,4,4,0.8) 15%,rgba(10,10,10,1) 19%,rgba(10,10,10,1) 20%,rgba(30,30,30,1) 50%,rgba(10,10,10,1) 80%,rgba(10,10,10,1) 81%,rgba(4,4,4,0.8) 85%,rgba(2,2,2,0) 100%); background-image: -ms-linear-gradient(left, rgba(2,2,2,0) 0%,rgba(4,4,4,0.8) 15%,rgba(10,10,10,1) 19%,rgba(10,10,10,1) 20%,rgba(30,30,30,1) 50%,rgba(10,10,10,1) 80%,rgba(10,10,10,1) 81%,rgba(4,4,4,0.8) 85%,rgba(2,2,2,0) 100%); background-image: linear-gradient(to right, rgba(2,2,2,0) 0%,rgba(4,4,4,0.8) 15%,rgba(10,10,10,1) 19%,rgba(10,10,10,1) 20%,rgba(30,30,30,1) 50%,rgba(10,10,10,1) 80%,rgba(10,10,10,1) 81%,rgba(4,4,4,0.8) 85%,rgba(2,2,2,0) 100%); box-shadow:0 0 6px #BDBDBD; border-radius:2pc 0pc 2pc; border:2px #5A3AF8 outset; } .UserStatsMenu .info { border-radius:2pc 0pc 0pc 0pc; } .ChatHeader { background-image: -moz-linear-gradient(left, rgba(2,2,2,0) 0%, rgba(4,4,4,0.8) 15%, rgba(10,10,10,1) 19%, rgba(10,10,10,1) 20%, rgba(30,30,30,1) 50%, rgba(10,10,10,1) 80%, rgba(10,10,10,1) 81%, rgba(4,4,4,0.8) 85%, rgba(2,2,2,0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(2,2,2,0)), color-stop(15%,rgba(4,4,4,0.8)), color-stop(19%,rgba(10,10,10,1)), color-stop(20%,rgba(10,10,10,1)), color-stop(50%,rgba(30,30,30,1)), color-stop(80%,rgb(10,10,10,1)), color-stop(81%,rgba(10,10,10,1)), color-stop(85%,rgba(4,4,4,0.8)), color-stop(100%,rgba(2,2,2,0))); background-image: -webkit-linear-gradient(left, rgba(2,2,2,0) 0%,rgba(4,4,4,0.8) 15%,rgba(10,10,10,1) 19%,rgba(10,10,10,1) 20%,rgba(30,30,30,1) 50%,rgba(10,10,10,1) 80%,rgba(10,10,10,1) 81%,rgba(4,4,4,0.8) 85%,rgba(2,2,2,0) 100%); background-image: -o-linear-gradient(left, rgba(2,2,2,0) 0%,rgba(4,4,4,0.8) 15%,rgba(10,10,10,1) 19%,rgba(10,10,10,1) 20%,rgba(30,30,30,1) 50%,rgba(10,10,10,1) 80%,rgba(10,10,10,1) 81%,rgba(4,4,4,0.8) 85%,rgba(2,2,2,0) 100%); background-image: -ms-linear-gradient(left, rgba(2,2,2,0) 0%,rgba(4,4,4,0.8) 15%,rgba(10,10,10,1) 19%,rgba(10,10,10,1) 20%,rgba(30,30,30,1) 50%,rgba(10,10,10,1) 80%,rgba(10,10,10,1) 81%,rgba(4,4,4,0.8) 85%,rgba(2,2,2,0) 100%); background-image: linear-gradient(to right, rgba(2,2,2,0) 0%,rgba(4,4,4,0.8) 15%,rgba(10,10,10,1) 19%,rgba(10,10,10,1) 20%,rgba(30,30,30,1) 50%,rgba(10,10,10,1) 80%,rgba(10,10,10,1) 81%,rgba(4,4,4,0.8) 85%,rgba(2,2,2,0) 100%); border:1px #5A3AF8 solid; border-radius:0pc 2pc 1pc 2pc; box-shadow:0 0 6px #BDBDBD; } .ChatHeader .private { font-family:'Verdana'; font-variant:small-caps; font-weight:bold; text-shadow:2px 2px #0404B4; } .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 .message { border:1px #5A3AF8 solid; border-radius:1pc 3pc 1pc 1pc; box-shadow:0 0 6px #BDBDBD; background:-webkit-linear-gradient(310deg,#151515 50%,#000000 50%); background-size:8px 8px; } body.ChatWindow #WikiaPage { border:2px #BDBDBD solid; border-radius:1pc; box-shadow:0 0 20px #BDBDBD; padding:3px; } .Chat .avatar { border-radius:7px; border:1px #5A3AF8 solid !important; } .Chat .inline-alert { text-shadow:0 0 35px #3104B4; } .User img { border-radius:5px; border:1px #5A3AF8 solid !important; } .Write img { border-radius:5px; border:1px #5A3AF8 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:1pc 0 0 0; background-size:cover; } .Chat ul .you { background:none; } /* end of chat background */

/* end of chat customisations */

/* link fade */ a { color:#5A3AF8; background:transparent; -o-transition:color .3s ease-out, background 1s ease-in; -ms-transition:color .3s ease-out, background 1s ease-in; -moz-transition:color .3s ease-out, background 1s ease-in; -webkit-transition:color .3s ease-out, background 1s ease-in; /* ...and now override with proper CSS property */ transition:color .3s ease-out, background 1s ease-in; } a:hover { color:silver; background:transparent; }

/* rail styling [WIP] */

/* wikia modules */ .WikiaRail .module { background-image: -moz-linear-gradient(left, rgba(2,2,2,0) 0%, rgba(4,4,4,0.8) 15%, rgba(10,10,10,1) 19%, rgba(10,10,10,1) 20%, rgba(30,30,30,1) 50%, rgba(10,10,10,1) 80%, rgba(10,10,10,1) 81%, rgba(4,4,4,0.8) 85%, rgba(2,2,2,0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(2,2,2,0)), color-stop(15%,rgba(4,4,4,0.8)), color-stop(19%,rgba(10,10,10,1)), color-stop(20%,rgba(10,10,10,1)), color-stop(50%,rgba(30,30,30,1)), color-stop(80%,rgb(10,10,10,1)), color-stop(81%,rgba(10,10,10,1)), color-stop(85%,rgba(4,4,4,0.8)), color-stop(100%,rgba(2,2,2,0))); background-image: -webkit-linear-gradient(left, rgba(2,2,2,0) 0%,rgba(4,4,4,0.8) 15%,rgba(10,10,10,1) 19%,rgba(10,10,10,1) 20%,rgba(30,30,30,1) 50%,rgba(10,10,10,1) 80%,rgba(10,10,10,1) 81%,rgba(4,4,4,0.8) 85%,rgba(2,2,2,0) 100%); background-image: -o-linear-gradient(left, rgba(2,2,2,0) 0%,rgba(4,4,4,0.8) 15%,rgba(10,10,10,1) 19%,rgba(10,10,10,1) 20%,rgba(30,30,30,1) 50%,rgba(10,10,10,1) 80%,rgba(10,10,10,1) 81%,rgba(4,4,4,0.8) 85%,rgba(2,2,2,0) 100%); background-image: -ms-linear-gradient(left, rgba(2,2,2,0) 0%,rgba(4,4,4,0.8) 15%,rgba(10,10,10,1) 19%,rgba(10,10,10,1) 20%,rgba(30,30,30,1) 50%,rgba(10,10,10,1) 80%,rgba(10,10,10,1) 81%,rgba(4,4,4,0.8) 85%,rgba(2,2,2,0) 100%); background-image: linear-gradient(to right, rgba(2,2,2,0) 0%,rgba(4,4,4,0.8) 15%,rgba(10,10,10,1) 19%,rgba(10,10,10,1) 20%,rgba(30,30,30,1) 50%,rgba(10,10,10,1) 80%,rgba(10,10,10,1) 81%,rgba(4,4,4,0.8) 85%,rgba(2,2,2,0) 100%); box-shadow:0 0 10px #BDBDBD; border-radius:2pc 0pc 2pc 2pc; border:2px #5A3AF8 outset; } .WikiaRail .module h1 { font-family:'Verdana'; font-variant:small-caps; font-weight:bold; text-shadow:2px 2px #0404B4; } .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:1pc; 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 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:1px #999 solid; border-radius:2pc 1pc 4pc 2pc; } .ChatModule .avatar { border:1px #D488FD solid; border-radius:7px; } /* end of wikia modules */

/* chat module */ .ChatModule .chat-whos-here { background-image: -moz-linear-gradient(left, rgba(2,2,2,0) 0%, rgba(4,4,4,0.8) 15%, rgba(10,10,10,1) 19%, rgba(10,10,10,1) 20%, rgba(30,30,30,1) 50%, rgba(10,10,10,1) 80%, rgba(10,10,10,1) 81%, rgba(4,4,4,0.8) 85%, rgba(2,2,2,0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(2,2,2,0)), color-stop(15%,rgba(4,4,4,0.8)), color-stop(19%,rgba(10,10,10,1)), color-stop(20%,rgba(10,10,10,1)), color-stop(50%,rgba(30,30,30,1)), color-stop(80%,rgb(10,10,10,1)), color-stop(81%,rgba(10,10,10,1)), color-stop(85%,rgba(4,4,4,0.8)), color-stop(100%,rgba(2,2,2,0))); background-image: -webkit-linear-gradient(left, rgba(2,2,2,0) 0%,rgba(4,4,4,0.8) 15%,rgba(10,10,10,1) 19%,rgba(10,10,10,1) 20%,rgba(30,30,30,1) 50%,rgba(10,10,10,1) 80%,rgba(10,10,10,1) 81%,rgba(4,4,4,0.8) 85%,rgba(2,2,2,0) 100%); background-image: -o-linear-gradient(left, rgba(2,2,2,0) 0%,rgba(4,4,4,0.8) 15%,rgba(10,10,10,1) 19%,rgba(10,10,10,1) 20%,rgba(30,30,30,1) 50%,rgba(10,10,10,1) 80%,rgba(10,10,10,1) 81%,rgba(4,4,4,0.8) 85%,rgba(2,2,2,0) 100%); background-image: -ms-linear-gradient(left, rgba(2,2,2,0) 0%,rgba(4,4,4,0.8) 15%,rgba(10,10,10,1) 19%,rgba(10,10,10,1) 20%,rgba(30,30,30,1) 50%,rgba(10,10,10,1) 80%,rgba(10,10,10,1) 81%,rgba(4,4,4,0.8) 85%,rgba(2,2,2,0) 100%); background-image: linear-gradient(to right, rgba(2,2,2,0) 0%,rgba(4,4,4,0.8) 15%,rgba(10,10,10,1) 19%,rgba(10,10,10,1) 20%,rgba(30,30,30,1) 50%,rgba(10,10,10,1) 80%,rgba(10,10,10,1) 81%,rgba(4,4,4,0.8) 85%,rgba(2,2,2,0) 100%); box-shadow:0 0 6px #BDBDBD; border-radius:2pc; border:1px #5A3AF8 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 */ .WikiaPageHeader h1 { font-family:'Verdana'; font-variant:small-caps; font-weight:bold; text-shadow:2px 2px #0404B4; } /* end of page headers */

/* page styling */ border-radius:2pc; box-shadow:0 0 20px #BDBDBD; } .WikiaPage .WikiaPageBackground { border-radius:2pc; box-shadow:0 0 20px #BDBDBD; } .UserProfileMasthead .masthead-info .tag { border-radius:1pc !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) !important; } .UserProfileMasthead .masthead-info { background:-webkit-linear-gradient(310deg,#2C0031 50%,#1A001D 50%); background-size:10px 10px; } .avatar { border:1px #5A3AF8 solid; border-radius:7px; } /* External image resizer */ .resizeimg img, .resizeimg a {width:inherit;height:inherit;max-width:inherit;}
 * 1) WikiaPage {