Difference between revisions of "MediaWiki:Mobile.css"
Jump to navigation
Jump to search
m |
m |
||
| (7 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
| + | |||
| + | #content table, #content div { box-sizing: border-box; } | ||
| + | |||
| + | .row { | ||
| + | display: flex; | ||
| + | flex-wrap: wrap; | ||
| + | justify-content: space-between; | ||
| + | align-items: stretch; | ||
| + | align-content: flex-start; | ||
| + | } | ||
| + | .col { | ||
| + | width: 100%; | ||
| + | margin-bottom: 1em; | ||
| + | } | ||
| + | .col > div { | ||
| + | height: 100%; | ||
| + | } | ||
#left-navigation, #right-navigation { top:130px; } | #left-navigation, #right-navigation { top:130px; } | ||
| Line 12: | Line 29: | ||
#attnam-header .logo { float:left; width:120px; position:relative; margin-right:20px; z-index:10; } | #attnam-header .logo { float:left; width:120px; position:relative; margin-right:20px; z-index:10; } | ||
| − | .centered { | + | .centered { margin:0 auto; } |
#attnam-header nav { | #attnam-header nav { | ||
Latest revision as of 17:47, 6 August 2020
/* CSS placed here will be applied to all skins */
#content table, #content div { box-sizing: border-box; }
.row {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
align-content: flex-start;
}
.col {
width: 100%;
margin-bottom: 1em;
}
.col > div {
height: 100%;
}
#left-navigation, #right-navigation { top:130px; }
#mw-panel { top:150px; }
#p-logo { display:none; }
#attnam-header {
padding:10px 0 0 0; height:120px; position:relative;
}
#attnam-header h1 { margin:0; padding:13px 0; border:0; }
#attnam-header h1 img { display: none; }
#attnam-header .logo { float:left; width:120px; position:relative; margin-right:20px; z-index:10; }
.centered { margin:0 auto; }
#attnam-header nav {
background:#9c9c9b; margin:0; font-size:11pt; padding:0 0 0 130px; position:absolute; bottom:0;
}
#attnam-header nav a { color:#fff !important; padding:5px 15px; text-decoration:none; font-weight:bold; display:block; }
#attnam-header nav a:hover { color:#fff !important; background:#888; }
#attnam-header nav a.active { background:#777; color:#fff; }
#attnam-header nav a.active:hover { background:#777; }
#attnam-header nav ul { margin:0; padding:0; height:36px; }
#attnam-header nav ul li { margin:0; padding:0; float:left; list-style:none; }
#attnam-header nav a { padding:0 20px; margin:0; display:block; line-height:36px; }
#attnam-header nav a:hover { text-decoration:none; }
.break { /*width:100%; height:1px; margin:0 0 -1px;*/ clear:both; }