Difference between revisions of "User:Becasita/test.css"
(Mobile stuff for set gallery and set list.) |
(For set gallery.) |
||
Line 10: | Line 10: | ||
display: flex; | display: flex; | ||
flex-direction: column; | flex-direction: column; | ||
− | margin: | + | margin: 0 0.4em; |
} | } | ||
/* Right container. */ | /* Right container. */ | ||
Line 57: | Line 57: | ||
margin: -1px; | margin: -1px; | ||
} | } | ||
+ | } | ||
+ | |||
+ | .skin-minerva .gallery-header { | ||
+ | font-size: 110%; | ||
+ | font-weight: bold; | ||
+ | text-align: center; | ||
} | } |
Revision as of 16:08, 21 January 2018
/* Main container. */
#mp
{
display: flex;
}
/* Left/Right containers. */
.mp-left, .mp-right
{
display: flex;
flex-direction: column;
margin: 0 0.4em;
}
/* Right container. */
.mp-right
{ /* Fixed max width. */
max-width: 25em;
}
/* Screens with max-width of 1000px (might need to be changed) */
@media screen and (max-width: 1000px)
{
/* Main container. */
#mp
{ /* Display block, to make stuff linear, instead of side-by-side. */
display: block;
}
/* Right container. */
.mp-right
{ /* Unset the max width limitation. */
max-width: unset;
}
}
/********************************************
* Mobile stuff for set gallery and set list.
*/
.skin-minerva .content .card-list {
display: table;
width: 100% !important; /* I hate this, but the default uses it too. */
}
.skin-minerva .content .card-list caption {
text-align: center;
font-size: 110%;
}
@media (max-width: 635px) {
.skin-minerva .card-list tr {
margin: 0.5em;
display: block;
}
.skin-minerva .card-list tr:nth-child(odd) {
background-color: #EEE;
}
.skin-minerva .card-list td, .card-list th {
display: block;
margin: -1px;
}
}
.skin-minerva .gallery-header {
font-size: 110%;
font-weight: bold;
text-align: center;
}