Difference between revisions of "MediaWiki:Common.css"
From Bacterial Takeover
(4 intermediate revisions by the same user not shown) | |||
Line 3: | Line 3: | ||
@media only screen and (min-width: 900px) { | @media only screen and (min-width: 900px) { | ||
.wrap_big { float: left;} | .wrap_big { float: left;} | ||
− | .padding_left_big { padding-left: | + | .padding_left_big { padding-left: 120px;} |
.two_columns { | .two_columns { | ||
width:40%; | width:40%; | ||
Line 14: | Line 14: | ||
} | } | ||
.page_icon { | .page_icon { | ||
− | padding-bottom: | + | padding-bottom: 30px; |
padding-right: 45px; | padding-right: 45px; | ||
padding-left: 35px; | padding-left: 35px; | ||
Line 20: | Line 20: | ||
} | } | ||
.page_icon_small { | .page_icon_small { | ||
− | padding-bottom: | + | padding-bottom: 5px; |
padding-right: 45px; | padding-right: 45px; | ||
padding-left: 35px; | padding-left: 35px; | ||
Line 40: | Line 40: | ||
.page_icon .page_icon_small{ margin-left: auto; margin-right: auto; display: block;} | .page_icon .page_icon_small{ margin-left: auto; margin-right: auto; display: block;} | ||
.hide_small_screen { display: none;} | .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>";} }