MediaWiki:Common.css: Difference between revisions

From PavHaki Wiki
No edit summary
No edit summary
Line 9: Line 9:
   --boxborder: #A2A9B1; /*Border color used to match the default wiki skin*/
   --boxborder: #A2A9B1; /*Border color used to match the default wiki skin*/
   --boxheader: #EFEFEF;
   --boxheader: #EFEFEF;
}
/*
*Formatting for quotes
*https://en.wikipedia.org/wiki/Template:Quote
*/
blockquote.templatequote {
    margin-top: 0;
}
blockquote.templatequote div.templatequotecite {
    line-height: 1.5em;
    /* @noflip */
    text-align: left;
    /* @noflip */
    padding-left: 1.6em;
    margin-top: 0;
}
}



Revision as of 21:09, 4 October 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 quotes
 *https://en.wikipedia.org/wiki/Template:Quote
 */

blockquote.templatequote {
     margin-top: 0;
}
blockquote.templatequote div.templatequotecite {
    line-height: 1.5em;
    /* @noflip */
    text-align: left;
    /* @noflip */
    padding-left: 1.6em;
    margin-top: 0;
}





/*Formatting for infoboxes*/

div.infobox {
  margin-left: 6px;
  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%;
}