MediaWiki:Common.css: Difference between revisions

From Lancer Tactics Wiki
Dark header and footer
 
Glow colors for header links
Line 8: Line 8:


     #p-logo-text a {
     #p-logo-text a {
       color: #8197b8;
       color: #E5B91A;
     }
     }


     #personal {
     #personal h2 {
       h2 {
       background-image: url(/skins/Timeless/resources/images/user-glow.svg);
        background-image: url(/skins/Timeless/resources/images/user-glow.svg);
      background-size: 20px 20px;
        background-size: 20px 20px;
      color: #E5B91A;
        color: #E5B91A;
 
      &::after {
        background-image: url(/skins/Timeless/resources/images/arrow-down-glow.svg);
       }
       }
    }
  }
  @media screen and (max-width: 850px) {
    #site-navigation h2 {
      background-image: url(/skins/Timeless/resources/images/menu-large-glow.svg);
    }
    #site-tools h2 {
      background-image: url(/skins/Timeless/resources/images/gear-large-glow.svg);


       h2::after {
       &::after {
         background-image: url(/skins/Timeless/resources/images/arrow-down-glow.svg);
         background-image: url(/skins/Timeless/resources/images/arrow-down-glow.svg);
       }
       }

Revision as of 04:55, 5 July 2026

/* CSS placed here will be applied to all skins */

body {
  background: #1a212b;

  #mw-header-container {
    background: #1a212b;

    #p-logo-text a {
      color: #E5B91A;
    }

    #personal h2 {
      background-image: url(/skins/Timeless/resources/images/user-glow.svg);
      background-size: 20px 20px;
      color: #E5B91A;

      &::after {
        background-image: url(/skins/Timeless/resources/images/arrow-down-glow.svg);
      }
    }
  }

  @media screen and (max-width: 850px) {
    #site-navigation h2 {
      background-image: url(/skins/Timeless/resources/images/menu-large-glow.svg);
    }

    #site-tools h2 {
      background-image: url(/skins/Timeless/resources/images/gear-large-glow.svg);

      &::after {
        background-image: url(/skins/Timeless/resources/images/arrow-down-glow.svg);
      }
    }
  }

  #mw-content-container {
    background: #36455C;
    
    // #mw-content {
    //   background: #36455C;
    // }
  }
}