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

 
(64 intermediate revisions by 2 users not shown)
Line 6: Line 6:
 
  margin: 0;
 
  margin: 0;
 
  padding: 0;
 
  padding: 0;
−
box-sizing: border-box;
 
 
}
 
}
  
Line 13: 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;
 
}
 
}
  
 
.tutorial {
 
.tutorial {
 
  width: 100%;
 
  width: 100%;
−
  margin: 16px auto 0 auto;
+
  margin: 0 auto 0 auto;
 
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
 
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
 
  background-color: #f9f9f9;
 
  background-color: #f9f9f9;
 
  text-align: center;
 
  text-align: center;
−
z-index: 1;
+
z-index: 2;
 +
border-bottom: 3px solid #4B7FAD;
 
}
 
}
  
Line 32: Line 34:
 
  height: 300px;
 
  height: 300px;
 
  background-color: #F03861;
 
  background-color: #F03861;
−
z-index: 1;
+
z-index: 2;
 
}
 
}
  
Line 40: Line 42:
 
  margin-bottom: 30px;
 
  margin-bottom: 30px;
 
  font-family: "Avenir", sans-serif;
 
  font-family: "Avenir", sans-serif;
−
z-index: 1;
+
z-index: 2;
 
}
 
}
  
 
.tutorial .information h1 {
 
.tutorial .information h1 {
−
  color: #333;
+
  color: #2F5F8A;
 
  font-size: 1.5rem;
 
  font-size: 1.5rem;
 
  padding: 0px 10px;
 
  padding: 0px 10px;
 
  border-left: 3px solid #F03861;
 
  border-left: 3px solid #F03861;
−
z-index: 1;
+
z-index: 2;
 
}
 
}
  
 
.tutorial .information h3 {
 
.tutorial .information h3 {
−
  color: #e0e0e0;
+
  color: #2F5F8A;
 
  font-size: 1rem;
 
  font-size: 1rem;
 
  font-weight: 300;
 
  font-weight: 300;
 
  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 72: Line 74:
 
  font-size: 1rem;
 
  font-size: 1rem;
 
  font-weight: 400;
 
  font-weight: 400;
−
  color: #333;
+
  color: #2F5F8A;
 
  display: inline-block;
 
  display: inline-block;
−
  padding: 15px;
+
  padding: 30px;
 
  position: relative;
 
  position: relative;
−
z-index: 1;
+
z-index: 2;
 
}
 
}
  
Line 87: Line 89:
 
  font-size: 1rem;
 
  font-size: 1rem;
 
  font-weight: 400;
 
  font-weight: 400;
−
  color: #333;
+
  color: #2F5F8A;
 
  display: inline-block;
 
  display: inline-block;
−
  padding: 20px;
+
  padding: 30px;
 
  position: relative;
 
  position: relative;
 +
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 102: 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;
 
}
 
}
  
 
.tutorial ul li:hover ul li {
 
.tutorial ul li:hover ul li {
 
  display: block;
 
  display: block;
−
  background-color: #e7e7e7;
+
  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: #e0e0e0;
+
  background-color: #FDE38D;
−
z-index: 1;
+
z-index: 2;
 
}
 
}
  
−
a {
+
.container a {
 
  text-decoration: none;
 
  text-decoration: none;
 
  color: #2f5f8a;
 
  color: #2f5f8a;
 
}
 
}
 +
 +
.container a:visited {
 +
    color: #2F5F8A;
 +
}
 +
 +
.container a:hover {
 +
   
 +
}
 +
  
 
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {
 
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {
Line 168: Line 184:
 
li {
 
li {
 
     margin-bottom: 0em;
 
     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">
 
  <div class="tutorial">
 
   <ul>
 
   <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"></i>
 
     <li><a href="https://2018.igem.org/Team:ASIJ_Tokyo/Team">TEAM</a><i class="fa fa-angle-down"></i>
 
       <ul>
 
       <ul>
Line 235: 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 242: 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