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

(Created page with "<html> <style> *, *:before, *:after { margin: 0; padding: 0; box-sizing: border-box; } body, html { height: 100%; background-color:#EEEEEE; } .container { width: 96%;...")
 
 
(100 intermediate revisions by 2 users not shown)
Line 6: Line 6:
 
  margin: 0;
 
  margin: 0;
 
  padding: 0;
 
  padding: 0;
−
box-sizing: border-box;
 
−
}
 
−
 
−
body, html {
 
−
height: 100%;
 
−
background-color:#EEEEEE;
 
 
}
 
}
  
 
.container {
 
.container {
−
  width: 96%;
+
  width: 100%;
 
  height: 100%;
 
  height: 100%;
 
  margin: auto;
 
  margin: auto;
 +
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 {
 
.tutorial {
−
position: -webkit-sticky;
 
−
position: sticky;
 
−
top: 0;
 
 
  width: 100%;
 
  width: 100%;
−
  margin: 2% 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: 2;
 +
border-bottom: 3px solid #4B7FAD;
 
}
 
}
 +
 
.tutorial .slider {
 
.tutorial .slider {
 
  width: 100%;
 
  width: 100%;
 
  height: 300px;
 
  height: 300px;
 
  background-color: #F03861;
 
  background-color: #F03861;
 +
z-index: 2;
 
}
 
}
 +
 
.tutorial .information {
 
.tutorial .information {
 
  width: 100%;
 
  width: 100%;
Line 40: Line 42:
 
  margin-bottom: 30px;
 
  margin-bottom: 30px;
 
  font-family: "Avenir", sans-serif;
 
  font-family: "Avenir", sans-serif;
 +
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: 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: 2;
 
}
 
}
 
.tutorial .information p {
 
.tutorial .information p {
 
  padding: 10px 0px;
 
  padding: 10px 0px;
 +
z-index: 2;
 
}
 
}
 
.tutorial ul {
 
.tutorial ul {
 
  font-size: 0;
 
  font-size: 0;
 
  list-style-type: none;
 
  list-style-type: none;
 +
z-index: 2;
 
}
 
}
 
.tutorial ul li {
 
.tutorial ul li {
Line 65: 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: 2;
 
}
 
}
 +
 
.tutorial ul li ul {
 
.tutorial ul li ul {
 
  display: none;
 
  display: none;
 
}
 
}
 +
 +
.tutorial ul li ul li{
 +
font-family: "Avenir", sans-serif;
 +
font-size: 1rem;
 +
font-weight: 400;
 +
color: #2F5F8A;
 +
display: inline-block;
 +
padding: 30px;
 +
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;
 +
  font-weight: bold;
 +
z-index: 2;
 +
  transition: 0.5s;
 
}
 
}
 +
 
.tutorial ul li:hover ul {
 
.tutorial ul li:hover ul {
 
  display: block;
 
  display: block;
 
  margin-top: 15px;
 
  margin-top: 15px;
−
  width: 200px;
+
  width: 213px;
 
  left: 0;
 
  left: 0;
 
  position: absolute;
 
  position: absolute;
 +
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: 2;
 
}
 
}
 +
 
.tutorial ul li:hover ul li:hover {
 
.tutorial ul li:hover ul li:hover {
−
  background-color: #e0e0e0;
+
  background-color: #FDE38D;
 +
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 {
 +
    margin: 0.3em 0 0 1.6em;
 +
    padding: 10px;
 +
}
 +
 +
html body {
 +
    font: normal;
 +
}
 +
 +
#HQ_page {
 +
    font-family: "Avenir",Gadget,sans-serif;
 +
}
 +
 +
#sideMenu,
 +
#top_title {
 +
    display: none;
 +
}
 +
 +
#content {
 +
    width: 100vw;
 +
    padding: 0px;
 +
    border: none;
 +
    color: black;
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
    background-color: transparent;
 +
    position: relative;
 +
}
 +
 +
#globalWrapper {
 +
    font-size: inherit;
 +
    padding-bottom: 0;
 +
}
 +
 +
#top_menu_under {
 +
    height: 0px;
 +
}
 +
 +
ul {
 +
    list-style-image: none; //removes the iGEM wiki bullets
 +
}
 +
 +
li {
 +
    margin-bottom: 0em;
 +
}
 +
 +
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {
 +
    margin: 16px 0 0 1.6em;
 +
    padding: 0;
 +
}
 +
 +
.MathJax nobr>span.math>span {
 +
    border-left-width: 0 !important;
 +
}
 +
 +
#HQ_page h1, h2, h3, h4, h5 {
 +
    font-family: "Avenir",Gadget,sans-serif;
 +
    border-bottom: none;
 +
    font-weight: bold;
 +
}
 +
 +
#HQ_page p {
 +
    font-family: "Avenir",Gadget,sans-serif;
 +
    border-bottom: none;
 +
}
 +
 +
hr {
 +
    color: #2F5F8A;
 +
    border-style: solid;
 +
    height: 2px;
 +
    background-color: #2F5F8A;
 +
    border: 0;
 +
    margin: .2em 0 .2em 0;
 +
}
 +
 +
h1 {
 +
    color: #25313A;
 +
    font-size: 30px!important;
 +
}
 +
 +
h2 {
 +
    color: #25313A;
 +
    font-size: 25px!important;
 +
    padding-top: 23px;
 +
}
 +
 +
p {
 +
    color: #25313A;
 +
    font-size: 20px!important; 
 +
}
 +
 +
#HQ_page table {
 +
    margin-left: 0px;
 +
}
 +
 +
.logo_2018 {
 +
    margin-top: 0px;
 +
    width: 150px;
 +
    float: left;
 +
    display: none;
 
}
 
}
  
Line 102: 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="#">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>
−
         <li>COLLABORATION</li>
+
         <li><a href="https://2018.igem.org/Team:ASIJ_Tokyo/Collaborations">COLLABORATION</a></li>
−
         <li><a hrefATTRIBUTIONS </li>
+
         <li><a href="https://2018.igem.org/Team:ASIJ_Tokyo/Attributions">ATTRIBUTIONS </a></li>
 
       </ul>
 
       </ul>
 
     </li>
 
     </li>
−
     <li><a href="https://2018.igem.org/Team:ASIJ_Tokyo/Parts">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>DESCRIPTION </li>
+
         <li><a href="https://2018.igem.org/Team:ASIJ_Tokyo/CRISPR">CRISPR</a></li>
−
         <li>DESIGN </li>
+
         <li><a href="https://2018.igem.org/Team:ASIJ_Tokyo/Design">DESIGN</a></li>
−
         <li>EXPERIMENT</li>
+
         <li><a href="https://2018.igem.org/Team:ASIJ_Tokyo/Experiments">EXPERIMENT</a></li>
−
         <li>NOTEBOOK</li>
+
         <li><a href="https://2018.igem.org/Team:ASIJ_Tokyo/Notebook">NOTEBOOK</a></li>
−
         <li>RESULTS</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/Demonstrate">DEMONSTRATE</a></li>
 
       </ul>
 
       </ul>
 
     </li>
 
     </li>
−
     <li><a href="https://2018.igem.org/Team:ASIJ_Tokyo/Team">PARTS</a></li>
+
     <li><a href="https://2018.igem.org/Team:ASIJ_Tokyo/Parts">PARTS</a>
−
       <li><a href="https://2018.igem.org/Team:ASIJ_Tokyo/Engagement">HUMAN PRACTICES</a></li>
+
      <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/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