MediaWiki:Common.css: Difference between revisions

Force hide all legacy gradients
Revert absolute header layout and remove legacy background
Line 25: Line 25:
/* --- 2. Base Body Override --- */
/* --- 2. Base Body Override --- */
body {
body {
     background: url('/resources/assets/background_stone.png') repeat !important;
     background-image: none !important;
     background-color: #2b2b2b !important;
     background-color: #e1d5be !important;
     font-family: 'Museo Sans', 'PT Serif', Georgia, serif;
     font-family: 'Museo Sans', 'PT Serif', Georgia, serif;
}
}
Line 517: Line 517:
   and use a solid color for the rest of the page behind the content */
   and use a solid color for the rest of the page behind the content */
body {
body {
     background: url('/resources/assets/background_stone.png') center top repeat-x !important;
     background-image: none !important;
     background-color: #2b2b2b !important; /* Or #e1d5be if they want tan canvas */
     background-color: #e1d5be !important; /* Or #e1d5be if they want tan canvas */
}
}


Line 678: Line 678:
     #content { position: relative !important; z-index: 1 !important; }
     #content { position: relative !important; z-index: 1 !important; }
      
      
     /* --- 25. The Ultimate Absolute Header Reset --- */
     }
    #mw-page-base { position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; height: 180px !important; }
    #mw-head { position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; width: 100% !important; height: 90px !important; margin: 0 !important; z-index: 50 !important; }
    #p-personal { position: absolute !important; top: 10px !important; right: 15px !important; margin: 0 !important; z-index: 100 !important; }
    #left-navigation { position: absolute !important; bottom: 0 !important; left: 175px !important; margin: 0 !important; float: none !important; }
    #right-navigation { position: absolute !important; bottom: 0 !important; right: 15px !important; margin: 0 !important; float: none !important; }
    #mw-head::before { content: ""; position: absolute !important; bottom: 0 !important; left: 175px !important; right: 0 !important; height: 46px !important; z-index: 0 !important; }
    #content { margin-top: 90px !important; margin-left: 175px !important; position: relative !important; z-index: 1 !important; }
    .vector-menu-tabs .vector-menu-content-list > li.selected { margin-bottom: -3px !important; }
}
 
/* --- MOBILE ONLY FIXES --- */
/* --- MOBILE ONLY FIXES --- */
@media screen and (max-width: 999px) {
@media screen and (max-width: 999px) {