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

Latest revision as of 23:04, 17 October 2018

HOME
TEAM
- COLLABORATION
- ATTRIBUTIONS
PROJECT
- CRISPR
- DESIGN
- EXPERIMENT
- NOTEBOOK
- RESULTS
- DEMONSTRATE
PARTS
- IMPROVE
HUMAN PRACTICES
SAFETY

@@ Line 6: / Line 6: @@
   margin: 0;
   padding: 0;
- box-sizing: border-box;
 }
@@ Line 13: / Line 12: @@
   height: 100%;
   margin: auto;
-  z-index: 1;
+  z-index: 2;
   position: sticky;
   position: -webkit-sticky;
   top: 16px;
+ box-shadow: 0px 3px 10px rgba(19, 19, 19, 0.2);
+ margin-top: -8px;
 }
 .tutorial {
   width: 100%;
-  margin: 16px auto 0 auto;
+  margin: 0 auto 0 auto;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
   background-color: #f9f9f9;
   text-align: center;
-z-index: 1;
+ z-index: 2;
+border-bottom: 3px solid #4B7FAD;
 }
@@ Line 32: / Line 34: @@
   height: 300px;
   background-color: #F03861;
-z-index: 1;
+z-index: 2;
 }
@@ Line 40: / Line 42: @@
   margin-bottom: 30px;
   font-family: "Avenir", sans-serif;
-z-index: 1;
+z-index: 2;
 }
 .tutorial .information h1 {
-  color: #333;
+  color: #2F5F8A;
   font-size: 1.5rem;
   padding: 0px 10px;
   border-left: 3px solid #F03861;
-z-index: 1;
+z-index: 2;
 }
 .tutorial .information h3 {
-  color: #e0e0e0;
+  color: #2F5F8A;
   font-size: 1rem;
   font-weight: 300;
   padding: 0px 10px;
   border-left: 3px solid #F03861;
-z-index: 1;
+z-index: 2;
 }
 .tutorial .information p {
   padding: 10px 0px;
-z-index: 1;
+z-index: 2;
 }
 .tutorial ul {
   font-size: 0;
   list-style-type: none;
-z-index: 1;
+z-index: 2;
 }
 .tutorial ul li {
@@ Line 72: / Line 74: @@
   font-size: 1rem;
   font-weight: 400;
-  color: #333;
+  color: #2F5F8A;
   display: inline-block;
-  padding: 15px;
+  padding: 30px;
   position: relative;
-z-index: 1;
+z-index: 2;
 }
@@ Line 87: / Line 89: @@
   font-size: 1rem;
   font-weight: 400;
-  color: #333;
+  color: #2F5F8A;
   display: inline-block;
-  padding: 20px;
+  padding: 30px;
   position: relative;
+ top: 18px;
+ z-index: 2;
+ text-align: center;
 }
 .tutorial ul li:hover {
   cursor: pointer;
-  background-color: #f2f2f2;
+  background-color: #E8E6E6;
-z-index: 1;
+  font-weight: bold;
+z-index: 2;
+  transition: 0.5s;
 }
@@ Line 102: / Line 109: @@
   display: block;
   margin-top: 15px;
-  width: 200px;
+  width: 213px;
   left: 0;
   position: absolute;
-z-index: 1;
+z-index: 2;
 }
 .tutorial ul li:hover ul li {
   display: block;
-  background-color: #e7e7e7;
+  background-color: #FEEDB3;
-z-index: 1;
+z-index: 2;
 }
 .tutorial ul li:hover ul li:hover {
-  background-color: #e0e0e0;
+  background-color: #FDE38D;
-z-index: 1;
+z-index: 2;
 }
-a {
+.container a {
   text-decoration: none;
   color: #2f5f8a;
 }
+.container a:visited {
+    color: #2F5F8A;
+}
+.container a:hover {
+}
 .mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {
@@ Line 168: / Line 184: @@
 li {
      margin-bottom: 0em;
+}
+.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {
+    margin: 16px 0 0 1.6em;
+    padding: 0;
 }
@@ Line 226: / Line 247: @@
   <div class="tutorial">
     <ul>
-      <li><a href="https://2018.igem.org/Team:ASIJ_Tokyo">HOME</a></li>
+      <li><a href="https://2018.igem.org/Team:ASIJ_Tokyo" style"color:#FCC81C; size: 25px;">HOME</a></li>
-      <li><a href="https://2018.igem.org/Team:ASIJ_Tokyo/Team">TEAM</a><i class="fa fa-angle-down"></li>
+      <li><a href="https://2018.igem.org/Team:ASIJ_Tokyo/Team">TEAM</a><i class="fa fa-angle-down"></i>
         <ul>
           <li><a href="https://2018.igem.org/Team:ASIJ_Tokyo/Collaborations">COLLABORATION</a></li>
@@ Line 233: / Line 254: @@
         </ul>
       </li>
-      <li><a href="https://2018.igem.org/Team:ASIJ_Tokyo/Description">PROJECT</a><i class="fa fa-angle-down"></li>
+      <li><a href="https://2018.igem.org/Team:ASIJ_Tokyo/Description">PROJECT</a><i class="fa fa-angle-down"></i>
         <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/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/Results">RESULTS</a></li>
@@ Line 242: / Line 264: @@
         </ul>
       </li>
-      <li><a href="https://2018.igem.org/Team:ASIJ_Tokyo/Parts">PARTS</a></li>
+      <li><a href="https://2018.igem.org/Team:ASIJ_Tokyo/Parts">PARTS</a>
+       <ul>
+         <li><a href="https://2018.igem.org/Team:ASIJ_Tokyo/Improve">IMPROVE</a></li><i class="fa fa-angle-down"></i>
+       </ul>
+     </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/Improve">IMPROVE</a><i class="fa fa-angle-down"></li>
+          <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/Human_Practices">HUMAN PRACTICES</a></li>
    <li><a href="https://2018.igem.org/Team:ASIJ_Tokyo/Safety">SAFETY</a></li>
     </ul>
@@ Line 252: / Line 280: @@
   </div>
 </body>
-</html><a href="https://2018.igem.org/Team:ASIJ_Tokyo/Description">PROJECT</a>
+</html>