Difference between revisions of "MediaWiki:Mobile.css"

From IvanWiki
Jump to navigation Jump to search
(Replaced content with "→‎CSS placed here will be applied to all skins: #p-logo { display:none; } #attnam-header { display:none; }")
Tag: Replaced
m
 
(9 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; }
 +
#mw-panel { top:150px; }
 
#p-logo { display:none; }
 
#p-logo { display:none; }
#attnam-header { 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; }

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