Difference between revisions of "Team:XMU-China"

 
(98 intermediate revisions by 2 users not shown)
Line 49: Line 49:
 
@media (min-width:1024px){
 
@media (min-width:1024px){
 
       #big{display:block;}
 
       #big{display:block;}
 +
      #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: 1023px){
+
       @media (max-width: 767px){
 
         #big{display:none;}
 
         #big{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){
 +
  #big{display:none;}
 +
        #medium{display:block;}
 +
      #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 64: 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 84: 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 105: 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 168: Line 186:
 
</div>
 
</div>
  
−
<!--iphone-->
+
<!--ipad-->
−
<div id="small" style="height:100%;">
+
<div id="medium" style="height:51%;margin-top:-280px;" >
−
<div id="section-1" class="wrapone" style="height:40%;">
+
<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>
+
        <span class="icon"></span>
 +
        <a href="https://2016.igem.org/Team:XMU-China/Description" class="buttonme">
 +
        <span class="line line-top"></span>
 +
        <span class="line line-right"></span>
 +
        <span class="line line-bottom"></span>
 +
        <span class="line line-left"></span>
 +
        Project</a>
 +
    </div>
  
−
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel data-pause" style="height:40%">
+
  <div class="col-xs-4 link link-interlab">
−
 
+
        <span class="icon"></span>
−
<ol class="carousel-indicators" style="left:2%;margin:0 auto;">
+
        <a href="https://2016.igem.org/Team:XMU-China/Parts" class="buttonme">
−
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
+
        <span class="line line-top"></span>
−
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
+
        <span class="line line-right"></span>
−
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
+
        <span class="line line-bottom"></span>
−
  </ol>
+
        <span class="line line-left"></span>
 +
        Parts</a>
 +
</div>  
  
−
<div class="carousel-inner" role="listbox" style="height:100%;">
+
  <div class="col-xs-4 link link-humanpractice">
−
<div class="item active">
+
        <span class="icon"></span>
−
<img src="https://static.igem.org/mediawiki/2016/5/5b/T--XMU-China--pic1_and_.jpg" /><div class="carousel-caption"></div>
+
        <a href="https://2016.igem.org/Team:XMU-China/Human_Practices" class="buttonme">
 +
        <span class="line line-top"></span>
 +
        <span class="line line-right"></span>
 +
        <span class="line line-bottom"></span>
 +
        <span class="line line-left"></span>
 +
      Practice</a>   
 +
    </div>
 
</div>
 
</div>
 +
<div class="row">
 +
  <div class="col-xs-4 link link-judging">
 +
        <span class="icon"></span>
 +
        <a href="https://2016.igem.org/Team:XMU-China/Safety" class="buttonme">
 +
        <span class="line line-top"></span>
 +
        <span class="line line-right"></span>
 +
        <span class="line line-bottom"></span>
 +
        <span class="line line-left"></span>
 +
        Safety</a>
 +
</div>
  
−
<div class="item">
+
  <div class="col-xs-4 link link-notebooks">
−
<img src="https://static.igem.org/mediawiki/2016/3/32/Project_description2.4.jpg" /><div class="carousel-caption"></div>
+
        <span class="icon"></span>
−
</div>
+
        <a href="https://2016.igem.org/Team:XMU-China/Notebook" class="buttonme">
 +
        <span class="line line-top"></span>
 +
        <span class="line line-right"></span>
 +
        <span class="line line-bottom"></span>
 +
        <span class="line line-left"></span>
 +
        Notebook</a>
 +
</div>  
  
−
<div class="item">
+
<div class="col-xs-4 link link-team">
−
<div  style="text-align:center; background-color:#dce0c7;height:105%;">
+
        <span class="icon"></span>
−
<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%;">
+
        <a href="https://2016.igem.org/Team:XMU-China/Team" class="buttonme">
−
Your browser does not support the video tag.
+
        <span class="line line-top"></span>
−
</video></center>
+
        <span class="line line-right"></span>
 +
        <span class="line line-bottom"></span>
 +
        <span class="line line-left"></span>
 +
        Team</a>
 +
</div>  
 
</div>
 
</div>
 +
</div>
 
</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="col-sm-2 link link-project">
+
<!--iphone-->
 +
<div id="small" >
 +
<div class="box1 " style="margin:20px auto;width:85%;margin-top:-160px;z-index:999;">
 +
<div class="row">
 +
<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 221: Line 269:
 
     </div>
 
     </div>
  
−
   <div class="col-sm-2 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 230: Line 278:
 
         Parts</a>
 
         Parts</a>
 
  </div>  
 
  </div>  
−
 
+
</div>
−
   <div class="col-sm-2 link link-humanpractice">
+
<div class="row">
 +
   <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 241: Line 290:
 
     </div>
 
     </div>
  
−
   <div class="col-sm-2 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 250: Line 299:
 
         Safety</a>
 
         Safety</a>
 
  </div>
 
  </div>
−
 
+
</div>
−
   <div class="col-sm-2 link link-notebooks">
+
<div class="row">
 +
   <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 261: 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">
Line 269: Line 319:
 
         <span class="line line-left"></span>
 
         <span class="line line-left"></span>
 
         Team</a>
 
         Team</a>
 +
</div>
 
  </div>  
 
  </div>  
 
  </div>
 
  </div>

Latest revision as of 02:42, 20 October 2016