Zhu Tingting (Talk | contribs) |
Zhu Tingting (Talk | contribs) |
||
(45 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
− | <head lang="en"> | + | <head lang="en"> |
− | + | <meta charset="UTF-8"> | |
− | + | <title></title> | |
− | <head> | + | <head> |
− | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | + | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
− | + | <style type="text/css"> | |
− | <style type="text/css"> | + | <!-- |
− | <!-- | + | body { |
− | body { | + | margin-left: 0px; |
− | + | margin-top: 0px; | |
− | + | margin-right: 0px; | |
− | + | margin-bottom: 0px; | |
− | + | background-color: white !important; | |
− | + | min-width: 960px !important; | |
− | + | overflow-x: hidden !important; | |
− | + | } | |
− | + | .title { | |
− | + | height: 240px; | |
− | + | width: 960px; | |
− | + | margin-right: auto; | |
− | + | margin-left: auto; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | . | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | border-right-style: none; | |
− | + | ||
− | + | border-left-style: none; | |
− | + | ||
− | + | } | |
− | + | .nav { | |
− | + | float: right; | |
− | + | height: 80px; | |
− | + | width: 960px; | |
− | + | margin-top: 35px; | |
− | + | font-size: 16px; | |
− | + | color: #1C2C77; | |
− | + | border-top-width: thin; | |
− | + | font-weight: 800; | |
− | + | font-family: Arial, Helvetica, sans-serif; | |
− | + | font-style: normal; | |
− | + | line-height: 40px; | |
− | + | text-align: center; | |
− | + | } | |
− | + | .main { | |
− | + | height: 400px; | |
− | + | width: 960px; | |
− | + | margin-right: auto; | |
− | + | margin-left: auto; | |
− | + | border-top-width: 5px; | |
− | + | border-top-style: none; | |
− | + | border-top-color: #FC0; | |
− | + | background-image: url(); | |
− | + | background-attachment: fixed; | |
− | + | background-repeat: no-repeat; | |
− | + | background-position: center center; | |
− | + | font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; | |
− | + | color: #FFF; | |
− | + | text-decoration: blink; | |
− | + | font-weight: 900; | |
− | + | text-transform: capitalize; | |
− | + | text-align: center !important; | |
− | + | padding-top: 0px; | |
− | + | font-size: larger; | |
− | + | margin-bottom: 3px; | |
− | + | } | |
− | + | .main p{ | |
− | + | text-align: center !important; | |
− | + | } | |
− | + | .logo { | |
− | + | float: left; | |
− | + | height: 130px; | |
− | + | width: 300px; | |
− | + | background-repeat: no-repeat; | |
− | + | margin: 10px; | |
− | + | } | |
− | + | --> | |
− | + | </style> | |
− | + | <link rel="stylesheet" href="css/animate.min.css" /> | |
− | + | <script src="https://2018.igem.org/wiki/index.php?title=Template:BCU_Israel/jquery.min&redirect=no"></script> | |
− | + | <script src="js/wow.min.js"></script> | |
− | + | <script> | |
− | + | $(function(){ | |
− | + | var wow = new WOW({ | |
− | + | boxClass: 'wow', | |
− | + | animateClass: 'animated', | |
− | + | offset: 0, | |
− | + | mobile: true, | |
− | + | live: true | |
− | + | }); | |
− | + | wow.init(); | |
− | + | }) | |
− | + | </script> | |
− | + | <!--[if lt IE 9]> | |
− | + | <script src="js/html5shiv.min.js"></script> | |
− | + | <script src="js/respond.min.js"></script> | |
− | + | <![endif]--> | |
− | + | <!--[if lte IE 9]> | |
− | + | <script src="js/jquery.placeholder.js"></script> | |
− | + | <script> | |
− | + | $(function() { | |
− | + | $('input, textarea').placeholder({customClass:'my-placeholder'}); | |
− | + | }); | |
− | + | </script> | |
− | + | <![endif]--> | |
− | + | <style> | |
− | + | html { | |
− | + | font-family: sans-serif; | |
− | + | -webkit-text-size-adjust: 100%; | |
− | + | -ms-text-size-adjust: 100%; | |
− | + | } | |
− | + | body { | |
− | + | margin: 0; | |
− | + | font-family: "Microsoft Yahei", Helvetica, Arial, sans-serif; | |
− | + | } | |
− | + | a { | |
− | + | text-decoration: none; | |
+ | } | ||
+ | a:hover, | ||
+ | a:focus { | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | a:focus { | ||
+ | outline: thin dotted; | ||
+ | outline: 5px auto -webkit-focus-ring-color; | ||
+ | outline-offset: -2px; | ||
+ | } | ||
+ | |||
+ | .container{ | ||
+ | width: 1200px; | ||
+ | min-width: 1200px; | ||
+ | margin-right: auto; | ||
+ | margin-left: auto; | ||
+ | } | ||
+ | |||
+ | .shortcut{ | ||
+ | height: 24px; | ||
+ | line-height: 24px; | ||
+ | padding-top: 16px; | ||
+ | } | ||
+ | .shortcut a{ | ||
+ | color: #808080; | ||
+ | -webkit-transition: all 0.3s ease 0s; | ||
+ | -moz-transition: all 0.3s ease 0s; | ||
+ | -o-transition: all 0.3s ease 0s; | ||
+ | transition: all 0.3s ease 0s; | ||
+ | } | ||
+ | .shortcut a img{ | ||
+ | margin-right: 5px; | ||
+ | } | ||
+ | .shortcut a:hover{ | ||
+ | color: #8e2322; | ||
+ | } | ||
+ | .header{ | ||
+ | width: 100%; | ||
+ | min-width: 1200px; | ||
+ | height: 110px; | ||
+ | background: #fff; | ||
+ | } | ||
+ | .logo img{ | ||
+ | display: block; | ||
+ | width: 500px; | ||
+ | margin-right: auto; | ||
+ | margin-left: auto; | ||
+ | } | ||
+ | |||
+ | /*nav*/ | ||
+ | nav a{ | ||
+ | display: inline-block; | ||
+ | height: 38px; | ||
+ | line-height: 38px; | ||
+ | margin-right: 43px; | ||
+ | margin-left: 43px; | ||
+ | font-size: 16px; | ||
+ | color: #333; | ||
+ | -webkit-transition: all 0.3s ease 0s; | ||
+ | -moz-transition: all 0.3s ease 0s; | ||
+ | -o-transition: all 0.3s ease 0s; | ||
+ | transition: all 0.3s ease 0s; | ||
+ | } | ||
+ | nav a:hover, | ||
+ | nav .on{ | ||
+ | color: #8e2322; | ||
+ | } | ||
+ | #content #top_title{ | ||
+ | display:none; | ||
+ | } | ||
+ | #content{ | ||
width: 100%; | width: 100%; | ||
− | + | padding: 0; | |
− | + | } | |
− | + | .mod-01 img{ | |
− | + | display: block; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
margin-right: auto; | margin-right: auto; | ||
margin-left: auto; | margin-left: auto; | ||
− | + | } | |
− | + | <!--Menu Part--> | |
− | + | .dropdown { | |
− | + | position: relative; | |
− | + | display: inline-block; | |
− | + | background-color: white; | |
− | + | color: #040059; | |
− | + | float: left; | |
− | + | } | |
− | + | .dropdownPlus{ | |
− | + | float: left; | |
− | + | height: 80px !important; | |
− | + | min-width:50px !important; | |
− | + | display: inline-block !important; | |
− | + | margin-left:6px !important; | |
− | + | margin-right:13.5px !important; | |
− | + | padding-top: 35px !important; | |
− | + | font-family: "Microsoft Yahei", Helvetica, Arial, sans-serif; | |
− | + | } | |
− | + | .dropdownPlus span a{ | |
− | + | color: #1C2C77 !important; | |
− | + | } | |
− | + | .dropdownPlus span a:hover{ | |
− | + | color: white !important; | |
− | + | } | |
− | + | .dropdown span{ | |
− | + | width: 120px !important; | |
− | + | } | |
− | + | .dropdown-content { | |
− | + | display: none; | |
− | + | position: absolute; | |
− | + | background-color: #f9f9f9; | |
− | + | min-width: 195px; | |
− | + | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | |
− | + | padding: 12px 0px; | |
− | + | text-align: left !important; | |
− | + | } | |
− | + | .dropdown span:hover{ | |
− | + | background-color: #040059; | |
− | + | color: white; | |
− | + | } | |
− | + | .dropdown:hover .dropdown-content { | |
− | + | width: 160px !important; | |
− | + | display: block; | |
− | + | } | |
− | + | .dropdown-content p{ | |
− | + | padding-left: 16px; | |
− | + | line-height: 35px !important; | |
− | + | margin: 0px !important; | |
− | + | } | |
− | + | .dropdown-content p a{ | |
− | + | color: #040059 !important; | |
− | + | } | |
− | + | .dropdown-content p:nth-child(2n){ | |
− | + | background:#EEEEEE !important; | |
− | + | } | |
− | + | .dropdown-content p:hover{ | |
− | } | + | background-color: #85cafa !important; |
− | . | + | } |
− | display: | + | .dropdown-content p:hover a{ |
− | + | color: white !important; | |
− | + | } | |
− | + | .logo-title{ | |
− | + | text-align: center; | |
− | + | } | |
− | + | .logo-title img{ | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | . | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | . | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | . | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | - | + | |
− | + | ||
− | <body> | + | } |
− | <div class="title"> | + | </style> |
− | + | <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css"> | |
− | + | </head> | |
− | + | <body> | |
− | + | <div class="title"> | |
− | + | <div class="nav"> | |
− | </div> | + | <div class="dropdown dropdownPlus"> |
− | <div class=" | + | <span><a href="https://2018.igem.org/Team:BCU">HOME</a></span> |
− | + | </div> | |
− | + | <div class="dropdown dropdownPlus"> | |
− | </ | + | <span><a href="https://2018.igem.org/Team:BCU/Team">TEAM</a></span> |
− | < | + | </div> |
− | + | <div class="dropdown dropdownPlus"> | |
− | + | <span><a href="https://2018.igem.org/Team:BCU/Description">PROJECT</a></span> | |
− | </div> | + | |
− | < | + | </div> |
− | + | <div class="dropdown dropdownPlus"> | |
− | + | <span>EXPERIMENT</span> | |
− | + | <div class="dropdown-content"> | |
− | + | <p><a href="https://2018.igem.org/Team:BCU/Design">Design</a></p> | |
− | + | <p><a href="https://2018.igem.org/Team:BCU/Improve">Materials&Reagents</a></p> | |
− | + | <p><a href="https://2018.igem.org/Team:BCU/Demonstrate">Methods</a></p> | |
− | + | <p><a href="https://2018.igem.org/Team:BCU/Results">Results</a></p> | |
− | + | </div> | |
− | + | </div> | |
− | + | <div class="dropdown dropdownPlus" > | |
− | + | <span><a href="https://2018.igem.org/Team:BCU/Parts">PARTS</a></span> | |
− | </ | + | </div> |
− | </ | + | <img class="dropdownPlus" style="padding-top: 0px !important;width: 83px !important;" src="https://static.igem.org/mediawiki/2018/c/cd/T--BCU--LOGOHEAD.png" /> |
− | < | + | <div class="dropdown dropdownPlus" > |
+ | <span><a href="https://2018.igem.org/Team:BCU/InterLab">INTERLAB</a></span> | ||
+ | </div> | ||
+ | <div class="dropdown dropdownPlus"> | ||
+ | <span><a href="https://2018.igem.org/Team:BCU/Notebook">NOTEBOOK</a></span> | ||
+ | </div> | ||
+ | <div class="dropdown dropdownPlus"> | ||
+ | <span><a href="https://2018.igem.org/Team:BCU/Attributions">ATTRIBUTION</a></span> | ||
+ | </div> | ||
+ | <div class="dropdown dropdownPlus"> | ||
+ | <span><a href="https://2018.igem.org/Team:BCU/Model">MEDAL</a></span> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | <div class="logo-title"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/thumb/7/70/T--BCU--LOGOTITLE.png/320px-T--BCU--LOGOTITLE.png"/> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="main"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/5/5b/T--BCU--HOME11.jpg"> | ||
− | <script type="text/javascript"> | + | </div> |
− | var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); | + | <!--header end--> |
− | </script> | + | <script type="text/javascript"> |
− | </body> | + | var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); |
− | </html> | + | </script> |
+ | </body> | ||
+ | </html> |
Latest revision as of 16:21, 16 October 2018