Team:UCSF UCB/CSS
From 2014.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
<html> | <html> | ||
<head> | <head> | ||
- | <style> /* | + | <style>/* |
### Colors | ### Colors | ||
Gray: #3D4C53 | Gray: #3D4C53 | ||
Line 417: | Line 417: | ||
========================================================================== */ | ========================================================================== */ | ||
.landing-container { | .landing-container { | ||
- | background: # | + | background: #3D4C53; |
width: 1026px; | width: 1026px; | ||
-webkit-animation: zoom-dark, 12s, 0, linear, infinite; | -webkit-animation: zoom-dark, 12s, 0, linear, infinite; | ||
Line 429: | Line 429: | ||
@-webkit-keyframes zoom-dark { | @-webkit-keyframes zoom-dark { | ||
0% { | 0% { | ||
- | background: # | + | background: #3D4C53; } |
- | + | ||
10% { | 10% { | ||
- | background: # | + | background: #3D4C53; } |
- | + | ||
20% { | 20% { | ||
background: #4e5d64; } | background: #4e5d64; } | ||
- | |||
90% { | 90% { | ||
background: #4e5d64; } | background: #4e5d64; } | ||
- | |||
100% { | 100% { | ||
- | background: # | + | background: #3D4C53; } } |
@-moz-keyframes zoom-dark { | @-moz-keyframes zoom-dark { | ||
0% { | 0% { | ||
- | background: # | + | background: #3D4C53; } |
- | + | ||
10% { | 10% { | ||
- | background: # | + | background: #3D4C53; } |
- | + | ||
20% { | 20% { | ||
background: #4e5d64; } | background: #4e5d64; } | ||
- | |||
90% { | 90% { | ||
background: #4e5d64; } | background: #4e5d64; } | ||
- | |||
100% { | 100% { | ||
- | background: # | + | background: #3D4C53; } } |
@keyframes zoom-dark { | @keyframes zoom-dark { | ||
0% { | 0% { | ||
- | background: # | + | background: #3D4C53; } |
- | + | ||
10% { | 10% { | ||
- | background: # | + | background: #3D4C53; } |
- | + | ||
20% { | 20% { | ||
background: #4e5d64; } | background: #4e5d64; } | ||
- | |||
90% { | 90% { | ||
background: #4e5d64; } | background: #4e5d64; } | ||
- | |||
100% { | 100% { | ||
- | background: # | + | background: #3D4C53; } } |
@-webkit-keyframes zoom { | @-webkit-keyframes zoom { | ||
0% { | 0% { | ||
opacity: 0.4; } | opacity: 0.4; } | ||
- | |||
50% { | 50% { | ||
opacity: 0.4; } | opacity: 0.4; } | ||
- | |||
60% { | 60% { | ||
opacity: 0.05; } | opacity: 0.05; } | ||
- | |||
90% { | 90% { | ||
opacity: 0.05; } | opacity: 0.05; } | ||
- | |||
100% { | 100% { | ||
opacity: 0.4; } } | opacity: 0.4; } } | ||
Line 490: | Line 474: | ||
0% { | 0% { | ||
opacity: 0.4; } | opacity: 0.4; } | ||
- | |||
50% { | 50% { | ||
opacity: 0.4; } | opacity: 0.4; } | ||
- | |||
60% { | 60% { | ||
opacity: 0.05; } | opacity: 0.05; } | ||
- | |||
90% { | 90% { | ||
opacity: 0.05; } | opacity: 0.05; } | ||
- | |||
100% { | 100% { | ||
opacity: 0.4; } } | opacity: 0.4; } } | ||
Line 505: | Line 485: | ||
0% { | 0% { | ||
opacity: 0.4; } | opacity: 0.4; } | ||
- | |||
50% { | 50% { | ||
opacity: 0.4; } | opacity: 0.4; } | ||
- | |||
60% { | 60% { | ||
opacity: 0.05; } | opacity: 0.05; } | ||
- | |||
90% { | 90% { | ||
opacity: 0.05; } | opacity: 0.05; } | ||
- | |||
100% { | 100% { | ||
opacity: 0.4; } } | opacity: 0.4; } } | ||
Line 520: | Line 496: | ||
0% { | 0% { | ||
opacity: 0.4; } | opacity: 0.4; } | ||
- | |||
10% { | 10% { | ||
opacity: 0.4; } | opacity: 0.4; } | ||
- | |||
20% { | 20% { | ||
opacity: 0.1; } | opacity: 0.1; } | ||
- | |||
90% { | 90% { | ||
opacity: 0.1; } | opacity: 0.1; } | ||
- | |||
100% { | 100% { | ||
opacity: 0.4; } } | opacity: 0.4; } } | ||
Line 535: | Line 507: | ||
0% { | 0% { | ||
opacity: 0.4; } | opacity: 0.4; } | ||
- | |||
10% { | 10% { | ||
opacity: 0.4; } | opacity: 0.4; } | ||
- | |||
20% { | 20% { | ||
opacity: 0.1; } | opacity: 0.1; } | ||
- | |||
90% { | 90% { | ||
opacity: 0.1; } | opacity: 0.1; } | ||
- | |||
100% { | 100% { | ||
opacity: 0.4; } } | opacity: 0.4; } } | ||
Line 550: | Line 518: | ||
0% { | 0% { | ||
opacity: 0.4; } | opacity: 0.4; } | ||
- | |||
10% { | 10% { | ||
opacity: 0.4; } | opacity: 0.4; } | ||
- | |||
20% { | 20% { | ||
opacity: 0.1; } | opacity: 0.1; } | ||
- | |||
90% { | 90% { | ||
opacity: 0.1; } | opacity: 0.1; } | ||
- | |||
100% { | 100% { | ||
opacity: 0.4; } } | opacity: 0.4; } } | ||
Line 695: | Line 659: | ||
.notebooks-container { | .notebooks-container { | ||
- | background: # | + | background: #FFE11A; |
width: 1026px; | width: 1026px; | ||
position: relative; } | position: relative; } | ||
Line 702: | Line 666: | ||
color: black; } | color: black; } | ||
- | .notebooks-container .menu a h2 { | + | #bodyContent .notebooks-container .menu a h2 { |
border: 1px black solid; } | border: 1px black solid; } | ||
- | .notebooks-container .menu a:hover h2 { | + | #bodyContent .notebooks-container .menu a:hover h2 { |
- | border: 1px # | + | border: 1px #FFE11A solid; } |
.notebooks-container h1, .notebooks-container h2 { | .notebooks-container h1, .notebooks-container h2 { | ||
Line 747: | Line 711: | ||
.multi-container ul li .active { | .multi-container ul li .active { | ||
- | background: # | + | background: #FFE11A; |
font-weight: 500; } | font-weight: 500; } | ||
Line 769: | Line 733: | ||
.multi-container aside li a:hover { | .multi-container aside li a:hover { | ||
- | background: # | + | background: #FFE11A; } |
.multi-container #member-select header { | .multi-container #member-select header { | ||
Line 869: | Line 833: | ||
.team-container { | .team-container { | ||
- | background: # | + | background: #0CDBE8; |
width: 1026px; | width: 1026px; | ||
margin-bottom: 10px; } | margin-bottom: 10px; } | ||
.team-container .menu a:hover h2 { | .team-container .menu a:hover h2 { | ||
- | border: 1px # | + | border: 1px #0CDBE8 solid; } |
#attributions article, #team-members .member, #advisors .member { | #attributions article, #team-members .member, #advisors .member { | ||
Line 906: | Line 870: | ||
padding: 5px; | padding: 5px; | ||
margin: 0 0 0 5px; | margin: 0 0 0 5px; | ||
- | border: 1px solid # | + | border: 1px solid #3D4C53; } |
.project-container { | .project-container { | ||
- | background: # | + | background: #3D4C53; |
width: 1024px; } | width: 1024px; } | ||
.project-container .menu a:hover h2 { | .project-container .menu a:hover h2 { | ||
- | border: 1px # | + | border: 1px #3D4C53 solid; } |
.hp-container { | .hp-container { | ||
- | background: # | + | background: #EA2E49; |
width: 1024px; } | width: 1024px; } | ||
.hp-container .menu a:hover h2 { | .hp-container .menu a:hover h2 { | ||
- | border: 1px # | + | border: 1px #EA2E49 solid; } |
.models-container { | .models-container { | ||
- | background: # | + | background: #98C000; |
width: 1024px; } | width: 1024px; } | ||
.models-container .menu a:hover h2 { | .models-container .menu a:hover h2 { | ||
- | border: 1px # | + | border: 1px #98C000 solid; } |
h1, h2, h3, h4, h5, h6 { | h1, h2, h3, h4, h5, h6 { | ||
Line 991: | Line 955: | ||
nav .project a:hover, nav .project .on-page { | nav .project a:hover, nav .project .on-page { | ||
- | background: # | + | background: #3D4C53; } |
nav .models a:hover, nav .models .on-page { | nav .models a:hover, nav .models .on-page { | ||
- | background: # | + | background: #98C000; } |
nav .hp a:hover, nav .hp .on-page { | nav .hp a:hover, nav .hp .on-page { | ||
- | background: # | + | background: #EA2E49; } |
nav .notebooks a:hover, nav .notebooks .on-page { | nav .notebooks a:hover, nav .notebooks .on-page { | ||
- | background: # | + | background: #FFE11A; } |
nav .team a:hover, nav .team .on-page { | nav .team a:hover, nav .team .on-page { | ||
- | background: # | + | background: #0CDBE8; } |
nav .judging a:hover, nav .judging .on-page { | nav .judging a:hover, nav .judging .on-page { | ||
Line 1,012: | Line 976: | ||
nav .igem a:hover .cogs { | nav .igem a:hover .cogs { | ||
- | fill: # | + | fill: #98C000; |
stroke: none; } | stroke: none; } | ||
Line 1,127: | Line 1,091: | ||
background: transparent; | background: transparent; | ||
line-height: 1em; } | line-height: 1em; } | ||
+ | |||
+ | #bodyContent li { | ||
+ | margin-bottom: 0; } | ||
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { | ||
Line 1,198: | Line 1,165: | ||
.footer-container { | .footer-container { | ||
margin-top: 20px; | margin-top: 20px; | ||
- | background: # | + | background: #3D4C53; } |
footer { | footer { | ||
color: white; | color: white; | ||
- | background: # | + | background: #3D4C53; } |
footer h3 { | footer h3 { | ||
Line 1,287: | Line 1,254: | ||
background: white; | background: white; | ||
border: 1px white solid; } | border: 1px white solid; } | ||
- | |||
</style> | </style> | ||
</head> | </head> | ||
</html> | </html> |
Revision as of 23:18, 26 September 2014