MediaWiki:Common.css: Difference between revisions

From PavHaki Wiki
No edit summary
No edit summary
Line 19: Line 19:
div.infobox {
div.infobox {
   float:right;
   float:right;
   max-width: 220px;
   max-width: 320px;
   min-width: 220px;
   min-width: 320px;
   display:flex;
   display:flex;
   flex-direction:column;
   flex-direction:column;
Line 42: Line 42:


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

Revision as of 22:07, 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 {
  float:right;
  max-width: 320px;
  min-width: 320px;
  display:flex;
  flex-direction:column;
  align-items:center;
  border:1px solid var(--boxborder);
  background-color: var(--boxbg);
}

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

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

div.image img {
  max-width: 320px;
  height: auto;
}

div.table {
  min-width: 0em;
  width: calc(100% - .5em);
  display: flex;
  flex-wrap: wrap;
  padding-left: .25em;
  padding-right: .25em;
}

div.rowname {
  width: 40%;
}

div.rowitem {
  width: 60%;
}