JackdHarris (Talk | contribs) |
|||
(13 intermediate revisions by 3 users not shown) | |||
Line 5: | Line 5: | ||
#sideMenu { display:none; } | #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; | ||
+ | } | ||
+ | |||
+ | |||
+ | div { | ||
+ | color: gray; | ||
+ | } | ||
#content { | #content { | ||
− | margin | + | margin: 0px auto; |
− | background-color: | + | background-color: white; |
+ | width: 100%; | ||
+ | padding: 0px; | ||
+ | } | ||
Line 17: | Line 45: | ||
− | .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 60: | ||
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 43: | Line 82: | ||
background-color: white; | background-color: white; | ||
} | } | ||
− | |||
#MainTitle { | #MainTitle { | ||
− | padding: | + | padding-top: 50px; |
− | + | padding-bottom: 7px; | |
− | + | font-size: 45px; | |
− | + | color: dimgray; } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | + | ||
.firstHeading{ | .firstHeading{ | ||
Line 75: | Line 101: | ||
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 134: | ||
#text{ | #text{ | ||
width: 900px; | width: 900px; | ||
− | padding: | + | padding: 0px; |
display: block; | display: block; | ||
− | margin: | + | margin: 0px auto; |
} | } | ||
− | |||
#space{ | #space{ | ||
Line 114: | Line 145: | ||
#sponsors-bottom{ | #sponsors-bottom{ | ||
− | width: | + | width: 100%; |
− | margin: | + | margin: 0px auto; |
text-align: center; | text-align: center; | ||
display: block; | display: block; | ||
Line 122: | Line 153: | ||
#sponsors-bottom a{ | #sponsors-bottom a{ | ||
+ | margin: auto; | ||
+ | width: 50% | ||
display: inline-block; | display: inline-block; | ||
} | } | ||
Line 134: | Line 167: | ||
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 198: | ||
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 232: | ||
.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 258: | ||
.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 299: | ||
<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 class="drplink" style="transition: color 0.5s ease-in-out;" 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" style="transition: display 0.5s ease-in-out;"> |
− | <a href="https://2016.igem.org/Team:LambertGA/ | + | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/Description">Description</a> |
− | <a href="https://2016.igem.org/Team:LambertGA/ | + | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/Design">Design</a> |
− | <a href="https://2016.igem.org/Team:LambertGA/Experiments">Experiments</a> | + | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/Experiments">Experiments</a> |
− | <a href="https://2016.igem.org/Team:LambertGA/Proof">Proof of Concept</a> | + | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/Proof">Proof of Concept</a> |
− | <a href="https://2016.igem.org/Team:LambertGA/Demonstrate">Demonstrate</a> | + | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/Demonstrate">Demonstrate</a> |
+ | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/Results">Results</a> | ||
+ | <a class="drplink" style="transition: color 0.5s ease-in-out;" 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 class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/Basic_Part">Basic Parts</a> |
− | <a | + | <a class="drplink" style="transition: color 0.5s ease-in-out;" 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 class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/HP/Silver">Silver</a> |
− | <a href="https://2016.igem.org/Team:LambertGA/Gold">Gold</a> | + | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/HP/Gold">Gold</a> |
− | + | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/Integrated_Practices">Integrated Practices</a> | |
− | <a href="https://2016.igem.org/Team:LambertGA/ | + | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/Engagement">Engagements</a> |
</div> | </div> | ||
− | </li> | + | </li><!-- |
− | + | --><li class="dropdown" > | |
− | <a href="https://2016.igem.org/Team:LambertGA/ | + | <a href="https://2016.igem.org/Team:LambertGA/Hardware" class="dropbtn">Awards</a> |
<div class="dropdown-content"> | <div class="dropdown-content"> | ||
− | <a | + | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/Hardware">Hardware</a> |
− | + | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/Measurement">Measurement</a> | |
− | <a | + | <a class="drplink" style="transition: color 0.5s ease-in-out;" 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 296: | Line 349: | ||
</header> | </header> | ||
− | + | <div class="column full_size" > | |
− | <div class="column full_size | + | |
Line 303: | Line 355: | ||
+ | <br> | ||
+ | <center> <h1 id="MainTitle"><b> Demonstrate </b></h1> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/2/26/T--LambertGA--purpleline.jpg" style="width:18%; margin:auto;"> </center> | ||
− | < | + | <br> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<div class="button_click" onClick=" parent.location= 'https://2016.igem.org/Special:Upload '"> | <div class="button_click" onClick=" parent.location= 'https://2016.igem.org/Special:Upload '"> | ||
Line 324: | Line 372: | ||
<div id="sponsors-bottom"> | <div id="sponsors-bottom"> | ||
− | <a href="http://www.forsyth.k12.ga.us/lhs"><img src="https://static.igem.org/mediawiki/ | + | <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> | </div> |
Latest revision as of 02:38, 16 October 2016