User:Maulle/banner.css

/* http://community.wikia.com/wiki/User:452/wide.css?title=User%3A452%2Fwide.css&cb=5065 */

/* This stylesheet expands all pages to the full width of your browser, and minimises the new global header. To use this, go to http://community.wikia.com/wiki/Special:MyPage/global.css?action=edit Add this as first line: @import url("http://c.wikia.com/index.php?title=User:452/wide.css&action=raw&ctype=text/css"); Or simply copy the CSS below. CC0 - I waive my rights to attribution for these styles, share and enjoy! .ChatWindow #WikiaPage { left: 0; border: none; bottom: 0; top: 42px;} .SelfServeUrl, .WikiaHeader nav, .WikiaTopAds, .wikia-ad, #WikiaFooter, #jpsuperheader { padding: 0; display: none !important; } .WikiaHeader .page-width-container { margin-right: 15em; } .WikiaArticle { font-size: 13px;  line-height: 21px; } .CorporateFooter, .global-footer { clear: both; } .global-navigation { position: relative; margin-top: 0; border: none; background:none; } .WikiaSiteWrapper { padding-top: 0; } .wikia-logo-container { display: none; } .global-navigation .page-width { width: 100%; background:white; } .global-navigation * { margin-top: 0; padding-top: 0; margin-bottom: 0; padding-bottom: 0; height: auto; border: none; } .global-navigation>div { height: 3em; } .AccountNavigation .user-menu { position: absolute; right: 0; } .start-wikia-container { display: none; } .global-navigation-item.search-container { width: -moz-calc(100% - 101px); width: -o-calc(100% - 101px); width: -webkit-calc(100% - 101px); width: calc(100% - 101px); }   border-radius: 0; } .search-form-wrapper .search-label-bold { color: #c8d2d7; } .AccountNavigation .user-menu > li { height: 2em; }   line-height: inherit; padding: 0.3em 0; } padding: 0 1em; min-height: 1em; }   width: 340px; }   height: inherit; }   overflow-y: scroll; height: inherit; }
 * 1) WikiaPage { width: 100%; margin: auto;  max-width: 100%; }
 * 1) ChatHeader { margin: 0; }
 * 1) videosModule { display: none; }
 * 1) GlobalNavigationWallNotifications .notification .avatars .avatar, .AccountNavigation > li .avatar-container {
 * 1) GlobalNavigationWallNotifications .notification {
 * 1) GlobalNavigationWallNotifications .notifications-header {
 * 1) GlobalNavigationWallNotifications #notificationsContainer.scrollable {
 * 1) GlobalNavigationWallNotifications #notificationsContainer.scrollable li.notifications-for-wiki.show, #GlobalNavigationWallNotifications #notificationsContainer.scrollable>ul {
 * 1) GlobalNavigationWallNotifications #notificationsContainer.scrollable ul.notifications-for-wiki-list {

/* --- */

Some CSS which others may find useful to improve the look of the header. Add these to Special:MyPage/global.css. Each of these lines can be used independently, except the final 2 lines. /* stop the header scrolling */ .global-navigation { position: relative; } /* height of user menu items */ .AccountNavigation .user-menu > li { height: 2em; } /* height of notification menu items */ /* hide redundant notification menu header */ /* remove unnecessary borders */ .global-navigation * { border: none; } /* The next 2 lines make the header background match the page width */ .global-navigation { border: none; background:none; } .global-navigation .page-width { background:white; }
 * 1) GlobalNavigationWallNotifications .notification { line-height: inherit; padding: 0.3em 0; }
 * 1) GlobalNavigationWallNotifications .notifications-header { display: none; }