Difference between revisions of "Team:ASIJ Tokyo/bar"

 
(53 intermediate revisions by 2 users not shown)
Line 6: Line 6:
 
  margin: 0;
 
  margin: 0;
 
  padding: 0;
 
  padding: 0;
box-sizing: border-box;
 
}
 
 
a {
 
    text-decoration: none;
 
 
}
 
}
  
Line 17: Line 12:
 
  height: 100%;
 
  height: 100%;
 
  margin: auto;
 
  margin: auto;
  z-index: 1;
+
  z-index: 2;
 
  position: sticky;
 
  position: sticky;
 
  position: -webkit-sticky;
 
  position: -webkit-sticky;
 
  top: 16px;
 
  top: 16px;
 +
box-shadow: 0px 3px 10px rgba(19, 19, 19, 0.2);
 +
margin-top: -8px;
 
}
 
}
  
Line 29: Line 26:
 
  background-color: #f9f9f9;
 
  background-color: #f9f9f9;
 
  text-align: center;
 
  text-align: center;
  z-index: 1;
+
  z-index: 2;
 +
border-bottom: 3px solid #4B7FAD;
 
}
 
}
  
Line 36: Line 34:
 
  height: 300px;
 
  height: 300px;
 
  background-color: #F03861;
 
  background-color: #F03861;
z-index: 1;
+
z-index: 2;
 
}
 
}
  
Line 44: Line 42:
 
  margin-bottom: 30px;
 
  margin-bottom: 30px;
 
  font-family: "Avenir", sans-serif;
 
  font-family: "Avenir", sans-serif;
z-index: 1;
+
z-index: 2;
 
}
 
}
  
Line 52: Line 50:
 
  padding: 0px 10px;
 
  padding: 0px 10px;
 
  border-left: 3px solid #F03861;
 
  border-left: 3px solid #F03861;
z-index: 1;
+
z-index: 2;
 
}
 
}
  
Line 61: Line 59:
 
  padding: 0px 10px;
 
  padding: 0px 10px;
 
  border-left: 3px solid #F03861;
 
  border-left: 3px solid #F03861;
z-index: 1;
+
z-index: 2;
 
}
 
}
 
.tutorial .information p {
 
.tutorial .information p {
 
  padding: 10px 0px;
 
  padding: 10px 0px;
z-index: 1;
+
z-index: 2;
 
}
 
}
 
.tutorial ul {
 
.tutorial ul {
 
  font-size: 0;
 
  font-size: 0;
 
  list-style-type: none;
 
  list-style-type: none;
z-index: 1;
+
z-index: 2;
 
}
 
}
 
.tutorial ul li {
 
.tutorial ul li {
Line 80: Line 78:
 
  padding: 30px;
 
  padding: 30px;
 
  position: relative;
 
  position: relative;
z-index: 1;
+
z-index: 2;
 
}
 
}
  
Line 93: Line 91:
 
  color: #2F5F8A;
 
  color: #2F5F8A;
 
  display: inline-block;
 
  display: inline-block;
  padding: 20px;
+
  padding: 30px;
 
  position: relative;
 
  position: relative;
  top: 15px;
+
  top: 18px;
 +
z-index: 2;
 +
text-align: center;
 
}
 
}
  
 
.tutorial ul li:hover {
 
.tutorial ul li:hover {
 
  cursor: pointer;
 
  cursor: pointer;
  background-color: #f2f2f2;
+
  background-color: #E8E6E6;
z-index: 1;
+
  font-weight: bold;
 +
z-index: 2;
 +
  transition: 0.5s;
 
}
 
}
  
Line 107: Line 109:
 
  display: block;
 
  display: block;
 
  margin-top: 15px;
 
  margin-top: 15px;
  width: 200px;
+
  width: 213px;
 
  left: 0;
 
  left: 0;
 
  position: absolute;
 
  position: absolute;
z-index: 1;
+
z-index: 2;
 
}
 
}
  
Line 116: Line 118:
 
  display: block;
 
  display: block;
 
  background-color: #FEEDB3;
 
  background-color: #FEEDB3;
z-index: 1;
+
z-index: 2;
 
}
 
}
  
 
.tutorial ul li:hover ul li:hover {
 
.tutorial ul li:hover ul li:hover {
 
  background-color: #FDE38D;
 
  background-color: #FDE38D;
z-index: 1;
+
z-index: 2;
 
}
 
}
  
a {
+
.container a {
 
  text-decoration: none;
 
  text-decoration: none;
 
  color: #2f5f8a;
 
  color: #2f5f8a;
 
}
 
}
  
a:visited {
+
.container a:visited {
     color: #25313A;
+
     color: #2F5F8A;
 
}
 
}
  
a: hover {
+
.container a:hover {
     text-decoration: none;
+
      
 
}
 
}
 +
  
 
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {
 
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {
Line 253: Line 256:
 
     <li><a href="https://2018.igem.org/Team:ASIJ_Tokyo/Description">PROJECT</a><i class="fa fa-angle-down"></i>
 
     <li><a href="https://2018.igem.org/Team:ASIJ_Tokyo/Description">PROJECT</a><i class="fa fa-angle-down"></i>
 
       <ul>
 
       <ul>
 +
        <li><a href="https://2018.igem.org/Team:ASIJ_Tokyo/CRISPR">CRISPR</a></li>
 
         <li><a href="https://2018.igem.org/Team:ASIJ_Tokyo/Design">DESIGN</a></li>
 
         <li><a href="https://2018.igem.org/Team:ASIJ_Tokyo/Design">DESIGN</a></li>
         <li><a href="https://2018.igem.org/Team:ASIJ_Tokyo/Experiment">EXPERIMENT</a></li>
+
         <li><a href="https://2018.igem.org/Team:ASIJ_Tokyo/Experiments">EXPERIMENT</a></li>
 
         <li><a href="https://2018.igem.org/Team:ASIJ_Tokyo/Notebook">NOTEBOOK</a></li>
 
         <li><a href="https://2018.igem.org/Team:ASIJ_Tokyo/Notebook">NOTEBOOK</a></li>
 
         <li><a href="https://2018.igem.org/Team:ASIJ_Tokyo/Results">RESULTS</a></li>
 
         <li><a href="https://2018.igem.org/Team:ASIJ_Tokyo/Results">RESULTS</a></li>
Line 260: Line 264:
 
       </ul>
 
       </ul>
 
     </li>
 
     </li>
     <li><a href="https://2018.igem.org/Team:ASIJ_Tokyo/Parts">PARTS</a><i class="fa fa-angle-down"></i>
+
     <li><a href="https://2018.igem.org/Team:ASIJ_Tokyo/Parts">PARTS</a>
 
       <ul>
 
       <ul>
         <li><a href="https://2018.igem.org/Team:ASIJ_Tokyo/Improve">IMPROVE</a></li>
+
         <li><a href="https://2018.igem.org/Team:ASIJ_Tokyo/Improve">IMPROVE</a></li><i class="fa fa-angle-down"></i>
 
       </ul>
 
       </ul>
 
     </li>
 
     </li>
      <li><a href="https://2018.igem.org/Team:ASIJ_Tokyo/Human_Practices">HUMAN PRACTICES</a></li>
+
<li><a href="https://2018.igem.org/Team:ASIJ_Tokyo/Human_Practices">HUMAN PRACTICES</a>
 +
      <ul>
 +
        <li><a href="https://2018.igem.org/Team:ASIJ_Tokyo/Activities">OUR ACTIVITIES</a></li>
 +
        <li><a href="https://2018.igem.org/Team:ASIJ_Tokyo/Questions">Q&A</a></li>
 +
        <li><a href="https://2018.igem.org/Team:ASIJ_Tokyo/Future">FUTURE</a></li><i class="fa fa-angle-down"></i>
 +
      </ul>
 
   <li><a href="https://2018.igem.org/Team:ASIJ_Tokyo/Safety">SAFETY</a></li>
 
   <li><a href="https://2018.igem.org/Team:ASIJ_Tokyo/Safety">SAFETY</a></li>
 
   </ul>
 
   </ul>

Latest revision as of 23:04, 17 October 2018