Difference between revisions of "Template:UIUC Illinois"

Line 1: Line 1:
 
<html>
 
<html>
 +
 +
 +
<div class="navbar">
 +
 +
    <a href="https://2018.igem.org/Team:UIUC_Illinois" title="Team:UIUC_Illinois" >
 +
        <img src="https://static.igem.org/mediawiki/2018/0/00/T--UIUC_Illinois--Logo.png" width="10%" height="14%" alt="Team UIUC_Illinois" >       
 +
    </a> 
 +
 +
<!------Blog------>
 +
    <div class="dropdown">
 +
        <button class="dropbtn">Blog
 +
              <i class="fa fa-caret-down"></i>
 +
    <div class>
 +
 +
              <a href="https://2018.igem.org/Team:UIUC_Illinois/Blog"></a>
 +
        </button> 
 +
    </div>
 +
 +
 +
 +
<!-------Jamboree------->
 +
    <div class="dropdown">
 +
          <button class="dropbtn">Jamboree
 +
              <i class="fa fa-caret-down"></i>
 +
          </button>
 +
    </div>
 +
 +
 +
<!-------Team------->
 +
    <div class="dropdown">
 +
          <button class="dropbtn">Team
 +
              <i class="fa fa-caret-down"></i>
 +
          </button>
 +
          <div class="dropdown-content">
 +
              <a href="#">Members</a>
 +
              <a href="#">Attributes</a>
 +
          </div>
 +
    </div>
 +
 +
    <!-------Human Practice------->
 +
 +
    <div class="dropdown">
 +
          <button class="dropbtn">Human Practice
 +
              <i class="fa fa-caret-down"></i>
 +
          </button>
 +
          <div class="dropdown-content">
 +
              <a href="#">Human Practice</a>
 +
              <a href="#">Outreach</a>
 +
              <a href="https://2018.igem.org/Team:UIUC_Illinois/Interlab">Interlab</a>
 +
          </div>
 +
    </div>
 +
<!-------Notebook------->
 +
    <div class="dropdown">
 +
          <button class="dropbtn">Notebook
 +
              <i class="fa fa-caret-down"></i>
 +
          </button>
 +
          <div class="dropdown-content">
 +
              <a href="#">Daily Journals</a>
 +
              <a href="#">Protocols</a>
 +
          </div>
 +
    </div>
 +
<!-------Project------->
 +
    <div class="dropdown">
 +
          <button class="dropbtn">Project
 +
              <i class="fa fa-caret-down"></i>
 +
          </button>
 +
          <div class="dropdown-content">
 +
                  <a href="https://2018.igem.org/Team:UIUC_Illinois/Description">Description</a>
 +
                  <a href="https://2018.igem.org/Team:UIUC_Illinois/Design">Design</a>
 +
                  <a href="https://2018.igem.org/Team:UIUC_Illinois/Model">Model</a>
 +
                  <a href="https://2018.igem.org/Team:UIUC_Illinois/Composite_Part">Composite Parts</a>
 +
                  <a href="https://2018.igem.org/Team:UIUC_Illinois/Results">Results</a>
 +
 +
          </div>
 +
</div>
  
  
 
<style>
 
<style>
−
/**************************************************************************************************************************************************************************************************/
+
.menu {
−
/* NAVBAR */
+
background-color: #324856;
−
/**************************************************************************************************************************************************************************************************/
+
display: inline;
 +
float: center;
 +
width: 100vw;
 +
max-height: 20vh;
 +
overflow-y: hidden;
 +
overflow-x: auto;
 +
padding: 0px;
 +
position: fixed;
 +
left: 0%;
 +
right: 0%;
 +
text-align: left;
 +
height: 14%;
 +
}
 +
 
 +
.menu a{
 +
float: left;
 +
padding-left: 2%;
 +
padding-top: 2%;
 +
padding-bottom: 2%;
 +
}
 +
 
 +
.menu .menu_item {
 +
font-size: 28px;
 +
font-family: Century Gothic, sans-serif;
 +
font-color: white;
 +
cursor: pointer;
 +
float: right;
 +
font-size: 200%;
 +
padding: 25px 5% 0px 5%;
 +
 
 +
}
  
−
/* Navbar container */
 
 
.navbar {
 
.navbar {
−
  overflow: hidden;
+
background-color: #324856;
−
  background-color: #324856;
+
display: inline;
−
  font-family: Century Gothic, sans-serif;
+
float: center;
 +
width: 100vw;
 +
max-height: 20vh;
 +
position: static;
 +
padding: 0px;
 +
left: 0%;
 +
right: 0%;
 +
text-align: left;
 +
height: 14%;
 +
    overflow: hidden;
 +
    font-family: Century Gothic, sans-serif;
 
}
 
}
  
 
/* Links inside the navbar */
 
/* Links inside the navbar */
 
.navbar a {
 
.navbar a {
−
  float: center;
 
 
   font-size: 16px;
 
   font-size: 16px;
 
   color: white;
 
   color: white;
 
   text-align: center;
 
   text-align: center;
−
   padding: 14px 16px;
+
   padding: 2% 5% 5% 2%;
 
   text-decoration: none;
 
   text-decoration: none;
 
}
 
}
Line 80: Line 193:
  
  
−
<html>
+
 
 +
</html>

Revision as of 19:58, 21 August 2018

Team UIUC_Illinois
Members Attributes
Human Practice Outreach Interlab
Daily Journals Protocols
Description Design Model Composite Parts Results