Difference between revisions of "MediaWiki:Common.css"

From IvanWiki
Jump to navigation Jump to search
(Created page with "→‎CSS placed here will be applied to all skins: →‎atw: #attnam-header { background:#efefef url('/images/custom/header_bg.jpg'); padding:10px 0 0 0; height:120px...")
 
m
 
(12 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 */
  
/* atw */
+
#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: 49%;
 +
    margin-bottom: 1em;
 +
}
 +
.col > div {
 +
    height: 100%;
 +
}
 +
 
 +
#mw-head { top:130px; }
 +
#mw-panel { top:150px; }
 +
#p-logo { display:none; }
 +
 
 
#attnam-header {
 
#attnam-header {
 
     background:#efefef url('/images/custom/header_bg.jpg');
 
     background:#efefef url('/images/custom/header_bg.jpg');
Line 11: Line 31:
 
.centered { width:90%; min-width:1000px; margin:0 auto; }
 
.centered { width:90%; min-width:1000px; margin:0 auto; }
  
#attnam-nav {
+
#attnam-header nav {
     background:#9c9c9b url('/images/nav_bg.png') left top repeat-x;
+
     background:#9c9c9b; margin:0; font-size:11pt; padding:0 0 0 130px; position:absolute; bottom:0;
    margin:0; font-size:11pt; padding:0 0 0 140px; position:absolute; bottom:0;
 
 
}
 
}
#attnam-nav a { color:#fff !important; padding:5px 15px; text-decoration:none; font-weight:bold; display:block; }
+
#attnam-header nav a { color:#fff !important; padding:5px 15px; text-decoration:none; font-weight:bold; display:block; }
#attnam-nav a:hover { color:#ffa800 !important; background:url('/images/nav_bg.png') left bottom repeat-x; }
+
#attnam-header nav a:hover { color:#fff !important; background:#888; }
#attnam-nav a.active { background:#777; color:#fff; }
+
#attnam-header nav a.active { background:#777; color:#fff; }
#attnam-nav a.active:hover { background:#777; }
+
#attnam-header nav a.active:hover { background:#777; }
  
#attnam-nav ul { magin:0; padding:0; line-height:100%; }
+
#attnam-header nav ul { margin:0; padding:0; height:36px; }
#attnam-nav ul li { margin:0; padding:0; float:left; list-style:none; }
+
#attnam-header nav ul li { margin:0; padding:0; float:left; list-style:none; }
#attnam-nav a { padding:8px 20px; margin:0; display:block; }
+
#attnam-header nav a { padding:0 20px; margin:0; display:block; line-height:36px; }
#attnam-nav a:hover { text-decoration:none; }
+
#attnam-header nav a:hover { text-decoration:none; }
  
 
.break { /*width:100%; height:1px; margin:0 0 -1px;*/ clear:both; }
 
.break { /*width:100%; height:1px; margin:0 0 -1px;*/ clear:both; }
/* end atw */
 

Latest revision as of 17:46, 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: 49%;
    margin-bottom: 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; }