|
|
| Line 63: |
Line 63: |
| | font-weight:600; | | font-weight:600; |
| | } | | } |
| − | .mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul { | + | /*.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {*/ |
| − | margin: 0 0.1; | + | /*margin: 0 0.1;*/ |
| − | } | + | /*}*/ |
| | .dropdown-menu>li>a { | | .dropdown-menu>li>a { |
| | font-weight: 600; | | font-weight: 600; |
| Line 80: |
Line 80: |
| | } | | } |
| | .carousel-caption { | | .carousel-caption { |
| − | top: 60px; | + | top: 100px; |
| | } | | } |
| | .carousel-caption h1{ | | .carousel-caption h1{ |
| Line 89: |
Line 89: |
| | } | | } |
| | .carousel-indicators{ | | .carousel-indicators{ |
| − | bottom: 220px; | + | bottom: 160px; |
| | } | | } |
| | ol.carousel-indicators{ | | ol.carousel-indicators{ |
| | margin: 0 auto; | | margin: 0 auto; |
| | width: auto; | | width: auto; |
| | + | left: 47%; |
| | } | | } |
| | /*video container*/ | | /*video container*/ |
| | .jumbotron { | | .jumbotron { |
| | background-color: #f2f2f2; | | background-color: #f2f2f2; |
| | + | padding-top: 0; |
| | + | padding-bottom: 0; |
| | } | | } |
| − | .video-caontainer { | + | .video-container { |
| | position: relative; | | position: relative; |
| − | top:-200px; | + | top:-100px; |
| − | height:400px;
| + | |
| | width:1170px; | | width:1170px; |
| | background-color: #fff; | | background-color: #fff; |
| | margin:0 auto; | | margin:0 auto; |
| | + | padding: 100px 150px; |
| | + | } |
| | + | .video-container>.video { |
| | + | width: 100%; |
| | + | } |
| | + | .video-container>.text{ |
| | + | margin-left: 20px; |
| | + | margin-right: 20px; |
| | + | margin-top: 40px; |
| | + | height: 270px; |
| | + | } |
| | + | .video-container>.text>.left { |
| | + | width: 30%; |
| | + | display: inline-block; |
| | + | float: left; |
| | + | } |
| | + | .video-container>.text>.right { |
| | + | width: 66%; |
| | + | /*padding-top: 20px;*/ |
| | + | display:inline-block; |
| | + | float:right; |
| | + | } |
| | + | .video-container>.text>.right p{ |
| | + | line-height: 1.2em; |
| | + | } |
| | + | .video-container>.text>.left h1{ |
| | + | font-size: 40px; |
| | + | font-weight: bold; |
| | + | } |
| | + | .video-container>.text>.left h3{ |
| | + | font-size: 30px; |
| | + | line-height: 1.3em; |
| | } | | } |
| | </style> | | </style> |
| Line 229: |
Line 263: |
| | </div> | | </div> |
| | <div class="jumbotron"> | | <div class="jumbotron"> |
| − | <div class="video-caontainer"> | + | <div class="video-container"> |
| − | | + | <div class="video"> |
| | + | <img style="width:100%" src="https://static.igem.org/mediawiki/2016/1/1a/T--SYSU-MEDICINE--video.jpg"> |
| | + | </div> |
| | + | <div class="text"> |
| | + | <div class="left"> |
| | + | <h1>MSCavalry</h1> |
| | + | <h3>-----MSCs of<br/>next generation</h3> |
| | + | </div> |
| | + | <div class="right"> |
| | + | <p> |
| | + | Inflammatory diseases are an increasing cause of disability and even fatality. |
| | + | Currently, apart from common treatments, MSCs therapy is a promising candidate for curing inflammatory diseases. |
| | + | However, intravascular injected MSCs are criticized for its low homing efficiency and ambiguous distribution in human body. |
| | + | </p> |
| | + | <p> |
| | + | This year, MSCavalry: MSCs of next generation is coming. |
| | + | SYSU-MEDICINE decide to engineer a set of MSCs (homo sapiens) with higher accuracy and we hope that our project can pave the way for future MSCs clinical application. |
| | + | </p> |
| | + | </div> |
| | + | </div> |
| | </div> | | </div> |
| | </div> | | </div> |
