|
|
Line 1: |
Line 1: |
| {{SJTU-software}} | | {{SJTU-software}} |
| <html> | | <html> |
| + | <style> |
| + | /*================================================================================*/ |
| + | /*public engagement*/ |
| + | #posts-list { |
| + | position: relative; |
| + | width: 720px; |
| + | margin-top: 15px; |
| + | 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: 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; |
| + | } |
| + | /*-----------------------------------------------------------------------------------*/ |
| + | |
| + | /*-----------------------------------------------------------------------------------*/ |
| + | /* SIDEBAR |
| + | /*-----------------------------------------------------------------------------------*/ |
| + | #sidebar { |
| + | position: relative; |
| + | width: 230px; |
| + | margin-right: 20px; |
| + | margin-top: 30px; |
| + | margin-bottom: 30px; |
| + | float: right; |
| + | } |
| + | #sidebar .block { |
| + | font-size: 18px; |
| + | 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; |
| + | color: #6b3b25; |
| + | font-weight: 700; |
| + | line-height: 48px; |
| + | font-size: 20px; |
| + | 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; |
| + | } |
| + | /*-----------------------------------------------------------------------------------*/ |
| + | .headline{ |
| + | color: #6b3b25; |
| + | text-decoration: none; |
| + | font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; |
| + | font-size: 35px; |
| + | font-weight: 800; |
| + | margin: 15px; |
| + | } |
| + | ul{ |
| + | list-style: none;; |
| + | } |
| + | </style> |
| + | |
| <body> | | <body> |
| <div class="wrapper"> | | <div class="wrapper"> |