Difference between revisions of "Template:NAU-CHINA/header"

Line 13: Line 13:
 
}
 
}
  
* {
+
* {box-sizing: border-box;}
    box-sizing: border-box;
+
}
+
  
 
a:link,a:visited {
 
a:link,a:visited {
 
     color: black !important;
 
     color: black !important;
 
}
 
}
 
 
  
 
.menu-container {
 
.menu-container {
 
     width: 100%;
 
     width: 100%;
     margin: 0 0 20px 0;
+
     margin: 0 auto;
 
     padding-right: 30px;
 
     padding-right: 30px;
 
     font-size:16px;
 
     font-size:16px;
Line 31: Line 27:
 
     /*background: #e9e9e9;*/
 
     /*background: #e9e9e9;*/
 
}
 
}
 
  
 
.menu > ul {
 
.menu > ul {
Line 39: Line 34:
 
     padding: 0;
 
     padding: 0;
 
     position: relative;
 
     position: relative;
    /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
 
 
     box-sizing: border-box;
 
     box-sizing: border-box;
 
 
}
 
}
  
.menu > ul:before,
+
.menu > ul:before, .menu > ul:after {
.menu > ul:after {
+
 
     content: "";
 
     content: "";
 
     display: table;
 
     display: table;
 
}
 
}
  
.menu > ul:after {
+
.menu > ul:after {clear: both;}
    clear: both;
+
}
+
  
 
.menu > ul > li {
 
.menu > ul > li {
Line 76: Line 66:
 
     width: 100%;
 
     width: 100%;
 
     background-color: whitesmoke;
 
     background-color: whitesmoke;
    /*padding: 20px;*/
 
 
     position: absolute;
 
     position: absolute;
 
     z-index: 99;
 
     z-index: 99;
Line 85: Line 74:
 
     border-radius: 5px;
 
     border-radius: 5px;
 
}
 
}
 
+
/*
.menu > ul > li > ul:before,
+
.menu > ul > li > ul:before, .menu > ul > li > ul:after {
.menu > ul > li > ul:after {
+
 
     content: "";
 
     content: "";
 
     display: table;
 
     display: table;
 
}
 
}
 
+
*/
.menu > ul > li > ul:after {
+
.menu > ul > li > ul:after {clear: both;}
    clear: both;
+
}
+
  
  
Line 110: Line 96:
 
     left: auto;
 
     left: auto;
 
}
 
}
 
 
  
 
.menu > ul > li > ul.normal-sub > li {
 
.menu > ul > li > ul.normal-sub > li {
Line 117: Line 101:
 
     position:relative;
 
     position:relative;
 
     /*left:16px;*/
 
     /*left:16px;*/
 +
}
  
}
 
 
.menu > ul > li > ul.normal-sub > li:hover {
 
.menu > ul > li > ul.normal-sub > li:hover {
 
     background:black;
 
     background:black;

Revision as of 03:45, 6 October 2018