Difference between revisions of "MediaWiki:Common.css"
(11 intermediate revisions by the same user not shown) | |||
Line 3: | Line 3: | ||
div.rightbar { | div.rightbar { | ||
− | float:right; clear:right; width: | + | float:right; clear:right; width:340px; |
} | } | ||
Line 10: | Line 10: | ||
border-width: 1px; | border-width: 1px; | ||
border-color: #111111; | border-color: #111111; | ||
− | background-color: # | + | background-color: #efefef; |
− | border-radius: | + | border-radius: 5px; |
box-sizing: border-box; | box-sizing: border-box; | ||
− | padding: 2em; | + | padding: 0.2em 0.5em; |
+ | } | ||
+ | |||
+ | div.margin1 { | ||
+ | margin: 0.2em; | ||
+ | } | ||
+ | |||
+ | div.column50 { | ||
+ | float: left; | ||
+ | width: 50%; | ||
+ | display: table-cell; | ||
+ | @media (max-width: 600px) { | ||
+ | width: 100%; | ||
+ | display: block; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | div.row { | ||
+ | display: table; | ||
+ | width:100%; | ||
+ | } | ||
+ | |||
+ | div.row:after { | ||
+ | content: ""; | ||
+ | display: table; | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | div.clear { | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | div.item_icon img {} | ||
+ | |||
+ | div.item_icon50 img { | ||
+ | width: 50%; | ||
+ | } | ||
+ | div.item_icon66 img { | ||
+ | width: 66%; | ||
+ | } | ||
+ | div.item_icon75 img { | ||
+ | width: 75%; | ||
} | } |
Latest revision as of 04:34, 27 February 2018
/* CSS placed here will be applied to all skins */
img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ }
div.rightbar {
float:right; clear:right; width:340px;
}
div.vtbox {
border-style: solid;
border-width: 1px;
border-color: #111111;
background-color: #efefef;
border-radius: 5px;
box-sizing: border-box;
padding: 0.2em 0.5em;
}
div.margin1 {
margin: 0.2em;
}
div.column50 {
float: left;
width: 50%;
display: table-cell;
@media (max-width: 600px) {
width: 100%;
display: block;
}
}
div.row {
display: table;
width:100%;
}
div.row:after {
content: "";
display: table;
clear: both;
}
div.clear {
clear: both;
}
div.item_icon img {}
div.item_icon50 img {
width: 50%;
}
div.item_icon66 img {
width: 66%;
}
div.item_icon75 img {
width: 75%;
}