(96 intermediate revisions by 2 users not shown) | |||
Line 51: | Line 51: | ||
#medium{display:none;} | #medium{display:none;} | ||
#small{display:none;} | #small{display:none;} | ||
+ | .carousel-inner{height:100%;} | ||
+ | .wrapone{height:67%;} | ||
+ | video{width:42%; height:72%;margin-left:24%; margin-top:47px; border:5px solid #000000;} | ||
} | } | ||
@media (max-width: 767px){ | @media (max-width: 767px){ | ||
Line 56: | Line 59: | ||
#medium{display:none;} | #medium{display:none;} | ||
#small{display:block;} | #small{display:block;} | ||
+ | .wrapone{height:33.1%;} | ||
+ | .carousel-inner{height:49.4%;} | ||
+ | .carousel-indicators{top:43%;} | ||
+ | #carousel-example-generic{margin-top:10px;} | ||
+ | video{width:41.5%; height:50%;margin-left:24%; margin-top:35px; border:5px solid #000000;} | ||
} | } | ||
@media screen and (min-width:768px) and (max-width:1023px){ | @media screen and (min-width:768px) and (max-width:1023px){ | ||
Line 61: | Line 69: | ||
#medium{display:block;} | #medium{display:block;} | ||
#small{display:none;} | #small{display:none;} | ||
+ | .wrapone{height:40.3%;} | ||
+ | .carousel-inner{height:60%;} | ||
+ | .carousel-indicators{top:52%;} | ||
+ | video{width:43%; height:49%;margin-left:24%; margin-top:67px; border:5px solid #000000;} | ||
} | } | ||
</style> | </style> | ||
− | |||
− | |||
<link rel="stylesheet" href="https://2016.igem.org/Template:XMU-China/css/buttonCss?action=raw&ctype=text/css" type="text/css"> | <link rel="stylesheet" href="https://2016.igem.org/Template:XMU-China/css/buttonCss?action=raw&ctype=text/css" type="text/css"> | ||
<link rel="stylesheet" href="https://2016.igem.org/Template:XMU-China/css/loaderCss?action=raw&ctype=text/css" type="text/css"> | <link rel="stylesheet" href="https://2016.igem.org/Template:XMU-China/css/loaderCss?action=raw&ctype=text/css" type="text/css"> | ||
Line 71: | Line 81: | ||
<body> | <body> | ||
<div id="alert-info" class="alert alert-info" role="alert" style="text-align:center;font-size:20px;line-height:20px;margin-bottom:0;margin-top:8px;display:none;">For best viewing experience, please use modern browser, such as Google Chrome and Safari.<br/><br/><a id="alert-info-close" ><button class="btn btn-info btn-xs" type="button"><h4 style="margin-top:2px;">Close</h4></button> </a></div> | <div id="alert-info" class="alert alert-info" role="alert" style="text-align:center;font-size:20px;line-height:20px;margin-bottom:0;margin-top:8px;display:none;">For best viewing experience, please use modern browser, such as Google Chrome and Safari.<br/><br/><a id="alert-info-close" ><button class="btn btn-info btn-xs" type="button"><h4 style="margin-top:2px;">Close</h4></button> </a></div> | ||
− | + | ||
− | <div id="section-1" class="wrapone | + | <div id="section-1" class="wrapone" > |
<img src="https://static.igem.org/mediawiki/2016/2/2f/T--XMU-China--main-igem_and_.png" style="margin-left:18%;padding-top:5%;" width="31%"/> | <img src="https://static.igem.org/mediawiki/2016/2/2f/T--XMU-China--main-igem_and_.png" style="margin-left:18%;padding-top:5%;" width="31%"/> | ||
<img src="https://static.igem.org/mediawiki/2016/5/55/T--XMU-China--main-logo_and_.png" style="margin-left:10%;padding-top:0;" width="27%" /> | <img src="https://static.igem.org/mediawiki/2016/5/55/T--XMU-China--main-logo_and_.png" style="margin-left:10%;padding-top:0;" width="27%" /> | ||
</div> | </div> | ||
− | <div id="carousel-example-generic" class="carousel slide" data-ride="carousel data-pause" style="height:67%"> | + | <div id="carousel-example-generic" class="carousel slide" data-ride="carousel data-pause" style="height:67%;"> |
− | <ol class="carousel-indicators" style="left:2%;margin:0 auto;"> | + | <ol class="carousel-indicators" style="left:2%;margin:0 auto;height:50px;"> |
− | + | <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li> | |
− | + | <li data-target="#carousel-example-generic" data-slide-to="1"></li> | |
− | + | <li data-target="#carousel-example-generic" data-slide-to="2"></li> | |
− | + | </ol> | |
− | <div class="carousel-inner" role="listbox | + | <div class="carousel-inner" role="listbox" > |
<div class="item active"> | <div class="item active"> | ||
<img src="https://static.igem.org/mediawiki/2016/5/5b/T--XMU-China--pic1_and_.jpg" /><div class="carousel-caption"></div> | <img src="https://static.igem.org/mediawiki/2016/5/5b/T--XMU-China--pic1_and_.jpg" /><div class="carousel-caption"></div> | ||
Line 91: | Line 101: | ||
<div class="item"> | <div class="item"> | ||
− | <img src="https://static.igem.org/mediawiki/2016/ | + | <img src="https://static.igem.org/mediawiki/2016/0/06/T--XMU-China--pic2_and_.jpg" /><div class="carousel-caption"></div> |
</div> | </div> | ||
<div class="item"> | <div class="item"> | ||
<div style="text-align:center; background-color:#dce0c7;height:105%;"> | <div style="text-align:center; background-color:#dce0c7;height:105%;"> | ||
− | + | <video controls="controls" src="https://static.igem.org/mediawiki/2016/1/1f/T--XMU-China--video_f_and_.mp4"> | |
− | + | your browser don't support html5. | |
− | </video | + | </video> |
</div> | </div> | ||
</div> | </div> | ||
Line 112: | Line 122: | ||
</div> | </div> | ||
</div> | </div> | ||
+ | <div id="big" style="margin-top:15px;margin-bottom:5px;"> | ||
<div class="row box1 "> | <div class="row box1 "> | ||
<div class="col-md-2 link link-project"> | <div class="col-md-2 link link-project"> | ||
Line 176: | Line 187: | ||
<!--ipad--> | <!--ipad--> | ||
− | <div id="medium" style="height: | + | <div id="medium" style="height:51%;margin-top:-280px;" > |
− | + | <div class="box1 "> | |
− | + | <div class="row"> | |
− | + | <div class="col-xs-4 link link-project"> | |
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <div class="row | + | |
− | <div class="col- | + | |
<span class="icon"></span> | <span class="icon"></span> | ||
<a href="https://2016.igem.org/Team:XMU-China/Description" class="buttonme"> | <a href="https://2016.igem.org/Team:XMU-China/Description" class="buttonme"> | ||
Line 228: | Line 200: | ||
</div> | </div> | ||
− | <div class="col- | + | <div class="col-xs-4 link link-interlab"> |
<span class="icon"></span> | <span class="icon"></span> | ||
<a href="https://2016.igem.org/Team:XMU-China/Parts" class="buttonme"> | <a href="https://2016.igem.org/Team:XMU-China/Parts" class="buttonme"> | ||
Line 238: | Line 210: | ||
</div> | </div> | ||
− | <div class="col- | + | <div class="col-xs-4 link link-humanpractice"> |
<span class="icon"></span> | <span class="icon"></span> | ||
<a href="https://2016.igem.org/Team:XMU-China/Human_Practices" class="buttonme"> | <a href="https://2016.igem.org/Team:XMU-China/Human_Practices" class="buttonme"> | ||
Line 247: | Line 219: | ||
Practice</a> | Practice</a> | ||
</div> | </div> | ||
− | + | </div> | |
− | <div class="col- | + | <div class="row"> |
+ | <div class="col-xs-4 link link-judging"> | ||
<span class="icon"></span> | <span class="icon"></span> | ||
<a href="https://2016.igem.org/Team:XMU-China/Safety" class="buttonme"> | <a href="https://2016.igem.org/Team:XMU-China/Safety" class="buttonme"> | ||
Line 258: | Line 231: | ||
</div> | </div> | ||
− | <div class="col- | + | <div class="col-xs-4 link link-notebooks"> |
<span class="icon"></span> | <span class="icon"></span> | ||
<a href="https://2016.igem.org/Team:XMU-China/Notebook" class="buttonme"> | <a href="https://2016.igem.org/Team:XMU-China/Notebook" class="buttonme"> | ||
Line 268: | Line 241: | ||
</div> | </div> | ||
− | <div class="col- | + | <div class="col-xs-4 link link-team"> |
<span class="icon"></span> | <span class="icon"></span> | ||
<a href="https://2016.igem.org/Team:XMU-China/Team" class="buttonme"> | <a href="https://2016.igem.org/Team:XMU-China/Team" class="buttonme"> | ||
Line 277: | Line 250: | ||
Team</a> | Team</a> | ||
</div> | </div> | ||
+ | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
Line 282: | Line 256: | ||
<!--iphone--> | <!--iphone--> | ||
− | <div id="small | + | <div id="small" > |
− | <div | + | <div class="box1 " style="margin:20px auto;width:85%;margin-top:-160px;z-index:999;"> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<div class="row"> | <div class="row"> | ||
− | <div class="col- | + | <div class="col-xs-6 link link-project"> |
<span class="icon"></span> | <span class="icon"></span> | ||
<a href="https://2016.igem.org/Team:XMU-China/Description" class="buttonme"> | <a href="https://2016.igem.org/Team:XMU-China/Description" class="buttonme"> | ||
Line 335: | Line 269: | ||
</div> | </div> | ||
− | <div class="col- | + | <div class="col-xs-6 link link-interlab"> |
<span class="icon"></span> | <span class="icon"></span> | ||
<a href="https://2016.igem.org/Team:XMU-China/Parts" class="buttonme"> | <a href="https://2016.igem.org/Team:XMU-China/Parts" class="buttonme"> | ||
Line 346: | Line 280: | ||
</div> | </div> | ||
<div class="row"> | <div class="row"> | ||
− | <div class="col- | + | <div class="col-xs-6 link link-humanpractice"> |
<span class="icon"></span> | <span class="icon"></span> | ||
<a href="https://2016.igem.org/Team:XMU-China/Human_Practices" class="buttonme"> | <a href="https://2016.igem.org/Team:XMU-China/Human_Practices" class="buttonme"> | ||
Line 356: | Line 290: | ||
</div> | </div> | ||
− | <div class="col- | + | <div class="col-xs-6 link link-judging"> |
<span class="icon"></span> | <span class="icon"></span> | ||
<a href="https://2016.igem.org/Team:XMU-China/Safety" class="buttonme"> | <a href="https://2016.igem.org/Team:XMU-China/Safety" class="buttonme"> | ||
Line 367: | Line 301: | ||
</div> | </div> | ||
<div class="row"> | <div class="row"> | ||
− | <div class="col- | + | <div class="col-xs-6 link link-notebooks"> |
<span class="icon"></span> | <span class="icon"></span> | ||
<a href="https://2016.igem.org/Team:XMU-China/Notebook" class="buttonme"> | <a href="https://2016.igem.org/Team:XMU-China/Notebook" class="buttonme"> | ||
Line 377: | Line 311: | ||
</div> | </div> | ||
− | <div class="col- | + | <div class="col-xs-6 link link-team"> |
<span class="icon"></span> | <span class="icon"></span> | ||
<a href="https://2016.igem.org/Team:XMU-China/Team" class="buttonme"> | <a href="https://2016.igem.org/Team:XMU-China/Team" class="buttonme"> |
Latest revision as of 02:42, 20 October 2016