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: #3d4c53;
+
   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: #3d4c53; }
+
     background: #3D4C53; }
-
 
+
   10% {
   10% {
-
     background: #3d4c53; }
+
     background: #3D4C53; }
-
 
+
   20% {
   20% {
     background: #4e5d64; }
     background: #4e5d64; }
-
 
   90% {
   90% {
     background: #4e5d64; }
     background: #4e5d64; }
-
 
   100% {
   100% {
-
     background: #3d4c53; } }
+
     background: #3D4C53; } }
@-moz-keyframes zoom-dark {
@-moz-keyframes zoom-dark {
   0% {
   0% {
-
     background: #3d4c53; }
+
     background: #3D4C53; }
-
 
+
   10% {
   10% {
-
     background: #3d4c53; }
+
     background: #3D4C53; }
-
 
+
   20% {
   20% {
     background: #4e5d64; }
     background: #4e5d64; }
-
 
   90% {
   90% {
     background: #4e5d64; }
     background: #4e5d64; }
-
 
   100% {
   100% {
-
     background: #3d4c53; } }
+
     background: #3D4C53; } }
@keyframes zoom-dark {
@keyframes zoom-dark {
   0% {
   0% {
-
     background: #3d4c53; }
+
     background: #3D4C53; }
-
 
+
   10% {
   10% {
-
     background: #3d4c53; }
+
     background: #3D4C53; }
-
 
+
   20% {
   20% {
     background: #4e5d64; }
     background: #4e5d64; }
-
 
   90% {
   90% {
     background: #4e5d64; }
     background: #4e5d64; }
-
 
   100% {
   100% {
-
     background: #3d4c53; } }
+
     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: #ffe11a;
+
   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 #ffe11a solid; }
+
   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: #ffe11a;
+
   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: #ffe11a; }
+
   background: #FFE11A; }
.multi-container #member-select header {
.multi-container #member-select header {
Line 869: Line 833:
.team-container {
.team-container {
-
   background: #0cdbe8;
+
   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 #0cdbe8 solid; }
+
   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 #3d4c53; }
+
   border: 1px solid #3D4C53; }
.project-container {
.project-container {
-
   background: #3d4c53;
+
   background: #3D4C53;
   width: 1024px; }
   width: 1024px; }
.project-container .menu a:hover h2 {
.project-container .menu a:hover h2 {
-
   border: 1px #3d4c53 solid; }
+
   border: 1px #3D4C53 solid; }
.hp-container {
.hp-container {
-
   background: #ea2e49;
+
   background: #EA2E49;
   width: 1024px; }
   width: 1024px; }
.hp-container .menu a:hover h2 {
.hp-container .menu a:hover h2 {
-
   border: 1px #ea2e49 solid; }
+
   border: 1px #EA2E49 solid; }
.models-container {
.models-container {
-
   background: #98c000;
+
   background: #98C000;
   width: 1024px; }
   width: 1024px; }
.models-container .menu a:hover h2 {
.models-container .menu a:hover h2 {
-
   border: 1px #98c000 solid; }
+
   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: #3d4c53; }
+
   background: #3D4C53; }
nav .models a:hover, nav .models .on-page {
nav .models a:hover, nav .models .on-page {
-
   background: #98c000; }
+
   background: #98C000; }
nav .hp a:hover, nav .hp .on-page {
nav .hp a:hover, nav .hp .on-page {
-
   background: #ea2e49; }
+
   background: #EA2E49; }
nav .notebooks a:hover, nav .notebooks .on-page {
nav .notebooks a:hover, nav .notebooks .on-page {
-
   background: #ffe11a; }
+
   background: #FFE11A; }
nav .team a:hover, nav .team .on-page {
nav .team a:hover, nav .team .on-page {
-
   background: #0cdbe8; }
+
   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: #98c000;
+
   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: #3d4c53; }
+
   background: #3D4C53; }
footer {
footer {
   color: white;
   color: white;
-
   background: #3d4c53; }
+
   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