Difference between revisions of "Team:Lambert GA/Improve"
KevinYLi123 (Talk | contribs) |
KevinYLi123 (Talk | contribs) |
||
| (6 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
<html> | <html> | ||
<head> | <head> | ||
| − | <style> | + | <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"><style> |
| − | + | html{ | |
| + | font-family: 'La', sans-serif; | ||
| + | } | ||
| + | |||
#sideMenu { display:none; } | #sideMenu { display:none; } | ||
| Line 10: | Line 13: | ||
#mainContainer{ | #mainContainer{ | ||
| − | + | background-color: #7A7A79; | |
width: 100%; | width: 100%; | ||
} | } | ||
| Line 17: | Line 20: | ||
margin: auto; | margin: auto; | ||
padding: 0px; | padding: 0px; | ||
| − | |||
} | } | ||
| − | body { | + | body { margin: 0px; padding: 0px; width: 100%;} |
a.drplink { | a.drplink { | ||
| Line 26: | Line 28: | ||
} | } | ||
a.drplink:hover { | a.drplink:hover { | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
color:dimgray; | color:dimgray; | ||
} | } | ||
| Line 40: | Line 35: | ||
color: gray; | color: gray; | ||
} | } | ||
| + | |||
#content { | #content { | ||
| − | margin: 0px | + | margin: 0px; |
| − | background-color: | + | margin-top: -15px; |
| + | background-color: #7A7A79; | ||
width: 100%; | width: 100%; | ||
padding: 0px; | padding: 0px; | ||
| + | font-family: 'Roboto', sans-serif; | ||
} | } | ||
| Line 95: | Line 93: | ||
padding-bottom: 7px; | padding-bottom: 7px; | ||
font-size: 45px; | font-size: 45px; | ||
| − | color: # | + | color: #D49AE6; } |
| Line 114: | Line 112: | ||
h2{ | h2{ | ||
| − | color: # | + | color: #D49AE6; |
| + | text-align:center; | ||
| + | hspace="20" | ||
} | } | ||
| Line 121: | Line 121: | ||
position: fixed; | position: fixed; | ||
text-decoration: none; | text-decoration: none; | ||
| − | color: # | + | color: #42413C; |
width: 100%; | width: 100%; | ||
height: 50px; | height: 50px; | ||
line-height: 50px; | line-height: 50px; | ||
| − | background-color: | + | background-color: #555554; |
| − | margin: | + | margin-top: 0px; |
text-align:center; | text-align:center; | ||
opacity: 0.9; | opacity: 0.9; | ||
| Line 146: | Line 146: | ||
display: block; | display: block; | ||
margin: 0px auto; | margin: 0px auto; | ||
| + | color: white; | ||
} | } | ||
| Line 172: | Line 173: | ||
} | } | ||
| − | + | .transparency { | |
| − | . | + | |
opacity: 0.4; | opacity: 0.4; | ||
| − | |||
transition: opacity 0.5s ease-in-out; | transition: opacity 0.5s ease-in-out; | ||
| + | filter: alpha(opacity=40); | ||
-webkit-backface-visibility: hidden; | -webkit-backface-visibility: hidden; | ||
} | } | ||
| − | . | + | .transparency:hover { |
| − | opacity: 1 | + | opacity: 1; |
| − | + | filter: alpha(opacity=100); | |
| + | width = 100px; | ||
-webkit-backface-visibility: hidden; | -webkit-backface-visibility: hidden; | ||
} | } | ||
| + | |||
| Line 224: | Line 226: | ||
height: 100%; | height: 100%; | ||
width: 100%; | width: 100%; | ||
| − | |||
color: #D49AE6; | color: #D49AE6; | ||
padding: 14px; | padding: 14px; | ||
| Line 233: | Line 234: | ||
transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out; | transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out; | ||
} | } | ||
| + | |||
/* The container <div> - needed to position the dropdown content */ | /* The container <div> - needed to position the dropdown content */ | ||
| Line 251: | Line 253: | ||
transition: opacity 0.5s ease-in-out; | transition: opacity 0.5s ease-in-out; | ||
} | } | ||
| + | |||
/* Links inside the dropdown */ | /* Links inside the dropdown */ | ||
| Line 264: | Line 267: | ||
/* Change color of dropdown links on hover */ | /* Change color of dropdown links on hover */ | ||
| − | .dropdown-content a:hover {background-color: # | + | .dropdown-content a:hover {background-color: #D49AE6; |
color: #4A555C;} | color: #4A555C;} | ||
| Line 279: | Line 282: | ||
/* 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 { | .dropbtn:hover { | ||
| − | background-color: # | + | background-color: #D49AE6; |
color: #4A555C; | color: #4A555C; | ||
} | } | ||
| − | |||
#mainbanner{ | #mainbanner{ | ||
| Line 331: | Line 333: | ||
<a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Model">Model</a> | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Model">Model</a> | ||
<a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Results">Results</a><a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Demonstrate">Demonstrate</a> | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Results">Results</a><a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Demonstrate">Demonstrate</a> | ||
| − | |||
<a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Attributions">Attributions</a> | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Attributions">Attributions</a> | ||
| Line 343: | Line 344: | ||
href="https://2017.igem.org/Team:Lambert_GA/Parts">Parts</a> | href="https://2017.igem.org/Team:Lambert_GA/Parts">Parts</a> | ||
<a class="drplink" style="transition: color 0.5s ease-in-out;" | <a class="drplink" style="transition: color 0.5s ease-in-out;" | ||
| − | href="https://2017.igem.org/Team:Lambert_GA/ | + | href="https://2017.igem.org/Team:Lambert_GA/Updated_Part">Updated Parts</a> |
<a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Composite Part">Composite Parts</a> | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Composite Part">Composite Parts</a> | ||
<a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Part Collection">Part_Collection</a></div> | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Part Collection">Part_Collection</a></div> | ||
| Line 367: | Line 368: | ||
<a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Measurement">Measurement</a> | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Measurement">Measurement</a> | ||
<a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Model">Model</a> | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Model">Model</a> | ||
| − | |||
<a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Software">Software</a> | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Software">Software</a> | ||
</div> | </div> | ||
| Line 387: | Line 387: | ||
<div id="sponsors-bottom"> | <div id="sponsors-bottom"> | ||
| − | <a href="http://www.forsyth.k12.ga.us/lhs"><img src="https://static.igem.org/mediawiki/2017/ | + | <a href="http://www.forsyth.k12.ga.us/lhs"><img src="https://static.igem.org/mediawiki/2017/3/36/RevisedLambertLonghorn.png" style="height:100px;padding:20px;" class="transparency"></a> |
</div> | </div> | ||
Latest revision as of 16:37, 28 October 2017
Improve
