Team:Tsinghua-A

From 2014.igem.org

(Difference between revisions)
Line 2: Line 2:
{{Team:Tsinghua-A/Killbanner}}
{{Team:Tsinghua-A/Killbanner}}
{{Team:Tsinghua-A/Menubar}}
{{Team:Tsinghua-A/Menubar}}
 +
 +
 +
<html><head>
 +
 
 +
    <style type="text/css" media="screen">
 +
      body {
 +
        background-color: #f1f1f1;
 +
        margin: 0;
 +
      }
 +
      body,
 +
      input,
 +
      button {
 +
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 +
      }
 +
      .container { margin: 30px auto 40px auto; width: 800px; text-align: center; }
 +
 +
      a { color: #4183c4; text-decoration: none; font-weight: bold; }
 +
      a:hover { text-decoration: underline; }
 +
 +
      h3 { color: #666; }
 +
      ul { list-style: none; padding: 25px 0; }
 +
      li {
 +
        display: inline;
 +
        margin: 10px 50px 10px 0px;
 +
      }
 +
      input[type=text],
 +
      input[type=password] {
 +
        font-size: 13px;
 +
        min-height: 32px;
 +
        margin: 0;
 +
        padding: 7px 8px;
 +
        outline: none;
 +
        color: #333;
 +
        background-color: #fff;
 +
        background-repeat: no-repeat;
 +
        background-position: right center;
 +
        border: 1px solid #ccc;
 +
        border-radius: 3px;
 +
        box-shadow: inset 0 1px 2px rgba(0,0,0,0.075);
 +
        -moz-box-sizing: border-box;
 +
        box-sizing: border-box;
 +
        -webkit-transition: all 0.15s ease-in;
 +
        transition: all 0.15s ease-in;
 +
        vertical-align: middle;
 +
      }
 +
      .button {
 +
        position: relative;
 +
        display: inline-block;
 +
        margin: 0;
 +
        padding: 8px 15px;
 +
        font-size: 13px;
 +
        font-weight: bold;
 +
        color: #333;
 +
        text-shadow: 0 1px 0 rgba(255,255,255,0.9);
 +
        white-space: nowrap;
 +
        background-color: #eaeaea;
 +
        background-image: -moz-linear-gradient(#fafafa, #eaeaea);
 +
        background-image: -webkit-linear-gradient(#fafafa, #eaeaea);
 +
        background-image: linear-gradient(#fafafa, #eaeaea);
 +
        background-repeat: repeat-x;
 +
        border-radius: 3px;
 +
        border: 1px solid #ddd;
 +
        border-bottom-color: #c5c5c5;
 +
        box-shadow: 0 1px 3px rgba(0,0,0,.05);
 +
        vertical-align: middle;
 +
        cursor: pointer;
 +
        -moz-box-sizing: border-box;
 +
        box-sizing: border-box;
 +
        -webkit-touch-callout: none;
 +
        -webkit-user-select: none;
 +
        -khtml-user-select: none;
 +
        -moz-user-select: none;
 +
        -ms-user-select: none;
 +
        user-select: none;
 +
        -webkit-appearance: none;
 +
      }
 +
      .button:hover,
 +
      .button:active {
 +
        background-position: 0 -15px;
 +
        border-color: #ccc #ccc #b5b5b5;
 +
      }
 +
      .button:active {
 +
        background-color: #dadada;
 +
        border-color: #b5b5b5;
 +
        background-image: none;
 +
        box-shadow: inset 0 3px 5px rgba(0,0,0,.15);
 +
      }
 +
      .button:focus,
 +
      input[type=text]:focus,
 +
      input[type=password]:focus {
 +
        outline: none;
 +
        border-color: #51a7e8;
 +
        box-shadow: inset 0 1px 2px rgba(0,0,0,.075), 0 0 5px rgba(81,167,232,.5);
 +
      }
 +
      #auth {
 +
        position: absolute;
 +
        top: 0;
 +
        right: 0;
 +
        z-index: 50;
 +
        min-height: 32px;
 +
        background-color: rgba(53,95,120,.4);
 +
        padding: 7px 10px;
 +
        border-bottom-right-radius: 10px;
 +
        border-bottom-left-radius: 10px;
 +
        box-shadow: 0 3px 0 rgba(0, 0, 0, 0.28);
 +
        display: none;
 +
      }
 +
      #auth h1, #auth p, #auth label {
 +
        display: none;
 +
      }
 +
      .auth-form-body {
 +
        display: inline;
 +
      }
 +
      #auth input[type=text],
 +
      #auth input[type=password] {
 +
        float: left;
 +
        width: 175px;
 +
        margin-right: 9px;
 +
        border: 0;
 +
        background-color: #f5f5f5;
 +
      }
 +
      #auth input[type=text]:focus,
 +
      #auth input[type=password]:focus {
 +
        background-color: #fff;
 +
        box-shadow: 0 0 5px rgba(255,255,255,.5);
 +
      }
 +
      #auth .button {
 +
        border: 0;
 +
      }
 +
      #auth .button:focus {
 +
        box-shadow: 0 0 5px rgba(255,255,255,.5);
 +
      }
 +
      label[for=search] {
 +
        display: block;
 +
        text-align: left;
 +
      }
 +
      #search label {
 +
        font-weight: 200;
 +
        padding: 5px 0;
 +
      }
 +
      #search input[type=text] {
 +
        font-size: 18px;
 +
        width: 705px;
 +
      }
 +
      #search .button {
 +
        padding: 10px;
 +
        width: 90px;
 +
      }
 +
      .logo { display: inline-block; margin-top: 35px; }
 +
      .logo-img-2x { display: none; }
 +
      @media
 +
      only screen and (-webkit-min-device-pixel-ratio: 2),
 +
      only screen and (  min--moz-device-pixel-ratio: 2),
 +
      only screen and (    -o-min-device-pixel-ratio: 2/1),
 +
      only screen and (        min-device-pixel-ratio: 2),
 +
      only screen and (                min-resolution: 192dpi),
 +
      only screen and (                min-resolution: 2dppx) {
 +
        .logo-img-1x { display: none; }
 +
        .logo-img-2x { display: inline-block; }
 +
      }
 +
      #suggestions {
 +
        margin-top: 35px;
 +
        color: #ccc;
 +
      }
 +
      #suggestions a {
 +
        color: #666666;
 +
        font-weight: 200;
 +
        font-size: 14px;
 +
        margin: 0 10px;
 +
      }
 +
 +
      #parallax_wrapper {
 +
        position: relative;
 +
        z-index: 0;
 +
        -webkit-transition: all 0.25s ease-in;
 +
        transition: all 0.25s ease-in;
 +
      }
 +
      #parallax_field {
 +
        overflow: hidden;
 +
        position: absolute;
 +
        left: 0;
 +
        top: 0;
 +
        height: 370px;
 +
        width: 100%;
 +
      }
 +
      #parallax_field #parallax_bg {
 +
        position: absolute;
 +
        top: -20px;
 +
        left: -20px;
 +
        width: 110%;
 +
        height: 425px;
 +
        z-index: 1;
 +
      }
 +
      #parallax_illustration {
 +
        display: block;
 +
        margin: 0 auto;
 +
        width: 940px;
 +
        height: 370px;
 +
        position: relative;
 +
        overflow: hidden;
 +
        clear: both;
 +
      }
 +
      #parallax_illustration img {
 +
        position: absolute;
 +
      }
 +
      #parallax_illustration #parallax_error_text {
 +
        top: 72px;
 +
        left: 72px;
 +
        z-index: 10;
 +
      }
 +
      #parallax_illustration #human {
 +
        top: 140px;
 +
        left: 200px;
 +
        z-index: 9;
 +
      }
 +
      #parallax_illustration #gene {
 +
        top: 180px;
 +
        left: 220px;
 +
        z-index: 8;
 +
      }
 +
      #parallax_illustration #parallax_octocatshadow {
 +
        top: 297px;
 +
        left: 371px;
 +
        z-index: 7;
 +
      }
 +
      #parallax_illustration #parallax_speedershadow {
 +
        top: 263px;
 +
        left: 442px;
 +
        z-index: 6;
 +
      }
 +
      #parallax_illustration #logo {
 +
        top: 150px;
 +
        left: 630px;
 +
        z-index: 5;
 +
      }
 +
      #parallax_illustration #brick {
 +
        top: 180px;
 +
        left: 200px;
 +
        z-index: 4;
 +
      }
 +
    </style>
 +
  <style>[touch-action="none"]{ -ms-touch-action: none; touch-action: none; }[touch-action="pan-x"]{ -ms-touch-action: pan-x; touch-action: pan-x; }[touch-action="pan-y"]{ -ms-touch-action: pan-y; touch-action: pan-y; }[touch-action="scroll"],[touch-action="pan-x pan-y"],[touch-action="pan-y pan-x"]{ -ms-touch-action: pan-x pan-y; touch-action: pan-x pan-y; }</style><style id="style-1-cropbar-clipper">/* Copyright 2014 Evernote Corporation. All rights reserved. */
 +
.en-markup-crop-options {
 +
    top: 18px !important;
 +
    left: 50% !important;
 +
    margin-left: -90px !important;
 +
    width: 180px !important;
 +
    border: 2px rgba(255,255,255,.38) solid !important;
 +
    border-radius: 4px !important;
 +
}
 +
 +
.en-markup-crop-options div div:first-of-type {
 +
    margin-left: 0px !important;
 +
}
 +
</style></head>
 +
</html>
 +
<html>
<html>

Revision as of 01:23, 18 October 2014



Acknowledgements

Title