Difference between revisions of "Template:MIT/menu"

 
(29 intermediate revisions by 2 users not shown)
Line 18: Line 18:
 
#content {
 
#content {
 
  padding: 0% 0 0 0;
 
  padding: 0% 0 0 0;
−
  style = 'background-color: #D8C6C2';
+
  style = 'background-color: #808080';
 
}
 
}
 
 
−
p {
+
−
font-family: Tahoma, Nunito, serif !important;
+
−
text-align: justified !important;
+
−
font-size: 18px;
+
−
  }
+
 
 
−
  b {
+
  b {
 
font-family: Tahoma, Nunito, serif !important;
 
font-family: Tahoma, Nunito, serif !important;
 
font-weight: 700;
 
font-weight: 700;
 
text-align: justified !important;
 
text-align: justified !important;
 
font-size: 18px;
 
font-size: 18px;
−
  }
+
  }
−
          a {
+
−
                color: inherit;
+
−
                text-decoration: inherit;
+
−
          }
+
  
−
  .narration_bold {font-weight: 700;  
+
  .narration_bold {font-weight: 700;  
 
font-size: 3;}
 
font-size: 3;}
 
 
−
  .narration_bold {
+
    .narration_bold {
 
font-family: Tahoma, Nunito, serif  
 
font-family: Tahoma, Nunito, serif  
 
!important;
 
!important;
Line 52: Line 44:
 
}
 
}
  
−
  h1, h2, h3, h4 {
+
    h1, h2, h3, h4 {
−
  font-family: Tahoma, Lato, serif !important;
+
  font-family: Tahoma, Lato, serif !important;
−
  font-size: 16px;
+
  font-size: 16px;
−
  text-align: justify;
+
  text-align: justify;
−
  line-height: 1.5;   
+
  line-height: 1.5;   
−
  font-weight: bold;
+
font-weight: bold;
 
}
 
}
 +
 
ul, ol {
 
ul, ol {
−
font-family: Tahoma, Nunito, serif !important;
+
font-family: Tahoma, Nunito, serif !important;
−
  vertical-align: middle !important;
+
  vertical-align: middle !important;
−
  font-size: 16px;
+
  font-size: 16px;
−
  text-align: justify;
+
  text-align: justify;
−
  line-height: 1.5;
+
  line-height: 1.5;
 
}
 
}
 
 
 
body {
 
body {
−
  font-size: 16px;
+
  font-size: 16px;
−
  padding: 0 0%;
+
  padding: 0 0%;
−
  box-sizing: border-box;
+
  box-sizing: border-box;
 
}
 
}
 
 
 
img {
 
img {
−
max-width: 100%;
+
max-width: 100%;
−
height: auto;
+
height: auto;
 
}
 
}
 +
 
{
 
{
 
box-sizing: border-box;
 
box-sizing: border-box;
 
}
 
}
 +
 
.bulleted_list {  
 
.bulleted_list {  
 
  list-style-type: square;
 
  list-style-type: square;
 
}
 
}
 +
 
#home_logo, #sideMenu { display:none; }
 
#home_logo, #sideMenu { display:none; }
−
#sideMenu, #top_title, .patrollink  {display:none;}
+
#sideMenu, #top_title, .patrollink  {display:none;}
−
#content { margin:5px; padding:0px; width:100%;}
+
#content { margin:0px; padding:0px; width:100%;}
−
body {background-color: #fff;}
+
body {background-color: #fff;}
  
 
/* Menu Styling */
 
/* Menu Styling */
Line 101: Line 97:
 
align-items: center;
 
align-items: center;
 
vertical-align: middle !important;
 
vertical-align: middle !important;
−
min-height: 6vH;
+
min-height: 8vH;
−
background-color: #c2a593;
+
background-color: #9D2235;
 
font-family: Tahoma, Lato, serif;
 
font-family: Tahoma, Lato, serif;
 
position: fixed;
 
position: fixed;
Line 115: Line 111:
 
width: 8%;
 
width: 8%;
 
margin-left: 50px !important;
 
margin-left: 50px !important;
−
margin-top: 300px !important;
+
margin-top: 30px !important;
−
margin-bottom: 10px !important;  
+
margin-bottom: 0px !important;  
 
}
 
}
  
Line 212: Line 208:
 
height: 100%;
 
height: 100%;
 
right: 0px;
 
right: 0px;
−
top: 10vh;
+
top: 8vh;
−
background-color: #c2a593;
+
background-color: #9D2235;
 
width: 30%;
 
width: 30%;
 
transform: translateX(150%);
 
transform: translateX(150%);
Line 253: Line 249:
 
padding-left: 0px;
 
padding-left: 0px;
 
}
 
}
−
 
  
 
@keyframes navLinkFade {
 
@keyframes navLinkFade {
Line 280: Line 275:
 
transform: rotate(180deg);
 
transform: rotate(180deg);
 
}
 
}
 +
 
</style>
 
</style>
−
<body>
 
−
<nav>
 
−
<ul class="nav-links">
 
−
<li class="dropdown"> 
 
−
<a class="link" href="https://2021.igem.org/Team:MIT">Home </a>
 
−
</li>
 
  
−
<li class="dropdown">
+
<body>
−
<a> Team </a>
+
    <nav>
−
<div class="dropdowncontent">
+
    <ul class="nav-links">
−
<a href="https://2021.igem.org/Team:MIT/Team">Team </a>
+
            <li class="dropdown">
−
<a href="https://2021.igem.org/Team:MIT/Attributions"> Attributions </a>
+
                <a style="color: white; text-decoration: None;" href="https://2021.igem.org/Team:MIT">Home </a>
−
</div>
+
            </li>
−
</li>
+
  
−
<li class="dropdown">  
+
            <li class="dropdown">
−
<a> Project </a>
+
                <a> Team </a>
−
<div class="dropdowncontent">
+
                <div class="dropdowncontent">
−
<a class="link" href="https://2021.igem.org/Team:MIT/Description"> Description </a>
+
                    <a style="color: white; text-decoration: None;" href="https://2021.igem.org/Team:MIT/Team">Team </a>
−
<a href="https://2021.igem.org/Team:MIT/Design"> Design </a>
+
                    <a style="color: white; text-decoration: None;" href="https://2021.igem.org/Team:MIT/Attributions"> Attributions </a>
−
<a href="https://2021.igem.org/Team:MIT/Experiments"> Experiments </a>
+
                </div>
−
<a href="https://2021.igem.org/Team:MIT/Model"> Model </a>
+
            </li>
−
<a href="https://2021.igem.org/Team:MIT/Results"> Results </a>
+
−
<a href="https://2021.igem.org/Team:MIT/Engineering"> Engineering Success </a>
+
−
<a href="https://2021.igem.org/Team:MIT/Contribution"> Contribution </a>
+
−
</div>
+
−
</li>
+
  
−
<li class="dropdown">
+
            <li class="dropdown">  
−
<a> Parts </a>
+
                <a> Project </a>
−
<div class="dropdowncontent">
+
                    <div class="dropdowncontent">
−
<a href="https://2021.igem.org/Team:MIT/Parts"> Parts Overview </a>
+
                        <a style="color: white; text-decoration: None;" href="https://2021.igem.org/Team:MIT/Description"> Description </a>
−
<a href="https://2021.igem.org/Team:MIT/Basic_Part"> Basic Parts </a>
+
                        <a style="color: white; text-decoration: None;" href="https://2021.igem.org/Team:MIT/Design"> Design
−
<a href="https://2021.igem.org/Team:MIT/Composite_Part"> Composite Parts </a>
+
</a>
−
</div>
+
 
−
</li>
+
<a style="color: white; text-decoration: None;" href="https://2021.igem.org/Team:MIT/Parts"> Parts </a>
−
<li class="dropdown">   
+
       
−
<a> Safety </a>
+
                        <a style="color: white; text-decoration: None;" href="https://2021.igem.org/Team:MIT/Experiments"> Experiments </a>
−
<div class="dropdowncontent">
+
                        <a style="color: white; text-decoration: None;" href="https://2021.igem.org/Team:MIT/Notebook"> Notebook </a>
−
<a href="https://2021.igem.org/Team:MIT/Safety"> Safety </a>
+
                        <a style="color: white; text-decoration: None;" href="https://2021.igem.org/Team:MIT/Model"> Model </a>
−
<a href="https://2021.igem.org/Team:MIT/Implementation"> Implementation </a>
+
                        <a style="color: white; text-decoration: None;" href="https://2021.igem.org/Team:MIT/Results"> Results </a>
−
+
                        <a style="color: white; text-decoration: None;" href="https://2021.igem.org/Team:MIT/Engineering"> Engineering Success </a>
−
</div>
+
                        <a style="color: white; text-decoration: None;" href="https://2021.igem.org/Team:MIT/Contribution"> Contribution </a>
−
</li>
+
                    </div>
−
<li class="dropdown">   
+
            </li>
−
<a> Human Practices </a>
+
 
−
<div class="dropdowncontent">
+
         
−
<a href="https://2021.igem.org/Team:MIT/Human_Practices">Human Practices</a>
+
            <li class="dropdown">   
−
<a href="https://2021.igem.org/Team:MIT/Education"> Outreach & Engagement </a>
+
                    <a> Safety </a>
−
+
            <div class="dropdowncontent">
−
<div class="burger">
+
                <a style="color: white; text-decoration: None;" href="https://2021.igem.org/Team:MIT/Safety"> Safety </a>
−
<div class="line1"></div>
+
                <a style="color: white; text-decoration: None;" href="https://2021.igem.org/Team:MIT/Implementation"> Implementation </a>  
−
<div class="line2"></div>
+
            </div>
−
<div class="line3"></div>
+
            </li>
−
</div>
+
 
−
</u1>
+
            <li class="dropdown">   
−
</nav>
+
                    <a> Human Practices </a>
−
</body>
+
 
 +
            <div class="dropdowncontent">
 +
                <a style="color: white; text-decoration: None;" href="https://2021.igem.org/Team:MIT/Human_Practices">Human Practices</a>
 +
               
 +
            </div>
 +
 
 +
<li class="dropdown"> 
 +
                    <a> Education and Collaborations </a>
 +
 
 +
            <div class="dropdowncontent">
 +
                <a style="color: white; text-decoration: None;" href="https://2021.igem.org/Team:MIT/Education"> Educational Module </a>
 +
                <a style="color: white; text-decoration: None;" href="https://2021.igem.org/Team:MIT/Collaborations"> Collaborations </a>
 +
                <a style="color: white; text-decoration: None;" href="https://2021.igem.org/Team:MIT/Meetup"> MIT Microbiome Meetup </a>
 +
 
 +
<a style="color: white; text-decoration: None;" href="https://2021.igem.org/Team:MIT/Partnership"> Partnership </a>
 +
            </div>
 +
 
 +
        </ul>
 +
            <div class="burger">
 +
                <div class="line1"></div>
 +
                <div class="line2"></div>
 +
                <div class="line3"></div>
 +
            </div>
 +
        </nav>
 +
</div>
 +
</body>
  
 
<script>
 
<script>

Latest revision as of 03:46, 22 October 2021