MediaWiki:Wikia.css

@import "/load.php?articles=MediaWiki:Fonts.css&only=styles&mode=articles";

@font-face { font-family:"Albertus"; src:url("https://files.jcink.net/uploads/wingoffirewiki/Albertus_Medium_Regular_font.ttf") format("truetype");font-weight:normal;font-style:normal; } body.skin-oasis { background: #0B191B url(https://cdn.discordapp.com/attachments/454761525895233557/496135455641960448/Untitled_Artwork_71.png) no-repeat center center fixed; background-size:115%; }

background:linear-gradient(to bottom right, #7fc4e8, #91d4f7); border-radius:0px 0px 28px 28px; opacity: 0.8; }
 * 1) WikiaPageBackground {

.delta a { color:white !important; }

.delta a:hover { text-decoration:none; color:#f0ea2e !important; }

.deltaCell .set-appear:hover { border:3px solid #f0ea2e !important; }

.typewriter { position: relative; top: 50%; width: 24em; margin: 0 auto; font-size: 180%; text-align: center; white-space: nowrap; overflow: hidden; transform: translateY(-50%); }

/* Animation */ .animate-type { animation: typewriter 3s steps(44) 0.5s 1 normal both; } @keyframes typewriter{ from{width: 0;} to{width: 24em;} }

.WikiaPage { /*border-radius: 2pc 1pc;*/ opacity:1.0; box-shadow: 0 0 25px rgba(255, 99, 99, 0.7); border-radius:0px 0px 30px 30px; border:1px solid #442328; color:black; font-family:arial; }

header.wds-community-header { background-image: url(https://cdn.discordapp.com/attachments/496068608774897664/496092621761019904/IMG_3092-1.png) !important; background-position: left center !important; background-size: 100% !important; border:1px solid black; border-bottom: 1px solid rgba(0, 0, 0, 0.7); border-radius:3px 3px 5px 5px;

}

header { font-family:albertus !important; text-shadow:0 0 10px rgba(204, 204, 204, 0.5);

}

.wds-community-header::before { background: linear-gradient(to right,#62B779, #677CCD, #61353C) !important; opacity:0.7; border-radius:3px 3px 6; }

/* Module Styles "Module Mastery" */ font-family:arial; color: #2b0e21; padding: 1px; margin-top: 10px;
 * 1) WikiaRail {

}

font-family:albertus; } .WikiaRail .module a:link{ color: white; font-weight:bold; }
 * 1) WikiaRail h2 {

.WikiaRail .module a:visited { color: #45378c !important; font-weight:bold; } .WikiaRail .module, .WikiaRail .rail-module { border:2px solid #61353C; box-shadow: 1px 1px 7px rgba(255, 99, 99, 0.7); margin:0 5px 20px; background: linear-gradient(135deg, rgba(98, 184, 119, 0.95), #5e92ae); padding:7px; border-radius:5px } .WikiaRail .rail-module .wds-button.wds-is-secondary { background-color: transparent; border-color: #ef4368; color: #ef4368; font-family: "Albertus"; text-shadow:0 0 8px rgba(255, 255, 255, 0.5); } /* chat module  */ .ChatModule .chat-join { top: 105px; } .ChatModule .chat-whos-here { background: linear-gradient(135deg, #111 50%, #000 50%); background-size: 5px 5px; border: 1px solid #888; border-radius: 2pc; box-shadow: 0 0 10px #CCC; } .ChatModule .chat-whos-here .carousel-container { background-color: #000; background-color: rgba(255, 255, 255, 0.06); border-radius: 1pc; } .ChatModule .chat-headline .chat-total { border: 1px solid #888; line-height: 12px; }

.WikiaArticle { font-family:einsteinromanopti; }

.WikiaArticle a { color:#DE473B; text-shadow:0 0 10px #CCC; font-weight:bold; }

h1 { color:black !important; }

body.page-MediaWiki pre { background: linear-gradient(135deg, #3d292e, #3d292e) !important; border:1px solid #5F3646 !important; }

.masthead-avatar { border:none; } .masthead-avatar img { border:5px solid #442328 !important; border-radius:5px; box-shadow:2px 2px #61B580, -2px -2px #61B580, 2px -2px #61B580, -2px 2px #61B580; }

/* Userpage Header */ .UserProfileMasthead .masthead-info hgroup { background: linear-gradient(135deg, rgba(98, 184, 119, 0.95), #5e92ae, #5D4569); box-shadow:none !important; } .UserProfileMasthead .masthead-info hgroup { box-shadow: 0 0 0 rgba(0, 0, 0, 0),inset 0 -15px 30px rgba(0,0,0,0.3); border-bottom:1px solid #442328; font-family:albertus; }

.masthead-info em { font-family:albertus; color:#442328; }

.masthead-info { border:1px solid #442328; background-image:linear-gradient(to bottom left, transparent, rgba(92, 134, 164, 0.6)) !important; }
 * 1) WikiaUserPagesHeader {

background:none !important;

}

ul.tabs { font-family:albertus; border-bottom:1px solid #5D4569; }

.shimmer { animation-name: shimmer; opacity:0; animation-duration:2s; animation-iteration-count:infinite; animation-duration:4s; animation-delay:2s; transform:rotate(-70deg); width:150px; height:10px; animation-timing-function:ease-in-out; background:rgba(255,255,255,0.6); box-shadow:0px 0px 20px rgba(255,255,255,0.8); position:absolute; } @keyframes shimmer { from {top:0px;left:-100px;opacity:0;} to {top:0px;left:1000px;opacity:1;} }

/** Hover over a section designated with the class "set-appear" and any coding in that class designated as the "appear" class within it will appear. **/ .set-appear:hover .appear { display: block; } .appear { display:none; }

.set-appear:hover .disappear { display:none !important; }

.topBanner { opacity:0; transition: 0.5s; }

.banner:hover .topBanner { opacity:1; transition: 0.5s; }

.banner a { text-decoration:none; }

.tranquility .bannerTitle { color:023d44; font-family:albertus; text-align:center; font-size:13pt; padding-top:5px; margin-bottom:3px; border-bottom:0.5px solid rgba(0, 0, 0, 0.2); font-variant:small-caps; }

.tranquility .kingdomBanner a {

color:#023d44 !important; text-decoration:none; transition:0.3s; position:relative; top:0px; font-variant:small-caps; }

.tranquility .kingdomBanner a:hover { color:#00E97C !important; text-shadow:0px 0px 5px #023d44; top:-2px; }

.tranquility .kingdomBanner a:active { color:#fff587 !important; top:0px; }

.tranquility .kingdomBanner .linkType2 a:hover { color:#006789 !important; text-shadow:0px 0px 5px #9bffc6; top:-2px; }

.tranquility .kingdomBanner .linkType2 a:active { color:#F06B62 !important; top:0px; }

.tranquility .kingdomBanner .linkType3 a:hover { color:#00CC7B !important; top:-2px; }

.tranquility .kingdomBanner .linkType3 a:active { color:#bcffa8 !important; top:0px; }

/****Staff Colors****/ /*The Frostbitten*/ a[href$=":NohrianKitsune"], a[href$="/NohrianKitsune"] { color:#356dfb; font-weight: bold; } /*The Blazing*/ a[href$=":ArkhamHood"], a[href$="/ArkhamHood"] { color:#ff5443; font-weight: bold; } /* The Serene*/ a[href$=":Fubsy"], a[href$="/Fubsy"] { color:#3efd43; font-weight: bold; }

.descendant { opacity:0; position:relative; top:200px; transition:0.5s; transition-delay:0.7s; }

.ancestorFade:hover .descendant { position:relative; top:0px; opacity:1; }

.Relationscontainer { background:linear-gradient(-50deg, #0f9ac6, #004F75); background-image:radial-gradient(white, rgba(255,255,255,.2) 2px, transparent 1px),radial-gradient(white, rgba(255,255,255,.15) 1px, transparent 1px),radial-gradient(white, rgba(255,255,255,.1) 2px, transparent 1px), radial-gradient(rgba(255,255,255,.4), rgba(255,255,255,.1) 2px, transparent 1px); background-size: 550px 550px, 350px 350px, 250px 250px, 150px 150px; background-position: 0 0, 40px 60px, 130px 270px, 70px 100px; margin:10px; border-radius:20px; height:400px; overflow:hidden; overflow-x:scroll; overflow-y:scroll }

.Relationsicon { background:skyblue; height:100px; width:100px; border:5px solid gold; border-radius:100%; transition:0.5s; overflow:hidden

}

.charicon { background:skyblue; position:relative; left:5px; height:120px; width:120px; border:5px solid gold; border-radius:100%; overflow:hidden }

.Relationsicon:hover { transform:scale(1.2); cursor:pointer; }

/** INFOBOXES **/

/* Default Theme */

.portable-infobox { color:black !important; border:1px solid #442328; background:none !important; font-family:einsteinromanopti; }

.pi-title { background:linear-gradient(to bottom right, #5FAD8A, #5D93AD) !important; border-bottom:1px solid #442328 !important; font-family:albertus !important; }

.pi-image { padding:0px; }

.portable-infobox .pi-secondary-background { background:linear-gradient(to bottom right, #5FAD8A, #5D93AD); border-bottom:1px solid #442328; border-top:1px solid #442328; padding:5px; font-family:albertus; text-align:left; padding-left:10px; }

.pi-image-collection-tabs li { background:linear-gradient(to bottom right, #5FAD8A, #5D93AD); }

.pi-data-label { font-family:albertus; font-size:10pt !important; }

/* Radiance Theme */

.portable-infobox.pi-theme-radiance a { color:#d10000 !important; text-shadow:-2px 0px 2px #ffeeb2, 2px 0px 2px #F29D33, 0px 0px 10px #F29D33; font-family:albertus; }

.portable-infobox.pi-theme-radiance { border-radius:10px; padding-bottom:3px !important; background:linear-gradient(#B72F26, #631510) !important; color:#ffeeb2 !important; font-family:einsteinromanopti; }

.portable-infobox.pi-theme-radiance .pi-title { background:linear-gradient(to right,#DA6242, #D35348,#F08D39) !important; color:#ffeeb2 !important; font-size:15pt; padding-top:10px; text-shadow:1px 1px #631510, -1px -1px #631510, 1px -1px #631510, -1px 1px #631510; border-radius:10px 10px 0px 0px; }

.portable-infobox.pi-theme-radiance .pi-image { background:radial-gradient(#ea892e, transparent) !important; padding: none !important; }

.portable-infobox.pi-theme-radiance .pi-image-collection-tabs { background:linear-gradient(to left, #AD2E23, #C24329, #AD2E23); text-align:center; } .portable-infobox.pi-theme-radiance .pi-image-collection-tabs li { background-image:linear-gradient(to top right, #D45547, #DE6740); background-color: #E5783C !important; margin-top:2px; border-radius:2px; }

.portable-infobox.pi-theme-radiance .pi-caption { color:#ffeeb2 !important; font-style:italic; opacity:0.5; text-align:center; }

.portable-infobox.pi-theme-radiance .pi-header { background:#E5783C; color:#ffeeb2 !important; text-shadow:1px 1px #631510, -1px -1px #631510, 1px -1px #631510, -1px 1px #631510; border-radius:10px !important; border:none; margin:2px 6px; } .portable-infobox.pi-theme-radiance .pi-data { padding:2px !important; padding-left:5px !important; padding-right:5px !important; }

.portable-infobox.pi-theme-radiance .pi-data-label { background:linear-gradient(to left, #D35348, #DA6242) !important; padding:5px 10px; color:#ffeeb2 !important; border-right:1px solid #F08D39; border-radius:5px 0px 0px 5px; margin:0px !important; }

.portable-infobox.pi-theme-radiance .pi-data-value { background:linear-gradient(to right, #D35348, #F08D39) !important; padding:5px 10px; border-radius:0px 5px 5px 0px; margin:0px !important; }

/* Erudite Theme */

.portable-infobox.pi-theme-erudite a { color:#cfecf7 !important; text-shadow:-2px 0px 2px #4B0367, 2px 0px 2px #4A3274, 0px 0px 10px #9EC4D4; font-family:albertus; }

.portable-infobox.pi-theme-erudite { border-radius:10px; padding-bottom:3px !important; background-color:#28214f !important; background-image:radial-gradient(white, rgba(255,255,255,.2) 2px, transparent 40px),radial-gradient(white, rgba(255,255,255,.15) 1px, transparent 30px),radial-gradient(white, rgba(255,255,255,.1) 2px, transparent 40px), radial-gradient(rgba(255,255,255,.4), rgba(255,255,255,.1) 2px, transparent 30px) !important; background-size: 550px 550px, 350px 350px, 250px 250px, 150px 150px !important; background-position: 0 0, 40px 60px, 130px 270px, 70px 100px !important; color:#f5f4f7 !important; font-family:einsteinromanopti; border:1px solid #1A173F !important; }

.portable-infobox.pi-theme-erudite .pi-title { background:linear-gradient(to right,#9EC4D4, #f5f4f7) !important; border-bottom:1px solid #1A173F !important; color:#9EC4D4 !important; font-size:15pt; padding-top:10px; text-shadow:1px 1px #1A173F, -1px -1px #1A173F, 1px -1px #1A173F, -1px 1px #1A173F; border-radius:10px 10px 0px 0px; }

.portable-infobox.pi-theme-erudite .pi-image { background:radial-gradient(#706A88, transparent) !important; padding: none !important; }

.portable-infobox.pi-theme-erudite .pi-image-collection-tabs { background:linear-gradient(to left, #331E55, #483665, #331E55); text-align:center; } .portable-infobox.pi-theme-erudite .pi-image-collection-tabs li { background-image:linear-gradient(to top right, #656FBB, #7780D3); background-color: #656FBB !important; margin-top:2px; border-radius:2px; }

.portable-infobox.pi-theme-erudite .pi-caption { color:#f5f4f7 !important; font-style:italic; opacity:0.5; text-align:center; }

.portable-infobox.pi-theme-erudite .pi-header { background:linear-gradient(to right,#9EC4D4, #f5f4f7) !important; color:#9EC4D4 !important; text-shadow:1px 1px #1A173F, -1px -1px #1A173F, 1px -1px #1A173F, -1px 1px #1A173F; border-radius:10px !important; border:none; margin:2px 6px; } .portable-infobox.pi-theme-erudite .pi-data { padding:2px !important; padding-left:5px !important; padding-right:5px !important; }

.portable-infobox.pi-theme-erudite .pi-data-label { background:linear-gradient(to left, #687DCD, #a5b2e2) !important; padding:5px 10px; color:#f5f4f7 !important; border-right:1px solid #1A173F; border-radius:5px 0px 0px 5px; margin:0px !important; }

.portable-infobox.pi-theme-erudite .pi-data-value { background:linear-gradient(to right, #687DCD, #5b699b) !important; padding:5px 10px; border-radius:0px 5px 5px 0px; margin:0px !important; }

/* Tranquility Theme */

.portable-infobox.pi-theme-tranquility a { color:#005C86 !important; text-shadow:-2px 0px 2px #DCE904, 2px 0px 2px #F29D33, 0px 0px 10px #F29D33; font-family:albertus; } .portable-infobox.pi-theme-tranquility { border-radius:10px; padding-bottom:3px !important; background:linear-gradient(#00B8BB, #005B83) !important; color:#003a2a !important; font-family:einsteinromanopti; } .portable-infobox.pi-theme-tranquility .pi-title { background:linear-gradient(to right,#00DC7C, #00DC47, #DCE904) !important; color:#003a2a !important; font-size:15pt; padding-top:10px; text-shadow:1px 1px #d8ffd9, -1px -1px #d8ffd9, 1px -1px #d8ffd9, -1px 1px #d8ffd9; border-radius:10px 10px 0px 0px; }

.portable-infobox.pi-theme-tranquility .pi-image { background:radial-gradient(#7FDF32, transparent) !important; padding: none !important; }

.portable-infobox.pi-theme-tranquility .pi-image-collection-tabs { background:linear-gradient(to left, #03a8a2, #13C08A, #03a8a2) !important; text-align:center; }

.portable-infobox.pi-theme-tranquility .pi-image-collection-tabs li { background-image:linear-gradient(to top right,  #EDAB00, #FE870A); background-color: #E5783C !important; margin-top:2px; border-radius:2px; }

.portable-infobox.pi-theme-tranquility .pi-image-collection-tabs li:nth-child(1) { background-image:linear-gradient(to top right, #00DA7D, #00E473); }

.portable-infobox.pi-theme-tranquility .pi-image-collection-tabs li:nth-child(2) { background-image:linear-gradient(to top right, #D7E800, #E3C700); }

.portable-infobox.pi-theme-tranquility .pi-caption { color:#003a2a !important; font-style:italic; opacity:0.5; text-align:center; } .portable-infobox.pi-theme-tranquility .pi-header { background:linear-gradient(to right, #00DC7C, #DCE904); color:#003a2a !important; text-shadow:1px 1px #d8ffd9, -1px -1px #d8ffd9, 1px -1px #d8ffd9, -1px 1px #d8ffd9; border-radius:10px !important; border:none; margin:2px 6px; } .portable-infobox.pi-theme-tranquility .pi-data { padding:2px !important; padding-left:5px !important; padding-right:5px !important; } .portable-infobox.pi-theme-tranquility .pi-data-label { background:linear-gradient(to left, #3fdb6b, #4CBC96) !important; padding:5px 10px; color:#003a2a !important; border-right:1px solid #0090A4; border-radius:5px 0px 0px 5px; margin:0px !important; } .portable-infobox.pi-theme-tranquility .pi-data-value { background:linear-gradient(to right, #3fdb6b,#DCE904, #FE870A) !important; padding:5px 10px; border-radius:0px 5px 5px 0px; margin:0px !important; }