Difference between revisions of "Team:BCU"

 
(67 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
−
<head lang="en">
+
<head lang="en">
−
    <meta charset="UTF-8">
+
<meta charset="UTF-8">
−
    <title></title>
+
<title></title>
−
    <link rel="stylesheet" href="css/animate.min.css" />
+
<head>
−
    <script src="https://2018.igem.org/wiki/index.php?title=Template:BGU_Israel/jquery.min&redirect=no"></script>
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
−
    <script src="js/wow.min.js"></script>
+
<style type="text/css">
−
    <script>
+
<!--
−
        $(function(){
+
body {
−
            var wow = new WOW({
+
margin-left: 0px;
−
                boxClass: 'wow',
+
margin-top: 0px;
−
                animateClass: 'animated',
+
margin-right: 0px;
−
                offset: 0,
+
margin-bottom: 0px;
−
                mobile: true,
+
background-color: white !important;
−
                live: true
+
min-width: 960px !important;
−
            });
+
overflow-x: hidden !important;
−
            wow.init();
+
}
−
        })
+
.title {
−
    </script>
+
height: 240px;
−
    <!--[if lt IE 9]>
+
width: 960px;
−
    <script src="js/html5shiv.min.js"></script>
+
margin-right: auto;
−
    <script src="js/respond.min.js"></script>
+
margin-left: auto;
−
    <![endif]-->
+
−
    <!--[if lte IE 9]>
+
−
    <script src="js/jquery.placeholder.js"></script>
+
−
    <script>
+
−
        $(function() {
+
−
            $('input, textarea').placeholder({customClass:'my-placeholder'});
+
−
        });
+
−
    </script>
+
−
    <![endif]-->
+
−
    <style>
+
−
       
+
 
 
−
/*common*/
+
border-right-style: none;
−
*:focus {outline: none;}
+
−
+
border-left-style: none;
−
/* display */
+
−
.dn { display: none; }
+
}
−
.di { display: inline; }
+
.nav {
−
.db { display: block; }
+
float: right;
−
.dib { display: inline-block; } /* if the element is block level(eg. div, li), using 'inline-any' instead */
+
height: 80px;
−
+
width: 960px;
−
+
margin-top: 35px;
−
.fl{float:left;}
+
font-size: 16px;
−
.fr{float:right;}
+
color: #1C2C77;
−
+
border-top-width: thin;
−
/* 块状元素水平居中 */
+
font-weight: 800;
−
.auto { margin-left: auto; margin-right: auto; }
+
font-family: Arial, Helvetica, sans-serif;
−
+
font-style: normal;
−
/* overflow */
+
line-height: 40px;
−
.ovh { overflow: hidden; }
+
text-align: center;
−
+
}
−
/* position */
+
.main {
−
.rel { position: relative; }
+
height: 400px;
−
.abs { position: absolute; }
+
width: 960px;
−
+
margin-right: auto;
−
/* font-family */
+
margin-left: auto;
−
.fw { font-family: 'Microsoft Yahei'; }
+
border-top-width: 5px;
−
.fs { font-family: "宋体", Helvetica, Arial, sans-serif; }
+
border-top-style: none;
−
+
border-top-color: #FC0;
−
+
background-image: url（);
−
/* font-style */
+
background-attachment: fixed;
−
.n { font-weight: normal; font-style: normal; }
+
background-repeat: no-repeat;
−
.b { font-weight: bold; }
+
background-position: center center;
−
.i { font-style: italic; }
+
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
−
+
color: #FFF;
−
/* text-align */
+
text-decoration: blink;
−
.tc { text-align: center; }
+
font-weight: 900;
−
.tr { text-align: right; }
+
text-transform: capitalize;
−
.tl { text-align: left; }
+
text-align: center !important;
−
.tj { text-align: justify; }
+
padding-top: 0px;
−
+
font-size: larger;
−
/* 清除浮 动*/
+
margin-bottom: 3px;
−
.fix { *zoom:1; }
+
}
−
.fix:after { content:" "; display:block; height:0; clear:both; visibility:hidden; font-size:0;}
+
.main p{
−
+
text-align: center !important;
−
/*table*/
+
}
−
table {
+
.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%;
−
border-collapse: collapse;
+
padding: 0;
−
}
+
}
−
+
.mod-01 img{
−
/* margin */
+
display: block;
−
.m0 { margin:0 !important; }
+
−
.ml0 { margin-left: 0}
+
−
.ml1 { margin-left: 1px; }
+
−
.ml2 { margin-left: 2px; }
+
−
.ml5 { margin-left: 5px; }
+
−
.ml10 { margin-left: 10px; }
+
−
.ml15 { margin-left: 15px; }
+
−
.ml20 { margin-left: 20px; }
+
−
.ml25 { margin-left: 25px;}
+
−
.ml30 { margin-left: 30px; }
+
−
+
−
.mr1 { margin-right: 1px; }
+
−
.mr2 { margin-right: 2px; }
+
−
.mr5 { margin-right: 5px; }
+
−
.mr10 { margin-right: 10px; }
+
−
.mr15 { margin-right: 15px; }
+
−
.mr20 { margin-right: 20px; }
+
−
.mr30 { margin-right: 30px; }
+
−
+
−
.mt1 { margin-top: 1px; }
+
−
.mt2 { margin-top: 2px; }
+
−
.mt5 { margin-top: 5px; }
+
−
.mt10 { margin-top: 10px; }
+
−
.mt15 { margin-top: 15px; }
+
−
.mt20 { margin-top: 20px; }
+
−
.mt25 { margin-top: 25px; }
+
−
.mt30 { margin-top: 30px; }
+
−
+
−
.mb1 { margin-bottom: 1px; }
+
−
.mb2 { margin-bottom: 2px; }
+
−
.mb5 { margin-bottom: 5px; }
+
−
.mb10 { margin-bottom: 10px; }
+
−
.mb15 { margin-bottom: 15px; }
+
−
.mb20 { margin-bottom: 20px; }
+
−
.mb25 { margin-bottom: 25px; }
+
−
.mb30 { margin-bottom: 30px; }
+
−
+
−
/* padding */
+
−
.p0 { padding: 0; }
+
−
.p1 { padding: 1px; }
+
−
.pl1 { padding-left: 1px; }
+
−
.pt1 { padding-top: 1px; }
+
−
.pr1 { padding-right: 1px; }
+
−
.pb1 { padding-bottom: 1px; }
+
−
+
−
.p2 { padding: 2px; }
+
−
.pl2 { padding-left: 2px; }
+
−
.pt2 { padding-top: 2px; }
+
−
.pr2 { padding-right: 2px; }
+
−
.pb2 { padding-bottom: 2px; }
+
−
+
−
.pl5 { padding-left: 5px; }
+
−
.p5 { padding: 5px; }
+
−
.pt5 { padding-top: 5px; }
+
−
.pr5 { padding-right: 5px; }
+
−
.pb5 { padding-bottom: 5px; }
+
−
+
−
.p10 { padding: 10px; }
+
−
.pl10 { padding-left: 10px; }
+
−
.pt10 { padding-top: 10px; }
+
−
.pr10 { padding-right: 10px; }
+
−
.pb10 { padding-bottom: 10px; }
+
−
+
−
.p15 { padding: 15px; }
+
−
.pl15 { padding-left: 15px; }
+
−
.pt15 { padding-top: 15px; }
+
−
.pr15 { padding-right: 15px; }
+
−
.pb15 { padding-bottom: 15px; }
+
−
+
−
.p20 { padding: 20px; }
+
−
.pl20 { padding-left: 20px; }
+
−
.pt20 { padding-top: 20px; }
+
−
.pr20 { padding-right: 20px; }
+
−
.pb20 { padding-bottom: 20px; }
+
−
+
−
.p30 { padding: 30px; }
+
−
.pl30 { padding-left: 30px; }
+
−
.pt30 { padding-top: 30px; }
+
−
.pr30 { padding-right: 30px; }
+
−
.pb30 { padding-bottom: 30px; }
+
−
+
−
/* vertical-align */
+
−
.vm { vertical-align: middle; }
+
−
.vtb { vertical-align: text-bottom; }
+
−
.vb { vertical-align: bottom; }
+
−
.vt { vertical-align: top; }
+
−
.vn { vertical-align: -2px; }
+
−
+
−
.bgnone{background:none !important;}
+
−
.bnone{border:none !important;}
+
−
+
−
+
−
+
−
body{
+
−
font-family: "Microsoft Yahei", Helvetica, Arial, sans-serif;
+
−
}
+
−
.container{
+
−
width: 1200px;
+
−
min-width: 1200px;
+
 
margin-right: auto;
 
margin-right: auto;
 
margin-left: auto;
 
margin-left: auto;
−
}
+
}
−
+
<!--Menu Part-->
−
.shortcut{
+
.dropdown {
−
height: 24px;
+
position: relative;
−
line-height: 24px;
+
display: inline-block;
−
padding-top: 16px;
+
background-color: white;
−
}
+
color: #040059;
−
.shortcut a{
+
float: left;
−
color: #808080;
+
}
−
-webkit-transition: all 0.3s ease 0s;
+
.dropdownPlus{
−
-moz-transition: all 0.3s ease 0s;
+
float: left;
−
-o-transition: all 0.3s ease 0s;
+
height: 80px !important;
−
transition: all 0.3s ease 0s;
+
min-width:50px !important;
−
}
+
display: inline-block  !important;
−
.shortcut a img{
+
margin-left:6px !important;
−
margin-right: 5px;
+
margin-right:13.5px !important;
−
}
+
padding-top: 35px !important;
−
.shortcut a:hover{
+
font-family: "Microsoft Yahei", Helvetica, Arial, sans-serif;
−
color: #8e2322;
+
}
−
}
+
.dropdownPlus span a{
−
.header{
+
color: #1C2C77 !important;
−
width: 100%;
+
}
−
min-width: 1200px;
+
.dropdownPlus span a:hover{
−
height: 110px;
+
color: white !important;
−
background: #fff;
+
}
−
}
+
.dropdown span{
−
.logo{
+
width: 120px !important;
−
width: 259px;
+
}
−
height: 77px;
+
.dropdown-content {
−
}
+
display: none;
−
.logo img{
+
position: absolute;
−
display: block;
+
background-color: #f9f9f9;
−
width: 259px;
+
min-width: 195px;
−
height: 77px;
+
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
−
}
+
padding: 12px 0px;
−
+
text-align: left !important;
−
/*nav*/
+
}
−
nav a{
+
.dropdown span:hover{
−
display: inline-block;
+
background-color: #040059;
−
height: 38px;
+
color: white;
−
line-height: 38px;
+
}
−
margin-right: 43px;
+
.dropdown:hover .dropdown-content {
−
margin-left: 43px;
+
width: 160px !important;
−
font-size: 16px;
+
display: block;
−
color: #333;
+
}
−
-webkit-transition: all 0.3s ease 0s;
+
.dropdown-content p{
−
-moz-transition: all 0.3s ease 0s;
+
padding-left: 16px;
−
-o-transition: all 0.3s ease 0s;
+
line-height: 35px !important;
−
transition: all 0.3s ease 0s;
+
margin: 0px !important;
−
}
+
}
−
nav a:hover,
+
.dropdown-content p a{
−
nav .on{
+
color: #040059 !important;
−
color: #8e2322;
+
}
−
}
+
.dropdown-content p:nth-child(2n){
−
#content #top_title{
+
background:#EEEEEE !important;
−
display:none;
+
}
−
}
+
.dropdown-content p:hover{
−
    </style>
+
background-color: #85cafa !important;
−
</head>
+
}
−
<body>
+
.dropdown-content p:hover a{
−
<!--header-->
+
color: white !important;
−
<section class="container">
+
}
−
    <div class="shortcut fix">
+
.logo-title{
−
        <div class="fl">
+
text-align: center;
−
            <a href="#" class="mr15">
+
}
−
                <img src="images/icon_1.png" class="vm" />
+
.logo-title img{
−
                <img src="images/icon_1h.png" class="vm dn" />
+
 
−
                门店查询
+
}
−
            </a>
+
</style>
−
            <a href="#" class="mr15">
+
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
−
                <img src="images/icon_2.png" class="vm" />
+
</head>
−
                <img src="images/icon_2h.png" class="vm dn" />
+
<body>
−
                联系我们
+
<div class="title">
−
            </a>
+
<div class="nav">
−
        </div>
+
<div class="dropdown dropdownPlus">
−
        <div class="fr">
+
<span><a href="https://2018.igem.org/Team:BCU">HOME</a></span>
−
            <a href="#" class="ml15">
+
</div>
−
                <img src="images/icon_3.png" class="vm" />
+
<div class="dropdown dropdownPlus">
−
                <img src="images/icon_3h.png" class="vm dn" />
+
<span><a  href="https://2018.igem.org/Team:BCU/Team">TEAM</a></span>
−
                品牌加盟
+
</div>
−
            </a>
+
<div class="dropdown dropdownPlus">
−
            <a href="#" class="ml15">
+
<span><a href="https://2018.igem.org/Team:BCU/Description">PROJECT</a></span>
−
                <img src="images/icon_4.png" class="vm" />
+
−
                <img src="images/icon_4h.png" class="vm dn" />
+
</div>
−
                售后服务
+
<div class="dropdown dropdownPlus">
−
            </a>
+
<span>EXPERIMENT</span>
−
            <a href="#" class="ml15">
+
<div class="dropdown-content">
−
                <img src="images/icon_5.png" class="vm" />
+
<p><a href="https://2018.igem.org/Team:BCU/Design">Design</a></p>
−
                <img src="images/icon_5h.png" class="vm dn" />
+
<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>
−
            </a>
+
<p><a href="https://2018.igem.org/Team:BCU/Results">Results</a></p>
−
        </div>
+
</div>
−
    </div>
+
</div>
−
    <div class="logo auto mb20"><a href="#"><img src="https://static.igem.org/mediawiki/2018/8/88/T--BCU--navpic.jpg" /></a></div>
+
<div class="dropdown dropdownPlus" >
−
    <nav class="tc mb15">
+
<span><a href="https://2018.igem.org/Team:BCU/Parts">PARTS</a></span>
−
        <a href="#" class="on">首页</a>
+
</div>
−
        <a href="#">系列</a>
+
<img class="dropdownPlus" style="padding-top: 0px !important;width: 83px !important;" src="https://static.igem.org/mediawiki/2018/c/cd/T--BCU--LOGOHEAD.png" />
−
        <a href="#">新品</a>
+
<div class="dropdown dropdownPlus" >
−
        <a href="#">类别</a>
+
<span><a  href="https://2018.igem.org/Team:BCU/InterLab">INTERLAB</a></span>
−
        <a href="#">传承</a>
+
</div>
−
        <a href="#">新闻</a>
+
<div class="dropdown dropdownPlus">
−
        <a href="#">商学院</a>
+
<span><a href="https://2018.igem.org/Team:BCU/Notebook">NOTEBOOK</a></span>
−
    </nav>
+
</div>
−
</section>
+
<div class="dropdown dropdownPlus">
−
<!--header end-->
+
<span><a href="https://2018.igem.org/Team:BCU/Attributions">ATTRIBUTION</a></span>
−
</body>
+
</div>
−
</html>
+
<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">
 +
 
 +
</div>
 +
<!--header end-->
 +
<script type="text/javascript">
 +
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
 +
</script>
 +
</body>
 +
</html>

Latest revision as of 16:21, 16 October 2018

HOME
TEAM
PROJECT
EXPERIMENT

Design

Materials&Reagents

Methods

Results

PARTS
INTERLAB
NOTEBOOK
ATTRIBUTION
MEDAL