MediaWiki:Common.css: Difference between revisions

From PavHaki Wiki
No edit summary
No edit summary
Line 18: Line 18:


div.infobox {
div.infobox {
  margin-left: 10px;
   float:right;
   float:right;
   width: 320px;
   width: 320px;

Revision as of 21:50, 16 September 2017

/*Global variables
 *
 *NOTES:
 *- Use two spaces for indentation
 */

:root {
  --boxbg: #F8F9FA;
  --boxborder: #A2A9B1; /*Border color used to match the default wiki skin*/
  --boxheader: #EFEFEF;
}





/*Formatting for infoboxes*/

div.infobox {
  margin-left: 10px;
  float:right;
  width: 320px;
  display:flex;
  flex-direction:column;
  align-items:center;
  border:1px solid var(--boxborder);
  background-color: var(--boxbg);
  padding: 3px;
}

div.infoboxSectionHeader {
  text-align: center;
  background-color: var(--boxheader);
  width: 100%;
}

div.image {
  display:flex;
  flex-direction:column;
  align-items:center;
}

div.image img {
  max-width: 100%;
  height: auto;
}

div.table {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 4px 0px 4px 0px;
}

div.rowname {
  padding-right: 4px;
  width: calc(40% - 4px);
}

div.rowitem {
  width: 60%;
}