Team:UCSF UCB/CSS

From 2014.igem.org

(Difference between revisions)
Line 9: Line 9:
Blue: #0CDBE8
Blue: #0CDBE8
*/
*/
-
/*! normalize.css v1.1.3 | MIT License | git.io/normalize */
+
#bodyContent {
-
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
+
  /*! normalize.css v1.1.3 | MIT License | git.io/normalize */
-
  display: block; }
+
  /*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
-
 
+
  /* ===== Initializr Styles ==================================================
-
audio, canvas, video {
+
    Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
-
  display: inline-block;
+
    ========================================================================== */
-
  *display: inline;
+
  /* ===================
-
  *zoom: 1; }
+
      ALL: Orange Theme
-
 
+
    =================== */
-
audio:not([controls]) {
+
  /* ==============
-
  display: none;
+
      MOBILE: Menu
-
  height: 0; }
+
    ============== */
-
 
+
  /* ==============
-
[hidden] {
+
      MOBILE: Main
-
  display: none; }
+
    ============== */
-
 
+
  /* ===============
-
html {
+
      ALL: IE Fixes
-
  font-size: 100%;
+
    =============== */
-
  -ms-text-size-adjust: 100%;
+
  /* ==========================================================================
-
  -webkit-text-size-adjust: 100%; }
+
    Helper classes
-
 
+
    ========================================================================== */
-
html, button, input, select, textarea {
+
  /* ==========================================================================
-
  font-family: sans-serif; }
+
    Print styles
-
 
+
    ========================================================================== */
-
body {
+
  /* ==========================================================================
-
  margin: 0; }
+
    Author's custom styles
-
 
+
    ========================================================================== */
-
a:focus {
+
  /* ============
-
  outline: thin dotted; }
+
      WIDE: Main
-
 
+
    ============ */
-
a:active, a:hover {
+
  /* ==========================================================================
-
  outline: 0; }
+
      Remove default iGEM styling
-
 
+
    ========================================================================== */ }
-
h1 {
+
  #bodyContent article, #bodyContent aside, #bodyContent details, #bodyContent figcaption, #bodyContent figure, #bodyContent footer, #bodyContent header, #bodyContent hgroup, #bodyContent main, #bodyContent nav, #bodyContent section, #bodyContent summary {
-
  font-size: 2em;
+
    display: block; }
-
  margin: .67em 0; }
+
  #bodyContent audio, #bodyContent canvas, #bodyContent video {
-
 
+
    display: inline-block;
-
h2 {
+
    *display: inline;
-
  font-size: 1.5em;
+
    *zoom: 1; }
-
  margin: .83em 0; }
+
  #bodyContent audio:not([controls]) {
-
 
+
    display: none;
-
h3 {
+
    height: 0; }
-
  font-size: 1.17em;
+
  #bodyContent [hidden] {
-
  margin: 1em 0; }
+
    display: none; }
-
 
+
  #bodyContent html {
-
h4 {
+
    font-size: 100%;
-
  font-size: 1em;
+
    -ms-text-size-adjust: 100%;
-
  margin: 1.33em 0; }
+
    -webkit-text-size-adjust: 100%; }
-
 
+
  #bodyContent html, #bodyContent button, #bodyContent input, #bodyContent select, #bodyContent textarea {
-
h5 {
+
    font-family: sans-serif; }
-
  font-size: .83em;
+
  #bodyContent body {
-
  margin: 1.67em 0; }
+
    margin: 0; }
-
 
+
  #bodyContent a:focus {
-
h6 {
+
    outline: thin dotted; }
-
  font-size: .67em;
+
  #bodyContent a:active, #bodyContent a:hover {
-
  margin: 2.33em 0; }
+
    outline: 0; }
-
 
+
  #bodyContent h1 {
-
abbr[title] {
+
    font-size: 2em;
-
  border-bottom: 1px dotted; }
+
    margin: .67em 0; }
-
 
+
  #bodyContent h2 {
-
b, strong {
+
    font-size: 1.5em;
-
  font-weight: bold; }
+
    margin: .83em 0; }
-
 
+
  #bodyContent h3 {
-
blockquote {
+
    font-size: 1.17em;
-
  margin: 1em 40px; }
+
    margin: 1em 0; }
-
 
+
  #bodyContent h4 {
-
dfn {
+
    font-size: 1em;
-
  font-style: italic; }
+
    margin: 1.33em 0; }
-
 
+
  #bodyContent h5 {
-
hr {
+
    font-size: .83em;
-
  -moz-box-sizing: content-box;
+
    margin: 1.67em 0; }
-
  box-sizing: content-box;
+
  #bodyContent h6 {
-
  height: 0; }
+
    font-size: .67em;
-
 
+
    margin: 2.33em 0; }
-
mark {
+
  #bodyContent abbr[title] {
-
  background: #ff0;
+
    border-bottom: 1px dotted; }
-
  color: #000; }
+
  #bodyContent b, #bodyContent strong {
-
 
+
    font-weight: bold; }
-
p, pre {
+
  #bodyContent blockquote {
-
  margin: 1em 0; }
+
    margin: 1em 40px; }
-
 
+
  #bodyContent dfn {
-
code, kbd, pre, samp {
+
    font-style: italic; }
-
  font-family: monospace,serif;
+
  #bodyContent hr {
-
  _font-family: 'courier new',monospace;
+
    -moz-box-sizing: content-box;
-
  font-size: 1em; }
+
    box-sizing: content-box;
-
 
+
    height: 0; }
-
pre {
+
  #bodyContent mark {
-
  white-space: pre;
+
    background: #ff0;
-
  white-space: pre-wrap;
+
    color: #000; }
-
  word-wrap: break-word; }
+
  #bodyContent p, #bodyContent pre {
-
 
+
    margin: 1em 0; }
-
q {
+
  #bodyContent code, #bodyContent kbd, #bodyContent pre, #bodyContent samp {
-
  quotes: none; }
+
    font-family: monospace,serif;
-
 
+
    _font-family: 'courier new',monospace;
-
q:before, q:after {
+
    font-size: 1em; }
-
  content: '';
+
  #bodyContent pre {
-
  content: none; }
+
    white-space: pre;
-
 
+
    white-space: pre-wrap;
-
small {
+
    word-wrap: break-word; }
-
  font-size: 80%; }
+
  #bodyContent q {
-
 
+
    quotes: none; }
-
sub, sup {
+
  #bodyContent q:before, #bodyContent q:after {
-
  font-size: 75%;
+
    content: '';
-
  line-height: 0;
+
    content: none; }
-
  position: relative;
+
  #bodyContent small {
-
  vertical-align: baseline; }
+
    font-size: 80%; }
-
 
+
  #bodyContent sub, #bodyContent sup {
-
sup {
+
    font-size: 75%;
-
  top: -0.5em; }
+
    line-height: 0;
-
 
+
    position: relative;
-
sub {
+
    vertical-align: baseline; }
-
  bottom: -0.25em; }
+
  #bodyContent sup {
-
 
+
    top: -0.5em; }
-
dl, menu, ol, ul {
+
  #bodyContent sub {
-
  margin: 0; }
+
    bottom: -0.25em; }
-
 
+
  #bodyContent dl, #bodyContent menu, #bodyContent ol, #bodyContent ul {
-
dd {
+
    margin: 0; }
-
  margin: 0 0 0 40px; }
+
  #bodyContent dd {
-
 
+
    margin: 0 0 0 40px; }
-
menu, ol, ul {
+
  #bodyContent menu, #bodyContent ol, #bodyContent ul {
-
  padding: 0 0 0 40px; }
+
    padding: 0 0 0 40px; }
-
 
+
  #bodyContent nav ul, #bodyContent nav ol {
-
nav ul, nav ol {
+
    list-style: none;
-
  list-style: none;
+
    list-style-image: none; }
-
  list-style-image: none; }
+
  #bodyContent img {
-
 
+
    border: 0;
-
img {
+
    -ms-interpolation-mode: bicubic; }
-
  border: 0;
+
  #bodyContent svg:not(:root) {
-
  -ms-interpolation-mode: bicubic; }
+
    overflow: hidden; }
-
 
+
  #bodyContent figure {
-
svg:not(:root) {
+
    margin: 0; }
-
  overflow: hidden; }
+
  #bodyContent form {
-
 
+
    margin: 0; }
-
figure {
+
  #bodyContent fieldset {
-
  margin: 0; }
+
    border: 1px solid silver;
-
 
+
    margin: 0 2px;
-
form {
+
    padding: .35em .625em .75em; }
-
  margin: 0; }
+
  #bodyContent legend {
-
 
+
    border: 0;
-
fieldset {
+
    padding: 0;
-
  border: 1px solid silver;
+
    white-space: normal;
-
  margin: 0 2px;
+
    *margin-left: -7px; }
-
  padding: .35em .625em .75em; }
+
  #bodyContent button, #bodyContent input, #bodyContent select, #bodyContent textarea {
-
 
+
    font-size: 100%;
-
legend {
+
    margin: 0;
-
  border: 0;
+
    vertical-align: baseline;
-
  padding: 0;
+
    *vertical-align: middle; }
-
  white-space: normal;
+
  #bodyContent button, #bodyContent input {
-
  *margin-left: -7px; }
+
    line-height: normal; }
-
 
+
  #bodyContent button, #bodyContent select {
-
button, input, select, textarea {
+
    text-transform: none; }
-
  font-size: 100%;
+
  #bodyContent button, #bodyContent html input[type="button"], #bodyContent input[type="reset"], #bodyContent input[type="submit"] {
-
  margin: 0;
+
    -webkit-appearance: button;
-
  vertical-align: baseline;
+
    cursor: pointer;
-
  *vertical-align: middle; }
+
    *overflow: visible; }
-
 
+
  #bodyContent button[disabled], #bodyContent html input[disabled] {
-
button, input {
+
    cursor: default; }
-
  line-height: normal; }
+
  #bodyContent input[type="checkbox"], #bodyContent input[type="radio"] {
-
 
+
    box-sizing: border-box;
-
button, select {
+
    padding: 0;
-
  text-transform: none; }
+
    *height: 13px;
-
 
+
    *width: 13px; }
-
button, html input[type="button"], input[type="reset"], input[type="submit"] {
+
  #bodyContent input[type="search"] {
-
  -webkit-appearance: button;
+
    -webkit-appearance: textfield;
-
  cursor: pointer;
+
    -moz-box-sizing: content-box;
-
  *overflow: visible; }
+
    -webkit-box-sizing: content-box;
-
 
+
    box-sizing: content-box; }
-
button[disabled], html input[disabled] {
+
  #bodyContent input[type="search"]::-webkit-search-cancel-button, #bodyContent input[type="search"]::-webkit-search-decoration {
-
  cursor: default; }
+
    -webkit-appearance: none; }
-
 
+
  #bodyContent button::-moz-focus-inner, #bodyContent input::-moz-focus-inner {
-
input[type="checkbox"], input[type="radio"] {
+
    border: 0;
-
  box-sizing: border-box;
+
    padding: 0; }
-
  padding: 0;
+
  #bodyContent textarea {
-
  *height: 13px;
+
    overflow: auto;
-
  *width: 13px; }
+
    vertical-align: top; }
-
 
+
  #bodyContent table {
-
input[type="search"] {
+
    border-collapse: collapse;
-
  -webkit-appearance: textfield;
+
    border-spacing: 0; }
-
  -moz-box-sizing: content-box;
+
  #bodyContent html,
-
  -webkit-box-sizing: content-box;
+
  #bodyContent button,
-
  box-sizing: content-box; }
+
  #bodyContent input,
-
 
+
  #bodyContent select,
-
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
+
  #bodyContent textarea {
-
  -webkit-appearance: none; }
+
    color: #222; }
-
 
+
  #bodyContent html {
-
button::-moz-focus-inner, input::-moz-focus-inner {
+
    font-size: 1em;
-
  border: 0;
+
    line-height: 1.4; }
-
  padding: 0; }
+
  #bodyContent ::-moz-selection {
-
 
+
    background: #b3d4fc;
-
textarea {
+
    text-shadow: none; }
-
  overflow: auto;
+
  #bodyContent ::selection {
-
  vertical-align: top; }
+
    background: #b3d4fc;
-
 
+
    text-shadow: none; }
-
table {
+
  #bodyContent hr {
-
  border-collapse: collapse;
+
    display: block;
-
  border-spacing: 0; }
+
    height: 1px;
-
 
+
    border: 0;
-
/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
+
    border-top: 1px solid #ccc;
-
html,
+
    margin: 1em 0;
-
button,
+
    padding: 0; }
-
input,
+
  #bodyContent audio,
-
select,
+
  #bodyContent canvas,
-
textarea {
+
  #bodyContent img,
-
  color: #222; }
+
  #bodyContent video {
-
 
+
    vertical-align: middle; }
-
html {
+
  #bodyContent fieldset {
-
  font-size: 1em;
+
    border: 0;
-
  line-height: 1.4; }
+
    margin: 0;
-
 
+
    padding: 0; }
-
::-moz-selection {
+
  #bodyContent textarea {
-
  background: #b3d4fc;
+
    resize: vertical; }
-
  text-shadow: none; }
+
  #bodyContent .browsehappy {
-
 
+
    margin: 0.2em 0;
-
::selection {
+
    background: #ccc;
-
  background: #b3d4fc;
+
    color: #000;
-
  text-shadow: none; }
+
    padding: 0.2em 0; }
-
 
+
  #bodyContent body {
-
hr {
+
    font: 16px/26px Helvetica Neue, Helvetica, Arial;
-
  display: block;
+
    font-weight: 200; }
-
  height: 1px;
+
  #bodyContent .wrapper {
-
  border: 0;
+
    width: 90%;
-
  border-top: 1px solid #ccc;
+
    margin: 0 5%; }
-
  margin: 1em 0;
+
  #bodyContent .header-container,
-
  padding: 0; }
+
  #bodyContent main-container,
-
 
+
  #bodyContent .main aside {
-
audio,
+
    background: white; }
-
canvas,
+
  #bodyContent .title {
-
img,
+
    color: #888; }
-
video {
+
  #bodyContent nav ul {
-
  vertical-align: middle; }
+
    margin: 0;
-
 
+
    padding: 0; }
-
fieldset {
+
  #bodyContent .main {
-
  border: 0;
+
    padding: 30px 0;
-
  margin: 0;
+
    background: white; }
-
  padding: 0; }
+
  #bodyContent .main article h1 {
-
 
+
    font-size: 2em; }
-
textarea {
+
  #bodyContent .main aside {
-
  resize: vertical; }
+
    color: black;
-
 
+
    padding: 0px 5% 10px; }
-
.browsehappy {
+
  #bodyContent .footer-container footer {
-
  margin: 0.2em 0;
+
    padding-top: 20px;
-
  background: #ccc;
+
    padding-bottom: 20px; }
-
  color: #000;
+
  #bodyContent .footer-container {
-
  padding: 0.2em 0; }
+
    background: white; }
-
 
+
  #bodyContent .ie7 .title {
-
/* ===== Initializr Styles ==================================================
+
    padding-top: 20px; }
-
  Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
+
  #bodyContent .ir {
-
  ========================================================================== */
+
    background-color: transparent;
-
body {
+
    border: 0;
-
  font: 16px/26px Helvetica Neue, Helvetica, Arial;
+
    overflow: hidden;
-
  font-weight: 200; }
+
    *text-indent: -9999px; }
-
 
+
  #bodyContent .ir:before {
-
.wrapper {
+
    content: "";
-
  width: 90%;
+
    display: block;
-
  margin: 0 5%; }
+
    width: 0;
-
 
+
    height: 150%; }
-
/* ===================
+
  #bodyContent .hidden {
-
    ALL: Orange Theme
+
    display: none !important;
-
  =================== */
+
    visibility: hidden; }
-
.header-container,
+
  #bodyContent .visuallyhidden {
-
main-container,
+
    border: 0;
-
.main aside {
+
    clip: rect(0 0 0 0);
-
  background: white; }
+
    height: 1px;
-
 
+
    margin: -1px;
-
.title {
+
    overflow: hidden;
-
  color: #888; }
+
    padding: 0;
-
 
+
    position: absolute;
-
/* ==============
+
    width: 1px; }
-
    MOBILE: Menu
+
  #bodyContent .visuallyhidden.focusable:active,
-
  ============== */
+
  #bodyContent .visuallyhidden.focusable:focus {
-
nav ul {
+
    clip: auto;
-
  margin: 0;
+
    height: auto;
-
  padding: 0; }
+
    margin: 0;
-
 
+
    overflow: visible;
-
/* ==============
+
    position: static;
-
    MOBILE: Main
+
    width: auto; }
-
  ============== */
+
  #bodyContent .invisible {
-
.main {
+
    visibility: hidden; }
-
  padding: 30px 0;
+
  #bodyContent .clearfix:before,
-
  background: white; }
+
  #bodyContent .clearfix:after {
-
 
+
    content: " ";
-
.main article h1 {
+
    display: table; }
-
  font-size: 2em; }
+
  #bodyContent .clearfix:after {
-
 
+
    clear: both; }
-
.main aside {
+
  #bodyContent .clearfix {
-
  color: black;
+
    *zoom: 1; }
-
  padding: 0px 5% 10px; }
+
  @media print {
-
 
+
    #bodyContent * {
-
.footer-container footer {
+
      background: transparent !important;
-
  padding-top: 20px;
+
      color: #000 !important;
-
  padding-bottom: 20px; }
+
      box-shadow: none !important;
-
 
+
      text-shadow: none !important; }
-
.footer-container {
+
    #bodyContent a,
-
  background: white; }
+
    #bodyContent a:visited {
-
 
+
      text-decoration: underline; }
-
/* ===============
+
    #bodyContent a[href]:after {
-
    ALL: IE Fixes
+
      content: " (" attr(href) ")"; }
-
  =============== */
+
    #bodyContent abbr[title]:after {
-
.ie7 .title {
+
      content: " (" attr(title) ")"; }
-
  padding-top: 20px; }
+
    #bodyContent .ir a:after,
-
 
+
    #bodyContent a[href^="javascript:"]:after,
-
/* ==========================================================================
+
    #bodyContent a[href^="#"]:after {
-
  Helper classes
+
      content: ""; }
-
  ========================================================================== */
+
    #bodyContent pre,
-
.ir {
+
    #bodyContent blockquote {
-
  background-color: transparent;
+
      border: 1px solid #999;
-
  border: 0;
+
      page-break-inside: avoid; }
-
  overflow: hidden;
+
    #bodyContent thead {
-
  *text-indent: -9999px; }
+
      display: table-header-group; }
-
 
+
    #bodyContent tr,
-
.ir:before {
+
    #bodyContent img {
-
  content: "";
+
      page-break-inside: avoid; }
-
  display: block;
+
    #bodyContent img {
-
  width: 0;
+
      max-width: 100% !important; }
-
  height: 150%; }
+
    @page {
-
 
+
      #bodyContent {
-
.hidden {
+
        margin: 0.5cm; } }
-
  display: none !important;
+
    #bodyContent p,
-
  visibility: hidden; }
+
    #bodyContent h2,
-
 
+
    #bodyContent h3 {
-
.visuallyhidden {
+
      orphans: 3;
-
  border: 0;
+
      widows: 3; }
-
  clip: rect(0 0 0 0);
+
    #bodyContent h2,
-
  height: 1px;
+
    #bodyContent h3 {
-
  margin: -1px;
+
      page-break-after: avoid; } }
-
  overflow: hidden;
+
  #bodyContent .landing-container {
-
  padding: 0;
+
    background: #3d4c53;
-
  position: absolute;
+
    width: 1026px;
-
  width: 1px; }
+
    -webkit-animation: zoom-dark, 12s, 0, linear, infinite;
-
 
+
    -moz-animation: zoom-dark, 12s, 0, linear, infinite;
-
.visuallyhidden.focusable:active,
+
    animation: zoom-dark, 12s, 0, linear, infinite;
-
.visuallyhidden.focusable:focus {
+
    position: relative; }
-
  clip: auto;
+
  #bodyContent .landing {
-
  height: auto;
+
    height: 550px; }
-
  margin: 0;
+
-
  overflow: visible;
+
-
  position: static;
+
-
  width: auto; }
+
-
 
+
-
.invisible {
+
-
  visibility: hidden; }
+
-
 
+
-
.clearfix:before,
+
-
.clearfix:after {
+
-
  content: " ";
+
-
  display: table; }
+
-
 
+
-
.clearfix:after {
+
-
  clear: both; }
+
-
 
+
-
.clearfix {
+
-
  *zoom: 1; }
+
-
 
+
-
/* ==========================================================================
+
-
  Print styles
+
-
  ========================================================================== */
+
-
@media print {
+
-
  * {
+
-
    background: transparent !important;
+
-
    color: #000 !important;
+
-
    box-shadow: none !important;
+
-
    text-shadow: none !important; }
+
-
 
+
-
  a,
+
-
  a:visited {
+
-
    text-decoration: underline; }
+
-
 
+
-
  a[href]:after {
+
-
    content: " (" attr(href) ")"; }
+
-
 
+
-
  abbr[title]:after {
+
-
    content: " (" attr(title) ")"; }
+
-
 
+
-
  .ir a:after,
+
-
  a[href^="javascript:"]:after,
+
-
  a[href^="#"]:after {
+
-
    content: ""; }
+
-
 
+
-
  pre,
+
-
  blockquote {
+
-
    border: 1px solid #999;
+
-
    page-break-inside: avoid; }
+
-
 
+
-
  thead {
+
-
    display: table-header-group; }
+
-
 
+
-
  tr,
+
-
  img {
+
-
    page-break-inside: avoid; }
+
-
 
+
-
  img {
+
-
    max-width: 100% !important; }
+
-
 
+
-
  @page {
+
-
    margin: 0.5cm; }
+
-
  p,
+
-
  h2,
+
-
  h3 {
+
-
    orphans: 3;
+
-
    widows: 3; }
+
-
 
+
-
  h2,
+
-
  h3 {
+
-
    page-break-after: avoid; } }
+
-
/* ==========================================================================
+
-
  Author's custom styles
+
-
  ========================================================================== */
+
-
.landing-container {
+
-
  background: #3d4c53;
+
-
  width: 1026px;
+
-
  -webkit-animation: zoom-dark, 12s, 0, linear, infinite;
+
-
  -moz-animation: zoom-dark, 12s, 0, linear, infinite;
+
-
  animation: zoom-dark, 12s, 0, linear, infinite;
+
-
  position: relative; }
+
-
 
+
-
.landing {
+
-
  height: 550px; }
+
-
 
+
@-webkit-keyframes zoom-dark {
@-webkit-keyframes zoom-dark {
-
   0% {
+
   #bodyContent 0% {
     background: #3d4c53; }
     background: #3d4c53; }
-
 
+
   #bodyContent 10% {
-
   10% {
+
     background: #3d4c53; }
     background: #3d4c53; }
-
 
+
   #bodyContent 20% {
-
   20% {
+
     background: #4e5d64; }
     background: #4e5d64; }
-
 
+
   #bodyContent 90% {
-
   90% {
+
     background: #4e5d64; }
     background: #4e5d64; }
-
 
+
   #bodyContent 100% {
-
   100% {
+
     background: #3d4c53; } }
     background: #3d4c53; } }
@-moz-keyframes zoom-dark {
@-moz-keyframes zoom-dark {
-
   0% {
+
   #bodyContent 0% {
     background: #3d4c53; }
     background: #3d4c53; }
-
 
+
   #bodyContent 10% {
-
   10% {
+
     background: #3d4c53; }
     background: #3d4c53; }
-
 
+
   #bodyContent 20% {
-
   20% {
+
     background: #4e5d64; }
     background: #4e5d64; }
-
 
+
   #bodyContent 90% {
-
   90% {
+
     background: #4e5d64; }
     background: #4e5d64; }
-
 
+
   #bodyContent 100% {
-
   100% {
+
     background: #3d4c53; } }
     background: #3d4c53; } }
@keyframes zoom-dark {
@keyframes zoom-dark {
-
   0% {
+
   #bodyContent 0% {
     background: #3d4c53; }
     background: #3d4c53; }
-
 
+
   #bodyContent 10% {
-
   10% {
+
     background: #3d4c53; }
     background: #3d4c53; }
-
 
+
   #bodyContent 20% {
-
   20% {
+
     background: #4e5d64; }
     background: #4e5d64; }
-
 
+
   #bodyContent 90% {
-
   90% {
+
     background: #4e5d64; }
     background: #4e5d64; }
-
 
+
   #bodyContent 100% {
-
   100% {
+
     background: #3d4c53; } }
     background: #3d4c53; } }
@-webkit-keyframes zoom {
@-webkit-keyframes zoom {
-
   0% {
+
   #bodyContent 0% {
     opacity: 0.4; }
     opacity: 0.4; }
-
 
+
   #bodyContent 50% {
-
   50% {
+
     opacity: 0.4; }
     opacity: 0.4; }
-
 
+
   #bodyContent 60% {
-
   60% {
+
     opacity: 0.05; }
     opacity: 0.05; }
-
 
+
   #bodyContent 90% {
-
   90% {
+
     opacity: 0.05; }
     opacity: 0.05; }
-
 
+
   #bodyContent 100% {
-
   100% {
+
     opacity: 0.4; } }
     opacity: 0.4; } }
@-moz-keyframes zoom {
@-moz-keyframes zoom {
-
   0% {
+
   #bodyContent 0% {
     opacity: 0.4; }
     opacity: 0.4; }
-
 
+
   #bodyContent 50% {
-
   50% {
+
     opacity: 0.4; }
     opacity: 0.4; }
-
 
+
   #bodyContent 60% {
-
   60% {
+
     opacity: 0.05; }
     opacity: 0.05; }
-
 
+
   #bodyContent 90% {
-
   90% {
+
     opacity: 0.05; }
     opacity: 0.05; }
-
 
+
   #bodyContent 100% {
-
   100% {
+
     opacity: 0.4; } }
     opacity: 0.4; } }
@keyframes zoom {
@keyframes zoom {
-
   0% {
+
   #bodyContent 0% {
     opacity: 0.4; }
     opacity: 0.4; }
-
 
+
   #bodyContent 50% {
-
   50% {
+
     opacity: 0.4; }
     opacity: 0.4; }
-
 
+
   #bodyContent 60% {
-
   60% {
+
     opacity: 0.05; }
     opacity: 0.05; }
-
 
+
   #bodyContent 90% {
-
   90% {
+
     opacity: 0.05; }
     opacity: 0.05; }
-
 
+
   #bodyContent 100% {
-
   100% {
+
     opacity: 0.4; } }
     opacity: 0.4; } }
@-webkit-keyframes petri-zoom {
@-webkit-keyframes petri-zoom {
-
   0% {
+
   #bodyContent 0% {
     opacity: 0.4; }
     opacity: 0.4; }
-
 
+
   #bodyContent 10% {
-
   10% {
+
     opacity: 0.4; }
     opacity: 0.4; }
-
 
+
   #bodyContent 20% {
-
   20% {
+
     opacity: 0.1; }
     opacity: 0.1; }
-
 
+
   #bodyContent 90% {
-
   90% {
+
     opacity: 0.1; }
     opacity: 0.1; }
-
 
+
   #bodyContent 100% {
-
   100% {
+
     opacity: 0.4; } }
     opacity: 0.4; } }
@-moz-keyframes petri-zoom {
@-moz-keyframes petri-zoom {
-
   0% {
+
   #bodyContent 0% {
     opacity: 0.4; }
     opacity: 0.4; }
-
 
+
   #bodyContent 10% {
-
   10% {
+
     opacity: 0.4; }
     opacity: 0.4; }
-
 
+
   #bodyContent 20% {
-
   20% {
+
     opacity: 0.1; }
     opacity: 0.1; }
-
 
+
   #bodyContent 90% {
-
   90% {
+
     opacity: 0.1; }
     opacity: 0.1; }
-
 
+
   #bodyContent 100% {
-
   100% {
+
     opacity: 0.4; } }
     opacity: 0.4; } }
@keyframes petri-zoom {
@keyframes petri-zoom {
-
   0% {
+
   #bodyContent 0% {
     opacity: 0.4; }
     opacity: 0.4; }
-
 
+
   #bodyContent 10% {
-
   10% {
+
     opacity: 0.4; }
     opacity: 0.4; }
-
 
+
   #bodyContent 20% {
-
   20% {
+
     opacity: 0.1; }
     opacity: 0.1; }
-
 
+
   #bodyContent 90% {
-
   90% {
+
     opacity: 0.1; }
     opacity: 0.1; }
-
 
+
   #bodyContent 100% {
-
   100% {
+
     opacity: 0.4; } }
     opacity: 0.4; } }
-
#petri-dots {
+
  #bodyContent #petri-dots {
-
  position: relative;
+
    position: relative;
-
  top: 50px;
+
    top: 50px;
-
  left: 20px; }
+
    left: 20px; }
-
 
+
  #bodyContent #landing-dots path {
-
#landing-dots path {
+
    /*fill: #753473;  */
-
  /*fill: #753473;  */
+
    fill: #bbb;
-
  fill: #bbb;
+
    opacity: 0.2; }
-
  opacity: 0.2; }
+
  #bodyContent #landing-dots .dot-one {
-
 
+
    /*fill: #702968;*/
-
#landing-dots .dot-one {
+
    -webkit-animation-delay: 0;
-
  /*fill: #702968;*/
+
    -webkit-animation-duration: 6s;
-
  -webkit-animation-delay: 0;
+
    -webkit-animation-name: zoom;
-
  -webkit-animation-duration: 6s;
+
    -webkit-animation-timing-function: linear;
-
  -webkit-animation-name: zoom;
+
    -webkit-animation-iteration-count: infinite;
-
  -webkit-animation-timing-function: linear;
+
    -moz-animation-delay: 0;
-
  -webkit-animation-iteration-count: infinite;
+
    -moz-animation-duration: 6s;
-
  -moz-animation-delay: 0;
+
    -moz-animation-name: zoom;
-
  -moz-animation-duration: 6s;
+
    -moz-animation-timing-function: linear;
-
  -moz-animation-name: zoom;
+
    -moz-animation-iteration-count: infinite;
-
  -moz-animation-timing-function: linear;
+
    -o-animation-delay: 0;
-
  -moz-animation-iteration-count: infinite;
+
    -o-animation-duration: 6s;
-
  -o-animation-delay: 0;
+
    -o-animation-name: zoom;
-
  -o-animation-duration: 6s;
+
    -o-animation-timing-function: linear;
-
  -o-animation-name: zoom;
+
    -o-animation-iteration-count: infinite;
-
  -o-animation-timing-function: linear;
+
    animation-delay: 0;
-
  -o-animation-iteration-count: infinite;
+
    animation-duration: 6s;
-
  animation-delay: 0;
+
    animation-name: zoom;
-
  animation-duration: 6s;
+
    animation-timing-function: linear;
-
  animation-name: zoom;
+
    animation-iteration-count: infinite; }
-
  animation-timing-function: linear;
+
  #bodyContent #landing-dots .dot-two {
-
  animation-iteration-count: infinite; }
+
    -webkit-animation-delay: 0;
-
 
+
    -webkit-animation-duration: 3s;
-
#landing-dots .dot-two {
+
    -webkit-animation-name: zoom;
-
  -webkit-animation-delay: 0;
+
    -webkit-animation-timing-function: linear;
-
  -webkit-animation-duration: 3s;
+
    -webkit-animation-iteration-count: infinite;
-
  -webkit-animation-name: zoom;
+
    -moz-animation-delay: 0;
-
  -webkit-animation-timing-function: linear;
+
    -moz-animation-duration: 3s;
-
  -webkit-animation-iteration-count: infinite;
+
    -moz-animation-name: zoom;
-
  -moz-animation-delay: 0;
+
    -moz-animation-timing-function: linear;
-
  -moz-animation-duration: 3s;
+
    -moz-animation-iteration-count: infinite;
-
  -moz-animation-name: zoom;
+
    -o-animation-delay: 0;
-
  -moz-animation-timing-function: linear;
+
    -o-animation-duration: 3s;
-
  -moz-animation-iteration-count: infinite;
+
    -o-animation-name: zoom;
-
  -o-animation-delay: 0;
+
    -o-animation-timing-function: linear;
-
  -o-animation-duration: 3s;
+
    -o-animation-iteration-count: infinite;
-
  -o-animation-name: zoom;
+
    animation-delay: 0;
-
  -o-animation-timing-function: linear;
+
    animation-duration: 3s;
-
  -o-animation-iteration-count: infinite;
+
    animation-name: zoom;
-
  animation-delay: 0;
+
    animation-timing-function: linear;
-
  animation-duration: 3s;
+
    animation-iteration-count: infinite; }
-
  animation-name: zoom;
+
  #bodyContent #landing-dots .dot-three {
-
  animation-timing-function: linear;
+
    -webkit-animation-delay: 0;
-
  animation-iteration-count: infinite; }
+
    -webkit-animation-duration: 4s;
-
 
+
    -webkit-animation-name: zoom;
-
#landing-dots .dot-three {
+
    -webkit-animation-timing-function: linear;
-
  -webkit-animation-delay: 0;
+
    -webkit-animation-iteration-count: infinite;
-
  -webkit-animation-duration: 4s;
+
    -moz-animation-delay: 0;
-
  -webkit-animation-name: zoom;
+
    -moz-animation-duration: 4s;
-
  -webkit-animation-timing-function: linear;
+
    -moz-animation-name: zoom;
-
  -webkit-animation-iteration-count: infinite;
+
    -moz-animation-timing-function: linear;
-
  -moz-animation-delay: 0;
+
    -moz-animation-iteration-count: infinite;
-
  -moz-animation-duration: 4s;
+
    -o-animation-delay: 0;
-
  -moz-animation-name: zoom;
+
    -o-animation-duration: 4s;
-
  -moz-animation-timing-function: linear;
+
    -o-animation-name: zoom;
-
  -moz-animation-iteration-count: infinite;
+
    -o-animation-timing-function: linear;
-
  -o-animation-delay: 0;
+
    -o-animation-iteration-count: infinite;
-
  -o-animation-duration: 4s;
+
    animation-delay: 0;
-
  -o-animation-name: zoom;
+
    animation-duration: 4s;
-
  -o-animation-timing-function: linear;
+
    animation-name: zoom;
-
  -o-animation-iteration-count: infinite;
+
    animation-timing-function: linear;
-
  animation-delay: 0;
+
    animation-iteration-count: infinite; }
-
  animation-duration: 4s;
+
  #bodyContent #landing-dots .dot-four {
-
  animation-name: zoom;
+
    -webkit-animation-delay: 0;
-
  animation-timing-function: linear;
+
    -webkit-animation-duration: 12s;
-
  animation-iteration-count: infinite; }
+
    -webkit-animation-name: zoom;
-
 
+
    -webkit-animation-timing-function: linear;
-
#landing-dots .dot-four {
+
    -webkit-animation-iteration-count: infinite;
-
  -webkit-animation-delay: 0;
+
    -moz-animation-delay: 0;
-
  -webkit-animation-duration: 12s;
+
    -moz-animation-duration: 12s;
-
  -webkit-animation-name: zoom;
+
    -moz-animation-name: zoom;
-
  -webkit-animation-timing-function: linear;
+
    -moz-animation-timing-function: linear;
-
  -webkit-animation-iteration-count: infinite;
+
    -moz-animation-iteration-count: infinite;
-
  -moz-animation-delay: 0;
+
    -o-animation-delay: 0;
-
  -moz-animation-duration: 12s;
+
    -o-animation-duration: 12s;
-
  -moz-animation-name: zoom;
+
    -o-animation-name: zoom;
-
  -moz-animation-timing-function: linear;
+
    -o-animation-timing-function: linear;
-
  -moz-animation-iteration-count: infinite;
+
    -o-animation-iteration-count: infinite;
-
  -o-animation-delay: 0;
+
    animation-delay: 0;
-
  -o-animation-duration: 12s;
+
    animation-duration: 12s;
-
  -o-animation-name: zoom;
+
    animation-name: zoom;
-
  -o-animation-timing-function: linear;
+
    animation-timing-function: linear;
-
  -o-animation-iteration-count: infinite;
+
    animation-iteration-count: infinite; }
-
  animation-delay: 0;
+
  #bodyContent #landing-petri ellipse {
-
  animation-duration: 12s;
+
    -webkit-animation-delay: 0;
-
  animation-name: zoom;
+
    -webkit-animation-duration: 12s;
-
  animation-timing-function: linear;
+
    -webkit-animation-name: petri-zoom;
-
  animation-iteration-count: infinite; }
+
    -webkit-animation-timing-function: linear;
-
 
+
    -webkit-animation-iteration-count: infinite;
-
#landing-petri ellipse {
+
    -moz-animation-delay: 0;
-
  -webkit-animation-delay: 0;
+
    -moz-animation-duration: 12s;
-
  -webkit-animation-duration: 12s;
+
    -moz-animation-name: petri-zoom;
-
  -webkit-animation-name: petri-zoom;
+
    -moz-animation-timing-function: linear;
-
  -webkit-animation-timing-function: linear;
+
    -moz-animation-iteration-count: infinite;
-
  -webkit-animation-iteration-count: infinite;
+
    -o-animation-delay: 0;
-
  -moz-animation-delay: 0;
+
    -o-animation-duration: 12s;
-
  -moz-animation-duration: 12s;
+
    -o-animation-name: petri-zoom;
-
  -moz-animation-name: petri-zoom;
+
    -o-animation-timing-function: linear;
-
  -moz-animation-timing-function: linear;
+
    -o-animation-iteration-count: infinite;
-
  -moz-animation-iteration-count: infinite;
+
    animation-delay: 0;
-
  -o-animation-delay: 0;
+
    animation-duration: 12s;
-
  -o-animation-duration: 12s;
+
    animation-name: petri-zoom;
-
  -o-animation-name: petri-zoom;
+
    animation-timing-function: linear;
-
  -o-animation-timing-function: linear;
+
    animation-iteration-count: infinite; }
-
  -o-animation-iteration-count: infinite;
+
  #bodyContent .landing #Title {
-
  animation-delay: 0;
+
    width: 500px;
-
  animation-duration: 12s;
+
    height: 450px;
-
  animation-name: petri-zoom;
+
    padding: 50px 0;
-
  animation-timing-function: linear;
+
    float: left;
-
  animation-iteration-count: infinite; }
+
    color: white; }
-
 
+
  #bodyContent .landing #Title h1 {
-
.landing #Title {
+
    font-size: 2.5em;
-
  width: 500px;
+
    line-height: 1em; }
-
  height: 450px;
+
  #bodyContent .notebooks-container {
-
  padding: 50px 0;
+
    background: #ffe11a;
-
  float: left;
+
    width: 1026px;
-
  color: white; }
+
    position: relative; }
-
 
+
  #bodyContent .notebooks-container .menu a {
-
.landing #Title h1 {
+
    color: black; }
-
  font-size: 2.5em;
+
  #bodyContent .notebooks-container .menu a h2 {
-
  line-height: 1em; }
+
    border: 1px black solid; }
-
 
+
  #bodyContent .notebooks-container .menu a:hover h2 {
-
.notebooks-container {
+
    border: 1px #ffe11a solid; }
-
  background: #ffe11a;
+
  #bodyContent .notebooks-container h1, #bodyContent .notebooks-container h2 {
-
  width: 1026px;
+
    color: black !important; }
-
  position: relative; }
+
  #bodyContent .notebooks-container h1 {
-
 
+
    text-shadow: -1px 1px 0 white !important; }
-
.notebooks-container .menu a {
+
  #bodyContent .notebooks-container .menu a:visited {
-
  color: black; }
+
    color: black; }
-
 
+
  #bodyContent .notebooks-container .menu a .down, #bodyContent .notebooks-container .menu a .up {
-
.notebooks-container .menu a h2 {
+
    stroke: black; }
-
  border: 1px black solid; }
+
  #bodyContent .multi-container aside {
-
 
+
    float: left;
-
.notebooks-container .menu a:hover h2 {
+
    padding: 100px 0px;
-
  border: 1px #ffe11a solid; }
+
    margin: 20px 0;
-
 
+
    width: 220px;
-
.notebooks-container h1, .notebooks-container h2 {
+
    height: 400px;
-
  color: black !important; }
+
    text-align: right; }
-
 
+
  #bodyContent .multi-container aside h3 {
-
.notebooks-container h1 {
+
    padding: 0 10px; }
-
  text-shadow: -1px 1px 0 white !important; }
+
  #bodyContent .multi-container article {
-
 
+
    width: 758px;
-
.notebooks-container .menu a:visited {
+
    height: 598px;
-
  color: black; }
+
    overflow: auto;
-
 
+
    float: right;
-
.notebooks-container .menu a .down, .notebooks-container .menu a .up {
+
    padding: 0 10px;
-
  stroke: black; }
+
    margin: 20px 0;
-
 
+
    border: 1px black solid; }
-
.multi-container aside {
+
  #bodyContent .multi-container .main .hidden {
-
  float: left;
+
    display: none; }
-
  padding: 100px 0px;
+
  #bodyContent .multi-container article.show {
-
  margin: 20px 0;
+
    display: block; }
-
  width: 220px;
+
   #bodyContent .multi-container ul li .active {
-
  height: 400px;
+
    background: #ffe11a;
-
  text-align: right; }
+
-
 
+
-
.multi-container aside h3 {
+
-
  padding: 0 10px; }
+
-
 
+
-
.multi-container article {
+
-
  width: 758px;
+
-
  height: 598px;
+
-
  overflow: auto;
+
-
  float: right;
+
-
  padding: 0 10px;
+
-
  margin: 20px 0;
+
-
  border: 1px black solid; }
+
-
 
+
-
.multi-container .main .hidden {
+
-
  display: none; }
+
-
 
+
-
.multi-container article.show {
+
-
  display: block; }
+
-
 
+
-
.multi-container ul li .active {
+
-
   background: #ffe11a;
+
-
  font-weight: 500; }
+
-
 
+
-
.multi-container aside ul {
+
-
  list-style: none;
+
-
  width: 220px;
+
-
  height: 300px;
+
-
  padding: 0;
+
-
  margin: 0; }
+
-
 
+
-
.multi-container aside li a {
+
-
  color: black;
+
-
  text-decoration: none;
+
-
  display: block;
+
-
  padding: 5px 10px;
+
-
  border-top: 1px solid black;
+
-
  border-left: 1px solid black; }
+
-
 
+
-
.multi-container aside li:last-child a {
+
-
  border-bottom: 1px solid black; }
+
-
 
+
-
.multi-container aside li a:hover {
+
-
  background: #ffe11a; }
+
-
 
+
-
.multi-container #member-select header {
+
-
  font-family: Ostrich, sans-serif;
+
-
  font-size: 32px;
+
-
  padding: 110px 0; }
+
-
 
+
-
.multi-container #member-select header svg {
+
-
  width: 32px;
+
-
  height: 32px;
+
-
  fill: none;
+
-
  stroke: black;
+
-
  stroke-width: 1px;
+
-
  position: relative;
+
-
  top: 4px; }
+
-
 
+
-
#protocols aside {
+
-
  float: right;
+
-
  text-align: left; }
+
-
 
+
-
#protocols aside li a {
+
-
  border-left: none;
+
-
  border-right: 1px solid black; }
+
-
 
+
-
#protocols #member-select header {
+
-
  float: right; }
+
-
 
+
-
#protocols table,
+
-
#notebooks table {
+
-
  padding: 0;
+
-
  border-collapse: collapse; }
+
-
#protocols table tr,
+
-
#notebooks table tr {
+
-
  border-top: 1px solid #cccccc;
+
-
  background-color: white;
+
-
  margin: 0;
+
-
  padding: 0; }
+
-
#protocols table tr:nth-child(2n),
+
-
#notebooks table tr:nth-child(2n) {
+
-
  background-color: #f8f8f8; }
+
-
#protocols table tr th,
+
-
#notebooks table tr th {
+
-
  font-weight: bold;
+
-
  border: 1px solid #cccccc;
+
-
  margin: 0;
+
-
  padding: 6px 13px; }
+
-
#protocols table tr td,
+
-
#notebooks table tr td {
+
-
  border: 1px solid #cccccc;
+
-
  margin: 0;
+
-
  padding: 6px 13px; }
+
-
#protocols table tr th :first-child, #protocols table tr td :first-child,
+
-
#notebooks table tr th :first-child,
+
-
#notebooks table tr td :first-child {
+
-
  margin-top: 0; }
+
-
#protocols table tr th :last-child, #protocols table tr td :last-child,
+
-
#notebooks table tr th :last-child,
+
-
#notebooks table tr td :last-child {
+
-
  margin-bottom: 0; }
+
-
#protocols code, #protocols tt,
+
-
#notebooks code,
+
-
#notebooks tt {
+
-
  margin: 0 2px;
+
-
  padding: 0 5px;
+
-
  white-space: nowrap;
+
-
  border: 1px solid #eaeaea;
+
-
  background-color: #f8f8f8;
+
-
  border-radius: 3px; }
+
-
#protocols pre code,
+
-
#notebooks pre code {
+
-
  margin: 0;
+
-
  padding: 0;
+
-
  white-space: pre;
+
-
  border: none;
+
-
  background: transparent; }
+
-
#protocols .highlight pre,
+
-
#notebooks .highlight pre {
+
-
  background-color: #f8f8f8;
+
-
  border: 1px solid #cccccc;
+
-
  font-size: 13px;
+
-
  line-height: 19px;
+
-
  overflow: auto;
+
-
  padding: 6px 10px;
+
-
  border-radius: 3px; }
+
-
#protocols pre,
+
-
#notebooks pre {
+
-
  background-color: #f8f8f8;
+
-
  border: 1px solid #cccccc;
+
-
  font-size: 13px;
+
-
  line-height: 19px;
+
-
  overflow: auto;
+
-
  padding: 6px 10px;
+
-
  border-radius: 3px; }
+
-
#protocols pre code, #protocols pre tt,
+
-
#notebooks pre code,
+
-
#notebooks pre tt {
+
-
  background-color: transparent;
+
-
  border: none; }
+
-
 
+
-
.team-container {
+
-
  background: #0cdbe8;
+
-
  width: 1026px;
+
-
  margin-bottom: 10px; }
+
-
 
+
-
.team-container .menu a:hover h2 {
+
-
  border: 1px #0cdbe8 solid; }
+
-
 
+
-
#attributions article, #team-members .member, #advisors .member {
+
-
  width: 95%;
+
-
  margin: 0 auto;
+
-
  /*  border: 1px $Gray solid; */
+
-
  margin-top: 10px; }
+
-
  #attributions article .name, #team-members .member .name, #advisors .member .name {
+
     font-weight: 500; }
     font-weight: 500; }
-
   #attributions article p:first-letter, #team-members .member p:first-letter, #advisors .member p:first-letter {
+
   #bodyContent .multi-container aside ul {
 +
    list-style: none;
 +
    width: 220px;
 +
    height: 300px;
 +
    padding: 0;
 +
    margin: 0; }
 +
  #bodyContent .multi-container aside li a {
 +
    color: black;
 +
    text-decoration: none;
 +
    display: block;
 +
    padding: 5px 10px;
 +
    border-top: 1px solid black;
 +
    border-left: 1px solid black; }
 +
  #bodyContent .multi-container aside li:last-child a {
 +
    border-bottom: 1px solid black; }
 +
  #bodyContent .multi-container aside li a:hover {
 +
    background: #ffe11a; }
 +
  #bodyContent .multi-container #member-select header {
 +
    font-family: Ostrich, sans-serif;
 +
    font-size: 32px;
 +
    padding: 110px 0; }
 +
  #bodyContent .multi-container #member-select header svg {
 +
    width: 32px;
 +
    height: 32px;
 +
    fill: none;
 +
    stroke: black;
 +
    stroke-width: 1px;
 +
    position: relative;
 +
    top: 4px; }
 +
  #bodyContent #protocols aside {
 +
    float: right;
 +
    text-align: left; }
 +
  #bodyContent #protocols aside li a {
 +
    border-left: none;
 +
    border-right: 1px solid black; }
 +
  #bodyContent #protocols #member-select header {
 +
    float: right; }
 +
  #bodyContent #protocols table,
 +
  #bodyContent #notebooks table {
 +
    padding: 0;
 +
    border-collapse: collapse; }
 +
  #bodyContent #protocols table tr,
 +
  #bodyContent #notebooks table tr {
 +
    border-top: 1px solid #cccccc;
 +
    background-color: white;
 +
    margin: 0;
 +
    padding: 0; }
 +
  #bodyContent #protocols table tr:nth-child(2n),
 +
  #bodyContent #notebooks table tr:nth-child(2n) {
 +
    background-color: #f8f8f8; }
 +
  #bodyContent #protocols table tr th,
 +
  #bodyContent #notebooks table tr th {
 +
    font-weight: bold;
 +
    border: 1px solid #cccccc;
 +
    margin: 0;
 +
    padding: 6px 13px; }
 +
  #bodyContent #protocols table tr td,
 +
  #bodyContent #notebooks table tr td {
 +
    border: 1px solid #cccccc;
 +
    margin: 0;
 +
    padding: 6px 13px; }
 +
  #bodyContent #protocols table tr th :first-child, #bodyContent #protocols table tr td :first-child,
 +
  #bodyContent #notebooks table tr th :first-child,
 +
  #bodyContent #notebooks table tr td :first-child {
 +
    margin-top: 0; }
 +
  #bodyContent #protocols table tr th :last-child, #bodyContent #protocols table tr td :last-child,
 +
  #bodyContent #notebooks table tr th :last-child,
 +
  #bodyContent #notebooks table tr td :last-child {
 +
    margin-bottom: 0; }
 +
  #bodyContent #protocols code, #bodyContent #protocols tt,
 +
  #bodyContent #notebooks code,
 +
  #bodyContent #notebooks tt {
 +
    margin: 0 2px;
 +
    padding: 0 5px;
 +
    white-space: nowrap;
 +
    border: 1px solid #eaeaea;
 +
    background-color: #f8f8f8;
 +
    border-radius: 3px; }
 +
  #bodyContent #protocols pre code,
 +
  #bodyContent #notebooks pre code {
 +
    margin: 0;
 +
    padding: 0;
 +
    white-space: pre;
 +
    border: none;
 +
    background: transparent; }
 +
  #bodyContent #protocols .highlight pre,
 +
  #bodyContent #notebooks .highlight pre {
 +
    background-color: #f8f8f8;
 +
    border: 1px solid #cccccc;
 +
    font-size: 13px;
 +
    line-height: 19px;
 +
    overflow: auto;
 +
    padding: 6px 10px;
 +
    border-radius: 3px; }
 +
  #bodyContent #protocols pre,
 +
  #bodyContent #notebooks pre {
 +
    background-color: #f8f8f8;
 +
    border: 1px solid #cccccc;
 +
    font-size: 13px;
 +
    line-height: 19px;
 +
    overflow: auto;
 +
    padding: 6px 10px;
 +
    border-radius: 3px; }
 +
  #bodyContent #protocols pre code, #bodyContent #protocols pre tt,
 +
  #bodyContent #notebooks pre code,
 +
  #bodyContent #notebooks pre tt {
 +
    background-color: transparent;
 +
    border: none; }
 +
  #bodyContent .team-container {
 +
    background: #0cdbe8;
 +
    width: 1026px;
 +
    margin-bottom: 10px; }
 +
  #bodyContent .team-container .menu a:hover h2 {
 +
    border: 1px #0cdbe8 solid; }
 +
  #bodyContent #attributions article, #bodyContent #team-members .member, #bodyContent #advisors .member {
 +
    width: 95%;
 +
    margin: 0 auto;
 +
    /*  border: 1px $Gray solid; */
 +
    margin-top: 10px; }
 +
    #bodyContent #attributions article .name, #bodyContent #team-members .member .name, #bodyContent #advisors .member .name {
 +
      font-weight: 500; }
 +
    #bodyContent #attributions article p:first-letter, #bodyContent #team-members .member p:first-letter, #bodyContent #advisors .member p:first-letter {
 +
      float: left;
 +
      font-size: 60px;
 +
      line-height: 45px;
 +
      padding-top: 4px;
 +
      padding-left: 3px;
 +
      padding-left: 3px;
 +
      font-family: Ostrich; }
 +
    #bodyContent #attributions article p, #bodyContent #team-members .member p, #bodyContent #advisors .member p {
 +
      padding-bottom: 5px; }
 +
  #bodyContent #attributions .right, #bodyContent #team-members .right, #bodyContent #advisors .right {
 +
    float: right;
 +
    width: 50%; }
 +
  #bodyContent #attributions .left, #bodyContent #team-members .left, #bodyContent #advisors .left {
     float: left;
     float: left;
-
     font-size: 60px;
+
     width: 50%; }
-
    line-height: 45px;
+
  #bodyContent #attributions p, #bodyContent #team-members p, #bodyContent #advisors p {
-
    padding-top: 4px;
+
    margin: 5px; }
-
    padding-left: 3px;
+
  #bodyContent #attributions img, #bodyContent #team-members img, #bodyContent #advisors img {
-
    padding-left: 3px;
+
    float: right;
-
    font-family: Ostrich; }
+
    padding: 5px;
-
  #attributions article p, #team-members .member p, #advisors .member p {
+
    margin: 0 0 0 5px;
-
    padding-bottom: 5px; }
+
    border: 1px solid #3d4c53; }
-
 
+
  #bodyContent .project-container {
-
#attributions .right, #team-members .right, #advisors .right {
+
    background: #3d4c53;
-
  float: right;
+
    width: 1024px; }
-
  width: 50%; }
+
  #bodyContent .project-container .menu a:hover h2 {
-
#attributions .left, #team-members .left, #advisors .left {
+
    border: 1px #3d4c53 solid; }
-
  float: left;
+
  #bodyContent .hp-container {
-
  width: 50%; }
+
    background: #ea2e49;
-
#attributions p, #team-members p, #advisors p {
+
    width: 1024px; }
-
  margin: 5px; }
+
  #bodyContent .hp-container .menu a:hover h2 {
-
#attributions img, #team-members img, #advisors img {
+
    border: 1px #ea2e49 solid; }
-
  float: right;
+
  #bodyContent .models-container {
-
  padding: 5px;
+
    background: #98c000;
-
  margin: 0 0 0 5px;
+
    width: 1024px; }
-
  border: 1px solid #3d4c53; }
+
  #bodyContent .models-container .menu a:hover h2 {
-
 
+
    border: 1px #98c000 solid; }
-
.project-container {
+
-
  background: #3d4c53;
+
-
  width: 1024px; }
+
-
 
+
-
.project-container .menu a:hover h2 {
+
-
  border: 1px #3d4c53 solid; }
+
-
 
+
-
.hp-container {
+
-
  background: #ea2e49;
+
-
  width: 1024px; }
+
-
 
+
-
.hp-container .menu a:hover h2 {
+
-
  border: 1px #ea2e49 solid; }
+
-
 
+
-
.models-container {
+
-
  background: #98c000;
+
-
  width: 1024px; }
+
-
 
+
-
.models-container .menu a:hover h2 {
+
-
  border: 1px #98c000 solid; }
+
-
 
+
@font-face {
@font-face {
-
   font-family: Ostrich;
+
   #bodyContent {
-
  src: url(OstrichSans-Black.otf); }
+
    font-family: Ostrich;
-
h1, h2, h3, h4, h5, h6 {
+
    src: url(OstrichSans-Black.otf); } }
-
  font-family: 'Ostrich', san-serif; }
+
  #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5, #bodyContent h6 {
-
 
+
    font-family: 'Ostrich', san-serif; }
-
.main-container {
+
  #bodyContent .main-container {
-
  background: white; }
+
    background: white; }
-
 
+
  #bodyContent .header-container {
-
.header-container {
+
    width: 1026px;
-
  width: 1026px;
+
    position: relative;
-
  position: relative;
+
    margin-top: -14px;
-
  margin-top: -14px;
+
    background: #efefef; }
-
  background: #efefef; }
+
  #bodyContent .header-container h1 {
-
 
+
    float: left;
-
.header-container h1 {
+
    margin: 0;
-
  float: left;
+
    padding: 14px 0; }
-
  margin: 0;
+
  #bodyContent .header-container h1 a {
-
  padding: 14px 0; }
+
    text-decoration: none;
-
 
+
    color: Black;
-
.header-container h1 a {
+
    display: block;
-
  text-decoration: none;
+
    background: white;
-
  color: Black;
+
    padding-right: 40px;
-
  display: block;
+
    position: relative;
-
  background: white;
+
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ijk1LjUgMTEwLjUgMzMgMjkiPiA8cGF0aCBmaWxsID0gIiM2NjYiIGQ9Ik0xMjcuMjM1IDEyNi44MzRsLTE1LjA1Mi0xNS4wNTVjLTAuMTc5LTAuMTc5LTAuNDIyLTAuMjc5LTAuNjc0LTAuMjc5Yy0wLjI1MyAwLTAuNDk2IDAuMS0wLjY3NCAwLjI3OUw5NS43OCAxMjYuOCBjLTAuMzczIDAuMzcyLTAuMzczIDEgMCAxLjM0OGMwLjM3MiAwLjQgMC45IDAuNCAxLjIgMGwyLjg4MS0zLjAwMXYxMS45MjRjMCAwLjUgMC43IDEuMiAxLjIgMS4xOTFoNi42NjMgaDcuNjI2aDYuNjgzYzAuNTI3IDAgMC43MTUtMC42NjUgMC43MTUtMS4xOTFWMTI1LjNsMyAyLjg4MWMwLjE4OCAwLjIgMC41IDAuMyAwLjcgMC4yNzlzMC41MTgtMC4wOTMgMC43MDMtMC4yNzkgQzEyNy41NzkgMTI3LjggMTI3LjYgMTI3LjIgMTI3LjIgMTI2LjgzNHogTTExNC4xODkgMTM2LjM5aC01Ljcydi02LjQzNWMwLTAuNzg5IDAuODctMS4xOTIgMS42NTgtMS4xOTJoMi44NTkgYzAuNzg5IDAgMS4yIDAuNCAxLjIgMS4xOTJMMTE0LjE4OSAxMzYuMzlMMTE0LjE4OSAxMzYuMzl6IE0xMjAuODYyIDEzNi4zOWgtNC43NjZ2LTYuNDM1YzAtMS44NC0xLjI3LTMuMDk5LTMuMTA5LTMuMDk5IGgtMi44NTljLTEuODQgMC0zLjU2NCAxLjI1OS0zLjU2NCAzLjA5OXY2LjQzNWgtNC43Njd2LTEzLjEwOGMwLTAuMDAyIDAuMTE4LTAuMDA0IDAuMTE4LTAuMDA3bDkuNDE0LTkuNDc0bDkuNTMzIDkuNTkyVjEzNi4zOXoiLz4gPC9zdmc+);
-
  padding-right: 40px;
+
    background-position: 999px 0px;
-
  position: relative;
+
    background-repeat: no-repeat;
-
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ijk1LjUgMTEwLjUgMzMgMjkiPiA8cGF0aCBmaWxsID0gIiM2NjYiIGQ9Ik0xMjcuMjM1IDEyNi44MzRsLTE1LjA1Mi0xNS4wNTVjLTAuMTc5LTAuMTc5LTAuNDIyLTAuMjc5LTAuNjc0LTAuMjc5Yy0wLjI1MyAwLTAuNDk2IDAuMS0wLjY3NCAwLjI3OUw5NS43OCAxMjYuOCBjLTAuMzczIDAuMzcyLTAuMzczIDEgMCAxLjM0OGMwLjM3MiAwLjQgMC45IDAuNCAxLjIgMGwyLjg4MS0zLjAwMXYxMS45MjRjMCAwLjUgMC43IDEuMiAxLjIgMS4xOTFoNi42NjMgaDcuNjI2aDYuNjgzYzAuNTI3IDAgMC43MTUtMC42NjUgMC43MTUtMS4xOTFWMTI1LjNsMyAyLjg4MWMwLjE4OCAwLjIgMC41IDAuMyAwLjcgMC4yNzlzMC41MTgtMC4wOTMgMC43MDMtMC4yNzkgQzEyNy41NzkgMTI3LjggMTI3LjYgMTI3LjIgMTI3LjIgMTI2LjgzNHogTTExNC4xODkgMTM2LjM5aC01Ljcydi02LjQzNWMwLTAuNzg5IDAuODctMS4xOTIgMS42NTgtMS4xOTJoMi44NTkgYzAuNzg5IDAgMS4yIDAuNCAxLjIgMS4xOTJMMTE0LjE4OSAxMzYuMzlMMTE0LjE4OSAxMzYuMzl6IE0xMjAuODYyIDEzNi4zOWgtNC43NjZ2LTYuNDM1YzAtMS44NC0xLjI3LTMuMDk5LTMuMTA5LTMuMDk5IGgtMi44NTljLTEuODQgMC0zLjU2NCAxLjI1OS0zLjU2NCAzLjA5OXY2LjQzNWgtNC43Njd2LTEzLjEwOGMwLTAuMDAyIDAuMTE4LTAuMDA0IDAuMTE4LTAuMDA3bDkuNDE0LTkuNDc0bDkuNTMzIDkuNTkyVjEzNi4zOXoiLz4gPC9zdmc+);
+
    background-size: 30px 30px; }
-
  background-position: 999px 0px;
+
  #bodyContent .header-container h1 a:hover {
-
  background-repeat: no-repeat;
+
    background-position: 165px 65px; }
-
  background-size: 30px 30px; }
+
  #bodyContent .header-container h1 a:active {
-
 
+
    background-position: 165px 65px;
-
.header-container h1 a:hover {
+
    top: 1px; }
-
  background-position: 165px 65px; }
+
  #bodyContent .title {
-
 
+
    float: left; }
-
.header-container h1 a:active {
+
  #bodyContent nav {
-
  background-position: 165px 65px;
+
    float: right;
-
  top: 1px; }
+
    width: 600px;
-
 
+
    height: 120px; }
-
.title {
+
  #bodyContent nav a {
-
  float: left; }
+
    padding: 50px 10px;
-
 
+
    text-align: center;
-
nav {
+
    text-decoration: none;
-
  float: right;
+
    color: black;
-
  width: 600px;
+
    width: 80px;
-
  height: 120px; }
+
    height: 20px;
-
 
+
    display: block; }
-
nav a {
+
  #bodyContent nav a:hover, #bodyContent nav .on-page {
-
  padding: 50px 10px;
+
    color: #fff;
-
  text-align: center;
+
    text-shadow: 0 0 2px #222; }
-
  text-decoration: none;
+
  #bodyContent nav a:active {
-
  color: black;
+
    top: 1px;
-
  width: 80px;
+
    position: relative; }
-
  height: 20px;
+
  #bodyContent nav .project a:hover, #bodyContent nav .project .on-page {
-
  display: block; }
+
    background: #3d4c53; }
-
 
+
  #bodyContent nav .models a:hover, #bodyContent nav .models .on-page {
-
nav a:hover, nav .on-page {
+
    background: #98c000; }
-
  color: #fff;
+
  #bodyContent nav .hp a:hover, #bodyContent nav .hp .on-page {
-
  text-shadow: 0 0 2px #222; }
+
    background: #ea2e49; }
-
 
+
  #bodyContent nav .notebooks a:hover, #bodyContent nav .notebooks .on-page {
-
nav a:active {
+
    background: #ffe11a; }
-
  top: 1px;
+
  #bodyContent nav .team a:hover, #bodyContent nav .team .on-page {
-
  position: relative; }
+
    background: #0cdbe8; }
-
 
+
  #bodyContent nav .judging a:hover, #bodyContent nav .judging .on-page {
-
nav .project a:hover, nav .project .on-page {
+
    background: #707f86; }
-
  background: #3d4c53; }
+
  #bodyContent nav .igem a {
-
 
+
    padding: 35px 10px; }
-
nav .models a:hover, nav .models .on-page {
+
  #bodyContent nav .igem a:hover .cogs {
-
  background: #98c000; }
+
    fill: #98c000;
-
 
+
    stroke: none; }
-
nav .hp a:hover, nav .hp .on-page {
+
  #bodyContent nav li {
-
  background: #ea2e49; }
+
    width: 100px;
-
 
+
    float: left; }
-
nav .notebooks a:hover, nav .notebooks .on-page {
+
  #bodyContent nav li:first-child a {
-
  background: #ffe11a; }
+
    margin-left: 0; }
-
 
+
  #bodyContent nav li:last-child a {
-
nav .team a:hover, nav .team .on-page {
+
    margin-right: 0; }
-
  background: #0cdbe8; }
+
  #bodyContent .main article {
-
 
+
    float: left;
-
nav .judging a:hover, nav .judging .on-page {
+
    width: 57%; }
-
  background: #707f86; }
+
  #bodyContent .main aside {
-
 
+
    float: right;
-
nav .igem a {
+
    width: 28%; }
-
  padding: 35px 10px; }
+
  #bodyContent .wrapper {
-
 
+
    width: 1000px;
-
nav .igem a:hover .cogs {
+
    /* 1140px - 10% for margins - 13px for padding */
-
  fill: #98c000;
+
    margin: 0 auto;
-
  stroke: none; }
+
    padding: 0 13px; }
-
 
+
  @media only screen and (min-width: 1000px) {
-
nav li {
+
    #bodyContent {
-
  width: 100px;
+
      /* ===============
-
  float: left; }
+
          Maximal Width
-
 
+
        =============== */ }
-
nav li:first-child a {
+
      #bodyContent .header-container {
-
  margin-left: 0; }
+
        width: 100%; }
-
 
+
      #bodyContent .landing-container, #bodyContent .notebooks-container, #bodyContent .team-container, #bodyContent .hp-container, #bodyContent .models-container, #bodyContent .project-container {
-
nav li:last-child a {
+
        width: 100%; } }
-
  margin-right: 0; }
+
  #bodyContent #contentSub, #bodyContent #footer-box, #bodyContent #catlinks, #bodyContent #search-controls, #bodyContent #p-logo, #bodyContent .printfooter, #bodyContent .firstHeading, #bodyContent .visualClear {
-
 
+
    display: none; }
-
/* ============
+
  #bodyContent #top-section {
-
    WIDE: Main
+
    /*-- styling for default menu bar (edit, page, history, etc.) --*/
-
  ============ */
+
    background-color: white;
-
.main article {
+
    border: 0 none;
-
  float: left;
+
    height: 14px;
-
  width: 57%; }
+
    z-index: 100;
-
 
+
    top: 0;
-
.main aside {
+
    position: fixed;
-
  float: right;
+
    width: 1026px;
-
  width: 28%; }
+
    left: 50%;
-
 
+
    margin-left: -513px;
-
.wrapper {
+
    color: #333; }
-
  width: 1000px;
+
  #bodyContent #top-section-bar {
-
  /* 1140px - 10% for margins - 13px for padding */
+
    /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
-
  margin: 0 auto;
+
    height: 14px;
-
  padding: 0 13px; }
+
    display: none;
-
 
+
    z-index: 10;
-
@media only screen and (min-width: 1000px) {
+
    position: fixed;
-
  /* ===============
+
    width: 100%;
-
      Maximal Width
+
    top: 0; }
-
    =============== */
+
  #bodyContent #top-section ul {
-
  .header-container {
+
    padding: 0; }
-
    width: 100%; }
+
  #bodyContent #menubar a:link, #bodyContent #menubar a:active, #bodyContent #menubar a:visited, #bodyContent #menubar a:hover, #bodyContent #menubar:hover {
-
 
+
    /*-- styling for default menu bar links (edit, page, history, etc.) --*/
-
  .landing-container, .notebooks-container, .team-container, .hp-container, .models-container, .project-container {
+
    background-color: white;
-
    width: 100%; } }
+
    text-decoration: none;
-
/* ==========================================================================
+
    color: #333; }
-
    Remove default iGEM styling
+
  #bodyContent body {
-
  ========================================================================== */
+
    background-color: #fff; }
-
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear {
+
  #bodyContent #globalWrapper, #bodyContent #content {
-
  display: none; }
+
    width: 100%;
-
 
+
    height: 100%;
-
#top-section {
+
    border: 0px;
-
  /*-- styling for default menu bar (edit, page, history, etc.) --*/
+
    background-color: transparent;
-
  background-color: white;
+
    margin: 0px;
-
  border: 0 none;
+
    padding: 0px;
-
  height: 14px;
+
    font-size: 100%; }
-
  z-index: 100;
+
  #bodyContent #menubar {
-
  top: 0;
+
    top: -2px; }
-
  position: fixed;
+
  #bodyContent ul {
-
  width: 1026px;
+
    line-height: 1em; }
-
  left: 50%;
+
  #bodyContent html, #bodyContent body {
-
  margin-left: -513px;
+
    /*-- changes default wiki settings --*/
-
  color: #333; }
+
    height: 100%; }
-
 
+
  #bodyContent #contentcontainer {
-
#top-section-bar {
+
    /*-- creates container for all content on page --*/
-
  /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
+
    font-family: Arial, Helvetica, sans-serif;
-
  height: 14px;
+
    font-weight: normal;
-
  display: none;
+
    font-size: 14px;
-
  z-index: 10;
+
    color: #414141;
-
  position: fixed;
+
    width: 960px;
-
  width: 100%;
+
    margin-left: auto;
-
  top: 0; }
+
    margin-right: auto;
-
 
+
    background-color: transparent;
-
#top-section ul {
+
    margin-top: 0px; }
-
  padding: 0; }
+
  #bodyContent #bodyContent pre {
-
 
+
    padding: 0;
-
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover {
+
    border: none;
-
  /*-- styling for default menu bar links (edit, page, history, etc.) --*/
+
    background: transparent;
-
  background-color: white;
+
    line-height: 1em; }
-
  text-decoration: none;
+
  #bodyContent #bodyContent h1, #bodyContent #bodyContent h2, #bodyContent #bodyContent h3, #bodyContent #bodyContent h4, #bodyContent #bodyContent h5 {
-
  color: #333; }
+
    border: none;
-
 
+
    margin: 0; }
-
body {
+
  #bodyContent .menu h1, #bodyContent body .menu h2 {
-
  background-color: #fff; }
+
    float: left;
-
 
+
    height: 26px;
-
#globalWrapper, #content {
+
    margin: 16px 35px 16px 0;
-
  width: 100%;
+
    padding: 0 5px;
-
  height: 100%;
+
    position: relative;
-
  border: 0px;
+
    color: white; }
-
  background-color: transparent;
+
  #bodyContent .menu h1 {
-
  margin: 0px;
+
    text-shadow: -1px 1px 0 black; }
-
  padding: 0px;
+
  #bodyContent .menu a h2 {
-
  font-size: 100%; }
+
    border: 1px white solid; }
-
 
+
  #bodyContent .menu a {
-
#menubar {
+
    text-decoration: none;
-
  top: -2px; }
+
    display: block;
-
 
+
    color: white; }
-
ul {
+
  #bodyContent .menu a:hover h2 {
-
  line-height: 1em; }
+
    border: 1px white solid; }
-
 
+
  #bodyContent .menu a .down, #bodyContent .menu a .up {
-
html, body {
+
    display: inline-block;
-
  /*-- changes default wiki settings --*/
+
    width: 32px;
-
  height: 100%; }
+
    height: 32px;
-
 
+
    position: absolute;
-
#contentcontainer {
+
    top: -9999px;
-
  /*-- creates container for all content on page --*/
+
    right: 0;
-
  font-family: Arial, Helvetica, sans-serif;
+
    stroke: white;
-
  font-weight: normal;
+
    stroke-width: 1.1px;
-
  font-size: 14px;
+
    fill: none; }
-
  color: #414141;
+
  #bodyContent .menu a:hover .down {
-
  width: 960px;
+
    top: 16px; }
-
  margin-left: auto;
+
  #bodyContent .menu a:hover .up {
-
  margin-right: auto;
+
    top: -22px; }
-
  background-color: transparent;
+
  #bodyContent .menu a:active {
-
  margin-top: 0px; }
+
    top: 1px;
-
 
+
    position: relative; }
-
#bodyContent pre {
+
  #bodyContent .footer-container {
-
  padding: 0;
+
    margin-top: 20px;
-
  border: none;
+
    background: #3d4c53; }
-
  background: transparent;
+
  #bodyContent footer {
-
  line-height: 1em; }
+
    color: white;
-
 
+
    background: #3d4c53; }
-
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 {
+
  #bodyContent footer h3 {
-
  border: none;
+
    float: left; }
-
  margin: 0; }
+
  #bodyContent footer #sitemap .page a, #bodyContent footer #sitemap li .sections a {
-
 
+
    color: #707f86;
-
#bodyContent .menu h1, #bodyContent body .menu h2 {
+
    text-decoration: none; }
-
  float: left;
+
  #bodyContent footer #sitemap {
-
  height: 26px;
+
    list-style: none;
-
  margin: 16px 35px 16px 0;
+
    padding: 0; }
-
  padding: 0 5px;
+
  #bodyContent footer #sitemap .page .sections {
-
  position: relative;
+
    list-style: none;
-
  color: white; }
+
    padding: 0; }
-
 
+
  #bodyContent footer #sitemap .page {
-
.menu h1 {
+
    float: left;
-
  text-shadow: -1px 1px 0 black; }
+
    width: 120px;
-
 
+
    margin-right: 10px; }
-
.menu a h2 {
+
  #bodyContent footer #sitemap .page h4 {
-
  border: 1px white solid; }
+
    margin: 0;
-
 
+
    padding: 0; }
-
.menu a {
+
  #bodyContent footer #sitemap .page h4 a {
-
  text-decoration: none;
+
    display: block;
-
  display: block;
+
    padding: 5px;
-
  color: white; }
+
    margin: 0;
-
 
+
    border: 1px #707f86 solid; }
-
.menu a:hover h2 {
+
  #bodyContent footer #sitemap .page h4 a:hover {
-
  border: 1px white solid; }
+
    background: white;
-
 
+
    color: black;
-
.menu a .down, .menu a .up {
+
    border: 1px white solid; }
-
  display: inline-block;
+
  #bodyContent footer #sitemap .page a:hover {
-
  width: 32px;
+
    color: white; }
-
  height: 32px;
+
  #bodyContent footer #sitemap .page .sections li {
-
  position: absolute;
+
    margin-top: 5px;
-
  top: -9999px;
+
    font-size: .9em; }
-
  right: 0;
+
  #bodyContent footer .copyright {
-
  stroke: white;
+
    float: right;
-
  stroke-width: 1.1px;
+
    color: #707f86;
-
  fill: none; }
+
    width: 200px;
-
 
+
    height: 32px; }
-
.menu a:hover .down {
+
  #bodyContent footer .social {
-
  top: 16px; }
+
    position: relative;
-
 
+
    width: 200px;
-
.menu a:hover .up {
+
    height: 18px;
-
  top: -22px; }
+
    padding: 6px 0 15px 0;
-
 
+
    margin-bottom: 5px;
-
.menu a:active {
+
    float: right; }
-
  top: 1px;
+
  #bodyContent footer .social a {
-
  position: relative; }
+
    font-size: 18px;
-
 
+
    color: #707f86;
-
.footer-container {
+
    text-decoration: none;
-
  margin-top: 20px;
+
    padding-left: 45px;
-
  background: #3d4c53; }
+
    font-family: Ostrich, sans-serif; }
-
 
+
  #bodyContent footer .social a:hover {
-
footer {
+
    color: white; }
-
  color: white;
+
  #bodyContent footer .social svg {
-
  background: #3d4c53; }
+
    fill: none;
-
 
+
    stroke: #707f86;
-
footer h3 {
+
    stroke-width: 1.3px;
-
  float: left; }
+
    height: 32px;
-
 
+
    width: 32px;
-
footer #sitemap .page a, footer #sitemap li .sections a {
+
    position: absolute;
-
  color: #707f86;
+
    top: 0px;
-
  text-decoration: none; }
+
    left: 0px;
-
 
+
    padding: 2px;
-
footer #sitemap {
+
    border: 1px #707f86 solid; }
-
  list-style: none;
+
  #bodyContent footer .social a:hover svg {
-
  padding: 0; }
+
    stroke: none;
-
 
+
    fill: black;
-
footer #sitemap .page .sections {
+
    background: white;
-
  list-style: none;
+
    border: 1px white solid; }
-
  padding: 0; }
+
-
 
+
-
footer #sitemap .page {
+
-
  float: left;
+
-
  width: 120px;
+
-
  margin-right: 10px; }
+
-
 
+
-
footer #sitemap .page h4 {
+
-
  margin: 0;
+
-
  padding: 0; }
+
-
 
+
-
footer #sitemap .page h4 a {
+
-
  display: block;
+
-
  padding: 5px;
+
-
  margin: 0;
+
-
  border: 1px #707f86 solid; }
+
-
 
+
-
footer #sitemap .page h4 a:hover {
+
-
  background: white;
+
-
  color: black;
+
-
  border: 1px white solid; }
+
-
 
+
-
footer #sitemap .page a:hover {
+
-
  color: white; }
+
-
 
+
-
footer #sitemap .page .sections li {
+
-
  margin-top: 5px;
+
-
  font-size: .9em; }
+
-
 
+
-
footer .copyright {
+
-
  float: right;
+
-
  color: #707f86;
+
-
  width: 200px;
+
-
  height: 32px; }
+
-
 
+
-
footer .social {
+
-
  position: relative;
+
-
  width: 200px;
+
-
  height: 18px;
+
-
  padding: 6px 0 15px 0;
+
-
  margin-bottom: 5px;
+
-
  float: right; }
+
-
 
+
-
footer .social a {
+
-
  font-size: 18px;
+
-
  color: #707f86;
+
-
  text-decoration: none;
+
-
  padding-left: 45px;
+
-
  font-family: Ostrich, sans-serif; }
+
-
 
+
-
footer .social a:hover {
+
-
  color: white; }
+
-
 
+
-
footer .social svg {
+
-
  fill: none;
+
-
  stroke: #707f86;
+
-
  stroke-width: 1.3px;
+
-
  height: 32px;
+
-
  width: 32px;
+
-
  position: absolute;
+
-
  top: 0px;
+
-
  left: 0px;
+
-
  padding: 2px;
+
-
  border: 1px #707f86 solid; }
+
-
 
+
-
footer .social a:hover svg {
+
-
  stroke: none;
+
-
  fill: black;
+
-
  background: white;
+
-
  border: 1px white solid; }
+
</style>
</style>
</head>
</head>
</html>
</html>

Revision as of 03:45, 25 September 2014

Retrieved from "http://2014.igem.org/Team:UCSF_UCB/CSS"