Difference between revisions of "Team:XMU-China"

 
(51 intermediate revisions by 2 users not shown)
Line 53: Line 53:
 
       .carousel-inner{height:100%;}
 
       .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;}
−
         .wrapone{height:34%;}
+
         .wrapone{height:33.1%;}
−
       .carousel-inner{height:56%;}
+
       .carousel-inner{height:49.4%;}
−
       .carousel-indicators{top:30%;}
+
       .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 68: Line 71:
 
         .wrapone{height:40.3%;}
 
         .wrapone{height:40.3%;}
 
       .carousel-inner{height:60%;}
 
       .carousel-inner{height:60%;}
−
       .carousel-indicators{top:50%;}
+
       .carousel-indicators{top:52%;}
 +
      video{width:43%; height:49%;margin-left:24%; margin-top:67px; border:5px solid #000000;}
 
}
 
}
 
</style>
 
</style>
Line 85: Line 89:
 
<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>
Line 102: Line 106:
 
<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%;margin-top:10px;margin-bottom:5px;">
+
<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 253: Line 257:
 
<!--iphone-->
 
<!--iphone-->
 
<div id="small" >
 
<div id="small" >
−
<div class="box1 " style="margin:20px auto;width:85%;margin-top:-200px;">
+
<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">

Latest revision as of 02:42, 20 October 2016