MediaWiki:Common.css

@media only screen and (max-width: 550px) {
	table.infobox.vcard { 
		margin: auto; 
		width: auto !important; 
		float: none;
	
	}
  
	#p-logo-text {
		position: absolute !important;
	}
	
	.mw-body h1.firstHeading
	{
		text-align: center;
		
	}
	
	.catlinks li {
		display: flex;
		margin: 0.3em 1em;
	}

}

/* CSS placed here will be applied to all skins */
#p-logo-text a {
    padding: 0.1em 10em 0.2em 0em !important;
}

#mw-page-header-links,
#site-tools, 
#p-cactions,
#t-whatlinkshere,
#t-recentchangeslinked,
#t-permalink,
#t-info,
#t-pagelog,
#contentSub,
#mw-indicator-mw-helplink,
#p-userpagetools,
#personal {
    display:none; 
}
 
#lastmod,  
div#mw-normal-catlinks li a.new,  
div#p-normal-catlinks li a.new {
    display:none !important; 
}

div.mw-parser-output h2 {
    display:none; 
}
 
div.catlinks li a [title='Κατηγορία:Σελίδες που χρησιμοποιούν διπλές παραμέτρους σε κλήσεις προτύπων'] {
  display: none; 
}
div.catlinks li a [title='Κατηγορία:Pages using infobox military person with unknown parameters (η σελίδα δεν υπάρχει)'] {
  display: none;
}

div.mw-category-group h3 {
    font-size: 18px;
    line-height: 18px;
}
 
#mw-pages > h2:nth-child(1) {
    font-size: 20px;
}

body.page-Κατηγορία_Ιδιότητα_Μακεδονομάχου .mw-category {
  column-count: 2;
  
}

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

/* not strictly certain these styles are necessary
 * just replicating the module faithfully
 */
.infobox-subbox {
      padding: 0;
      border: none;
      margin: -3px;
      width: auto;
      min-width: 100%;
      font-size: 100%;
      clear: none;
      float: none;
      background-color: transparent;
}

/* TODO split definitions to appropriate class names when live */
.infobox td, 
.infobox th {
      vertical-align: top;
      /* @noflip */
      text-align: left;
}

/* remove .infobox from below new class names when live */
.infobox .infobox-above,
.infobox caption, /* TODO remove caption line when class is live */
.infobox-title {
      font-size: 125%;
      font-weight: bold;
      text-align: center;
}

.infobox caption, /* TODO remove caption line when class is live */
.infobox-title {
      padding: 0.2em;
}

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

.infobox .infobox-navbar {
      text-align: right;
}

.infobox.bordered {
      border-collapse: collapse;
}

/* TODO split definitions to appropriate class names when live from HTML element */
.infobox.bordered td,
.infobox.bordered th {
      border: 1px solid #a2a9b1;
}

/* TODO split definitions to appropriate class names when live from HTML element */
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
      border: 0;
}

.infobox.sisterproject {
      width: 20em;
      font-size: 90%;
}

/* styles for bordered infobox with merged rows */
/* TODO split definitions to appropriate class names when live from HTML element */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
      border: 0;
      border-top: 1px solid #a2a9b1;
      /* @noflip */
      border-right: 1px solid #a2a9b1;
}

/* TODO split definitions to appropriate class names when live from HTML element */
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
      border: 0;
      /* @noflip */
      border-right: 1px solid #a2a9b1;
}

/* Styles for geography infoboxes, eg countries,
   country subdivisions, cities, etc.            */
.infobox.geography {
      border-collapse: collapse;
      line-height: 1.2em;
      font-size: 90%;
}

/* TODO split definitions to appropriate class names when live from HTML element */
.infobox.geography  td,
.infobox.geography  th {
      border-top: 1px solid #a2a9b1;
      padding: 0.4em 0.6em 0.4em 0.6em;
}

/* TODO split definitions to appropriate class names when live from HTML element */
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
      border-top: 1px solid #a2a9b1;
      padding: 0.4em 0.6em 0.2em 0.6em;
}

/* TODO split definitions to appropriate class names when live from HTML element */
.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
      border: 0;
      padding: 0 0.6em 0.2em 0.6em;
}

/* TODO split definitions to appropriate class names when live from HTML element */
.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
      border-top: 0;
      border-bottom: 1px solid #a2a9b1;
      padding: 0 0.6em 0.4em 0.6em;
}

/* TODO split definitions to appropriate class names when live from HTML element */
.infobox.geography .maptable td,
.infobox.geography .maptable th {
      border: 0;
      padding: 0;
}