Line 1: | Line 1: | ||
{{SJTU-software}} | {{SJTU-software}} | ||
<html> | <html> | ||
+ | <style> | ||
+ | /*================================================================================*/ | ||
+ | /*gold-HP*/ | ||
+ | .headline{ | ||
+ | color: #6b3b25; | ||
+ | text-decoration: none; | ||
+ | font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; | ||
+ | font-size: 30px; | ||
+ | font-weight: 900; | ||
+ | margin: 20px; | ||
+ | } | ||
+ | #posts-list { | ||
+ | position: relative; | ||
+ | width: 720px; | ||
+ | margin-top: 30px; | ||
+ | margin-left: 30px; | ||
+ | margin-bottom: 40px; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | #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; | ||
+ | border: 5px solid #fff; | ||
+ | -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); | ||
+ | -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); | ||
+ | -o-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); | ||
+ | box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); | ||
+ | margin-bottom: 20px; | ||
+ | } | ||
+ | #posts-list article .feature-image:after { | ||
+ | position: absolute; | ||
+ | bottom: -22px; | ||
+ | left: 0px; | ||
+ | content: ''; | ||
+ | background: url(https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/stacked-paper.png) no-repeat right bottom; | ||
+ | width: 100%; | ||
+ | height: 17px; | ||
+ | } | ||
+ | #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: 32px; | ||
+ | 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; | ||
+ | } | ||
+ | #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; | ||
+ | } | ||
+ | /*-----------------------------------------------------------------------------------*/ | ||
+ | |||
+ | /*-----------------------------------------------------------------------------------*/ | ||
+ | /* SIDEBAR | ||
+ | /*-----------------------------------------------------------------------------------*/ | ||
+ | #sidebar { | ||
+ | position: relative; | ||
+ | width: 220px; | ||
+ | margin-right: 30px; | ||
+ | margin-top: 30px; | ||
+ | margin-bottom: 30px; | ||
+ | float: right; | ||
+ | } | ||
+ | #sidebar .block { | ||
+ | font-size: 14px; | ||
+ | margin-bottom: 30px; | ||
+ | font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; | ||
+ | text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5); | ||
+ | } | ||
+ | #sidebar .block a { | ||
+ | text-decoration: none; | ||
+ | color: #c78301; | ||
+ | } | ||
+ | #sidebar .block a:hover { | ||
+ | border-bottom: 1px dotted #c78301; | ||
+ | } | ||
+ | #sidebar .block .heading { | ||
+ | font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; | ||
+ | font-weight: 700; | ||
+ | line-height: 48px; | ||
+ | font-size: 18px; | ||
+ | border-top: 4px solid #6b3b25; | ||
+ | border-bottom: 1px solid #6b3b25; | ||
+ | text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5); | ||
+ | margin-top: 0px; | ||
+ | } | ||
+ | #sidebar .ads img { | ||
+ | margin-bottom: 10px; | ||
+ | margin-right: 0px; | ||
+ | } | ||
+ | /*-----------------------------------------------------------------------------------*/ | ||
+ | |||
+ | ul{ | ||
+ | list-style: none;; | ||
+ | } | ||
+ | |||
+ | /*---------------------------------------------------------------------------------*/ | ||
+ | /*expert interview*/ | ||
+ | #main .photo{ | ||
+ | border: 5px solid #fff; | ||
+ | -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); | ||
+ | -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); | ||
+ | -o-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); | ||
+ | box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); | ||
+ | line-height: 0em; | ||
+ | width: 300px; | ||
+ | float: left; | ||
+ | margin-top: 15px; | ||
+ | margin-left: 10px; | ||
+ | margin-bottom: 15px; | ||
+ | } | ||
+ | #main .photo img{ | ||
+ | width:100% | ||
+ | } | ||
+ | .member_info { | ||
+ | margin-top: 20px; | ||
+ | width: 335px; | ||
+ | float: right; | ||
+ | margin-right: 20px; | ||
+ | text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5); | ||
+ | } | ||
+ | .expert_name { | ||
+ | font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; | ||
+ | font-size: 32px; | ||
+ | font-weight: 700; | ||
+ | border-top: 4px solid #6b3b25; | ||
+ | border-bottom: 1px solid #6b3b25; | ||
+ | line-height: 1.3em; | ||
+ | padding: 7px 0px; | ||
+ | margin-bottom: 20px; | ||
+ | } | ||
+ | .member_info blockquote { | ||
+ | margin: 0px 0px 0px 0px; | ||
+ | padding: 0px; | ||
+ | font-size: 18px; | ||
+ | line-height: 1.5em; | ||
+ | } | ||
+ | |||
+ | #FeiTao{ | ||
+ | height:350px; | ||
+ | } | ||
+ | #FeiTao .member_info{ | ||
+ | margin-top: 50px; | ||
+ | } | ||
+ | |||
+ | #DanielFigeys{ | ||
+ | height:370px; | ||
+ | } | ||
+ | </style> | ||
<body> | <body> | ||
<div class="wrapper"> | <div class="wrapper"> |
Revision as of 06:57, 11 October 2018