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