Common.css

From Eating Asturias, the Encyclopedia of Asturian Gastronomy
m (added responsive image class)
m (responsive image tweak)
Line 144: Line 144:


/* To make images responsive */
/* To make images responsive */
.res-img img {
.res-img {
max-width:100%;
max-width:100%;
height:auto;
height:auto;
}
}

Revision as of 14:43, 31 May 2023

/* CSS placed here will be applied to all skins */
@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,400;1,700&display=swap');

/* Changes the default font used for MediaWiki to Merriweather Sans (does not include headings or monospaced text): */
body {
  font-family: 'Merriweather', serif;
  font-size: 16px;
  font-weight: 400;
}
/* Changes the default font used for MediaWiki headings to Merriweather 700: */
#content h1, 
#content h2 {
  font-family: 'Merriweather', serif;
  font-style:italic;
  font-weight: 700;

}

/*By default, hide most page tabs*/#ca-edit { display: none !important; }
#ca-delete { display: none !important; }
#ca-formedit { display: none !important; }
#ca-history { display:none!important; }
#ca-move { display: none !important; }
#ca-protect { display: none !important; }
#ca-unwatch { display: none !important; }
#ca-ve-edit { display: none !important; }
#ca-view { display: none !important; }
#ca-viewsource { display: none !important; }
#ca-watch { display: none !important; }
#p-navigation { background-color: #54692a; }
#catlinks { background-color: #dcdf80; }
#toc {

  float: left;
}

#siteSub {
  display: block;
  font-weight: normal;
  font-size: normal;
  font-style: italic;
}

.mw-parser-output .ib-settlement {
  width: 23em;
  border-collapse: collapse;
  line-height: 1.2em;

}

.infobox {
  border: 1px solid #a2a9b1;
  border-spacing: 3px;
  background-color: #f8f9fa;
  color: black;
  margin: 0.5em 0 0.5em 1em;
  padding: 0.2em;
  float: right;
  clear: right;
  font-size: 88%;
  line-height: 1.5em;
  width: 23em;
}

table.error {
  border: 1px solid #a2a9b1;
  border-spacing: 3px;
  background-color: #f8f9fa;
  color: black;
  margin: 0.5em 0 0.5em 1em;
  padding: 0.2em;
  float: right;
  clear: right;
  font-size: 88%;
  line-height: 1.5em;
  width: 22em;
  border:1px solid #264142;
  background-color: #dcdf80;
  color: #54692a !important;

}

table.error tbody th {
  background-color: #54692a !important;
  color: #dcdf80 !important;
}

.infobox .infobox-header, .infobox .infobox-subheader, .infobox .infobox-image, .infobox .infobox-full-data, .infobox .infobox-below {
  text-align: center;
}

.portable-infobox {
	width: 23em;
}

.pi-image {
	width: 23em !important;
}

.portable-infobox.pi-theme-eating-asturias {
    background-color: #dcdf80;
    border-color: #264142;
}

.portable-infobox.pi-theme-eating-asturias .pi-header, .portable-infobox.pi-theme-eating-asturias .pi-title {
    background-color: #54692a;
    color: #dcdf80;
    font-style: italic;
}
.portable-infobox.pi-theme-eating-asturias .pi-title {
    text-align: center;
}
.portable-infobox.pi-theme-eating-asturias .pi-border-color {
   border-color: #264142;
}
.portable-infobox.pi-theme-eating-asturias .pi-data-value {
   align-self: center;
}

.portable-infobox.pi-type-beerstyle {
  width:325px;
}

.pi-layout-stacked .pi-data-label {
	font-weight: bold;
	text-decoration: underline
}
.pi-layout-stacked .pi-data-value {
	font-style: italic;
}

ul.ask3col {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  -ms-column-count: 3;
  column-count: 3;
}

.wikitable {
  margin: 0 auto;
}

/* To make images responsive */
.res-img {
	max-width:100%;
	height:auto;
}