Difference between revisions of "Team:CAU China"

Line 8,983: Line 8,983:
 
   body {background-color:white; }
 
   body {background-color:white; }
 
   #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
   #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
  .judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
 
  
 
   /* OWN Global Settings */
 
   /* OWN Global Settings */
Line 9,269: Line 9,268:
 
     transition: background-color 0.3s ease 0s, color 0.3s ease 0s;
 
     transition: background-color 0.3s ease 0s, color 0.3s ease 0s;
 
     border-radius: 80%;
 
     border-radius: 80%;
     box-shadow: 0 0 0 1px #d9d9d9 inset;
+
     box-shadow: 0 0 0 1px #000000 inset;
 
     color: #4d4d4d;
 
     color: #4d4d4d;
 
   }
 
   }
Line 9,619: Line 9,618:
 
</html>
 
</html>
 
<!---{{CAU_China/CSS/Mainbody}} --->
 
<!---{{CAU_China/CSS/Mainbody}} --->
 +
  
 
<html>
 
<html>
Line 9,646: Line 9,646:
 
     <div class="carousel-inner" role="listbox">
 
     <div class="carousel-inner" role="listbox">
 
       <div class="carousel-item active">
 
       <div class="carousel-item active">
         <video style="width: 100%;" class="" autoplay muted>
+
         <video controls poster="https://2019.igem.org/wiki/images/1/1c/T--CAU_China--Lab19.jpg" style="width:100%;">
           <source src="https://2019.igem.org/wiki/images/b/bd/T--CAU_China--video3.mov" type="video/mp4" />
+
           <source src="https://2019.igem.org/wiki/images/b/bd/T--CAU_China--video3.mov">
 +
          Your browser does not support the video tag.
 
         </video>
 
         </video>
 
       </div>
 
       </div>
Line 9,672: Line 9,673:
  
 
</div>
 
</div>
 +
 +
 +
 +
<style>
 +
  .recommand{
 +
    text-align: center;
 +
  }
 +
  .card {
 +
    border: 0;
 +
    -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.1);
 +
    box-shadow: 0 5px 8px rgba(0, 0, 0, 0.1);
 +
    -webkit-transition: -webkit-box-shadow .6s;
 +
    transition: -webkit-box-shadow .6s;
 +
    -o-transition: box-shadow .6s;
 +
    transition: box-shadow .6s;
 +
    transition: box-shadow .6s, -webkit-box-shadow .6s;
 +
    -webkit-transition-timing-function: cubic-bezier(0.16, 1, 0.29, 0.99);
 +
    -o-transition-timing-function: cubic-bezier(0.16, 1, 0.29, 0.99);
 +
    transition-timing-function: cubic-bezier(0.16, 1, 0.29, 0.99);
 +
    -webkit-border-radius: 0;
 +
    border-radius: 0; }
 +
  .card[class*="border"] {
 +
    border: 1px solid #e9e9e9;
 +
    -webkit-box-shadow: none;
 +
    box-shadow: none; }
 +
  .card .card-body h1,
 +
  .card .card-body h2,
 +
  .card .card-body h3,
 +
  .card .card-body h4,
 +
  .card .card-body h5,
 +
  .card .card-body h6 {
 +
    font-weight: 400; }
 +
  .card .card-body a {
 +
    -o-text-overflow: clip;
 +
    text-overflow: clip; }
 +
  .card .card-body a .mi {
 +
    margin-left: 0;
 +
    -webkit-transition: margin-left .8s;
 +
    -o-transition: margin-left .8s;
 +
    transition: margin-left .8s;
 +
    font-size: .8rem; }
 +
  .card .card-body a .mi:hover {
 +
    margin-left: .7rem;
 +
    -webkit-transition: margin-left .8s;
 +
    -o-transition: margin-left .8s;
 +
    transition: margin-left .8s; }
 +
  .card .card-body .card-text {
 +
    color: #747373;
 +
    font-size: .9rem;
 +
    font-weight: 400; }
 +
  .card .card-body ul {
 +
    padding-left: 0; }
 +
  .card .card-body ul li {
 +
    list-style-type: none; }
 +
  .card .card-body ul li .mi {
 +
    padding-right: .5rem; }
 +
  .card-img-top {
 +
    -webkit-border-radius: 0;
 +
    border-radius: 0; }
 +
  .card .list-group-item:first-child,
 +
  .card .list-group-item:last-child {
 +
    -webkit-border-radius: 0;
 +
    border-radius: 0; }
 +
  .card .btn .mi {
 +
    font-size: .8rem; }
 +
  .card .card-square {
 +
    width: 8rem;
 +
    height: 8rem;
 +
    font-size: 3rem; }
 +
  .card .navbar-toggler {
 +
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2) !important;
 +
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2) !important; }
 +
 +
  .card-hoverable {
 +
    color: #505050;
 +
    background-color: white;
 +
    cursor: pointer;
 +
    max-width: 25rem;
 +
    position: relative;
 +
    -webkit-backface-visibility: hidden;
 +
    backface-visibility: hidden;
 +
    -webkit-box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px, rgba(0, 0, 0, 0.05) 0px 0.5px 1px;
 +
    box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px, rgba(0, 0, 0, 0.05) 0px 0.5px 1px;
 +
    -webkit-transition: all 0.333s ease-out;
 +
    -o-transition: all 0.333s ease-out;
 +
    transition: all 0.333s ease-out;
 +
    -webkit-border-radius: 4px;
 +
    border-radius: 4px; }
 +
  .card-hoverable:hover {
 +
    -webkit-transform: translate3d(0px, -1px, 0px);
 +
    transform: translate3d(0px, -1px, 0px);
 +
    -webkit-box-shadow: rgba(0, 0, 0, 0.22) 0px 19px 43px, rgba(0, 0, 0, 0.18) 0px 4px 11px;
 +
    box-shadow: rgba(0, 0, 0, 0.22) 0px 19px 43px, rgba(0, 0, 0, 0.18) 0px 4px 11px; }
 +
 +
  .card-img {
 +
    -webkit-border-radius: 0 !important;
 +
    border-radius: 0 !important; }
 +
 +
</style>
 +
 +
 +
<div class="col-12">
 +
  <div class="card">
 +
 +
      <img class="card-img-bottom" src="https://2019.igem.org/wiki/images/d/db/T--CAU_China--homepage1.png">
 +
    </div>
 +
 +
  </div>
 +
 +
 +
 +
 +
    <div class="row mt-4" style="">
 +
 +
    </div>
 +
 +
  </div>
 +
 +
 +
 +
  
  
Line 9,681: Line 9,803:
 
;
 
;
 
float: left;
 
float: left;
border: 1px solid #535353;margin: 5px;padding: 0px;border-radius: 16px; ;"><a href="http://2018.igem.org/Team:Valencia_UPV/Hardware"><div style="
+
border: 1px solid #535353;margin: 5px;padding: 0px;border-radius: 16px; ;"><a href=""><div style="
 
background-position: center center;
 
background-position: center center;
 
background-size: cover;
 
background-size: cover;
Line 9,688: Line 9,810:
 
border-top-left-radius: 13px;
 
border-top-left-radius: 13px;
 
border-top-right-radius: 13px;
 
border-top-right-radius: 13px;
background-image: url(http://2018.igem.org/wiki/images/9/90/T--Valencia_UPV--GifHomeHardwareUPV2018.gif);"></div><p style="
+
background-image: url();"></div><p style="
 
padding: 24px;">Find out how we made possible the automatization of printing genetic circuits on bacteria</p></a>
 
padding: 24px;">Find out how we made possible the automatization of printing genetic circuits on bacteria</p></a>
  
Line 9,695: Line 9,817:
 
;
 
;
 
float: left;
 
float: left;
border: 1px solid #535353;margin: 5px;padding: 0px;border-radius: 16px; ;"><a href="https://2019.igem.org/Team:CAU_China/Human_Practices"><div style="
+
border: 1px solid #535353;margin: 5px;padding: 0px;border-radius: 16px; ;"><a href=""><div style="
 
background-position: center center;
 
background-position: center center;
 
background-size: cover;
 
background-size: cover;
Line 9,702: Line 9,824:
 
border-top-left-radius: 13px;
 
border-top-left-radius: 13px;
 
border-top-right-radius: 13px;
 
border-top-right-radius: 13px;
background-image: url(http://2018.igem.org/wiki/images/7/70/T--Valencia_UPV--GifHomeSoftwareUPV2018.gif);"></div><p style="
+
background-image: url();"></div><p style="
 
padding: 24px;">Check out the intuitive software that we have developed to design genetic circuits.</p></a>
 
padding: 24px;">Check out the intuitive software that we have developed to design genetic circuits.</p></a>
  
Line 9,709: Line 9,831:
 
;
 
;
 
float: left;
 
float: left;
border: 1px solid #535353;margin: 5px;padding: 0px;border-radius: 16px; ;"><a href="https://2019.igem.org/Team:CAU_China/Design"><div style="
+
border: 1px solid #535353;margin: 5px;padding: 0px;border-radius: 16px; ;"><a href=""><div style="
 
background-position: center center;
 
background-position: center center;
 
background-size: cover;
 
background-size: cover;
Line 9,716: Line 9,838:
 
border-top-left-radius: 13px;
 
border-top-left-radius: 13px;
 
border-top-right-radius: 13px;
 
border-top-right-radius: 13px;
background-image: url(http://2018.igem.org/wiki/images/b/b2/T--Valencia_UPV--GifHomeDesignUPV2018.gif);"></div><p style="
+
background-image: url();"></div><p style="
 
padding: 24px;">See how we have designed our part collection to facilitate assembly automation.</p></a>
 
padding: 24px;">See how we have designed our part collection to facilitate assembly automation.</p></a>
  
Line 9,722: Line 9,844:
 
;
 
;
 
float: left;
 
float: left;
border: 1px solid #535353;margin: 5px;padding: 0px;border-radius: 16px; ;"><a href="https://2019.igem.org/Team:CAU_China/Model"><div id="btnHomeModel" style="
+
border: 1px solid #535353;margin: 5px;padding: 0px;border-radius: 16px; ;"><a href=""><div id="btnHomeModel" style="
 
background-position: center center;
 
background-position: center center;
 
background-size: cover;
 
background-size: cover;
Line 9,729: Line 9,851:
 
border-top-left-radius: 13px;
 
border-top-left-radius: 13px;
 
border-top-right-radius: 13px;
 
border-top-right-radius: 13px;
background-image: url(http://2018.igem.org/wiki/images/2/21/T--Valencia_UPV--GifHomeModelUPV2018.gif);"></div><p style="
+
background-image: url();"></div><p style="
 
padding-bottom: 22px;
 
padding-bottom: 22px;
 
padding-top: 24px;
 
padding-top: 24px;
Line 10,017: Line 10,139:
 
   /*** Footer ****/
 
   /*** Footer ****/
  
   footer{padding:2px 0;font-size:1px;color: #000;border-top:4px solid  #2f4a98;}
+
   footer{padding:2px 0;font-size:1px;color: #000;border-top:4px solid  #ff9ea6;}
 
   footer h4 { margin: 0; font-size: 16px; color: #004a98; margin-bottom:15px; }
 
   footer h4 { margin: 0; font-size: 16px; color: #004a98; margin-bottom:15px; }
  
Line 10,138: Line 10,260:
 
<div class="container">
 
<div class="container">
 
   <div class="footer_logo">
 
   <div class="footer_logo">
     <img src="https://2019.igem.org/wiki/images/9/90/T--CAU_China--logo2.png" alt="CTG: Crompton Technology Group"style="width:170px;height:150px;margin-left: 50%;margin-top: -15%;">
+
     <img src="https://2019.igem.org/wiki/images/9/90/T--CAU_China--logo2.png" alt="CTG: Crompton Technology Group"style="width:170px;height:150px;margin-left: 40%;margin-top: -16%;">
 
   </div>
 
   </div>
 
   <div class="footer_address">
 
   <div class="footer_address">
     <h4>College of Biology, China Agricultural University</h4>
+
     <h4>China Agricultural University</h4>
     <p>Tsinghua east road, <br>
+
     <p>Tsinghua East Road 17#<br>
       BeiJing <br>
+
       Haidian District <br>
 +
      Beijing 100083<br>
 
       China</p>
 
       China</p>
 
   </div>
 
   </div>
Line 10,154: Line 10,277:
 
   </div>
 
   </div>
 
   <div class="footer_links">
 
   <div class="footer_links">
     <a href="http://utcaerospacesystems.com/Pages/Default.aspx"><img src="https://2019.igem.org/wiki/images/e/e1/T--CAU_China--logo.png" alt="UTC" target="_blank" rel="nofollow"style="width:150px;height:35;padding-right: 30%"></a>
+
     <a href="http://utcaerospacesystems.com/Pages/Default.aspx"><img src="https://2019.igem.org/wiki/images/e/e1/T--CAU_China--logo.png" alt="UTC" target="_blank" rel="nofollow"style="width:150px;height:35;padding-right: 40%"></a>
 
     <p>Follow us on: <a href="https://twitter.com/CollinsAero" target="_blank"><i class="fa fa-twitter" style="color: #55acee"></i> </a> <a href="https://mp.weixin.qq.com/s/Uti4lVH3ikfKt5vqaLG_AA" target="_blank"><i class="fa fa-wechat"></i> </a></p>
 
     <p>Follow us on: <a href="https://twitter.com/CollinsAero" target="_blank"><i class="fa fa-twitter" style="color: #55acee"></i> </a> <a href="https://mp.weixin.qq.com/s/Uti4lVH3ikfKt5vqaLG_AA" target="_blank"><i class="fa fa-wechat"></i> </a></p>
 
   </div>
 
   </div>

Revision as of 15:27, 19 October 2019