Template:Main page/styles.css

From Power Wiki
Jump to navigation Jump to search

/* CSS used for https://www.mediawiki.org/wiki/MediaWiki/Homepage_improvements_2018 : */ .mainpage_row {

   display: flex;
   flex-direction: row;
   flex-flow: row wrap;
   justify-content: space-between;
   padding: 0;
   margin: 0 -5px 0 -5px;

}

.mainpage_box {

   flex: 1;
   margin: 5px;
   min-width: 210px;
   border: 1px solid #CCC;
   padding: 0 10px 10px 10px;
   box-shadow: 0 2px 2px rgba(0,0,0,0.1);

}

   .mainpage_box h3 {
       /* Reset padding so is equal across skins */
       padding: 0;
       margin: 0.5em 0;
   }
       .mainpage_box h3 .header_icon {
           float: left;
           margin-right: 5px;
       }
   .mainpage_box .items {
       border-top: 1px solid #CCC;
       padding-top: 0.5em;
   }
   .mainpage_box p:last-child {
       margin-bottom: 0;
   }

.mainpage_boxcontents_small {

   font-size: 95%;

} /* Style the "other languages" box the same way as other boxes on the main page */ .mw-pt-languages {

   display: block;
   background: none;
   border: 1px solid #CCC;
   box-shadow: 0 2px 2px rgba(0,0,0,0.1);
   width: auto;

}

.mw-pt-languages-label {

   background: none;
   border-right: none;

}

@media screen and (max-width: 719px) {

   .thumb {
       float: none;
   }
   .thumb, .thumbinner {
       margin-left: auto;
       margin-right: auto;
   }

}