takunomi-blog/css/style.css

200 lines
2.6 KiB
CSS

{{define "style"}}
html, body {
font-family: 'HelveticaNeue-Light','Helvetica Neue', Helvetica, Arial, sans-serif;;
font-size: 15px;
line-height: 170%;
color: #506692;
background-color: #d6e2fa;
}
.title {
justify-content: flex-end;
color: #ff8f00;
}
.title:hover {
color: lightblue;
background-color: #d6e2fa;
}
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{
background-color: #d6e2fa;
}
.post{
border-radius: 10px;
overflow: hidden;
width: 568px;
background-color: #d6e2fa;
padding: 50px;
padding-top: 0px;
margin-bottom: 30px;
}
h1 {
letter-spacing: 5px;
margin-right: -5px;
font-size: 40px;
color: #506692;
text-align: right;
justify-content: flex-end;
padding-top: 30px;
}
p {
text-indent: 25px;
}
a {
class="no-link"
text-decoration: none;
color: inherit
}
a:hover {
color: orange;
}
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: right;
color: #506692;
}
.section{
display: flex;
justify-content: center;
padding-bottom: 20px;
color: #35465D;
}
.menu{
display: flex;
justify-content: flex-end;
padding-bottom: 20px;
color: #35465D;
width: 270px
}
.menuselect{
color: #529ecc;
}
.menuElement{
border: 20px;
padding: 10px;
padding-right: 0px;
font-size: 20px;
text-decoration: none;
}
.menuElement:hover {
color: lightblue;
}
.bottomMenu {
display: flex;
justify-content: center;
text-decoration: none;
text-align: center;
}
.bottomMenuElement{
border: 20px;
padding: 10px;
text-decoration: none;
}
.shit {
padding: 32px;
}
#yearline li.yearline {
padding-bottom: 8px;
}
#yearline li.yearend {
height: 24px;
}
.titleArea {
display: flex;
justify-content: center;
margin-bottom:30px;
}
#titleArea ul>li {
display: block;
}
#titleArea li {
display: table-cell;
width: 270px;
}
#section ul > li{
display: block;
margin: auto;
float: center;
list-style: none;
}
#section li{
display: table-cell;
vertical-align: top;
}
#menu ul{
margin: auto;
float: center;
text-align: center;
list-style: none;
}
#menu li{
text-align: right;
//display: inline-block;
}
{{end}}