| 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; } | ||
| − | |||
/* 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 # | + | 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%;" | + | <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" | + | <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=" | + | 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( | + | 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=" | + | 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( | + | 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=" | + | 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( | + | 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=" | + | 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( | + | 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 # | + | 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: | + | <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> | + | <h4>China Agricultural University</h4> |
| − | <p>Tsinghua | + | <p>Tsinghua East Road 17#<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: | + | <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
