Difference between revisions of "Team:LambertGA/Composite Part"

Line 6: Line 6:
  
  
−
body { background-color: white;}
+
#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 {  
 
#content {  
−
margin-left: auto;
+
margin: 0px auto;
−
background-color: #C8A2C8; }
+
background-color: white;
 +
width: 100%;
 +
padding: 0px;
 +
}
  
  
Line 17: Line 34:
  
  
−
.column full_size {width: 800 px;
+
.column full_size {width: 100%;
 
height: 700px;
 
height: 700px;
 
position: center; }
 
position: center; }
  
  
 +
p {
 +
margin: auto;
 +
width: 75%;
 +
color: gray;
 +
}
  
 
#firstHeading {
 
#firstHeading {
Line 27: Line 49:
 
color: #9D0EC8;}
 
color: #9D0EC8;}
  
 +
a {
 +
opacity: 1.0;
 +
}
 +
 +
a:visited {
 +
color: #D49AE6;
 +
}
  
 
a.HeaderLinks {
 
a.HeaderLinks {
 +
height: 50px;
 
position: center;
 
position: center;
−
background-color: #D49AE6;
 
 
border: none;
 
border: none;
−
color: white;
+
color: #D49AE6;  
−
padding: 10px 20px;  
+
 
text-align: center;
 
text-align: center;
 
text-decoration: none;
 
text-decoration: none;
Line 46: Line 74:
  
 
#MainTitle {
 
#MainTitle {
−
padding: 30px;
+
padding: 60px;
−
font-size: 60px; }
+
font-size: 60px;
−
 
+
color: dimgray; }
−
 
+
−
#mainContainer{
+
−
    background-color: white;
+
−
    width: 100%;
+
−
}
+
−
 
+
−
 
+
−
#main{
+
−
    width: 100%;
+
−
    padding: 15px;
+
−
    background-color: white;
+
−
}
+
  
  
Line 75: Line 91:
 
header h1{
 
header h1{
 
text-align:center;
 
text-align:center;
 +
color: dimgray;
 +
}
 +
 +
h2{
 +
color: #D49AE6;
 
}
 
}
  
  
 
#headerLinks {
 
#headerLinks {
 +
position: fixed;
 
text-decoration: none;
 
text-decoration: none;
 
color: #b8975e;
 
color: #b8975e;
−
font-size: 20px;
 
−
padding: 0 20px;
 
 
width: 100%;
 
width: 100%;
−
background-color: rgba(255,255,255,0.7);
+
height: 50px;
−
padding: 15px;
+
line-height: 50px;
−
position-left: 10px;
+
background-color: white;
 +
margin: auto;
 
text-align:center;
 
text-align:center;
 +
opacity: 0.7;
 
}
 
}
  
  
 
.header{
 
.header{
−
width: 1000px;
+
width: 100%;
 
padding: 0;
 
padding: 0;
 
margin: 0 auto;
 
margin: 0 auto;
Line 102: Line 124:
 
#text{
 
#text{
 
width: 900px;
 
width: 900px;
−
     padding: 25px 0px;
+
     padding: 0px;
 
display: block;
 
display: block;
−
margin: 5px auto;
+
margin: 0px auto;
 
}
 
}
−
 
  
 
#space{
 
#space{
Line 114: Line 135:
  
 
#sponsors-bottom{
 
#sponsors-bottom{
−
width: 1000px;
+
width: 100%;
−
margin: 150px auto 0px auto;
+
margin: 0px auto;
 
text-align: center;
 
text-align: center;
 
display: block;
 
display: block;
Line 122: Line 143:
  
 
#sponsors-bottom a{
 
#sponsors-bottom a{
 +
margin: auto;
 +
width: 50%
 
display: inline-block;
 
display: inline-block;
 
}
 
}
Line 134: Line 157:
 
     opacity: 0.4;
 
     opacity: 0.4;
 
     filter: alpha(opacity=40); /* For IE8 and earlier */
 
     filter: alpha(opacity=40); /* For IE8 and earlier */
 +
transition: opacity 0.5s ease-in-out;
 
}
 
}
  
Line 164: Line 188:
 
display: block;
 
display: block;
 
}
 
}
−
 
  
 
#globalWrapper{
 
#globalWrapper{
 
background-color: white;
 
background-color: white;
−
padding: 30px;
+
padding: 0px;
 +
 
  
 
}
 
}
 +
  
 
/* Dropdown Button */
 
/* Dropdown Button */
 
.dropbtn {
 
.dropbtn {
 +
  margin: auto;
 
   position: left;   
 
   position: left;   
−
   background-color: #D49AE6;
+
  height: 100%;
−
   color: white;
+
  width: 100%;
−
   padding: 10px;
+
   background-color: white;
−
   font-size: 16px;
+
   color: #D49AE6;
 +
   padding: 14px;
 +
   font-size: 20px;
 
   text-align: left;
 
   text-align: left;
 
   border: none;
 
   border: none;
 
   cursor: pointer;
 
   cursor: pointer;
 +
  transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
 
}
 
}
  
Line 193: Line 222:
 
.dropdown-content {
 
.dropdown-content {
 
     display: none;
 
     display: none;
 +
    opacity: 0.0;
 
     position: absolute;
 
     position: absolute;
 
     background-color: #D49AE6;
 
     background-color: #D49AE6;
−
     min-width: 140px;
+
     min-width: 200px;
 
     text-align: left;
 
     text-align: left;
 
     box-shadow: 0px 8px 12px 0px rgba(0,0,0,0.2);
 
     box-shadow: 0px 8px 12px 0px rgba(0,0,0,0.2);
 +
    transition: opacity 0.5s ease-in-out;
 
}
 
}
  
 
/* Links inside the dropdown */
 
/* Links inside the dropdown */
 
.dropdown-content a {
 
.dropdown-content a {
−
     color: black;
+
     color: white;
−
     padding: 10px 10px;
+
    opacity: 0.0;
−
     font-size: 16px;
+
     padding: 0px 10px;
 +
     font-size: 20px;
 
     text-decoration: none;
 
     text-decoration: none;
−
 
 
     display: block;
 
     display: block;
 +
    transition: opacity 0.5s ease-in-out;
 
}
 
}
  
Line 216: Line 248:
 
.dropdown:hover .dropdown-content {
 
.dropdown:hover .dropdown-content {
 
     display: block;
 
     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 */
+
/* Change the background color of the dropdown button when the dropdown content is shown*/
−
.dropdown:hover .dropbtn {
+
.dropbtn:hover {
 
     background-color: #D49AE6;
 
     background-color: #D49AE6;
 +
    color: white;
 
}
 
}
  
 +
#mainbanner{
 +
text-align: center;
 +
}
 +
 +
#mainbanner{
 +
    display: block;
 +
    margin: auto;;
 +
}
 +
#logo{
 +
height: 50px;
 +
opacity:0.4;
 +
}
 
</style>
 
</style>
 +
  
  
Line 238: Line 289:
 
<header>
 
<header>
 
<div id="headerLinks">
 
<div id="headerLinks">
−
<!--<a class="HeaderLinks" href="https://2016.igem.org/Team:LambertGA" >Home -->
+
<a href="https://2016.igem.org/Team:LambertGA" class="dropbtn">Home</a><!--
−
<a href="https://2016.igem.org/Team:LambertGA" class="dropbtn">Home</a>
+
--><li class="dropdown" >
−
<!--</a><a class="HeaderLinks" href="https://2016.igem.org/Team:LambertGA/Description">Project> -->
+
      <a href="https://2016.igem.org/Team:LambertGA/Team" class="dropbtn">Team</a>
−
   </a><li class="dropdown">
+
      <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>
 
   <a href="https://2016.igem.org/Team:LambertGA/Description" class="dropbtn">Project</a>
 
     <div class="dropdown-content">
 
     <div class="dropdown-content">
−
      <a href="https://2016.igem.org/Team:LambertGA/Design">Design</a>
 
 
       <a href="https://2016.igem.org/Team:LambertGA/Description">Description</a>
 
       <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/Experiments">Experiments</a>
 
       <a href="https://2016.igem.org/Team:LambertGA/Proof">Proof of Concept</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/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>
 
     </div>
−
   </li>
+
   </li><!--
−
<!--</a><a class="HeaderLinks" href="https://2016.igem.org/Team:LambertGA/Parts">Parts -->
+
--><li class="dropdown" >
−
</a><li class="dropdown" >
+
 
       <a href="https://2016.igem.org/Team:LambertGA/Parts" class="dropbtn">Parts</a>
 
       <a href="https://2016.igem.org/Team:LambertGA/Parts" class="dropbtn">Parts</a>
 
       <div class="dropdown-content">
 
       <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/Basic_Part">Basic Parts</a>
 
       <a href="https://2016.igem.org/Team:LambertGA/Composite_Part">Composite Parts</a>
 
       <a href="https://2016.igem.org/Team:LambertGA/Composite_Part">Composite Parts</a>
−
      <a href="https://2016.igem.org/Team:LambertGA/Part_Collection">Part Collection</a>
 
 
     </div>
 
     </div>
−
   </li>
+
   </li><!--
−
<!--</a><a class="HeaderLinks" href="https://2016.igem.org/Team:LambertGA/Team">Team -->
+
--><a href="https://2016.igem.org/Team:LambertGA/Attributions"class="dropbtn">Attributions</a><!--
−
</a><li class="dropdown" >
+
--><a  href="https://2016.igem.org/Team:LambertGA/Safety"class="dropbtn">Safety</a><!--
−
      <a href="https://2016.igem.org/Team:LambertGA/Team" class="dropbtn">Team</a>
+
--><li class="dropdown" >
−
      <div class="dropdown-content">
+
−
      <a href="https://2016.igem.org/Team:LambertGA/Collaborations">Collaborations</a>
+
−
    </div>
+
−
  </li>
+
−
</a>
+
−
<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>
+
−
<!--</a><a class="HeaderLinks" href="https://2016.igem.org/Team:LambertGA/Human_Practices">Human Practices -->
+
−
</a><li class="dropdown" >
+
 
       <a href="https://2016.igem.org/Team:LambertGA/Human_Practices" class="dropbtn">Human Practices</a>
 
       <a href="https://2016.igem.org/Team:LambertGA/Human_Practices" class="dropbtn">Human Practices</a>
 
       <div class="dropdown-content">
 
       <div class="dropdown-content">
−
       <a href="https://2016.igem.org/Team:LambertGA/Silver">Silver</a>
+
       <a href="https://2016.igem.org/Team:LambertGA/HP/Silver">Silver</a>
−
       <a href="https://2016.igem.org/Team:LambertGA/Gold">Gold</a>
+
       <a href="https://2016.igem.org/Team:LambertGA/HP/Gold">Gold</a>
−
       <a href="https://2016.igem.org/Team:LambertGA/Integrated_Pract">Integrated Practices</a>
+
       <a href="https://2016.igem.org/Team:LambertGA/HP/Integrated_Pract">Integrated Practices</a>
−
       <a href="https://2016.igem.org/Team:LambertGA/Engagements">Engagements</a>
+
       <a href="https://2016.igem.org/Team:LambertGA/HP/Engagements">Engagements</a>
 
     </div>
 
     </div>
−
   </li>
+
   </li><!--
−
  <li class="dropdown" >
+
--><li class="dropdown" >
 
       <a href="https://2016.igem.org/Team:LambertGA/Awards" class="dropbtn">Awards</a>
 
       <a href="https://2016.igem.org/Team:LambertGA/Awards" class="dropbtn">Awards</a>
 
       <div class="dropdown-content">
 
       <div class="dropdown-content">
−
      <a href="https://2016.igem.org/Team:LambertGA/Entrepreneurship">Entrepreneurship</a>
 
 
       <a href="https://2016.igem.org/Team:LambertGA/Hardware">Hardware</a>
 
       <a href="https://2016.igem.org/Team:LambertGA/Hardware">Hardware</a>
−
      <a href="https://2016.igem.org/Team:LambertGA/Software">Software</a>
 
 
       <a href="https://2016.igem.org/Team:LambertGA/Measurement">Measurement</a>
 
       <a href="https://2016.igem.org/Team:LambertGA/Measurement">Measurement</a>
 
       <a href="https://2016.igem.org/Team:LambertGA/Model">Model</a>
 
       <a href="https://2016.igem.org/Team:LambertGA/Model">Model</a>
 
     </div>
 
     </div>
 
   </li>
 
   </li>
−
</a>
 
  
 
</div>
 
</div>
Line 297: Line 340:
  
  
−
<div class="column full_size" style="background-color:#C8A2C8" >
+
 
 +
<div class="column full_size" style="width:75%; margin:auto;" >
  
  
Line 303: Line 347:
  
  
−
 
+
<br>
 
<center> <h1 id="MainTitle"><b> Composite Part </b></h1> </center>
 
<center> <h1 id="MainTitle"><b> Composite Part </b></h1> </center>
  
Line 324: Line 368:
 
<div id="sponsors-bottom">
 
<div id="sponsors-bottom">
  
−
<a href="http://www.forsyth.k12.ga.us/lhs"><img src="https://static.igem.org/mediawiki/2015/a/a4/Lambert_lhslogo.jpg" class="transparent" style="width:100px;height=130px"></a>
+
<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>
−
<!-- gray logo: https://static.igem.org/mediawiki/2015/6/69/Lambert_lhslogo_gray.jpg-->
+
  
−
<a href="http://www.snapgene.com"> <img src="https://static.igem.org/mediawiki/2015/8/83/Lambert_sglogo.jpg" class="transparent" style="width:200px;height:60px"></a>
+
</div>
−
<!-- gray logo: https://static.igem.org/mediawiki/2015/d/dc/Lambert_snapgenelogo_gray.jpg-->
+
  
−
<a href="http://www.gatech.edu/"><img src="https://static.igem.org/mediawiki/2015/1/10/Lambert_gtlogo.jpg" class="transparent" style="width:100px;height:100px"></a>
 
−
<!-- gray logo: https://static.igem.org/mediawiki/2015/a/a3/Lambert_gtlogo_gray.jpg-->
 
−
 
−
<a href="http://www.foldscope.com/"><img src="https://static.igem.org/mediawiki/2015/9/90/Lambert_foldscopelogo.jpg" class="transparent" style="width:100px;height 150px"></a>
 
−
<!-- gray logo: https://static.igem.org/mediawiki/2015/3/31/Lambert_foldscopelogo_gray.jpg-->
 
−
 
−
<a href="http://www.chick-fil-a.com/"><img src="https://static.igem.org/mediawiki/2015/c/cb/Lambert_cfalogo.jpg" class="transparent" style="width:200px;height:75px"></a>
 
−
<!-- gray logo: https://static.igem.org/mediawiki/2015/c/cf/Lambert_cfalogo_gray.jpg-->
 
−
 
−
<a href="http://atlantasciencefestival.org/"><img src="https://static.igem.org/mediawiki/2015/8/80/Lambert_asflogo.jpg" class="transparent" style="width:150px;height:100px"></a>
 
−
<!-- gray logo: https://static.igem.org/mediawiki/2015/0/05/Lambert_asflogo_gray.jpg-->
 
−
 
−
<a href="https://www.neb.com/"><img src="https://static.igem.org/mediawiki/2015/e/e4/Lambert_neblogo.jpg" class="transparent" style="width:200px;height:70px"></a>
 
−
<!-- gray logo: https://static.igem.org/mediawiki/2015/2/27/Lambert_neblogo_gray.jpg-->
 
−
 
−
<a href="https://www.idtdna.com/site"><img src="https://static.igem.org/mediawiki/2015/4/46/Lambert_idtlogo.jpg" class="transparent" style="width:200px"></a>
 
−
<!-- gray logo: https://static.igem.org/mediawiki/2015/9/9e/Lambert_idtlogo_gray.jpg-->
 
−
 
−
<a href="http://www.nsf.gov/"><img src="https://static.igem.org/mediawiki/2015/8/86/Lambert_nsflogo.jpg" class="transparent" style="width:150px"></a>
 
−
<!-- gray logo: https://static.igem.org/mediawiki/2015/1/16/Lambert_nsflogo_gray.jpg-->
 
−
 
−
<a href="http://www.nextgenerationfocus.org/"><img src="https://static.igem.org/mediawiki/2015/e/e4/Lambert_ngflogo.jpg" class="transparent" ></a>
 
−
<!-- gray logo: https://static.igem.org/mediawiki/2015/0/08/Lambert_ngflogo_gray.jpg-->
 
−
 
−
 
−
</div>
 
  
  
 
</html>
 
</html>

Revision as of 03:03, 14 October 2016


Composite Part