Difference between revisions of "Team:XMU-China"

 
(87 intermediate revisions by 2 users not shown)
Line 51: Line 51:
 
       #medium{display:none;}
 
       #medium{display:none;}
 
       #small{display:none;}
 
       #small{display:none;}
       .carousel slide{height:67%;}
+
       .carousel-inner{height:100%;}
    .wrapone{height:67%;}
+
        .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 58: Line 59:
 
         #medium{display:none;}
 
         #medium{display:none;}
 
       #small{display:block;}
 
       #small{display:block;}
       .carousel slide{height:49%;}
+
        .wrapone{height:33.1%;}
       .wrapone{height:49%;}
+
       .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 65: Line 69:
 
         #medium{display:block;}
 
         #medium{display:block;}
 
       #small{display:none;}
 
       #small{display:none;}
      .carousel slide{height:35%;}
+
        .wrapone{height:40.3%;}
      .wrapone{height:35%;}
+
      .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 83: Line 87:
 
</div>
 
</div>
  
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel data-pause" >
+
<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:67%;">
+
<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 97: 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 118: Line 122:
 
</div>
 
</div>
 
</div>
 
</div>
<div id="big" style="height:33%;">
+
<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 183: Line 187:
  
 
<!--ipad-->
 
<!--ipad-->
<div id="medium" style="height:51%;">
+
<div id="medium" style="height:51%;margin-top:-280px;" >
 
<div class="box1 ">
 
<div class="box1 ">
 
<div class="row">
 
<div class="row">
<div class="col-sm-4  link link-project">
+
<div class="col-xs-4  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 196: Line 200:
 
     </div>
 
     </div>
  
   <div class="col-sm-4 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 206: Line 210:
 
  </div>  
 
  </div>  
  
   <div class="col-sm-4 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 217: Line 221:
 
</div>
 
</div>
 
<div class="row">
 
<div class="row">
   <div class="col-sm-4 link link-judging">
+
   <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 227: Line 231:
 
  </div>
 
  </div>
  
   <div class="col-sm-4 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 237: Line 241:
 
  </div>  
 
  </div>  
  
<div class="col-sm-4 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 253: Line 257:
 
<!--iphone-->
 
<!--iphone-->
 
<div id="small" >
 
<div id="small" >
<div class="box1 " style="margin:0 auto;width:85%;">
+
<div class="box1 " style="margin:20px auto;width:85%;margin-top:-160px;z-index:999;">
 
<div class="row">
 
<div class="row">
 
<div class="col-xs-6  link link-project">
 
<div class="col-xs-6  link link-project">
Line 297: Line 301:
 
</div>
 
</div>
 
<div class="row">
 
<div class="row">
   <div class="col-xs-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 307: Line 311:
 
  </div>  
 
  </div>  
  
<div class="col-xs-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