MediaWiki:Common.css: Difference between revisions
From The Character Database
No edit summary |
No edit summary |
||
| (One intermediate revision by the same user not shown) | |||
| Line 30: | Line 30: | ||
} | } | ||
.container { | |||
max-width: 800px; | |||
} | |||
@media screen and (max-width: 767px) { | @media screen and (max-width: 767px) { | ||
.container { | |||
width: 100%; | |||
} | |||
.infobox { | .infobox { | ||
margin-left: auto; | margin-left: auto; | ||
margin-right: auto; | margin-right: auto; | ||
text-align: center; | |||
float: none; | float: none; | ||
clear: both; | clear: both; | ||
} | } | ||
} | } | ||
Latest revision as of 01:55, 25 April 2023
/* CSS placed here will be applied to all skins */
.infobox {
border: 1px solid #aaa;
background-color: #f9f9f9;
color: black;
margin-bottom: 0.5em;
margin-left: 1em;
padding: 0.2em;
float: right;
clear: none;
}
.infobox td,
.infobox th {
vertical-align: top;
}
.infobox caption {
font-size: larger;
margin-left: inherit;
}
.infobox.bordered {
border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
border: 1px solid #aaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
border: 0;
}
.container {
max-width: 800px;
}
@media screen and (max-width: 767px) {
.container {
width: 100%;
}
.infobox {
margin-left: auto;
margin-right: auto;
text-align: center;
float: none;
clear: both;
}
}
