JackdHarris (Talk | contribs) |
|||
Line 6: | Line 6: | ||
− | + | #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 | + | margin: 0px auto; |
− | background-color: | + | background-color: white; |
+ | width: 100%; | ||
+ | padding: 0px; | ||
+ | } | ||
Line 17: | Line 34: | ||
− | .column full_size {width: | + | .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; | ||
− | |||
border: none; | border: none; | ||
− | color: | + | color: #D49AE6; |
− | + | ||
text-align: center; | text-align: center; | ||
text-decoration: none; | text-decoration: none; | ||
Line 46: | Line 74: | ||
#MainTitle { | #MainTitle { | ||
− | padding: | + | padding: 60px; |
− | font-size: 60px; | + | font-size: 60px; |
− | + | color: dimgray; } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
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; | ||
− | |||
− | |||
width: 100%; | width: 100%; | ||
− | + | height: 50px; | |
− | + | line-height: 50px; | |
− | + | background-color: white; | |
+ | margin: auto; | ||
text-align:center; | text-align:center; | ||
+ | opacity: 0.7; | ||
} | } | ||
.header{ | .header{ | ||
− | width: | + | width: 100%; |
padding: 0; | padding: 0; | ||
margin: 0 auto; | margin: 0 auto; | ||
Line 102: | Line 124: | ||
#text{ | #text{ | ||
width: 900px; | width: 900px; | ||
− | padding: | + | padding: 0px; |
display: block; | display: block; | ||
− | margin: | + | margin: 0px auto; |
} | } | ||
− | |||
#space{ | #space{ | ||
Line 114: | Line 135: | ||
#sponsors-bottom{ | #sponsors-bottom{ | ||
− | width: | + | width: 100%; |
− | margin: | + | 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: | + | padding: 0px; |
+ | |||
} | } | ||
+ | |||
/* Dropdown Button */ | /* Dropdown Button */ | ||
.dropbtn { | .dropbtn { | ||
+ | margin: auto; | ||
position: left; | position: left; | ||
− | background-color: | + | height: 100%; |
− | color: | + | width: 100%; |
− | padding: | + | background-color: white; |
− | font-size: | + | 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: | + | 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: | + | color: white; |
− | padding: | + | opacity: 0.0; |
− | font-size: | + | 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; | ||
} | } | ||
− | /* Change the background color of the dropdown button when the dropdown content is shown */ | + | .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; | 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 href="https://2016.igem.org/Team:LambertGA" class="dropbtn">Home</a><!-- | |
− | <a href="https://2016.igem.org/Team:LambertGA" class="dropbtn"> | + | --><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> | <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/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><!-- |
− | <!-- | + | --><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> | ||
− | |||
</div> | </div> | ||
− | </li> | + | </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/Safety"class="dropbtn">Safety</a> | + | |
− | <!-- | + | |
− | + | ||
<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" > | |
<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/Hardware">Hardware</a> | <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/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> | ||
− | |||
</div> | </div> | ||
Line 297: | Line 340: | ||
− | |||
+ | <div class="column full_size" style="width:75%; margin:auto;" > | ||
− | |||
+ | <script type="text/javascript"></script> | ||
+ | <br> | ||
<center> <h1 id="MainTitle"><b> Attributions </b></h1> </center> | <center> <h1 id="MainTitle"><b> Attributions </b></h1> </center> | ||
Revision as of 03:03, 14 October 2016