takunomi-blog/css/style.css

140 lines
1.8 KiB
CSS
Raw Normal View History

2017-11-07 11:16:35 +00:00
{{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;
}
2017-11-20 13:37:08 +00:00
.title {
padding: 20px;
}
2017-11-19 14:02:18 +00:00
.title:hover {
background-color: #687fad;
}
2017-11-07 11:16:35 +00:00
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 {
2017-11-21 09:13:31 +00:00
color: #97c5e0;
2017-11-07 11:16:35 +00:00
text-align: center;
padding-top: 30px;
}
p {
text-indent: 25px;
}
2017-11-19 14:02:18 +00:00
a {
class="no-link"
text-decoration: none;
color: inherit
}
a:hover {
background-color: #ffffff;
}
2017-11-07 11:16:35 +00:00
img {
display: block;
2017-11-30 12:55:12 +00:00
width: 100%;
max-width: 600px;
margin: auto;
2017-11-07 11:16:35 +00:00
}
ul {
margin: 0;
padding: 0;
}
.tagline{
text-align: center;
2017-11-21 09:13:31 +00:00
color: #97c5e0;
2017-11-07 11:16:35 +00:00
}
.menu{
display: flex;
justify-content: center;
padding-bottom: 20px;
2017-11-21 09:13:31 +00:00
color: #35465D;
}
.menuselect{
2017-11-21 09:13:31 +00:00
color: #529ecc;
2017-11-07 11:16:35 +00:00
}
.menuElement{
border: 20px;
padding: 10px;
text-decoration: none;
2017-11-07 11:16:35 +00:00
}
2017-11-19 14:02:18 +00:00
.menuElement:hover {
background-color: #687fad;
}
2017-11-21 21:01:38 +00:00
.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;
}
2017-11-07 11:16:35 +00:00
#menu ul{
display: block;
margin: auto;
2017-11-07 11:16:35 +00:00
float: center;
text-align: center;
list-style: none;
}
#menu li{
display: inline-block;
2017-11-19 14:02:18 +00:00
}
{{end}}