(Prototype team page) |
|||
Line 1: | Line 1: | ||
− | |||
<html> | <html> | ||
+ | <head> | ||
+ | <style> | ||
+ | |||
+ | #sideMenu { display: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%;} | ||
− | + | div { | |
− | + | color: gray; | |
+ | } | ||
+ | #content { | ||
+ | margin: 0px auto; | ||
+ | background-color: white; | ||
+ | width: 100%; | ||
+ | padding: 0px; | ||
+ | } | ||
− | + | .logo_2016 {display:none;} | |
− | |||
+ | .column full_size {width: 100%; | ||
+ | height: 700px; | ||
+ | position: center; } | ||
− | + | ||
− | < | + | p { |
− | <li><a href="https:// | + | margin: auto; |
− | <li><a href="https:// | + | 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: 60px; | ||
+ | font-size: 60px; | ||
+ | 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.7; | ||
+ | } | ||
+ | |||
+ | |||
+ | .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; | ||
+ | } | ||
+ | |||
+ | |||
+ | img.transparent { | ||
+ | opacity: 0.4; | ||
+ | filter: alpha(opacity=40); /* For IE8 and earlier */ | ||
+ | transition: opacity 0.5s ease-in-out; | ||
+ | } | ||
+ | |||
+ | |||
+ | img.transparent:hover { | ||
+ | opacity: 1.0; | ||
+ | filter: alpha(opacity=100); /* For IE8 and earlier */ | ||
+ | } | ||
+ | |||
+ | |||
+ | .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://2016.igem.org/Team:LambertGA" class="dropbtn">Home</a><!-- | ||
+ | --><li class="dropdown" > | ||
+ | <a href="https://2016.igem.org/Team:LambertGA/Team" class="dropbtn">Team</a> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2016.igem.org/Team:LambertGA/Collaborations">Collaborations</a> | ||
+ | </div> | ||
+ | </li><!-- | ||
+ | --><li class="dropdown"> | ||
+ | <a href="https://2016.igem.org/Team:LambertGA/Description" class="dropbtn">Project</a> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2016.igem.org/Team:LambertGA/Description">Description</a> | ||
+ | <a href="https://2016.igem.org/Team:LambertGA/Design">Design</a> | ||
+ | <a href="https://2016.igem.org/Team:LambertGA/Experiments">Experiments</a> | ||
+ | <a href="https://2016.igem.org/Team:LambertGA/Proof">Proof of Concept</a> | ||
+ | <a href="https://2016.igem.org/Team:LambertGA/Demonstrate">Demonstrate</a> | ||
+ | <a href="https://2016.igem.org/Team:LambertGA/Results">Results</a> | ||
+ | <a href="https://2016.igem.org/Team:LambertGA/Notebook">Notebook</a> | ||
+ | </div> | ||
+ | </li><!-- | ||
+ | --><li class="dropdown" > | ||
+ | <a href="https://2016.igem.org/Team:LambertGA/Parts" class="dropbtn">Parts</a> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2016.igem.org/Team:LambertGA/Basic_Part">Basic Parts</a> | ||
+ | <a href="https://2016.igem.org/Team:LambertGA/Composite_Part">Composite Parts</a> | ||
+ | </div> | ||
+ | </li><!-- | ||
+ | --><a href="https://2016.igem.org/Team:LambertGA/Attributions"class="dropbtn">Attributions</a><!-- | ||
+ | --><a href="https://2016.igem.org/Team:LambertGA/Safety"class="dropbtn">Safety</a><!-- | ||
+ | --><li class="dropdown" > | ||
+ | <a href="https://2016.igem.org/Team:LambertGA/Human_Practices" class="dropbtn">Human Practices</a> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2016.igem.org/Team:LambertGA/HP/Silver">Silver</a> | ||
+ | <a href="https://2016.igem.org/Team:LambertGA/HP/Gold">Gold</a> | ||
+ | <a href="https://2016.igem.org/Team:LambertGA/Integrated_Practices">Integrated Practices</a> | ||
+ | <a href="https://2016.igem.org/Team:LambertGA/Engagement">Engagement</a> | ||
+ | </div> | ||
+ | </li><!-- | ||
+ | --><li class="dropdown" > | ||
+ | <a href="https://2016.igem.org/Team:LambertGA/Hardware" class="dropbtn">Awards</a> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2016.igem.org/Team:LambertGA/Hardware">Hardware</a> | ||
+ | <a href="https://2016.igem.org/Team:LambertGA/Measurement">Measurement</a> | ||
+ | <a href="https://2016.igem.org/Team:LambertGA/Model">Model</a> | ||
+ | </div> | ||
+ | </li> | ||
</div> | </div> | ||
+ | </header> | ||
+ | <div class="column full_size" > | ||
+ | |||
+ | <script type="text/javascript"></script> | ||
+ | |||
+ | <br> | ||
+ | |||
+ | <center> <h1 id="MainTitle"><b> Integrated Practices </b></h1> </center> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </p> | ||
+ | |||
+ | <div class="button_click" onClick=" parent.location= 'https://2016.igem.org/Special:Upload '"> | ||
+ | |||
+ | <!--<h2>2015 Lambert iGEM</h2>--> | ||
+ | <div id="officialLogo"> | ||
+ | |||
+ | </div> | ||
+ | </footer> | ||
+ | <div id="space2"> | ||
+ | </div> | ||
+ | <div id="sponsors-bottom"> | ||
+ | |||
+ | <a href="http://www.forsyth.k12.ga.us/lhs"><img src="https://static.igem.org/mediawiki/2016/9/9e/T--LambertGA--longhorn_iGEM_logo.png" class="transparent" style="height:100px;padding:20px;"></a> | ||
+ | |||
+ | </div> | ||
</html> | </html> |
Revision as of 03:07, 15 October 2016