Difference between revisions of "Template:SJTU-BioX-Shanghai/Alpha/Header"

Line 39: Line 39:
  
 
/* color & font BEGIN */
 
/* color & font BEGIN */
 +
nav {
 +
  color: #5BAC6F;
 +
}
 +
nav #hide-nav svg * {
 +
  fill: #5BAC6F;
 +
}
 +
nav > ul > li:first-child {
 +
  color: black;
 +
}
 +
nav, nav > ul > li:not(:first-child) a {
 +
  background-color: #EEEEEE;
 +
}
 +
 
nav {
 
nav {
 
   background-color: #EEEEEE;
 
   background-color: #EEEEEE;
  color: #91B798;
 
 
   box-shadow: 5px 0px 3px;
 
   box-shadow: 5px 0px 3px;
  
Line 70: Line 82:
 
nav a:hover {
 
nav a:hover {
 
   text-decoration: none;
 
   text-decoration: none;
}
 
nav > ul > li:not(:first-child) a {
 
  background-color: #EEEEEE;
 
 
}
 
}
 
nav > ul > li:not(:first-child) a:hover {
 
nav > ul > li:not(:first-child) a:hover {
Line 107: Line 116:
 
   position: absolute;
 
   position: absolute;
 
   top: 50%;
 
   top: 50%;
 +
  left: 3px;
 
   height: 10px;
 
   height: 10px;
 
   margin-top: -5px;
 
   margin-top: -5px;
Line 188: Line 198:
 
     <nav>
 
     <nav>
 
       <div>SJTU Bio-X</div>
 
       <div>SJTU Bio-X</div>
       <div id="hide-nav" onclick="hide_nav_click(this)"><svg width="5px" height="10px"><polygon points="1,1 5,4 1,9"/></svg></div>
+
       <div id="hide-nav" onclick="hide_nav_click(this)"><svg width="10px" height="20px"><polygon points="10,0 0,0 10,20"/></svg></div>
 
       <ul>
 
       <ul>
 
<li><a href="#">home</a></li>
 
<li><a href="#">home</a></li>

Revision as of 13:28, 10 August 2015