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;
}

@media screen {
  .mw-body h2 {
    font-size: 1.4em;
  }
}

#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,
#disclaimer {
    display:none; 
}

#lastmod {
    display:none !important; 
}

/* 
#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),
#mw-subcategories > 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: 110%;
	  font-weight: 700;	
      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;
}

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}

#mw-site-navigation .sidebar-chunk .mw-portlet-body
{
margin-bottom: 10px;
}

#mw-site-navigation .sidebar-chunk h3
{
  margin-bottom: 2px;
  padding-bottom: 6px;
}


 div.mw-parser-output > p {
    text-align: justify;
 }

@media screen and (min-width: 851px) {
  .mw-wiki-logo.timeless-logo img {
    width: 155px; 
  }
}

@media screen {
  #mw-content-container {
    background: #3364b2;
  }
 
  .color-right { 
    background: #b32424; 
  }
  
  th.infobox-above {
    background-color: #3364B2 !important;
    color: #f8f9fa;
     
  }
   
  th.infobox-above div {
    line-height: 1.0em;
     
  }
  
  .infobox .infobox-above, .infobox caption, .infobox-title { 
	  padding-bottom: 5px;
	  
  }
   
  .mw-content-ltr .mw-parser-output ol {
    margin: 0.3em 0 0 2.0em;
    margin-top: 0.3em;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 2em;
    padding: 0;
  } 
  
  .infobox.vcard img {
  padding-bottom: 3px;
  
}
  
}