MediaWiki:Wikia.css

@import 'https://fonts.googleapis.com/css?family=Courgette|Quattrocento:400,700'; @import 'https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i'; body.skin-oasis { font-family: "Roboto", "Helvetica Neue", "Helvetica", Arial, sans-serif; background: #eee; }

/* Global Header */ .global-navigation, .global-navigation.inverse { box-shadow: 0 2px 5px rgba(0,0,0,0.26); }

/* Wikia Page */ .WikiaPage { border: 0; }

.WikiaPage .WikiaPageBackground { background: transparent; } .WikiaRail { margin-right: -20px; }

.WikiaMainContent { background: #fff; border: 0; border-radius: 2px; box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12); margin: 1.5em 0 0 -2.5em; padding: 2em; }

.wikia-page-header .header-column { padding: 1.25em 0 1em 0; }

.WikiaPage .wikia-page-header h2 { color: rgba(0,0,0,.54); font-size: 14px; font-weight: 500; }

/* WikiHeader */ .WikiHeader .navbackground { background: #E91E63; border-radius: 0 2px 2px 2px; height: 40px; margin-top: 10px; }

.WikiHeader .navbackground div { background: inherit; }

.WikiHeader .navbackground img { display: none; }

.WikiHeader { margin-bottom: 2em; }

.WikiHeader > nav li { border-bottom: 2px solid transparent; height: 40px; line-height: 40px; }

.WikiHeader > nav li > a { border-left: 0; color: rgba(0,0,0,.54); font-weight: 500; }

.WikiHeader > nav li.marked { line-height: -5px; background: transparent; border-bottom: 2px solid #00BCD4; }

.WikiHeader > nav li.marked > a { border-top: 0; color: #00BCD4; }

.WikiHeader > nav .subnav-2 li { line-height: 35px; height: 40px; transition: .2s ease-in-out; cursor: pointer; margin-top: 9px !important; }

.WikiHeader > nav .subnav-2 li:hover { background: #B2EBF2; }

.WikiHeader > nav .subnav-2 li:hover > .subnav-2a { color: #00BCD4; } .WikiHeader > nav .subnav-2 li .subnav-2a { height: inherit; line-height: inherit; text-decoration: none; }

.WikiHeader > nav li.marked .subnav-2 > li a:hover { text-decoration: none; }

/* text input */ textarea, input { font-family: "Roboto", sans-serif; }

/* Page Sharing */ .page-share-toolbar svg { fill: #E91E63; }

/* Categories */ .article-categories { border: 0; margin-bottom: -5em !important; margin-top: 5em !important; }

.CategorySelect.articlePage { padding: 3em 0; }

.CategorySelect.articlePage .category { border-right: 0; }

.CategorySelect.articlePage .category a { background: #00BCD4; color: #fff; padding: .75em 1.5em; border-radius: 50px; }

.CategorySelect.articlePage .categories { padding: 10px 0; }

.CategorySelect.articlePage .special-categories { padding: 10px 0; }

.CategorySelect.articlePage .special-categories a { background: #607D8B; border-radius: 20px; color: #fff; padding: .75em 1em; line-height: 20px; text-decoration: none; }

.CategorySelect.articlePage .add { height: 36px; margin-top: -8px; }

/* Modules */ .WikiaRail .module { border: 0; border-radius: 2px; box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12); margin: 0 0 1.5em 0; }

.WikiaRail .module:first-child { margin-top: .75em; }

.WikiaRail .module h2 { font-weight: 500; }

.ChatModule h2.chat-headline .chat-total { background: #E91E63; border-radius: 50%; padding: 5px; width: 15px; font-size: .75em; text-align: center; margin: -1px .5em .75em .5em; }

.ChatModule .chat-join button { background: none; border: 0; color: #E91E63; font-weight: 500; text-transform: uppercase; }

.ChatModule .chat-join button:before { display: none; }

.ChatModule .chat-whos-here .arrow-left img { border-right-color: #E91E63; }

.ChatModule .chat-whos-here .arrow-right img { border-left-color: #E91E63; }

.ChatModule .chat-whos-here { border: 0; }

.ChatModule .chat-whos-here .avatar { border: 0; border-radius: 50%; cursor: pointer; }

.popover.bottom .arrow { display: none; }

.popover-inner { border: 0; border-radius: 2px; box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); padding: 0; width: auto; }

.UserStatsMenu .info { background: #F8BBD0; padding: 1em 2em; }

.UserStatsMenu .info img { border: 0; border-radius: 50%; height: 35px; width: 35px; margin-top: .5em; margin-left: -1em; }

.UserStatsMenu .info ul { padding: 0 0 0 1em; }

.UserStatsMenu .info ul .username { font-size: 16px; font-weight: 500; padding: 0 0 5px 0; text-overflow: ellipsis; }

.UserStatsMenu .actions ul li { padding: .75em; transition: .2s ease-in-out; }

.UserStatsMenu .actions ul li:hover { background: #F8BBD0; }

.UserStatsMenu .actions ul li .label { color: #E91E63; font-weight: 500; padding-left: 16px; }

/* Masthead */ .WikiaUserPagesHeader { background: none; padding-top: 2em; }

.UserProfileMasthead .masthead-avatar .avatar { border: 0; border-radius: 50%; box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12); margin: 4px; }

.UserProfileMasthead .masthead-info { border-radius: 2px; box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12); }

.UserProfileMasthead.zero-state .masthead-info > div { padding: 2em 25px; }

.UserProfileMasthead .masthead-info hgroup { background: #E91E63; background-image: none; border: 0; border-radius: 2px 2px 0 0; padding: 8px 25px; margin: 0 -1px; }

.UserProfileMasthead .masthead-info hgroup .tag { background: #F8BBD0; border-radius: 2px; color: #E91E63; font-weight: 500; padding: .5em 1em; }

.UserProfileMasthead .masthead-info hgroup h1 { font-weight: 500; } .UserProfileMasthead .masthead-info-lower:before { display: none; }

/* tabs */ .tabs { border: 0; padding-top: 1em; } .tabs li a { border: 0; border-bottom: 2px solid transparent; border-radius: 2px 2px 0 0; color: rgb(233,30,99); color: rgba(233,30,99 ,.7); font-size: 13px; font-weight: 500; text-decoration:none; text-transform: uppercase; padding: 11px 24px 11px 24px; cursor: pointer; transition: .15s ease-in-out; margin-left: -2px; }

.tabs .selected a { background: transparent; border: 0; border-bottom: 2px solid #E91E63; color: #E91E63; cursor: pointer; }

.tabs .selected a:hover { padding-bottom: 11px; border-bottom: 2px solid #E91E63; }

.tabs li a:hover { background: #F8BBD0; border-bottom: 2px solid #F8BBD0; color: #E91E63; }

/* Wall Comments */ .Wall ul.comments > li.message > .speech-bubble-message { background: #fff; box-shadow: 0 0 2px rgba(0,0,0,0.12),0 2px 4px rgba(0,0,0,0.24); }

.SpeechBubble .speech-bubble-message:before { display: none; }

.Wall ul.comments > li.message > .speech-bubble-message:after { display: none; }

.Wall .avatar { border: 0; border-radius: 50%; box-shadow: 0 0 2px rgba(0,0,0,0.12),0 2px 4px rgba(0,0,0,0.24); }

/* Notifications (bottom right) */ right: 38px; }
 * 1) WikiaNotifications {

.WikiaNotifications .WikiaBadgeNotification { padding: 14px 24px; } .WikiaNotifications li div { background: #323232; border-radius: 2px; box-shadow: none; font-size: 14px; font-weight: 500; min-width: 288px; }

.skin-oasis .sprite.close-notification {

}

.WikiaNotifications .WikiaBadgeNotification img { top: 40px; left: 20px; }

.WikiaNotifications .WikiaBadgeNotification p big { font-weight: 500; }

.WikiaNotifications .WikiaBadgeNotification .notification-details { background: transparent; border-radius: 2px;

}

.WikiaNotifications .WikiaBadgeNotification .notification-details a { color: #FFEB3B; text-decoration: none; padding-left: 60px; }

/* buttons */

.ChatModule .chat-join button { box-shadow: none; padding: 0 .5em; }

a.wikia-button, .wikia-single-button a, .wikia-menu-button, input[type="submit"], input[type="reset"], input[type="button"], .button, button { background: #E91E63; background-image: none; border: 0; border-radius: 2px; /* box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12); */ font-family: "Roboto", sans-serif; font-weight: 500; font-size: 14px; text-align: center; text-transform: uppercase; vertical-align: middle; padding: 7px 14px; transition: .15s ease-out; }

a.wikia-button:hover, .wikia-single-button a:hover, .wikia-menu-button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:hover, button:hover { background: #C2185B; transition: .15s ease-in; }

.wikia-menu-button > a:hover, .wikia-menu-button .drop:hover, .wikia-menu-button > li > a:hover { background: transparent; }

.wikia-menu-button > a, .wikia-menu-button > li > a { border-right: 0; }

a.wikia-button.secondary, .wikia-single-button a.secondary, .wikia-menu-button.secondary, input[type="submit"].secondary, input[type="reset"].secondary, input[type="button"].secondary, .button.secondary, button.secondary { background: #607D8B; color: #fff; border: 0; }

a.wikia-button.secondary:hover, .wikia-single-button a.secondary:hover, .wikia-menu-button.secondary:hover, input[type="submit"].secondary:hover, input[type="reset"].secondary:hover, input[type="button"].secondary:hover, .button.secondary:hover, button.secondary:hover { background: #455A64; }

a.wikia-button.active, .wikia-single-button a.active, .wikia-menu-button.active, input[type="submit"].active, input[type="reset"].active, input[type="button"].active, .button.active, button.active { background: #eee; border: 0; }

/* publish exception */ background: transparent; box-shadow: none; line-height: 8px; }
 * 1) wpSave.codepage-publish-button {

.wikia-menu-button-submit { padding: 5px 14px; margin-top: 5px !important; }

input[type="submit"] { height: 36px; }

/* Special:AchievementsCustomize button exception */ ul.custom-badges li div.image-form button, .customize-edit-plus-category button { height: 36px; }

/* button dropdown */ .wikia-menu-button ul { top: 35px; border: 0; border-radius: 2px; box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); }

.wikia-menu-button ul li { border-top: 0; font-size: 14px; text-align: left; text-transform: capitalize; padding: 7px 16px; white-space: nowrap; display: block; }

.wikia-menu-button ul li a { line-height: inherit; }

.wikia-menu-button ul li:first-child:hover { border-radius: 2px 2px 0 0; }

.wikia-menu-button ul li:last-child:hover { border-radius: 0 0 2px 2px; }

.WikiaMenuElement li:hover, .wikia-menu-button li a:hover { background-color: #F8BBD0 !important; }

.WikiHeader .buttons .contribute ul { border: 0; border-radius: 2px; box-shadow: 0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23); width: 170px; }

.wikia-menu-button.secondary ul li { border-top: 0; transition: .2s ease-in-out; margin: 0 -1px; }

.wikia-menu-button.secondary ul li:first-child { margin-top: -1px; } .wikia-menu-button.secondary ul li:last-child { margin-bottom: -1px; } .WikiHeader .buttons .contribute ul li a { text-overflow: hidden; }

.WikiHeader .buttons .contribute ul li a:hover { background: transparent !important; }

/* Dialogs */ .UploadPhotos .options textarea { min-width: 100%; max-width: 100%; }

/* Modal */ .modal { box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22); }

.modal > header, .modal > footer { background: transparent; }

.modal > header { padding: 24px 24px 20px 24px; }

.modal .buttons { margin-top: -1em; }

.modal > footer .button { background: none; border: 0; color: #E91E63; font-family: "Roboto", sans-serif; font-size: 14px; font-weight: 500; padding: 10px 8px; }

/* Chat */ .ChatWindow { font-family: "Roboto", sans-serif; }

.ChatWindow .UserStatsMenu { border: 0; border-radius: 2px; box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); }

.ChatWindow .UserStatsMenu .info { border-radius: 2px 2px 0 0; }

/*Hype page test */ .hypePage { border:2px solid #9966FF; font-family:"Quattrocento", "Comic sans", serif; margin:1em auto 1em auto; -moz-border-radius:10px; -webkit-border-radius:8px; border-radius:10px; padding:4px; background: #9966CC }

.hypePageFont { font-family: "Courgette", "antiqua", cursive; }