Team:Tsinghua-A

From 2014.igem.org

(Difference between revisions)
Line 17: Line 17:
       }
       }
-
      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 {
       #parallax_wrapper {
         position: relative;
         position: relative;

Revision as of 01:24, 18 October 2014



Acknowledgements

Title