Difference between revisions of "MediaWiki:Mobile.css"

From IvanWiki
Jump to navigation Jump to search
m
m
 
(5 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 28: Line 45:
  
 
.break { /*width:100%; height:1px; margin:0 0 -1px;*/ clear:both; }
 
.break { /*width:100%; height:1px; margin:0 0 -1px;*/ clear:both; }
 
.mw-ui-icon-small {
 
    width: 1em;
 
    height: 1em;
 
    min-width: 1em;
 
    min-height: 1em;
 
    flex-basis: 1em;
 
    line-height: 1em;
 
}
 
.mw-ui-icon-small.mw-ui-icon-element {
 
    padding: 0.5625em;
 
}
 
.mw-ui-icon-small.mw-ui-icon-flush-left {
 
    margin-left: -0.5625em;
 
}
 

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; }