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

Line 51: Line 51:
 
   list-style: none;
 
   list-style: none;
 
   width: 280px;
 
   width: 280px;
 +
  background-color: grey;
 
}
 
}
 +
nav > ul > li {
 +
  position: relative;
 +
}
 +
 +
 
nav li {
 
nav li {
 +
  margin-bottom: 1px;
 +
}
 +
nav li:last-child {
 
   margin-bottom: 0px;
 
   margin-bottom: 0px;
 +
}
  
}
 
 
nav a {
 
nav a {
 
   padding-left: 40px;
 
   padding-left: 40px;
Line 74: Line 83:
 
nav > ul > li > a:not(:last-child)::after {
 
nav > ul > li > a:not(:last-child)::after {
 
   content: "+"
 
   content: "+"
}
 
 
nav li:last-child {
 
  margin-bottom: 0px;
 
}
 
 
nav > ul > li {
 
  position: relative;
 
 
}
 
}
 
nav > ul > li > ul {
 
nav > ul > li > ul {
Line 88: Line 89:
 
   top: 0px;
 
   top: 0px;
  
   transition: opacity 0.8s, height 0.3s, width 0.1s;
+
   transition: opacity 0.4s, height 0.2s, width 0.1s;
 +
  transition-delay: 0.5s;
 
   opacity: 0;
 
   opacity: 0;
 
   height: 0px;
 
   height: 0px;
 
}
 
}
 
nav > ul > li:hover > ul, nav > ul > li > ul:hover {
 
nav > ul > li:hover > ul, nav > ul > li > ul:hover {
  transition: opacity 0.4s, height 0.2s, width 0.1s;
 
 
   opacity: 0.99;
 
   opacity: 0.99;
 
   height: 100px;
 
   height: 100px;

Revision as of 03:50, 10 August 2015