User:Undead.exe/Neon Blue Theme.css

/*
 * This theme and its assets were originally created for the English
 * Dead Space Wiki at http://deadspace.wikia.com, by its contributors,
 * and can be found here: http://deadspace.wikia.com/wiki/MediaWiki:Wikia.css
 * This theme has since been modified into its current derivative by
 * Undead.exe, who acknowledges the authors of the original base code.
 * You are free to import this theme, or parts of it, to your own projects.
 * All we ask is that you give proper attribution by including this comment
 * when you import this theme.
 * All we ask is that you give proper attribution by including this comment
 * when you import this theme.

@import url(http://fonts.googleapis.com/css?family=Orbitron:400,700|Doppio+One);

/*******************/ /* BEGIN Wikia.css */ /*******************/

/*************************/ /* Button Styles Start */ /*************************/

a.wikia-button.secondary, .wikia-single-button a.secondary, .wikia-menu-button.secondary, .WikiHeader .wikia-menu-button.secondary .drop, input[type="submit"].secondary, input[type="reset"].secondary, input[type="button"].secondary, .button.secondary, button.secondary { background: rgba(0, 0, 0, 0.60) !important; border: 1px solid rgb(112, 184, 255); color: #FFFFFF !important; box-shadow: none !important; }
 * 1) Wall .drop,

a.wikia-button, .wikia-single-button a, input[type="submit"], input[type="reset"], input[type="button"], .button, button, .WikiaHeader li > .wikia-button, .wikia-menu-button > a, .wikia-menu-button .drop, .wikia-menu-button > li > a { background-color: rgba(0, 0, 0, 0.8); background-image:none !important; border: 1px solid rgb(112, 184, 255); text-shadow: 0px 1px 0px rgba(0,0,0,0.7); -webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -ms-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s; }

button:hover, a.wikia-button:hover, .wikia-single-button a:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:hover, button:hover, .WikiaHeader li > .wikia-button:hover, .wikia-menu-button > a:hover, .wikia-menu-button .drop:hover, .wikia-menu-button > li > a:hover { background-color: rgba(31, 115, 112, 0.7); background-image:none !important; box-shadow: 0px 0px 5px 0px rgb(31, 115, 112); -webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -ms-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s; }

a.wikia-button.active, a.wikia-button:active, .wikia-single-button a.active, .wikia-single-button a:active, /*.wikia-menu-button.active, */ input[type="submit"].active, input[type="submit"]:active, input[type="reset"].active, input[type="reset"]:active, input[type="button"].active, input[type="button"]:active, .button.active, .button:active, button.active, button:active, .WikiaHeader li > .wikia-button:active, .wikia-menu-button > a:active, .wikia-menu-button .drop:active { background-image:none !important; background-color: rgba(38, 160, 155, 0.7) !important; border: 1px solid rgb(116, 255, 255) !important; box-shadow: 0px 0px 10px 0px rgb(39, 167, 162) !important; }

/*********************/ /* Button Styles End */ /*********************/

/*Message Appearance*/

.WikiaNotifications li div { border-radius: 4px 4px 4px 4px; border: 1px solid rgb(112, 184, 255) !important; box-shadow: 0px 0px 5px 0px black; background: rgba(0, 0, 0, 0.3) !important; background-image: transparent !impportant; color: white; margin: 0px; max-width: 175px; overflow: hidden; padding: 10px 20px; position: relative; } /*End Message Appearance*/

.wikia-menu-button ul, .wikia-menu-button.secondary ul, .modalWrapper, .skin-oasis #ImageUpload, .skin-oasis #VideoEmbed, .AccountNavigation .subnav, .WikiaSpotlight, .WikiaPageHeader .history.hover, .WikiaSearch .autocomplete, .WikiaFooter .my-tools-menu { background: rgba(0, 0, 0, 0.77); border: rgb(112, 184, 255); } .GlobalNavigation .subnav { background: rgba(0, 0, 0, 0.9); border-color: 1px solid rgb(112, 184, 255) !important; } .WikiaSearch input[type="text"] { background: rgba(0, 0, 0, 0.28); border: 1px solid rgb(112, 184, 255); border-radius: 3px;

}

.WikiaSearch input[type="text"]:focus { border: 1px solid rgb(112, 184, 255); } .WikiaPagesOnWikiModule, .WikiaActivityModule, .WikiaImageModule, .WikiaArticle .thumbinner, .WikiaBlogListingBox, .HotSpotsModule, .CommunityCornerModule, .LatestPhotosModule, .WikiaArticle pre, .ChatModule, .FollowedPagesModule, .WikiaFooter .header-container { background: none repeat scroll 0 0 rgba(0,0,0,0.5) !important; border: 1px solid rgb(16, 63, 61) !important; }
 * 1) WikiaSpotlightsModule,

.chat-total { background-image:none !important; background-color: rgba(38, 160, 155, 0.7) !important; border: 1px solid rgb(112, 184, 255) !important; box-shadow: 0px 0px 10px 0px rgb(39, 167, 162) !important; text-shadow: 0px 1px 0px rgba(0,0,0,0.7); }

.WikiaArticle { text-align: justify; }

font-weight: bold; }
 * 1) WikiaPageHeader > h1 {

.oasis-split-skin .WikiaHeader, .WikiaArticle h2, .tabs li, .tally, .activityfeed strong, .ChatModule h1.chat-headline, .ChatModule .WikiaRail .module h2.chat-headline, .WikiaRail .module .ChatModule h2.chat-headline, .ChatModule .WikiaRail #RIGHT_SKYSCRAPER h2.chat-headline, .WikiaRail #RIGHT_SKYSCRAPER .ChatModule h2.chat-headline, .WikiaRail .module h1, .WikiaRail #RIGHT_SKYSCRAPER h1, .WikiaRail .module h2, .WikiaRail #RIGHT_SKYSCRAPER h2, .WikiaBarWrapper .wikia-bar, .WikiaBlogListingBox h3, .WikiaActivityModule li em, .ForumActivityModule h1  { font-family: 'Orbitron'; }
 * 1) WikiaPageHeader h1,

.WikiaActivityModule li em { font-size: 12px !important; }

/**************/ /* Nav/Editor */ /**************/

/* NEW CUSTOM STYLE */

/* Background Color*/ background: rgba(0, 0, 0, 0.3) !important; border: 1px solid transparent !important; }
 * 1) WikiHeader .subnav-3 li {

/*Effect while hovering*/ }
 * 1) WikiHeader .subnav-3 li:hover {

.WikiHeader > .WikiNav { font-family: 'Orbitron' !important; font-weight: bold; text-shadow: 0 1px rgba(0,0,0,0.9); text-decoration: none !important; -webkit-transition: text-shadow 0.1s linear 0s; -moz-transition: text-shadow 0.1s linear 0s; -ms-transition: text-shadow 0.1s linear 0s; -o-transition: text-shadow 0.3s linear 0s; transition: text-shadow 0.1s linear 0s; }

.WikiHeader > .nav li { font-size: 1.1em; -webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -ms-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s; }

.WikiHeader > nav .subnav-2 li { font-size: 0.8em; font-variant: normal; font-weight: normal; text-shadow: 0 1px rgba(0,0,0,0.9) !important; -webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -ms-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s; }

.nav-item { font-variant: small-caps; -webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -ms-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s;

} .WikiHeader .navbackground { background-color: rgba(0, 0, 0, 0.6); border: 1px solid rgb(112, 184, 255) !important; height: 30px; top: 32px; width: 98%; margin-top: 0; -webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -ms-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s; }

.navbackground .chevron, .navbackground div { display:none; }

.WikiHeader > nav li { border: none; border-bottom: 1px solid transparent !important; border-left: 1px solid transparent !important; border-right: 1px solid transparent !important; border-top: 1px solid transparent !important; -webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -ms-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s;

}

.WikiHeader > nav li > a { border: none; margin: 0; outline: medium none; padding: 0 15px; -webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -ms-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s; }

.WikiHeader > nav li.marked { background-color: rgba(0, 0, 0, 0.6); !important; border-bottom: 1px solid black !important; border-left: 1px solid rgb(112, 184, 255) !important; border-right: 1px solid rgb(112, 184, 255) !important; border-top: 1px solid rgb(112, 184, 255) !important; background-size: 100% 100%; color: rgb(112, 184, 255) !important; -webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -ms-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s; }

.nav-item .subnav-2 { display: block !important; top: 31px !important; opacity:0; -webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -ms-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s; }

.nav-item.marked .subnav-2 { opacity: 1; z-index: 1; -webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -ms-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s; }

.WikiHeader > nav li.marked > a { border: none; color: white; background-color: rgba(0, 0, 0, 0.60) !imporant; padding: 0 15px; margin: 0; -webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -ms-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s; }

.subnav-2-item.marked2 a { text-shadow: 0 1px 0 rgba(0, 0, 0, 0.7), 0 0 8px rgba(255, 255, 255, 1) !important; -webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -ms-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s; }

.WikiHeader > nav li.marked a:hover, .WikiHeader > nav li.marked .subnav-2 > li a:hover { text-decoration: none !important; color: rgb(112, 184, 255) !important; -webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -ms-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s; }

/* borders of navigation submenu */

.WikiHeader >nav .subnav-3 { background: rgba(0, 0, 0, 0.6) !important; border: 1px solid rgb(112, 184, 255) !important; -webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -ms-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s; }

/* background, border color of each submenu item */

} .WikiHeader > nav .subnav-3 li a { background: transparent !important; border: 1px solid transparent !important; color: #FFFFFF !important; text-shadow: 0 1px rgba(0,0,0,0.9) !important; -webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -ms-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s; }

/* background color of each submenu item on mouse-over */

.WikiHeader >nav .subnav-3 li a:hover { background-color: rgba(31, 115, 112, 0.7) !important; border: rgba(0, 0, 0, 0.00) !important; color: #FFFFFF !important; text-shadow: 0 1px rgba(0,0,0,0.9) !important; -webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -ms-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s; }

.WikiHeader > nav li.marked .subnav-2 > li a { background: rgba(0, 0, 0, 0.00) !important; border: transparent !important; color: #FFFFFF !important; -webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -ms-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s; }

.WikiHeader > nav li.marked .subnav-2 > li a:hover { color: rgb(112, 184, 255) !important; border: transparent !important; -webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -ms-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s; }

/********************/ /* Profile redesign */ /********************/

.WikiaUserPagesHeader { background-color: transparent !important; background-image: none !important; }

.UserProfileMastheadSearch .WikiaSearch input[type="text"] { background: rgba(40, 40, 40, 0.77); border: 1px solid #101010; }

.UserProfileMastheadSearch .WikiaSearch input[type="text"]:focus { border: 1px solid rgb(112, 184, 255) !important; }

.UserProfileMasthead { margin-top: 10px; }

.UserProfileMasthead .masthead-avatar .avatar { border-radius: 8px; border: none; -moz-box-shadow: 0 0 10px 3px #072C38; -webkit-box-shadow: 0 0 10px 3px #072C38; -o-box-shadow: 0 0 10px 3px #072C38; -m-box-shadow: 0 0 10px 3px #072C38; box-shadow: 0 0 10px 3px #072C38; }

.UserProfileMasthead .masthead-info { background-color: transparent; border: 1px solid rgb(112, 184, 255); box-shadow: 0 0 15px 0 black inset; margin-left: 165px; }

.UserProfileMasthead .masthead-info:after { margin-bottom: 6px; }

.UserProfileMasthead .masthead-info::before, .UserProfileMasthead .masthead-info-lower:before { display: none; }

.UserProfileMasthead .masthead-info hgroup { font-family: 'Orbitron'; min-height: 40px; padding: 1px 15px; position: relative; background: none; border-bottom: 1px solid rgb(112, 184, 255); }

.UserProfileMasthead .tally { padding-left: 0px; margin-bottom: 10px; }

.UserProfileMasthead .tally em { margin-right: 10px; }

.UserProfileMasthead .masthead-info h1 { font-size: 24px; }

.UserProfileMasthead .masthead-info h2 { margin-bottom: 5px; font-size: 14px; }

.UserProfileMasthead .details span, .UserProfileMasthead .wikis span { color:#F1F1F1; }

.UserProfileMasthead .masthead-info .tag { top: -1px ; color: #FFFFFF; font-size: 11px; border-radius: 4px; background-color: #2C444E; background-image: -moz-linear-gradient(top, #315B6D 0%, #072C38 100%); background-image: -webkit-linear-gradient(top, #315B6D 0%, #072C38 100%); background-image: -o-linear-gradient(top, #315B6D 0%, #072C38 100%); background-image: -ms-linear-gradient(top, #315B6D 0%, #072C38 100%); }

.WikiHeaderRestyle > nav .subnav-2 li.marked2 a.subnav-2a { border: none !important; }

.WikiHeaderRestyle > nav .subnav-3 { border: 1px solid #101010 !important; box-shadow: 1px 2px 12px 0 #072C38 !important; }

.tabs { border-bottom: 1px solid rgb(112, 184, 255); }

.tabs .selected a { background: none; color: rgb(112, 184, 255); border: 1px solid rgb(112, 184, 255); border-bottom: none; cursor: pointer !important; top: 2px !important; }

.tabs li a:hover { -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; background-color: rgba(31, 115, 112, 0.7); background-image:none !important; box-shadow: 0px 0px 5px 0px rgb(31, 115, 112); -webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -ms-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s; top: 1px; }

.tabs li a { -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; color: #ADADAD; cursor: pointer; border-bottom: 3px solid transparent; text-shadow: 0 1px rgba(0,0,0,0.7); }

/********************************/ /** Tabber, customised styling **/ /********************************/

ul.tabbernav li a { background: transparent !important; border-color: none !important; border-style: none !important; border-width: 1px 1px medium !important; margin-left: 0px !important; text-decoration: none !important; position: relative !important; font-weight: normal !important;

}

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

ul.tabbernav li a:hover { background: #999999 !important; border-color: none !important; }

ul.tabbernav li.tabberactive a { background-color: rgb(40,40,40) !important; border-bottom: none !important; border-left: 1px solid #999999 !important; border-right: 1px solid #999999 !important; border-top: 1px solid #999999 !important; position: relative !important; font-weight: bold !important; }

ul.tabbernav li.tabberactive a:hover { background: default !important; border-bottom: none !important; color: #FFFFFF !important; }

.tabberlive .tabbertab { position: relative !important; }

/*********************************/ /** Visibility Fix For CSS View **/ /*********************************/

.css.source-css .kw1 { color: #ffffff !important; }

/*****************/ /* END Wikia.css */ /*****************/