JackdHarris (Talk | contribs) |
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%;} | ||
#content { | #content { | ||
− | margin | + | margin: 0px auto; |
− | background-color: | + | background-color: white; |
+ | width: 100%; | ||
+ | padding: 0px; | ||
+ | } | ||
Line 17: | Line 30: | ||
− | .column full_size {width: | + | .column full_size {width: 100%; |
height: 700px; | height: 700px; | ||
position: center; } | position: center; } | ||
+ | p { | ||
+ | margin: auto; | ||
+ | width: 50%; | ||
+ | } | ||
#firstHeading { | #firstHeading { | ||
Line 27: | Line 44: | ||
color: #9D0EC8;} | color: #9D0EC8;} | ||
+ | a { | ||
+ | opacity: 1.0; | ||
+ | } | ||
+ | |||
+ | a:visited { | ||
+ | color: #D49AE6; | ||
+ | } | ||
a.HeaderLinks { | a.HeaderLinks { | ||
+ | height: 70px; | ||
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 69: | ||
#MainTitle { | #MainTitle { | ||
− | padding: | + | padding: 60px; |
font-size: 60px; } | font-size: 60px; } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
Line 79: | Line 89: | ||
#headerLinks { | #headerLinks { | ||
+ | position: fixed; | ||
text-decoration: none; | text-decoration: none; | ||
color: #b8975e; | color: #b8975e; | ||
− | |||
− | |||
width: 100%; | width: 100%; | ||
− | + | height: 70px; | |
− | + | line-height: 70px; | |
− | + | background-color: lavender; | |
+ | margin: auto; | ||
text-align:center; | text-align:center; | ||
+ | opacity: 0.9; | ||
} | } | ||
.header{ | .header{ | ||
− | width: | + | width: 100%; |
padding: 0; | padding: 0; | ||
margin: 0 auto; | margin: 0 auto; | ||
Line 102: | Line 113: | ||
#text{ | #text{ | ||
width: 900px; | width: 900px; | ||
− | padding: | + | padding: 0px; |
display: block; | display: block; | ||
− | margin: | + | margin: 0px auto; |
} | } | ||
− | |||
#space{ | #space{ | ||
Line 114: | Line 124: | ||
#sponsors-bottom{ | #sponsors-bottom{ | ||
− | width: | + | width: 100%; |
− | margin: | + | margin: 0px auto; |
text-align: center; | text-align: center; | ||
display: block; | display: block; | ||
Line 122: | Line 132: | ||
#sponsors-bottom a{ | #sponsors-bottom a{ | ||
+ | margin: auto; | ||
+ | width: 50% | ||
display: inline-block; | display: inline-block; | ||
} | } | ||
Line 134: | Line 146: | ||
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 177: | ||
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: lavender; |
− | font-size: | + | color: #D49AE6; |
+ | padding: 24px; | ||
+ | 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 211: | ||
.dropdown-content { | .dropdown-content { | ||
display: none; | display: none; | ||
+ | opacity: 0.0; | ||
position: absolute; | position: absolute; | ||
background-color: #D49AE6; | background-color: #D49AE6; | ||
Line 198: | Line 217: | ||
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 237: | ||
.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*/ |
− | . | + | .dropbtn:hover { |
background-color: #D49AE6; | background-color: #D49AE6; | ||
+ | color: white; | ||
} | } | ||
+ | #mainbanner{ | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | #mainbanner{ | ||
+ | display: block; | ||
+ | margin: auto;; | ||
+ | } | ||
</style> | </style> | ||
Line 233: | Line 268: | ||
<body> | <body> | ||
− | |||
− | |||
<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">Home</a> | + | --><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> | ||
</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"> | ||
Line 259: | Line 289: | ||
<a href="https://2016.igem.org/Team:LambertGA/Part_Collection">Part Collection</a> | <a href="https://2016.igem.org/Team:LambertGA/Part_Collection">Part Collection</a> | ||
</div> | </div> | ||
− | </li> | + | </li><!-- |
− | <!-- | + | --><li class="dropdown" > |
− | + | ||
<a href="https://2016.igem.org/Team:LambertGA/Team" class="dropbtn">Team</a> | <a href="https://2016.igem.org/Team:LambertGA/Team" class="dropbtn">Team</a> | ||
<div class="dropdown-content"> | <div class="dropdown-content"> | ||
<a href="https://2016.igem.org/Team:LambertGA/Collaborations">Collaborations</a> | <a href="https://2016.igem.org/Team:LambertGA/Collaborations">Collaborations</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/Attributions"class="dropbtn">Attributions</a> | + | --><a href="https://2016.igem.org/Team:LambertGA/Safety"class="dropbtn">Safety</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> | <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"> | ||
Line 290: | Line 317: | ||
</div> | </div> | ||
</li> | </li> | ||
− | |||
</div> | </div> | ||
</header> | </header> | ||
− | |||
<div class="column full_size" style="background-color:#C8A2C8" > | <div class="column full_size" style="background-color:#C8A2C8" > | ||
Line 303: | Line 328: | ||
− | + | <br> | |
+ | <br> | ||
<center> <h1 id="MainTitle"><b> Demonstrate </b></h1> </center> | <center> <h1 id="MainTitle"><b> Demonstrate </b></h1> </center> | ||
Revision as of 14:26, 8 October 2016