(Prototype team page) |
|||
(18 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
{{SJTU-software}} | {{SJTU-software}} | ||
<html> | <html> | ||
+ | <style> | ||
+ | /*================================================================================*/ | ||
+ | /*public engagement*/ | ||
+ | #posts-list { | ||
+ | position: relative; | ||
+ | width: 900px; | ||
+ | margin-top: 15px; | ||
+ | margin-left: 40px; | ||
+ | margin-right:40px; | ||
+ | margin-bottom: 30px; | ||
+ | |||
+ | } | ||
+ | #posts-list article { | ||
+ | position: relative; | ||
+ | margin-bottom: 40px; | ||
+ | padding-bottom: 40px; | ||
+ | border-bottom: 1px solid #6b3b25; | ||
+ | } | ||
+ | #posts-list article:last-child { | ||
+ | border: none; | ||
+ | } | ||
+ | #posts-list article .feature-image { | ||
+ | position: relative; | ||
+ | line-height: 0px; | ||
+ | margin-bottom: 0px; | ||
+ | margin-left: 15px; | ||
+ | } | ||
+ | |||
+ | #posts-list article .feature-image img { | ||
+ | max-width: 100%; | ||
+ | } | ||
+ | #posts-list article .meta { | ||
+ | color: #c78301; | ||
+ | text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5); | ||
+ | font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, serif; | ||
+ | font-size: 18px; | ||
+ | margin-bottom: 14px; | ||
+ | } | ||
+ | #posts-list article .meta a { | ||
+ | color: #c78301; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | #posts-list article .entry-title { | ||
+ | color: #6b3b25; | ||
+ | text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5); | ||
+ | margin-bottom: 14px; | ||
+ | } | ||
+ | #posts-list article .entry-title .post-heading { | ||
+ | color: #6b3b25; | ||
+ | text-decoration: none; | ||
+ | font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; | ||
+ | font-size: 24px; | ||
+ | font-weight: 700; | ||
+ | } | ||
+ | #posts-list article .subtitle{ | ||
+ | color: #6b3b25; | ||
+ | text-decoration: none; | ||
+ | font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; | ||
+ | font-size: 20px; | ||
+ | font-weight: 600; | ||
+ | } | ||
+ | #posts-list article .excerpt { | ||
+ | text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5); | ||
+ | margin-bottom: 21px; | ||
+ | font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, serif; | ||
+ | font-size: 18px; | ||
+ | line-height: 1.5em; | ||
+ | color: #6b3b25; | ||
+ | } | ||
+ | #posts-list.single-post article { | ||
+ | border: none; | ||
+ | } | ||
+ | /*-----------------------------------------------------------------------------------*/ | ||
+ | /* PAGE NAVIGATION | ||
+ | /*-----------------------------------------------------------------------------------*/ | ||
+ | #posts-list .page-navigation { | ||
+ | position: relative; | ||
+ | left: 50%; | ||
+ | display: block; | ||
+ | margin-bottom: 100px; | ||
+ | float: left; | ||
+ | } | ||
+ | #posts-list .page-navigation div { | ||
+ | position: relative; | ||
+ | right: 50%; | ||
+ | } | ||
+ | #posts-list .page-navigation div span { | ||
+ | margin-bottom: 15px; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | #posts-list .page-navigation div:hover a { | ||
+ | color: #6b3b25; | ||
+ | } | ||
+ | #posts-list .page-navigation a { | ||
+ | -webkit-transition: all 0.3s ease; | ||
+ | -moz-transition: all 0.3s ease; | ||
+ | -o-transition: all 0.3s ease; | ||
+ | transition: all 0.3s ease; | ||
+ | color: #fff; | ||
+ | display: block; | ||
+ | font-size: 12px; | ||
+ | line-height: 41px; | ||
+ | width: 112px; | ||
+ | text-decoration: none; | ||
+ | text-align: center; | ||
+ | } | ||
+ | #posts-list .page-navigation .nav-next { | ||
+ | float: left; | ||
+ | margin-right: 20px; | ||
+ | background: url(https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/pagination.png) no-repeat 0px 0px; | ||
+ | } | ||
+ | #posts-list .page-navigation .nav-previous { | ||
+ | float: right; | ||
+ | background: url(https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/pagination.png) no-repeat right -59px; | ||
+ | } | ||
+ | /*-----------------------------------------------------------------------------------*/ | ||
+ | .headline{ | ||
+ | color: #6b3b25; | ||
+ | text-decoration: none; | ||
+ | font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; | ||
+ | font-size: 35px; | ||
+ | font-weight: 800; | ||
+ | margin: 27px; | ||
+ | } | ||
+ | ul{ | ||
+ | list-style: none;; | ||
+ | } | ||
+ | </style> | ||
− | < | + | <body> |
− | + | <div class="wrapper"> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <div class=" | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | <!-- MAIN--> | ||
+ | <div id="main" class="cf"> | ||
+ | <div class="headline"> | ||
+ | Project —— Demonstrate | ||
+ | </div> | ||
+ | <!-- posts list --> | ||
+ | <div id="posts-list" class="cf"> | ||
+ | |||
+ | <article class="cf"> | ||
+ | |||
+ | <div class="feature-image"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/5/51/T--SJTU-software--demo1.jpg" alt="Thumbnail" /> | ||
+ | </div> | ||
+ | <div class="feature-image"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/5/5d/T--SJTU-software--demo2.jpg" alt="Thumbnail" /> | ||
+ | </div> | ||
+ | <div class="feature-image"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/d/d6/T--SJTU-software--demo3.jpg" alt="Thumbnail" /> | ||
+ | </div> | ||
+ | <div class="feature-image"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/4/4c/T--SJTU-software--demo4.jpg" alt="Thumbnail" /> | ||
+ | </div> | ||
+ | <div class="feature-image"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/2/23/T--SJTU-software--demo5.jpg" alt="Thumbnail" /> | ||
+ | </div> | ||
+ | |||
+ | <div class="feature-image"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/2/22/T--SJTU-software--demo6.jpg" alt="Thumbnail" /> | ||
+ | </div> | ||
+ | |||
+ | <div class="feature-image"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/f/fb/T--SJTU-software--demo7.jpg" alt="Thumbnail" /> | ||
+ | </div> | ||
+ | |||
+ | <div class="feature-image"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/7/7e/T--SJTU-software--demo8.jpg" alt="Thumbnail" /> | ||
+ | </div> | ||
+ | |||
+ | <div class="feature-image"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/1/1e/T--SJTU-software--demo9.jpg" alt="Thumbnail" /> | ||
+ | </div> | ||
+ | <div class="feature-image"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/1/13/T--SJTU-software--demo10.jpg" alt="Thumbnail" /> | ||
+ | </div> | ||
+ | <div class="feature-image"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/5/59/T--SJTU-software--demo11.jpg" alt="Thumbnail" /> | ||
+ | </div> | ||
+ | <div class="feature-image"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/7/76/T--SJTU-software--demo12.jpg" alt="Thumbnail" /> | ||
+ | </div> | ||
+ | <div class="feature-image"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/8/84/T--SJTU-software--demo13.jpg" alt="Thumbnail" /> | ||
+ | </div> | ||
+ | <div class="feature-image"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/8/89/T--SJTU-software--demo14.jpg" alt="Thumbnail" /> | ||
+ | </div> | ||
+ | <div class="feature-image"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/1/14/T--SJTU-software--demo15.jpg" alt="Thumbnail" /> | ||
+ | </div> | ||
+ | <div class="feature-image"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/2/2b/T--SJTU-software--demo16.jpg" alt="Thumbnail" /> | ||
+ | </div> | ||
+ | <div class="feature-image"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/e/e4/T--SJTU-software--demo17.jpg" alt="Thumbnail" /> | ||
+ | </div> | ||
+ | <div class="feature-image"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/6/6e/T--SJTU-software--demo18.jpg" alt="Thumbnail" /> | ||
+ | </div> | ||
+ | <div class="feature-image"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/a/a5/T--SJTU-software--demo19.jpg" alt="Thumbnail" /> | ||
+ | </div> | ||
+ | <div class="feature-image"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/c/c8/T--SJTU-software--demo20.jpg" alt="Thumbnail" /> | ||
+ | </div> | ||
+ | <div class="feature-image"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/b/b5/T--SJTU-software--demo21.jpg" alt="Thumbnail" /> | ||
+ | </div> | ||
+ | <div class="feature-image"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/4/4c/T--SJTU-software--demo22.jpg" alt="Thumbnail" /> | ||
+ | </div> | ||
+ | <div class="feature-image"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/5/57/T--SJTU-software--demo23.jpg" alt="Thumbnail" /> | ||
+ | </div> | ||
+ | <div class="feature-image"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/4/46/T--SJTU-software--demo24.jpg" alt="Thumbnail" /> | ||
+ | </div> | ||
+ | <div class="feature-image"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/b/b4/T--SJTU-software--demo25.jpg" alt="Thumbnail" /> | ||
+ | </div> | ||
+ | <div class="feature-image"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/e/ec/T--SJTU-software--demo26.jpg" alt="Thumbnail" /> | ||
+ | </div> | ||
+ | <div class="feature-image"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/b/b7/T--SJTU-software--demo27.jpg" alt="Thumbnail" /> | ||
+ | </div> | ||
+ | |||
+ | </article> | ||
+ | </div> | ||
+ | <!-- ENDS MAIN --> | ||
+ | </body> | ||
</html> | </html> | ||
+ | {{SJTU-software/Widget}} |
Latest revision as of 08:53, 2 December 2018
Project —— Demonstrate