forked from ohayo-jacob/takunomi-blog
146 lines
1.9 KiB
CSS
146 lines
1.9 KiB
CSS
{{define "style"}}
|
|
html, body {
|
|
color: LightGrey;
|
|
font-family: 'HelveticaNeue-Light','Helvetica Neue', Helvetica, Arial, sans-serif;;
|
|
font-size: 15px;
|
|
line-height: 170%;
|
|
color: #35465D;
|
|
background-color: #506692;
|
|
}
|
|
|
|
.title {
|
|
padding: 20px;
|
|
}
|
|
|
|
.title:hover {
|
|
background-color: #687fad;
|
|
}
|
|
|
|
article {
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
}
|
|
|
|
.headerWrapper {
|
|
display: flex;
|
|
background-color: #506692;
|
|
justify-content: left;
|
|
text-align: left;
|
|
align: left;
|
|
font-size: 25px;
|
|
min-height: 90px;
|
|
}
|
|
|
|
.header{
|
|
margin: auto;
|
|
text-align: left;
|
|
}
|
|
|
|
.posts{
|
|
width: 700px;
|
|
background-color: #506692;
|
|
}
|
|
|
|
.post{
|
|
width: 568px;
|
|
background-color: #d6e2fa;
|
|
padding: 50px;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
h1 {
|
|
color: #97c5e0;
|
|
text-align: center;
|
|
padding-top: 30px;
|
|
}
|
|
|
|
p {
|
|
text-indent: 25px;
|
|
}
|
|
|
|
a {
|
|
class="no-link"
|
|
text-decoration: none;
|
|
color: inherit
|
|
}
|
|
|
|
a:hover {
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
img {
|
|
display: block;
|
|
width: 100%;
|
|
max-width: 600px;
|
|
margin: auto;
|
|
}
|
|
|
|
video {
|
|
display: block;
|
|
max-width: 600px;
|
|
margin: auto;
|
|
}
|
|
|
|
ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.tagline{
|
|
text-align: center;
|
|
color: #97c5e0;
|
|
}
|
|
|
|
.menu{
|
|
display: flex;
|
|
justify-content: center;
|
|
padding-bottom: 20px;
|
|
color: #35465D;
|
|
}
|
|
|
|
.menuselect{
|
|
color: #529ecc;
|
|
}
|
|
|
|
.menuElement{
|
|
border: 20px;
|
|
padding: 10px;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.menuElement:hover {
|
|
background-color: #687fad;
|
|
}
|
|
|
|
.bottomMenu {
|
|
display: flex;
|
|
justify-content: center;
|
|
text-decoration: none;
|
|
text-align: center;
|
|
}
|
|
|
|
.bottomMenuElement{
|
|
border: 20px;
|
|
padding: 10px;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.bottomMenuElement:hover {
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
#menu ul{
|
|
display: block;
|
|
margin: auto;
|
|
float: center;
|
|
text-align: center;
|
|
list-style: none;
|
|
}
|
|
#menu li{
|
|
display: inline-block;
|
|
}
|
|
|
|
|
|
|
|
{{end}}
|