MediaWiki:Common.css: Difference between revisions
flex boxes
m (mainpage box min width increased) |
(flex boxes) |
||
Line 406:
padding: 0;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
}
/******************************
* Adapted CSS from W3
******************************/
{
box-sizing: border-box;
}
/* Column container */
.row {
display: flex;
flex-wrap: wrap;
}
/* Create two unequal columns that sits next to each other */
/* left column */
.left {
flex: 70%;
background-color: white;
padding: 20px;
}
/* right column */
.right {
flex: 30%;
background-color: white;
padding: 20px;
}
/* Responsive layout - when the screen is less than 700px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 700px) {
.row {
flex-direction: column;
}
}
|