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" align="left">
 +
            <img src="https://static.igem.org/mediawiki/2018/0/00/T--UIUC_Illinois--Logo.png"  width="15%" height="15%"alt="Team UIUC_Illinois" >
 +
    </a>
 +
 +
<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>
 +
   
 +
    <div class="dropdown">
 +
          <button class="dropbtn">Jamboree
 +
              <i class="fa fa-caret-down"></i>
 +
          </button>
 +
    </div>
 +
 +
    <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>
 +
 +
    <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>
 +
 +
    <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>
 +
 +
    <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>
  
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/

Revision as of 15:48, 21 August 2018

Team UIUC_Illinois
Members Attributes
Human Practice Outreach Interlab
Daily Journals Protocols
Description Design Model Composite Parts Results
/**************************************************************************************************************************************************************************************************/ /* NAVBAR */ /**************************************************************************************************************************************************************************************************/ /* Navbar container */ .navbar { overflow: hidden; background-color: #324856; font-family: Century Gothic, sans-serif; } /* Links inside the navbar */ .navbar a { float: center; font-size: 16px; color: white; text-align: center; padding: 14px 16px; text-decoration: none; } /* The dropdown container */ .dropdown { float: right; overflow: hidden; } /* Dropdown button */ .dropdown .dropbtn { font-size: 28px; border: none; outline: none; color: white; padding: 14px 16px; background-color: inherit; font-family: inherit; /* 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 */ .navbar a:hover, .dropdown:hover .dropbtn { background-color: #d66c44; } /* Dropdown content (hidden by default) */ .dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } /* Links inside the dropdown */ .dropdown-content a { float: none; color: black; padding: 12px 16px; text-decoration: none; display: block; text-align: left; } /* Add a grey background color to dropdown links on hover */ .dropdown-content a:hover { background-color: #ddd; } /* Show the dropdown menu on hover */ .dropdown:hover .dropdown-content { display: block; }