Difference between revisions of "Template:UIUC Illinois"

Line 1: Line 1:
 
<html>
 
<html>
−
 
+
<body>
 +
</body>
  
 
<div class="navbar">
 
<div class="navbar">
−
 
+
  <a href="https://2018.igem.org/Team:UIUC_Illinois" title="Team:UIUC_Illinois" align="left">
−
    <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="15%" height="15%" alt="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>
−
     </a>
+
   
−
 
+
 
<!------Blog------>
 
<!------Blog------>
−
    <div class="dropdown">
+
<div class="dropdown">
−
        <button class="dropbtn">Blog  
+
          <button class="dropbtn">Blog
−
              <i class="fa fa-caret-down"></i>
+
             
−
    <div class>
+
  
 
               <a href="https://2018.igem.org/Team:UIUC_Illinois/Blog"></a>
 
               <a href="https://2018.igem.org/Team:UIUC_Illinois/Blog"></a>
−
        </button>
+
          </button>
 
     </div>
 
     </div>
−
 
−
 
  
 
<!-------Jamboree------->
 
<!-------Jamboree------->
 
     <div class="dropdown">
 
     <div class="dropdown">
 
           <button class="dropbtn">Jamboree  
 
           <button class="dropbtn">Jamboree  
−
               <i class="fa fa-caret-down"></i>
+
                
 
           </button>
 
           </button>
 
     </div>
 
     </div>
−
 
  
 
<!-------Team------->
 
<!-------Team------->
 
     <div class="dropdown">
 
     <div class="dropdown">
 
           <button class="dropbtn">Team  
 
           <button class="dropbtn">Team  
−
               <i class="fa fa-caret-down"></i>
+
                
 
           </button>
 
           </button>
 
           <div class="dropdown-content">
 
           <div class="dropdown-content">
Line 43: Line 39:
 
     <div class="dropdown">
 
     <div class="dropdown">
 
           <button class="dropbtn">Human Practice  
 
           <button class="dropbtn">Human Practice  
−
               <i class="fa fa-caret-down"></i>
+
                
 
           </button>
 
           </button>
 
           <div class="dropdown-content">
 
           <div class="dropdown-content">
Line 54: Line 50:
 
     <div class="dropdown">
 
     <div class="dropdown">
 
           <button class="dropbtn">Notebook
 
           <button class="dropbtn">Notebook
−
               <i class="fa fa-caret-down"></i>
+
                
 
           </button>
 
           </button>
 
           <div class="dropdown-content">
 
           <div class="dropdown-content">
Line 64: Line 60:
 
     <div class="dropdown">
 
     <div class="dropdown">
 
           <button class="dropbtn">Project
 
           <button class="dropbtn">Project
−
               <i class="fa fa-caret-down"></i>
+
                
 
           </button>
 
           </button>
 
           <div class="dropdown-content">
 
           <div class="dropdown-content">
Line 78: Line 74:
  
 
<style>
 
<style>
−
.menu {
 
−
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 {
 
.navbar {
−
background-color: #324856;
+
  overflow: hidden;
−
display: inline;
+
  background-color: #324856;
−
float: center;
+
  font-family: Century Gothic, sans-serif;
−
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 {
−
   font-size: 16px;
+
   margin-left: 2%;
−
  color: white;
+
 
−
  text-align: center;
+
−
  padding: 2% 5% 5% 2%;
+
−
  text-decoration: none;
+
 
}
 
}
  
Line 141: Line 92:
 
   float: right;
 
   float: right;
 
   overflow: hidden;
 
   overflow: hidden;
 +
  text-align: bottom;
 +
  vertical-align: middle;
 +
  line-height: 45px;
 
}
 
}
  
Line 149: Line 103:
 
   outline: none;
 
   outline: none;
 
   color: white;
 
   color: white;
−
   padding: 14px 16px;
+
  float: bottom;
 +
   padding: 30px 16px;
 
   background-color: inherit;
 
   background-color: inherit;
 +
  vertical-align: bottom;
 
   font-family: inherit; /* Important for vertical align on mobile phones */
 
   font-family: inherit; /* Important for vertical align on mobile phones */
 
   margin: 0; /* Important for vertical align on mobile phones */
 
   margin: 0; /* Important for vertical align on mobile phones */
 +
 
 
}
 
}
  
 
/* Add a red background color to navbar links on hover */
 
/* Add a red background color to navbar links on hover */
−
.navbar a:hover, .dropdown:hover .dropbtn {
+
.navbar .dropdown:hover .dropbtn {
 
   background-color: #d66c44;
 
   background-color: #d66c44;
 +
  cursor: pointer;
 
}
 
}
  
Line 189: Line 147:
 
   display: block;
 
   display: block;
 
}
 
}
 +
  
 
</style>
 
</style>
−
 
−
 
−
 
 
</html>
 
</html>

Revision as of 15:05, 22 August 2018

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