Difference between revisions of "MediaWiki:Common.css"

From IvanWiki
Jump to navigation Jump to search
m
m
Line 1: Line 1:
 
/* CSS placed here will be applied to all skins */
 
/* CSS placed here will be applied to all skins */
  
.row { margin: 1em -1em; }
+
.row {
.col { width: 50%; float: left; padding: 0 1em; }
+
    display: flex;
.row:after { clear: both; }
+
    flex-wrap: wrap;
 +
    justify-content: space-between;
 +
    align-items: stretch;
 +
    align-content: flex-start;
 +
}
 +
.col {
 +
    width: 50%;
 +
    padding: 0 1em;
 +
}
 +
.col > div {
 +
    height: 100%;
 +
}
  
 
#mw-head { top:130px; }
 
#mw-head { top:130px; }

Revision as of 17:43, 6 August 2020

/* CSS placed here will be applied to all skins */

.row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: flex-start;
}
.col {
    width: 50%;
    padding: 0 1em;
}
.col > div {
    height: 100%;
}

#mw-head { top:130px; }
#mw-panel { top:150px; }
#p-logo { display:none; }

#attnam-header {
    background:#efefef url('/images/custom/header_bg.jpg');
    padding:10px 0 0 0; height:120px; position:relative;
}
#attnam-header h1 { margin:0; padding:13px 0; border:0; }
#attnam-header .logo { float:left; width:120px; position:relative; margin-right:20px; z-index:10; }

.centered { width:90%; min-width:1000px; 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; }