Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
Deku-shrub (talk | contribs) |
Deku-shrub (talk | contribs) |
||
(One intermediate revision by the same user not shown) | |||
Line 25: | Line 25: | ||
font-size:120%; | font-size:120%; | ||
width:100%; | width:100%; | ||
+ | } | ||
+ | /* desktop CSS */ | ||
+ | .portal-column-left { | ||
+ | float: left; | ||
+ | width: 50%; | ||
+ | } | ||
+ | .portal-column-right { | ||
+ | float: right; | ||
+ | width: 49%; | ||
+ | } | ||
+ | /* mobile CSS */ | ||
+ | @media only screen and (max-width: 800px) { | ||
+ | /* Decouple the columns on narrow screens */ | ||
+ | .portal-column-left, | ||
+ | .portal-column-right { | ||
+ | float: inherit; | ||
+ | width: inherit; | ||
+ | } | ||
} | } |
Revision as of 20:18, 24 February 2018
/* CSS placed here will be applied to all skins */ .grey_box { background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #f5f5f5 0%, #fff 100%) repeat scroll 0 0; background: -ms-linear-gradient( top,#f5f5f5 0%,#FFF ); background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #f5f5f5), color-stop(0.02, #f5f5f5), color-stop(0.97, #fff), color-stop(1.0, #fff)); padding: 1px; border: 1px solid #f5f5f5; } .blue_box { background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #ccddff 0%, #fff 100%) repeat scroll 0 0; background: -ms-linear-gradient( top,#ccddff 0%,#FFF ); background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #ccddff), color-stop(0.02, #ccddff), color-stop(0.97, #fff), color-stop(1.0, #fff)); padding: 1px; border: 1px solid #ccddff; } .yellow_box { background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #ffe066 0%, #fff 100%) repeat scroll 0 0; background: -ms-linear-gradient( top,#ffe066 0%,#FFF ); background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #ffe066), color-stop(0.02, #ffe066), color-stop(0.97, #fff), color-stop(1.0, #fff)); padding: 1px; border: 1px solid #ffe066; } .table_header { border-bottom: thin solid #ccc; font-size:120%; width:100%; } /* desktop CSS */ .portal-column-left { float: left; width: 50%; } .portal-column-right { float: right; width: 49%; } /* mobile CSS */ @media only screen and (max-width: 800px) { /* Decouple the columns on narrow screens */ .portal-column-left, .portal-column-right { float: inherit; width: inherit; } }