MediaWiki:Wikia.css

/* <!> Notice: This code is up for grabs, just please credit us. Thanks! <!> */ /*-Imported Fonts-*/ /* --- Indie Flower --- */ @import url(https://fonts.googleapis.com/css?family=Indie+Flower); @font-face { font-family: 'Indie Flower'; font-style: normal; font-weight: 400; src: local('Indie Flower'), local('IndieFlower'), url(https://fonts.gstatic.com/s/indieflower/v8/10JVD_humAd5zP2yrFqw6ugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');} /* --- Monoton --- */ @font-face { font-family: 'Monoton'; font-style: normal; font-weight: 400; src: local('Monoton'), local('Monoton-Regular'), url(https://fonts.gstatic.com/s/monoton/v6/y6oxFxU60dYw9khW6q8jGw.woff2) format('woff2');} /* --- Finger Paint --- */ @font-face { font-family: 'Finger Paint'; font-style: normal; font-weight: 400; src: local('Finger Paint'), local('FingerPaint-Regular'), url(https://fonts.gstatic.com/s/fingerpaint/v5/m_ZRbiY-aPb13R3DWPBGX-gdm0LZdjqr5-oayXSOefg.woff2) format('woff2');}

/* -Staff colors- */ /* -- Mainspace -- */ a[href$=":Gunrilla"], a[href$="/Gunrilla"]{ color:#660066; font-weight:bold; font-family:'Indie Flower', cursive; } body.ChatWindow #WikiaPage > .Chat li[data-user="Gunrilla"] .username { color: #660066; font-weight:bold; font-family:'Trebuchet MS'; } body.ChatWindow #WikiaPage > .Chat li[data-user="Gunrilla"] .message { color:#ffff00; } body.ChatWindow #Rail li[data-user="Gunrilla"] .username { color: #660066; font-weight:bold; font-family:'Trebuchet MS'; } /* -- Ark ends --- */

/* Wiki Design */ border-radius:2pc; box-shadow:0 0 20px ; } .WikiaPage .WikiaPageBackground { border-radius:2pc; box-shadow:0 0 20px #5e7e5e; } .UserProfileMasthead .masthead-info { background:-webkit-linear-gradient(360deg, darkgreen, black); font-family:'Determination Mono'; } .WikiaPageHeader h1 { color:ghostwhite; font-family:'Determination Mono'; font-weight:bold; text-shadow:0 4px 6px green; } .WikiaRail .module { background-image: -webkit-linear-gradient(360deg, black, #194719); box-shadow:0 0 10px black; border-radius:1pc 1pc 1pc 1pc; border:2px green outset; } .WikiaRail .module h1 { color:#194719; font-variant:small-caps; font-weight:bold; text-shadow:0 2px 5px black; } .WikiaRail .module .wikia-button { box-shadow:0 2px 5px black; border-radius:1pc; border:1px green outset; } .HotSpotsModule li div div { box-shadow:0 2px 5px black; border:1px green outset; border-radius:1pc 1pc 1pc 1pc; } a { color:lightgreen; font-family:'Determination Mono'; -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:lightgreen; text-shadow:0 0 20px lightgreen; text-decoration:none; } .i18ndoc { font-family:'Lucida Console'!important; } body { font-family:'Lucida Console'!important; } h1, h2, h3, h4 { font-weight: bold; font-family:'Determination Mono'; } h1 span.editsection h2 span.editsection, h3 span.editsection, h4 span.editsection { visibility: hidden; } h1:hover span.editsection, h2:hover span.editsection, h3:hover span.editsection, h4:hover span.editsection { visibility: hidden; }   display: none !important; } .UserProfileMasthead .masthead-avatar .avatar { border: 4px solid white; }
 * 1) WikiaPage {
 * 1) RelatedForumDiscussion {

/* Wiki ends */

/* --> Chat Customization <-- */ body.ChatWindow #WikiaPage { border:2px green outset; border-radius:0pc; box-shadow:0 0 20px #5e865e; padding:3px; } .ChatHeader { background-image: -webkit-linear-gradient(320deg, black, green); border:2px green outset; border-radius:1pc 1pc 0pc 0pc; box-shadow:0 0 6px #5e865e; } .ChatHeader .private { font-family:'Chalkboard SE'; font-variant:small-caps; font-weight:bold; text-shadow:0 2px 5px #5e865e; } .avatar { border: 2px outset #195319; border-radius: 10px; } .Rail .selected { border-radius:4px 4px 0pc 4px; } .Rail .User:hover { border-radius:2px 2px 0pc 2px; } .Rail .private { background-image:-webkit-linear-gradient(320deg, black, #195319, #5e865e); } .ChatWindow .UserStatsMenu { background-image:-webkit-linear-gradient(320deg, black, #195319); box-shadow:0 0 6px #5e865e; border-radius:4px 2px 4px; border:2px green outset; color:white; } .UserStatsMenu .info { border-radius:0pc 0pc 0pc 0pc; } .Write { background:-webkit-linear-gradient(320deg, black,#195319, #5e865e); } .Write .message { border:2px green outset; border-radius:4px 4px 4px 4px; box-shadow:0 0 6px #5e865e; background:transparent; } .Write [name="message"] { color:ghostwhite; }  .Chat ul .you { background:none; } /* End */

/* --> Chat Background <-- */ body.ChatWindow { background-image:-webkit-linear-gradient(320deg, black, #195319, #5e865e); background-repeat:no-repeat; background-attachment:fixed; background-position:center; } body.ChatWindow .ChatHeader { opacity: 1.0; -moz-opacity:1.0; -khtml-opacity: 1.0; } body.ChatWindow .WikiaPage { opacity: 0.9; background:url(https://i.imgur.com/dYcZGdb.jpg); -moz-opacity:0.9; -khtml-opacity: 0.9; } body.ChatWindow .Rail { opacity: 1.0; -moz-opacity:1.0; -khtml-opacity: 1.0; }  /* End */

/* --- KEYFRAMES (WIP) --- */ /* Keyframe (Shutter)  */ @keyframes shutter { 0% { margin-left:inherit; margin-top:inherit; margin-right:inherit; margin-bottom:inherit; } 25% { margin-left:-6px; margin-top:-1px; margin-right:-6px; margin-bottom:-3px; } 50% { margin-left:-1px; margin-top:inherit; margin-right:-10px; margin-bottom:-7px; } 75% { margin-left:inherit; margin-top:inherit; margin-right:inherit; margin-bottom:inherit; } 100% { margin-left:inherit; margin-top:inherit; margin-right:inherit; margin-bottom:inherit; } } /* End  */

/* Keyframe (Fade In)  */ @keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes fade-in { from { -moz-opacity: 0; } to { -moz-opacity: 1; } } /* End  */ /* Keyframe (Rock)  */ .rock { text-align:center; animation:rock 0.5s infinite; -webkit-animation:rock 0.5s infinite; -moz-animation:rock 0.5s infinite; } @keyframes rock { 0% {transform: rotate(7deg);} 50% {transform: rotate(-7deg);} 100% {transform: rotate(7deg);} } @-webkit-keyframes rock { 0% {-webkit-transform: rotate(7deg);} 50% {-webkit-transform: rotate(-7deg);} 100% {-webkit-transform: rotate(7deg);} } @-moz-keyframes rock { 0% {-moz-transform: rotate(7deg);} 50% {-moz-transform: rotate(7deg);} 100% {-moz-transform: rotate(7deg);} } /* End  */ /* --- KEYFRAMES END --- */

/* Scrollbar */
 * -webkit-scrollbar {

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

border: 1px black solid; box-shadow: inset 0 0 8px ghostwhite; border-radius: 4px; background: linear-gradient(green, black); }
 * -webkit-scrollbar-track {

background: linear-gradient(320deg, black, #195319, #5e865e); box-shadow: inset 0 0 8px black; }
 * -webkit-scrollbar-thumb:hover,::-webkit-scrollbar-thumb:active {

background: linear-gradient(green, black); box-shadow:inset 0 0 8px black; border:1px black solid; } /* Scrollbar ends */

/* WikiHeader */ .WikiHeader .wordmark { -moz-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -moz-transition: All 0.6863s ease; -o-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -o-transition: All 0.6863s ease; -webkit-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -webkit-transition: All 0.6863s ease; color: #708090; font-weight: bold; margin-bottom: 10px; width: 250px; word-wrap: break-word; } .WikiHeader .wordmark:hover { -webkit-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -moz-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -ms-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -o-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); } /* WikiHeader ends */

/* --- Additional Coloring --- */ /* Parapraxis  */ a[href$=":Parapraxis"], a[href$="/Parapraxis"]{ color:#C179F9; font-family:'Finger Paint'; font-weight:bold; background:-webkit-linear-gradient(#C179F9, #914FF5, #4E5AD7); -webkit-background-clip:text; -webkit-text-fill-color:transparent; } body.ChatWindow #WikiaPage > .Chat li[data-user="Parapraxis"] .username { color: #C179F9; font-weight:bold; font-family:'Finger Paint'; background:-webkit-linear-gradient(#C179F9, #914FF5, #4E5AD7); -webkit-background-clip:text; -webkit-text-fill-color:transparent; } body.ChatWindow #WikiaPage > .Chat li[data-user="Parapraxis"] .message { color:#CD5252; font-family:'Finger Paint'; } body.ChatWindow #Rail li[data-user="Parapraxis"] .username { color: #C179F9; font-family:'Finger Paint'; font-weight:bold; background:-webkit-linear-gradient(#C179F9, #914FF5, #4E5AD7); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }   /*  Parapraxis Ends  */ /* --- Additional Coloring Ends --- */ /* keep this at the end of the page */

/* Determination Mono */ @font-face { font-family: 'Determination Mono'; src: url('https://vignette.wikia.nocookie.net/heliosanctus/images/c/c0/Determination.eot'); src: url('https://vignette.wikia.nocookie.net/heliosanctus/images/c/c0/Determination.eot#iefix') format('embedded-opentype'), url('https://vignette.wikia.nocookie.net/heliosanctus/images/a/aa/Determination.woff2') format('woff2'), url('https://vignette.wikia.nocookie.net/heliosanctus/images/3/37/Determination.woff') format('woff'), url('https://vignette.wikia.nocookie.net/heliosanctus/images/c/cd/Determination.ttf') format('truetype'), url('https://vignette.wikia.nocookie.net/heliosanctus/images/7/7f/Determination.svg#Undertale') format('svg');}

/* Thanks to: HyperSnowpoxia, ArkaineDestiny, Parapraxis, CypherStarnova, TheAquuaHybrid */