Line 1: | Line 1: | ||
<html> | <html> | ||
+ | <style type="text/css"> | ||
+ | html,body { | ||
+ | font-family: 'Open Sans', sans-serif; | ||
+ | font-size: 14px; | ||
+ | background: #F0F2F4; | ||
+ | } | ||
+ | .navbar.is-white { | ||
+ | background: #F0F2F4; | ||
+ | } | ||
+ | .navbar-brand .brand-text { | ||
+ | font-size: 1.11rem; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | .hero-body | ||
+ | {background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/Plum_trees_Kitano_Tenmangu.jpg/1200px-Plum_trees_Kitano_Tenmangu.jpg); | ||
+ | background-position: center; | ||
+ | background-size: cover; | ||
+ | background-repeat: no-repeat; | ||
+ | height: 500px; | ||
+ | } | ||
+ | .articles { | ||
+ | margin: 5rem 0; | ||
+ | margin-top: -200px; | ||
+ | } | ||
+ | .articles .content p { | ||
+ | line-height: 1.9; | ||
+ | margin: 15px 0; | ||
+ | } | ||
+ | .author-image { | ||
+ | position: absolute; | ||
+ | top: -30px; | ||
+ | left: 50%; | ||
+ | width: 60px; | ||
+ | height: 60px; | ||
+ | margin-left: -30px; | ||
+ | border: 3px solid #ccc; | ||
+ | border-radius: 50%; | ||
+ | } | ||
+ | .media-center { | ||
+ | display: block; | ||
+ | margin-bottom: 1rem; | ||
+ | } | ||
+ | .media-content { | ||
+ | margin-top: 3rem; | ||
+ | } | ||
+ | .article, .promo-block { | ||
+ | margin-top: 6rem; | ||
+ | } | ||
+ | div.column.is-8:first-child { | ||
+ | padding-top: 0; | ||
+ | margin-top: 0; | ||
+ | } | ||
+ | .article-title { | ||
+ | font-size: 2rem; | ||
+ | font-weight: lighter; | ||
+ | line-height: 2; | ||
+ | } | ||
+ | .article-subtitle { | ||
+ | color: #909AA0; | ||
+ | margin-bottom: 3rem; | ||
+ | } | ||
+ | .article-body { | ||
+ | line-height: 1.4; | ||
+ | margin: 0 6rem; | ||
+ | } | ||
+ | .promo-block .container { | ||
+ | margin: 1rem 5rem; | ||
+ | } | ||
+ | </style> | ||
<head> | <head> | ||
Line 14: | Line 83: | ||
<body> | <body> | ||
+ | |||
<script async type="text/javascript" src="../js/bulma.js"></script> | <script async type="text/javascript" src="../js/bulma.js"></script> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 10:36, 19 June 2018