MediaWiki:Common.css: Difference between revisions

Revision as of 16:16, 15 March 2026

/* 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-table{
  margin: 8px;
  padding: 0;
  border-radius: 8px;
  border: 2px solid var(--border-color-base);
  display: block;
  width: max-content;
  overflow: hidden;
  float: right;

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

  tbody{
   display: block;
   margin: -2px;
  }
}

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

  .label{
    text-align: right;
    flex: 1;  
  }
  
  .value{
    flex: 1.75;  
  }
  
  p{margin: 0;}
}


@media (max-width: 600px) {
  .infobox-table{
    float: none;
    margin: auto;
  }
 


/* ========================== 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;
  }
 
}