MediaWiki:Common.css: Difference between revisions

flex class for horizontal infoboxes
(flex container)
(flex class for horizontal infoboxes)
Line 410:
 
/******************************
* FLEX FOR "THIS PHOTO" PAGES
* Adapted CSS from W3
******************************/
* {
Line 453:
flex-direction: column;
}
}
 
/******************************
* FLEX FOR HORIZONTAL INFOBOXES
******************************/
/* Create two unequal columns that sits next to each other */
/* left column */
.left-side-infobox {
flex: 40%;
background-color: #f7f7f7;
/*padding: 10px;*/
margin: 10px;
box-shadow: 0 4px 4px rgba(0,0,0,0.1);
}
 
/* right column */
.right-side-infobox {
flex: 55%;
background-color: #f7f7f7;
/*padding: 10px;*/
margin: 10px;
box-shadow: 0 4px 4px rgba(0,0,0,0.1);
}