User:Pirr-fduser/global.css

/*** Body of Oasis ***/ /* Full dynamic width (thanks, SH3VEK) */ @media only screen and (min-width: 1280px) { body.skin-oasis .WikiaPage, #globalNavigation .global-navigation-container, #WikiaBar .wikia-bar { width: initial; margin: 0 7.8%; } }

/** Global Navigation (skins) **/ /* Normal */ .global-navigation { background-color: #f2f2f2; border-bottom: 1px solid #e0e0e0; box-shadow: 0 0 10px #333; }

.global-navigation .explore-wikia-dropdown a:hover, .global-navigation .cell-link:hover, .global-navigation .active { background: #eee }

/* Inverse */ .global-navigation.inverse { background-color: rgba(34, 34, 34, .95); border-bottom: 1px solid rgba(8, 8, 8, .95); box-shadow: 0 0 10px #333; }

.global-navigation.inverse .top-level:hover, .global-navigation.inverse .active { background: rgba(0, 0, 0, .95) !important; color: #fff !important; }

/* Search modifications */ .global-nav-search-input-wrapper .search-input { background: #fff; border: 1px solid #a9a9a9; border-radius: 4px; }

.global-nav-search-input-wrapper .search-input ~ .search-button { background-color: transparent; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3Asvg%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228px%22%20height%3D%2228px%22%20viewBox%3D%220%200%2028%2028%22%20version%3D%221.1%22%3E%3Cpath%20d%3D%22m14.033203%208.5488281%200%203.3828129-6.033203%200%200%204.064453%206.033203%200%200%203.382812%206.71875-5.416015z%22%20fill%3D%22rgb%28101%2C110%2C120%29%22%2F%3E%3C%2Fsvg%3E%0A"); border-left: 1px solid transparent; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }

.global-nav-search-input-wrapper .search-input ~ .search-button:hover { background-color: transparent }

.global-navigation.inverse .global-nav-search-input-wrapper .search-input { background: #080808; color: #7f7f7f; border: 1px solid #222; border-radius: 4px; } .global-navigation.inverse .global-nav-search-input-wrapper .search-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2236%22%20height%3D%2236%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22rgb%28255%2C255%2C255%29%22%20d%3D%22m26.8%2C25.3l-1.6%2C1.6c-0.1%2C0.1%20-0.4%2C0.1%20-0.5%2C0l-4.5%2C-4.5c-1.1%2C0.7%20-2.5%2C1.2%20-3.9%2C1.2c-4%2C0%20-7.3%2C-3.3%20-7.3%2C-7.3c-0.1%2C-4%203.2%2C-7.3%207.2%2C-7.3c4%2C0%207.3%2C3.3%207.3%2C7.3c0%2C1.4%20-0.4%2C2.8%20-1.2%2C3.9l4.5%2C4.5c0.1%2C0.2%200.1%2C0.4%200%2C0.6zm-5.7%2C-9c0%2C-2.7%20-2.2%2C-5%20-5%2C-5c-2.7%2C0%20-5%2C2.2%20-5%2C5c0%2C2.7%202.2%2C5%205%2C5c2.8%2C-0.1%205%2C-2.3%205%2C-5z%22%2F%3E%3C%2Fsvg%3E") }

.global-navigation.inverse .global-nav-search-input-wrapper .search-input ~ .search-button { background-color: transparent; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3Asvg%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228px%22%20height%3D%2228px%22%20viewBox%3D%220%200%2028%2028%22%20version%3D%221.1%22%3E%3Cpath%20d%3D%22m14.033203%208.5488281%200%203.3828129-6.033203%200%200%204.064453%206.033203%200%200%203.382812%206.71875-5.416015z%22%20fill%3D%22rgb%28255%2C255%2C255%29%22%2F%3E%3C%2Fsvg%3E%0A"); border-left: 1px solid transparent; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }

.global-navigation.inverse .global-nav-search-input-wrapper .search-input ~ .search-button:hover { background-color: transparent }

.search-select-wrapper .chevron { display: none !important } .search-select-wrapper .search-select { width: 28px } .global-nav-search-input-wrapper .search-input { padding-left: 26px }

/** Submenus **/ .AccountNavigation .user-menu { background: #fff } .AccountNavigation .user-menu > li > a { opacity: .7; border-color: #ddd; color: #092140; }

.AccountNavigation .user-menu > li > a:hover { opacity: 1; background: #eee; border-color: #eee; color: #092140; }

.AccountNavigation .user-menu,
 * 1) GlobalNavigationWallNotifications,
 * 2) GlobalNavigationWallNotifications .notifications-for-wiki .notifications-wiki-header,
 * 3) GlobalNavigationWallNotifications .notification { border-color: #e7e7e7 }
 * 4) GlobalNavigationWallNotifications .notification:first-child { border-top: none }


 * 1) GlobalNavigationWallNotifications .notifications-for-wiki .notifications-wiki-header,
 * 2) GlobalNavigationWallNotifications .notification:hover { background: #eee }

/* Chevrons modifications */ .AccountNavigation .account-navigation-item .links-container .chevron, .notifications-container .notifications-entry-point:after { border: none } .hubs-container.active .hubs-entry-point:after, .hubs-entry-point:after { border-top-color: #C5CED9 }

/* Width fix */ .notifications-container .notifications-entry-point { width: 63px } .AccountNavigation { padding: 0 16px }

/* Removing avatar border */ .global-navigation.inverse .account-navigation-container .logged-avatar, .global-navigation.inverse .account-navigation-container .logged-avatar-placeholder { border-color: transparent }

/** "My tools" bar **/ .WikiaBarWrapper { background: rgba(34, 34, 34, .95) }

.WikiaFooter .toolbar .tools > li, .WikiaBarWrapper .toolbar .tools > li { border-color: transparent }

/*** Insights ***/ .insights-module-item { border-bottom: none }

/*** Global Footer ***/ /* Removing branding */ .global-footer .branding { display: none !important }

/*** Chat ***/ .ChatHeader { display: none } .ChatWindow #WikiaPage { top: 0; left: 0; right: 0; bottom: 0; margin: 0 !important; border: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

/* Style modifications borrowed from Callofduty4 */ .Chat { line-height: 1.4em !important } .Chat .avatar { position: absolute; top: 2px; left: 15px !important; width: 28px; height: 28px; } .Chat .continued .time, .Chat .continued .username { display: inline; font-style: small-caps; }

.Chat .username { display: inline; padding: 0 3px 0 0; font-style: small-caps; } .Chat .username:before { content: "<" } .Chat .username:after { content: ">" } .Chat .time { float: none; padding: 4px 7px 0 0; } .Chat li { min-height: 32px; padding: 6px 15px 8px 55px !important; } .Chat .message { line-height: 25px; white-space: pre-line; } .Write [name="message"] { width: 85% } .give-chat-mod, .banner-notification.notify { display: none !important }
 * 1) WikiaPage .Chat .message { word-wrap: break-word }