(Prototype team page) |
NithikB123 (Talk | contribs) |
||
Line 1: | Line 1: | ||
− | |||
<html> | <html> | ||
+ | <head> | ||
+ | <style> | ||
+ | |||
+ | #sideMenu { display:none; } | ||
+ | a:hover { | ||
+ | text-decoration: none; | ||
+ | } | ||
− | + | #mainContainer{ | |
− | + | background-color: white; | |
− | + | width: 100%; | |
− | + | } | |
− | + | #main{ | |
− | + | width: 100%; | |
+ | margin: auto; | ||
+ | padding: 0px; | ||
+ | background-color: white; | ||
+ | } | ||
+ | body { background-color: white; margin: auto; padding: 0px; width: 100%;} | ||
− | + | a.drplink { | |
− | + | color:white; | |
− | + | } | |
− | + | a.drplink:hover { | |
− | + | color:dimgray; | |
− | + | } | |
− | </ | + | a.partlink { |
+ | color:#D49AE6; | ||
+ | } | ||
+ | a.partlink:hover { | ||
+ | color:dimgray; | ||
+ | } | ||
+ | |||
+ | |||
+ | div { | ||
+ | color: gray; | ||
+ | } | ||
+ | |||
+ | #content { | ||
+ | margin: 0px auto; | ||
+ | background-color: white; | ||
+ | width: 100%; | ||
+ | padding: 0px; | ||
+ | } | ||
+ | |||
+ | |||
+ | .logo_2017 {display:none;} | ||
+ | |||
+ | |||
+ | .column full_size {width: 100%; | ||
+ | height: 700px; | ||
+ | position: center; } | ||
+ | |||
+ | |||
+ | p { | ||
+ | margin: auto; | ||
+ | width: 75%; | ||
+ | color: gray; | ||
+ | } | ||
+ | |||
+ | #firstHeading { | ||
+ | font-size: 16px; | ||
+ | color: #9D0EC8;} | ||
+ | |||
+ | a { | ||
+ | opacity: 1.0; | ||
+ | } | ||
+ | |||
+ | a:visited { | ||
+ | color: #D49AE6; | ||
+ | } | ||
+ | |||
+ | a.HeaderLinks { | ||
+ | height: 50px; | ||
+ | position: center; | ||
+ | border: none; | ||
+ | color: #D49AE6; | ||
+ | text-align: center; | ||
+ | text-decoration: none; | ||
+ | font-size: 16px; | ||
+ | } | ||
+ | |||
+ | |||
+ | #top_title { | ||
+ | background-color: white; | ||
+ | } | ||
+ | |||
+ | |||
+ | #MainTitle { | ||
+ | padding-top: 50px; | ||
+ | padding-bottom: 7px; | ||
+ | font-size: 45px; | ||
+ | color: dimgray; } | ||
+ | |||
+ | |||
+ | .firstHeading{ | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | |||
+ | body{ | ||
+ | font-size:15px; | ||
+ | } | ||
+ | |||
+ | |||
+ | header h1{ | ||
+ | text-align:center; | ||
+ | color: dimgray; | ||
+ | } | ||
+ | |||
+ | h2{ | ||
+ | color: #D49AE6; | ||
+ | } | ||
+ | |||
+ | |||
+ | #headerLinks { | ||
+ | position: fixed; | ||
+ | text-decoration: none; | ||
+ | color: #b8975e; | ||
+ | width: 100%; | ||
+ | height: 50px; | ||
+ | line-height: 50px; | ||
+ | background-color: white; | ||
+ | margin: auto; | ||
+ | text-align:center; | ||
+ | opacity: 0.9; | ||
+ | } | ||
+ | |||
+ | |||
+ | .header{ | ||
+ | width: 100%; | ||
+ | padding: 0; | ||
+ | margin: 0 auto; | ||
+ | top: 0px; | ||
+ | background-color: rgba(255,255,255,0.0); | ||
+ | } | ||
+ | |||
+ | |||
+ | #text{ | ||
+ | width: 900px; | ||
+ | padding: 0px; | ||
+ | display: block; | ||
+ | margin: 0px auto; | ||
+ | } | ||
+ | |||
+ | #space{ | ||
+ | height:50px; | ||
+ | } | ||
+ | |||
+ | |||
+ | #sponsors-bottom{ | ||
+ | width: 100%; | ||
+ | margin: 0px auto; | ||
+ | text-align: center; | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | |||
+ | #sponsors-bottom a{ | ||
+ | margin: auto; | ||
+ | width: 50% | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | |||
+ | #space2{ | ||
+ | height:100px; | ||
+ | } | ||
+ | |||
+ | |||
+ | .transparent { | ||
+ | opacity: 0.4; | ||
+ | filter: alpha(opacity=40); /* For IE8 and earlier */ | ||
+ | transition: opacity 0.5s ease-in-out; | ||
+ | -webkit-backface-visibility: hidden; | ||
+ | } | ||
+ | |||
+ | |||
+ | .transparent:hover { | ||
+ | opacity: 1.0; | ||
+ | filter: alpha(opacity=100); /* For IE8 and earlier */ | ||
+ | -webkit-backface-visibility: hidden; | ||
+ | } | ||
+ | |||
+ | |||
+ | .img-right{ | ||
+ | width: 50%; | ||
+ | float: right; | ||
+ | } | ||
+ | |||
+ | |||
+ | .img-left{ | ||
+ | width: 50%; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | |||
+ | .display-block{ | ||
+ | width: 100%; | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | |||
+ | |||
+ | .display-block img{ | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | #globalWrapper{ | ||
+ | background-color: white; | ||
+ | padding: 0px; | ||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | /* Dropdown Button */ | ||
+ | .dropbtn { | ||
+ | margin: auto; | ||
+ | position: left; | ||
+ | height: 100%; | ||
+ | width: 100%; | ||
+ | background-color: white; | ||
+ | color: #D49AE6; | ||
+ | padding: 14px; | ||
+ | font-size: 20px; | ||
+ | text-align: left; | ||
+ | border: none; | ||
+ | cursor: pointer; | ||
+ | transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out; | ||
+ | } | ||
+ | |||
+ | /* The container <div> - needed to position the dropdown content */ | ||
+ | .dropdown { | ||
+ | position: relative; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | /* Dropdown Content (Hidden by Default) */ | ||
+ | .dropdown-content { | ||
+ | display: none; | ||
+ | opacity: 0.0; | ||
+ | position: absolute; | ||
+ | background-color: #D49AE6; | ||
+ | min-width: 200px; | ||
+ | text-align: left; | ||
+ | box-shadow: 0px 8px 12px 0px rgba(0,0,0,0.2); | ||
+ | transition: opacity 0.5s ease-in-out; | ||
+ | } | ||
+ | |||
+ | /* Links inside the dropdown */ | ||
+ | .dropdown-content a { | ||
+ | color: white; | ||
+ | opacity: 0.0; | ||
+ | padding: 0px 10px; | ||
+ | font-size: 20px; | ||
+ | text-decoration: none; | ||
+ | display: block; | ||
+ | transition: opacity 0.5s ease-in-out; | ||
+ | } | ||
+ | |||
+ | /* Change color of dropdown links on hover */ | ||
+ | .dropdown-content a:hover {background-color: #D49AE6} | ||
+ | |||
+ | /* Show the dropdown menu on hover */ | ||
+ | .dropdown:hover .dropdown-content { | ||
+ | display: block; | ||
+ | opacity: 1.0; | ||
+ | } | ||
+ | |||
+ | .dropdown:hover .dropdown-content a { | ||
+ | opacity: 1.0; | ||
+ | } | ||
+ | |||
+ | /* Change the background color of the dropdown button when the dropdown content is shown*/ | ||
+ | .dropbtn:hover { | ||
+ | background-color: #D49AE6; | ||
+ | color: white; | ||
+ | } | ||
+ | |||
+ | #mainbanner{ | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | #mainbanner{ | ||
+ | display: block; | ||
+ | margin: auto;; | ||
+ | } | ||
+ | #logo{ | ||
+ | height: 50px; | ||
+ | opacity:0.4; | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </head> | ||
+ | |||
+ | <body> | ||
+ | |||
+ | |||
+ | |||
+ | <header> | ||
+ | <div id="headerLinks"> | ||
+ | <a href="https://2017.igem.org/Team:Lambert_GA" class="dropbtn">Home</a><!-- | ||
+ | --><li class="dropdown" > | ||
+ | <a href="https://2017.igem.org/Team:Lambert_GA/Team" class="dropbtn">Team</a> | ||
+ | <div class="dropdown-content"> | ||
+ | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Team">Team</a> | ||
+ | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Collaborations">Collaborations</a> | ||
+ | </div> | ||
+ | </li><!-- | ||
+ | --><li class="dropdown"> | ||
+ | <a href="https://2017.igem.org/Team:Lambert_GA/Description" class="dropbtn">Project</a> | ||
+ | <div class="dropdown-content" style="transition: display 0.5s ease-in-out;"> | ||
+ | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Description">Description</a> | ||
+ | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Design">Design</a> | ||
+ | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Experiments">Experiments</a> | ||
+ | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Notebook">Notebook</a> | ||
+ | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/InterLab">InterLab</a> | ||
+ | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Contribution">Contribution</a> | ||
+ | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Model">Model</a> | ||
+ | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Results">Results</a><a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Demonstrate">Demonstrate</a> | ||
+ | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Improve">Improve</a> | ||
+ | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Attributions">Attributions</a> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | </li><!-- | ||
+ | --><li class="dropdown" > | ||
+ | <a href="https://2017.igem.org/Team:Lambert_GA/Parts" class="dropbtn">Parts</a> | ||
+ | <div class="dropdown-content"> | ||
+ | <a class="drplink" style="transition: color 0.5s ease-in-out;" | ||
+ | href="https://2017.igem.org/Team:Lambert_GA/Parts">Parts</a> | ||
+ | <a class="drplink" style="transition: color 0.5s ease-in-out;" | ||
+ | href="https://2017.igem.org/Team:Lambert_GA/Basic_Part">Basic Parts</a> | ||
+ | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Composite Part">Composite Parts</a> | ||
+ | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Part Collection">Part_Collection</a></div> | ||
+ | </li><!-- | ||
+ | --><!-- | ||
+ | --><a href="https://2017.igem.org/Team:Lambert_GA/Safety"class="dropbtn">Safety</a><!-- | ||
+ | --><li class="dropdown" > | ||
+ | <a href="https://2017.igem.org/Team:Lambert_GA/Human_Practices" class="dropbtn">Human Practices</a> | ||
+ | <div class="dropdown-content"> | ||
+ | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Human_Practices">Human Practices</a> | ||
+ | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/HP/Silver">Silver HP</a> | ||
+ | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/HP/Gold_Integrated">Integrated and Gold</a> | ||
+ | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Integrated_Practices">Integrated Practices</a> | ||
+ | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Engagement">Public Engagement</a> | ||
+ | </div> | ||
+ | </li><!-- | ||
+ | --><li class="dropdown" > | ||
+ | <a href="https://2017.igem.org/Team:Lambert_GA/Hardware" class="dropbtn">Awards</a> | ||
+ | <div class="dropdown-content"> | ||
+ | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Applied_Design">Applied Design</a> | ||
+ | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Entrepreneurship">Entrepreneurship</a> | ||
+ | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Hardware">Hardware</a> | ||
+ | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Measurement">Measurement</a> | ||
+ | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Model">Model</a> | ||
+ | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Plant">Plant</a> | ||
+ | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Software">Software</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | <a href="https://igem.org/2017_Judging_Form?team=Lambert_GA"class="dropbtn">JUDGING FORM</a> | ||
</div> | </div> | ||
+ | </header> | ||
+ | <section> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-12 col-sm-10"> | ||
+ | |||
+ | <br><br> | ||
+ | <center> <h1 id="MainTitle"><b>Contribution</b></h1><img src="https://static.igem.org/mediawiki/2017/b/bc/T--Lambert_GA--purpleline.png" style="width:18%; margin:auto;"> </center> <br> | ||
+ | <div id="sponsors-bottom"> | ||
+ | |||
+ | <a href="http://www.forsyth.k12.ga.us/lhs"><img src="https://static.igem.org/mediawiki/2017/8/8f/T--Lambert_GA--longhorn_iGEM_logo.png" class="transparent" style="height:100px;padding:20px;"></a> | ||
+ | |||
+ | </div> | ||
</html> | </html> |
Revision as of 00:12, 7 September 2017