Difference between revisions of "Team:XMU-China"

 
(97 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&amp;ctype=text/css" type="text/css">
 
<link rel="stylesheet" href="https://2016.igem.org/Template:XMU-China/css/buttonCss?action=raw&amp;ctype=text/css" type="text/css">
 
<link rel="stylesheet" href="https://2016.igem.org/Template:XMU-China/css/loaderCss?action=raw&amp;ctype=text/css" type="text/css">
 
<link rel="stylesheet" href="https://2016.igem.org/Template:XMU-China/css/loaderCss?action=raw&amp;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="big" style="height:100%;">
+
 
−
<div id="section-1" class="wrapone" style="height:67%;">
+
<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="0" class="active"></li>
−
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
+
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
−
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
+
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
−
  </ol>
+
</ol>
  
−
<div class="carousel-inner" role="listbox" style="height:100%;">
+
<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/3/32/Project_description2.4.jpg" /><div class="carousel-caption"></div>
+
  <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%;">
−
<center><video controls="controls" src="https://static.igem.org/mediawiki/2016/5/52/T--XMU-China--video_and_.mp4" width="46%" height="92%" style="margin-top:4%;margin-left:25.3%;">
+
<video controls="controls" src="https://static.igem.org/mediawiki/2016/1/1f/T--XMU-China--video_f_and_.mp4">
−
Your browser does not support the video tag.
+
  your browser don't support html5.
−
</video></center>
+
  </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="big" style="height:100%;">
+
<div id="medium" style="height:51%;margin-top:-280px;" >
−
<div id="section-1" class="wrapone" style="height:64%;">
+
<div class="box1 ">
−
<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%"/>
+
<div class="row">
−
<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 class="col-xs-4 link link-project">
−
</div>
+
−
 
+
−
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel data-pause" style="height:64%">
+
−
 
+
−
<ol class="carousel-indicators" style="left:2%;margin:0 auto;">
+
−
<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" style="height:100%;">
+
−
<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>
+
−
</div>
+
−
 
+
−
<div class="item">
+
−
<img src="https://static.igem.org/mediawiki/2016/3/32/Project_description2.4.jpg" /><div class="carousel-caption"></div>
+
−
</div>
+
−
 
+
−
<div class="item">
+
−
<div  style="text-align:center; background-color:#dce0c7;height:105%;">
+
−
<center><video controls="controls" src="https://static.igem.org/mediawiki/2016/5/52/T--XMU-China--video_and_.mp4" width="46%" height="92%" style="margin-top:4%;margin-left:25.3%;">
+
−
Your browser does not support the video tag.
+
−
</video></center>
+
−
</div>
+
−
</div>
+
−
<!-- Left and right controls -->
+
−
  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
+
−
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
+
−
    <span class="sr-only">Previous</span>
+
−
  </a>
+
−
  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
+
−
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
+
−
    <span class="sr-only">Next</span>
+
−
  </a>
+
−
</div>
+
−
</div>
+
−
<div class="row box1 ">
+
−
<div class="col-md-2 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 228: Line 200:
 
     </div>
 
     </div>
  
−
   <div class="col-md-2 link link-interlab">
+
   <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-md-2 link link-humanpractice">
+
   <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-md-2 link link-judging">
+
<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-md-2 link link-notebooks">
+
   <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-md-2 link link-team">
+
<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" style="height:100%;">
+
<div id="small" >
−
<div id="section-1" class="wrapone" style="height:40%;">
+
<div class="box1 " style="margin:20px auto;width:85%;margin-top:-160px;z-index:999;">
−
<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%" />
+
−
</div>
+
−
 
+
−
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel data-pause" style="height:40%">
+
−
 
+
−
<ol class="carousel-indicators" style="left:2%;margin:0 auto;">
+
−
<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" style="height:100%;">
+
−
<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>
+
−
</div>
+
−
 
+
−
<div class="item">
+
−
<img src="https://static.igem.org/mediawiki/2016/3/32/Project_description2.4.jpg" /><div class="carousel-caption"></div>
+
−
</div>
+
−
 
+
−
<div class="item">
+
−
<div  style="text-align:center; background-color:#dce0c7;height:105%;">
+
−
<center><video controls="controls" src="https://static.igem.org/mediawiki/2016/5/52/T--XMU-China--video_and_.mp4" width="46%" height="88%" style="margin-top:6%;margin-left:25.3%;">
+
−
Your browser does not support the video tag.
+
−
</video></center>
+
−
</div>
+
−
</div>
+
−
<!-- Left and right controls -->
+
−
  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
+
−
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
+
−
    <span class="sr-only">Previous</span>
+
−
  </a>
+
−
  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
+
−
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
+
−
    <span class="sr-only">Next</span>
+
−
  </a>
+
−
</div>
+
−
 
+
−
<div class="row box1 " style="margin:0 auto;width:85%;">
+
 
<div class="row">
 
<div class="row">
−
<div class="col-sm-6  link link-project">
+
<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-sm-6 link link-interlab">
+
   <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-sm-6 link link-humanpractice">
+
   <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-sm-6 link link-judging">
+
   <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-sm-2 link link-notebooks">
+
   <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-sm-2 link link-team">
+
<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