NithikB123 (Talk | contribs) |
KevinYLi123 (Talk | contribs) |
||
Line 10: | Line 10: | ||
#mainContainer{ | #mainContainer{ | ||
− | background-color: | + | background-color: #7A7A79; |
width: 100%; | width: 100%; | ||
} | } | ||
Line 17: | Line 17: | ||
margin: auto; | margin: auto; | ||
padding: 0px; | padding: 0px; | ||
− | |||
} | } | ||
− | body { | + | body { margin: auto; padding: 0px; width: 100%;} |
a.drplink { | a.drplink { | ||
Line 38: | Line 37: | ||
div { | div { | ||
− | color: | + | color: white; |
} | } | ||
#content { | #content { | ||
margin: 0px auto; | margin: 0px auto; | ||
− | background-color: | + | margin-top: -15px; |
+ | background-color: #7A7A79; | ||
width: 100%; | width: 100%; | ||
padding: 0px; | padding: 0px; | ||
Line 60: | Line 60: | ||
margin: auto; | margin: auto; | ||
width: 75%; | width: 75%; | ||
− | color: | + | color: white; |
} | } | ||
Line 96: | Line 96: | ||
font-size: 45px; | font-size: 45px; | ||
color: #FFB59E; } | color: #FFB59E; } | ||
− | |||
.firstHeading{ | .firstHeading{ | ||
Line 114: | Line 113: | ||
h2{ | h2{ | ||
− | color: # | + | color: #FFB59E; |
} | } | ||
Line 121: | Line 120: | ||
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 139: | Line 138: | ||
background-color: rgba(255,255,255,0.0); | background-color: rgba(255,255,255,0.0); | ||
} | } | ||
+ | |||
Line 173: | 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 225: | ||
height: 100%; | height: 100%; | ||
width: 100%; | width: 100%; | ||
− | |||
color: #D49AE6; | color: #D49AE6; | ||
padding: 14px; | padding: 14px; | ||
Line 233: | Line 233: | ||
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 252: | ||
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 266: | ||
/* 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: #F48FB1; |
color: #4A555C;} | color: #4A555C;} | ||
Line 279: | Line 281: | ||
/* 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: #F48FB1; |
color: #4A555C; | color: #4A555C; | ||
} | } | ||
Line 424: | Line 426: | ||
<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> |
Revision as of 11:59, 18 October 2017