MediaWiki:Wikia.css

/* Please do not edit this without my, User:SketchNebula, permission. */ /* Moni's colours */ a[href$=":Mischief.Cat"], a[href$="/Mischief.Cat"]{ color:red; font-weight:bold; background:-webkit-linear-gradient(yellow, blue); -webkit-background-clip:text !important; -webkit-text-fill-color:transparent; }  body.ChatWindow #WikiaPage > .Chat li[data-user="Mischief.Cat"] .username { color:red; font-weight:bold; background:-webkit-linear-gradient(yellow, blue); -webkit-background-clip:text !important; -webkit-text-fill-color:transparent; }  body.ChatWindow #Rail li[data-user="Mischief.Cat"] .username { color:red; font-weight:bold; background:-webkit-linear-gradient(yellow, blue); -webkit-background-clip:text !important; -webkit-text-fill-color:transparent; } /* End */ /* Skeetch's colours */ a[href$=":SketchNebula"], a[href$="/SketchNebula"]{ color:navy; font-weight:bold; background:-webkit-linear-gradient(left, #00CCCC, #18A7B5, #1E90FF, midnightblue); -webkit-background-clip:text !important; -webkit-text-fill-color:transparent; }  body.ChatWindow #WikiaPage > .Chat li[data-user="SketchNebula"] .username { color:navy; font-weight:bold; background:-webkit-linear-gradient(left, #00CCCC, #18A7B5, #1E90FF, midnightblue); -webkit-background-clip:text !important; -webkit-text-fill-color:transparent; background-size:95px 95px; }  body.ChatWindow #Rail li[data-user="SketchNebula"] .username { color:navy; font-weight:bold; font-family:'Trebuchet MS'; background:-webkit-linear-gradient(left, #00CCCC, #18A7B5, #1E90FF, midnightblue); -webkit-background-clip:text !important; -webkit-text-fill-color:transparent; } /* End */ /* Ash's colours */ a[href$=":Arca_Asami"], a[href$="/Arca_Asami"]{ color:gold; font-weight:bold; background:-webkit-linear-gradient(320deg, red, orange, gold, yellow, green, lime, aqua, blue, purple, pink); -webkit-background-clip:text !important; -webkit-text-fill-color:transparent; background-size:10px 20px; }  body.ChatWindow #WikiaPage > .Chat li[data-user="Arca Asami"] .username { color:gold; font-weight:bold; background:-webkit-linear-gradient(20deg, red, orange, gold, yellow, green, lime, aqua, blue, purple, pink); -webkit-background-clip:text !important; -webkit-text-fill-color:transparent; background-size:10px 20px; }  body.ChatWindow #Rail li[data-user="Arca Asami"] .username { color:gold; font-weight:bold; background:-webkit-linear-gradient(320deg, red, orange, gold, yellow, green, lime, aqua, blue, purple, pink); -webkit-background-clip:text !important; -webkit-text-fill-color:transparent; background-size:10px 20px; } /* End */ /* Jony's colours */ a[href$=":MotherRussiaTerezi"], a[href$="/MotherRussiaTerezi"]{ color:blue; font-weight:bold; background:-webkit-linear-gradient(360deg, orange, red, black); -webkit-background-clip:text !important; -webkit-text-fill-color:transparent; }  body.ChatWindow #WikiaPage > .Chat li[data-user="MotherRussiaTerezi"] .username { color:blue; font-weight:bold; background:-webkit-linear-gradient(orange, red, black); -webkit-background-clip:text !important; -webkit-text-fill-color:transparent; }  body.ChatWindow #Rail li[data-user="MotherRussiaTerezi"] .username { color:blue; font-weight:bold; background:-webkit-linear-gradient(360deg, orange, red, black); -webkit-background-clip:text !important; -webkit-text-fill-color:transparent; } /* End */ /* Snow's colours */ a[href$=":HyperSnowpoxia"], a[href$="/HyperSnowpoxia"]{ color:purple; font-weight:bold; background:-webkit-linear-gradient(360deg, #00ffff, #006666, #B299cc); -webkit-background-clip:text !important; -webkit-text-fill-color:transparent; }  body.ChatWindow #WikiaPage > .Chat li[data-user="HyperSnowpoxia"] .username { color:purple; font-weight:bold; background:-webkit-linear-gradient(360deg, #00ffff, #006666, #B299cc); -webkit-background-clip:text !important; -webkit-text-fill-color:transparent; background-size:30px 118px; }  body.ChatWindow #Rail li[data-user="HyperSnowpoxia"] .username { color:purple; font-weight:bold; background:-webkit-linear-gradient(360deg, #00ffff, #006666, #B299cc); -webkit-background-clip:text !important; -webkit-text-fill-color:transparent; } /* End */ /* Chat Message Colours */ body.ChatWindow #WikiaPage > .Chat li[data-user="Mischief.Cat"] .message { color:red; }  body.ChatWindow #WikiaPage > .Chat li[data-user="SketchNebula"] .message { color:#f0ffff; font-style:italic; font-weight:lighter; }  body.ChatWindow #WikiaPage > .Chat li[data-user="Arca Asami"] .message { color:dodgerblue; }  body.ChatWindow #WikiaPage > .Chat li[data-user="HyperSnowpoxia"] .message { color:#A64CA6; }  body.ChatWindow #WikiaPage > .Chat li[data-user="MotherRussiaTerezi"] .message { color:brown; } /* Tags */ .tag.usergroup-founder { color: white !important; font-family:'Trebuchet MS'; border: 1px solid black; border-radius:2pc 2pc 2pc 2pc !important; box-shadow:0 0 6px black, inset 0 -10px 20px rgba(0,0,0,0.3), inset 0 5px rgba(255,255,255,0.2), inset 0 8px 16px rgba(255,255,255,0.25); background-image:-webkit-linear-gradient(330deg, red, #7F0000) !important; background-image:-ms-linear-gradient(330deg, red, #7F0000) !important; background-image:-o-linear-gradient(330deg, red, #7F0000) !important; background-image:-moz-linear-gradient(330deg, red, #7F0000) !important; } .tag.usergroup-bureaucrat { color: white !important; font-family:'Trebuchet MS'; border: 1px solid black; border-radius:2pc 2pc 2pc 2pc !important; box-shadow:0 0 6px black, inset 0 -10px 20px rgba(0,0,0,0.3), inset 0 5px rgba(255,255,255,0.2), inset 0 8px 16px rgba(255,255,255,0.25); background-image:-webkit-linear-gradient(330deg, red, #7F0000) !important; background-image:-ms-linear-gradient(330deg, red, #7F0000) !important; background-image:-o-linear-gradient(330deg, red, #7F0000) !important; background-image:-moz-linear-gradient(330deg, red, #7F0000) !important; } .tag.usergroup-sysop { color: white !important; font-family:'Trebuchet MS'; border: 1px solid black; border-radius:2pc 2pc 2pc 2pc !important; box-shadow:0 0 6px black, inset 0 -10px 20px rgba(0,0,0,0.3), inset 0 5px rgba(255,255,255,0.2), inset 0 8px 16px rgba(255,255,255,0.25); background-image:-webkit-linear-gradient(330deg, red, #7F0000) !important; background-image:-ms-linear-gradient(330deg, red, #7F0000) !important; background-image:-o-linear-gradient(330deg, red, #7F0000) !important; background-image:-moz-linear-gradient(330deg, red, #7F0000) !important; } .tag.usergroup-threadmoderator { color: black !important; font-family:'Trebuchet MS'; border: 1px solid black; border-radius:2pc 2pc 2pc 2pc !important; box-shadow:0 0 6px black, inset 0 -10px 20px rgba(0,0,0,0.3), inset 0 5px rgba(255,255,255,0.2), inset 0 8px 16px rgba(255,255,255,0.25); background-image:-webkit-linear-gradient(330deg, gold, #7F6B00) !important; background-image:-ms-linear-gradient(330deg, gold, #7F6B00) !important; background-image:-o-linear-gradient(330deg, gold, #7F6B00) !important; background-image:-moz-linear-gradient(330deg, gold, #7F6B00) !important; } .tag.usergroup-chatmoderator { color: white !important; font-family:'Trebuchet MS'; border: 1px solid black; border-radius:2pc 2pc 2pc 2pc !important; box-shadow:0 0 6px black, inset 0 -10px 20px rgba(0,0,0,0.3), inset 0 5px rgba(255,255,255,0.2), inset 0 8px 16px rgba(255,255,255,0.25); background-image:-webkit-linear-gradient(330deg, blue, #00007F) !important; background-image:-ms-linear-gradient(330deg, blue, #00007F) !important; background-image:-o-linear-gradient(330deg, blue, #00007F) !important; background-image:-moz-linear-gradient(330deg, blue, #00007F) !important; } .tag.usergroup-rollback { color: white !important; font-family:'Trebuchet MS'; border: 1px solid black; border-radius:2pc 2pc 2pc 2pc !important; box-shadow:0 0 6px black, inset 0 -10px 20px rgba(0,0,0,0.3), inset 0 5px rgba(255,255,255,0.2), inset 0 8px 16px rgba(255,255,255,0.25); background-image:-webkit-linear-gradient(330deg, purple, #400040) !important; background-image:-ms-linear-gradient(330deg, purple, #400040) !important; background-image:-o-linear-gradient(330deg, purple, #400040) !important; background-image:-moz-linear-gradient(330deg, purple, #400040) !important; } /* End */ /* Staff Only: Highlighted Comments (From w:c:communitycentral:MediaWiki:StaffHightlight.css) */ .comments li[data-user="Mischief.Cat"] > blockquote { background: #4C0000 !important; } .comments li[data-user="Mischief.Cat"] > blockquote:after { border-color: transparent #4C0000 #4C0000 transparent !important; } .comments li[data-user="Mischief.Cat"] > blockquote div { background: transparent !important; } .comments li[data-user="SketchNebula"] > blockquote { background: #000026 !important; } .comments li[data-user="SketchNebula"] > blockquote:after { border-color: transparent #000026 #000026 transparent !important; } .comments li[data-user="SketchNebula"] > blockquote div { background: transparent !important; } .comments li[data-user="Arca Asami"] > blockquote { background: #260026 !important; } .comments li[data-user="Arca Asami"] > blockquote:after { border-color: transparent #260026 #260026 transparent !important; } .comments li[data-user="Arca Asami"] > blockquote div { background: transparent !important; } .comments li[data-user="MotherRussiaTerezi"] > blockquote { background: #260026 !important; } .comments li[data-user="MotherRussiaTerezi"] > blockquote:after { border-color: transparent #260026 #260026 transparent !important; } .comments li[data-user="MotherRussiaTerezi"] > blockquote div { background: transparent !important; } .comments li[data-user="Snowflake champion"] > blockquote { background: #260026 !important; } .comments li[data-user="Snowflake champion"] > blockquote:after { border-color: transparent #260026 #260026 transparent !important; } .comments li[data-user="Snowflake champion"] > blockquote div { background: transparent !important; } /* End */ /* Tabber Overrides */ .tabberlive .tabbertab { border: 2px #400040 solid !important; border-top:0 !important; background-color: black !important; } ul.tabbernav { border-bottom: 2px #400040 solid !important; font: bold 14px Trebuchet MS !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 #400040 solid !important; background-image: -moz-linear-gradient(   center bottom,    rgb(38,0,38) 0%,    rgb(0,0,0) 100%) !important; background-image: -webkit-gradient(   linear,    left bottom,    left top,    color-stop(0, rgb(38,0,38)),    color-stop(1, rgb(0,0,0))) !important; } ul.tabbernav li a[disabled="disabled"] { font-weight: normal !important; color: #400040 !important; outline-style: none !important; } ul.tabbernav li.tabberactive a { border-bottom: 2px solid #BDBDBD !important; } /* End */ /* Link fade */ a { color:#4166F5; background:transparent; -o-transition:color 0.4s ease-out, background 1s ease-in; -ms-transition:color 0.4s ease-out, background 1s ease-in; -moz-transition:color 0.4s ease-out, background 1s ease-in; -webkit-transition:color 0.4s ease-out, background 1s ease-in; /* ...and now override with proper CSS property */ transition:color 0.4s ease-out, background 1s ease-in; } a:hover { color:blue; background:transparent; } /* End */ /* Code Boxes Layout (made by 2Actimv) */ .WikiaArticle pre { border: 1px solid #400040; padding: 2px; border-radius: 5px; box-shadow: 1.5px 1.5px 5px black; margin: 0px 5px 0px 5px; } /* End */

/* Wiki Design */ border-radius:2pc; box-shadow:0 0 20px #CCCCCC; } .WikiaPage .WikiaPageBackground { border-radius:2pc; box-shadow:0 0 20px #CCCCCC; } .UserProfileMasthead .masthead-info { background:-webkit-linear-gradient(320deg, purple, #260026); background:-ms-linear-gradient(320deg, purple, #260026); background:-moz-linear-gradient(320deg, purple, #260026); background:-o-linear-gradient(320deg, purple, #260026); } .WikiaPageHeader h1 { color:white; font-family:'Trebuchet MS'; font-variant:small-caps; font-weight:bolder; } .WikiaRail .module { background-image:-webkit-linear-gradient(320deg, black, #260026); background-image:-ms-linear-gradient(320deg, black, #260026); background-image:-o-linear-gradient(320deg, black, #260026); background-image:-moz-linear-gradient(320deg, black, #260026); box-shadow:0 0 10px #CCCCCC; border-radius:1pc 1pc 1pc 1pc; border:2px #400040 outset; } .WikiaRail .module h1 { color:white; font-family:'Trebuchet MS'; font-variant:small-caps; font-weight:bolder; } .HotSpotsModule li div div { box-shadow:0 2px 5px #CCCCCC; border:1px #400040 outset; border-radius:1pc 1pc 1pc 1pc; } .css-side-bar .css-edit-box { border:1px #400040 outset; border-radius:1em 1em 1em 1em; background-image:-webkit-linear-gradient(320deg, black, #260026); background-image:-ms-linear-gradient(320deg, black, #260026); background-image:-o-linear-gradient(320deg, black, #260026); background-image:-moz-linear-gradient(320deg, black, #260026); } /* End */
 * 1) WikiaPage {

/* Chat Background */ body.ChatWindow { background-color:black; background-image: url("https://i.imgur.com/uDpgtT4.jpg"); background-size:cover; } body.ChatWindow .ChatHeader { opacity: 1.0; -moz-opacity:1.0; -khtml-opacity: 1.0; } body.ChatWindow .WikiaPage { opacity: 0.9; -moz-opacity:0.9; -khtml-opacity: 0.9; } body.ChatWindow .Rail { opacity: 1.0; -moz-opacity:1.0; -khtml-opacity: 1.0; } /* End */ /* Chat Custimization */ body.ChatWindow #WikiaPage { border:1px #400040 outset; border-radius:0pc; box-shadow:0 0 20px #CCCCCC; padding:3px; } .ChatHeader { background-image:-webkit-linear-gradient(360deg, black, #191919, #323232, #191919, black); background-image:-ms-linear-gradient(360deg, black, #191919, #323232, #191919, black); background-image:-moz-linear-gradient(320deg, black, #191919, #323232, #191919, black); background-image:-o-linear-gradient(320deg,black, #191919, #323232, #191919, black); border:1px #400040 outset; border-radius:1pc 1pc 0pc 0pc; box-shadow:0 0 6px #CCCCCC; } .ChatHeader .private { color:white; font-family:'Trebuchet MS'; font-variant:small-caps; font-weight:bolder; } .avatar { border: 1px outset #4166F5; border-radius: 10px; } .Chat .avatar { border:1px outset #4166F5; border-radius: 10px; } .Write img { border:1px outset #4166F5; border-radius: 10px; } .Rail .selected { border-radius:4pc 1px 1px 4pc; box-shadow:inset 0 0 20px black; } .Rail .User:hover { border-radius:2pc 0pc 0pc 2pc; } .Rail .private { background-image:-webkit-linear-gradient(360deg, black, #260026); background-image:-ms-linear-gradient(360deg, black, #260026); background-image:-o-linear-gradient(360deg, black, #260026); background-image:-moz-linear-gradient(360deg, black, #260026); } .ChatWindow .UserStatsMenu { background-image:-webkit-linear-gradient(360deg, black, #260026); background-image:-ms-linear-gradient(360deg, black, #260026); background-image:-o-linear-gradient(360deg, black, #260026); background-image:-moz-linear-gradient(360deg, black, #260026); box-shadow:0 0 6px #CCCCCC; border-radius:4px 2px 4px; border:1px #400040 outset; color:white; } .UserStatsMenu .info { border-radius:0pc 0pc 0pc 0pc; } .Write { background:-webkit-linear-gradient(360deg, black, #191919, #323232, #191919, black); background:-ms-linear-gradient(360deg, black, #191919, #323232, #191919, black); background:-o-linear-gradient(360deg, black, #191919, #323232, #191919, black); background:-moz-linear-gradient(360deg, black, #191919, #323232, #191919, black); } .Write .message { border:1px #400040 outset; border-radius:0pc 2pc 0pc 0pc; box-shadow:0 0 6px #CCCCCC; background:-webkit-linear-gradient(310deg, black, #260026); background:-ms-linear-gradient(310deg, black, #260026); background:-o-linear-gradient(310deg, black, #260026); background:-moz-linear-gradient(310deg, black, #260026); } /* End */ /* Chat Who's Here? */ .ChatModule .chat-whos-here { background-image:-webkit-linear-gradient(360deg, black, #191919, #323232, #191919, black); background-image:-ms-linear-gradient(360deg, black, #191919, #323232, #191919, black); background-image:-o-linear-gradient(360deg, black, #191919, #323232, #191919, black); background-image:-moz-linear-gradient(360deg, black, #191919, #323232, #191919, black); box-shadow:0 0 6px #CCCCCC; border-radius:2pc; border:1px #400040 outset; } .ChatModule .chat-whos-here .carousel-container { border-radius:10px; background:-webkit-linear-gradient(320deg, #260026, black); background:-ms-linear-gradient(320deg, #260026, black); background:-moz-linear-gradient(320deg, #260026, black); background:-o-linear-gradient(320deg, #260026, black); } /* End */ /* Rainbow hover */ .rainbow:hover { animation:rainbow 2s infinite; -webkit-animation:rainbow 2s infinite; -moz-animation:rainbow 2s infinite; -o-animation:rainbow 2s infinite; -ms-animation:rainbow 2s infinite; cursor:crosshair; } @-webkit-keyframes rainbow { 0% {color: #ff0000;} 10% {color: #ff8000;} 20% {color: #ffff00;} 30% {color: #80ff00;} 40% {color: #00ff00;} 50% {color: #00ff80;} 60% {color: #00ffff;} 70% {color: #0080ff;} 80% {color: #0000ff;} 90% {color: #8000ff;} 100% {color: #ff0080;} } @-o-keyframes rainbow { 0% {color: #ff0000;} 10% {color: #ff8000;} 20% {color: #ffff00;} 30% {color: #80ff00;} 40% {color: #00ff00;} 50% {color: #00ff80;} 60% {color: #00ffff;} 70% {color: #0080ff;} 80% {color: #0000ff;} 90% {color: #8000ff;} 100% {color: #ff0080;} } @keyframes rainbow { 0% {color: #ff0000;} 10% {color: #ff8000;} 20% {color: #ffff00;} 30% {color: #80ff00;} 40% {color: #00ff00;} 50% {color: #00ff80;} 60% {color: #00ffff;} 70% {color: #0080ff;} 80% {color: #0000ff;} 90% {color: #8000ff;} 100% {color: #ff0080;} } /* End */