Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Common.css

MediaWiki interface page
Revision as of 04:38, 15 March 2026 by MapleAtMorning (talk | contribs)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* CSS placed here will be applied to all skins */

/*@import url("/vswiki/index.php?action=raw&ctype=text/css&title=MediaWiki:MainPage.css")*/

.centered {
  justify-content: center;
  justify-items: center;
  text-align: center;
}



/* ========================== INFOBOX ========================== */

.infobox-row{
  display: flex;
  flex-direction: row;
  gap: 1.2rem;

  .label{
    background: red;
    flex: 2;  
  }
  .value{
    flex: 1;  
  }
}


/* ========================== MAIN PAGE ========================== */

.mainpage-wrapper{
  display: flex;
  flex-direction: column;
}

.mainpage-box{
  padding: 0px;
  margin: 8px;
  border-radius: 8px;
  border: 2px solid var(--border-color-base);
  overflow: hidden;

  .mw-heading{
    margin: 0px;
    padding: 8px;
    background: var(--color-progressive);
    border-bottom: 2px solid var(--border-color-base);
  }

  h1,h2,h3,h4,h5,h6{
    margin: 0;
  }
}

@media (min-width: 1100px) {
  .mainpage-wrapper{
    flex-direction: row;
  }

  .mainpage-left{
    flex: 2;
  }

  .mainpage-right{
    flex: 1;
  }
 
}