Difference between revisions of "MediaWiki:Common.css"
From Bacterial Takeover
| (35 intermediate revisions by the same user not shown) | |||
| Line 2: | Line 2: | ||
@media only screen and (min-width: 900px) { | @media only screen and (min-width: 900px) { | ||
| − | . | + | .wrap_big { float: left;} |
| + | .padding_left_big { padding-left: 120px;} | ||
| + | .two_columns { | ||
| + | width:40%; | ||
| + | float: left; | ||
| + | padding-left:50px; | ||
| + | } | ||
| + | .achievement_page_table { | ||
| + | padding-right: 45px; | ||
| + | float: left; | ||
| + | } | ||
| + | .page_icon { | ||
| + | padding-bottom: 30px; | ||
| + | padding-right: 45px; | ||
| + | padding-left: 35px; | ||
| + | float: left; | ||
| + | } | ||
| + | .page_icon_small { | ||
| + | padding-bottom: 5px; | ||
| + | padding-right: 45px; | ||
| + | padding-left: 35px; | ||
| + | float: left; | ||
| + | } | ||
| + | .left_indent { | ||
| + | margin-left: 15%; | ||
| + | } | ||
| + | .line_break{ | ||
| + | content: "\A"; | ||
| + | } | ||
| + | .hide_big_screen { | ||
| + | display: none; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | @media only screen and (max-width: 900px) { | ||
| + | .achievement_page_table { margin: auto;} | ||
| + | .page_icon .page_icon_small{ margin-left: auto; margin-right: auto; display: block;} | ||
| + | .hide_small_screen { display: none;} | ||
| + | .mobile_br{ content: "<br>";} | ||
} | } | ||
Latest revision as of 13:27, 10 April 2019
/* CSS placed here will be applied to all skins */
@media only screen and (min-width: 900px) {
.wrap_big { float: left;}
.padding_left_big { padding-left: 120px;}
.two_columns {
width:40%;
float: left;
padding-left:50px;
}
.achievement_page_table {
padding-right: 45px;
float: left;
}
.page_icon {
padding-bottom: 30px;
padding-right: 45px;
padding-left: 35px;
float: left;
}
.page_icon_small {
padding-bottom: 5px;
padding-right: 45px;
padding-left: 35px;
float: left;
}
.left_indent {
margin-left: 15%;
}
.line_break{
content: "\A";
}
.hide_big_screen {
display: none;
}
}
@media only screen and (max-width: 900px) {
.achievement_page_table { margin: auto;}
.page_icon .page_icon_small{ margin-left: auto; margin-right: auto; display: block;}
.hide_small_screen { display: none;}
.mobile_br{ content: "<br>";}
}
