takunomi-blog/css/style.css

200 lines
2.6 KiB
CSS
Raw Permalink Normal View History

2017-11-07 11:16:35 +00:00
{{define "style"}}
html, body {
font-family: 'HelveticaNeue-Light','Helvetica Neue', Helvetica, Arial, sans-serif;;
font-size: 15px;
line-height: 170%;
2021-02-20 18:10:49 +00:00
color: #506692;
background-color: #d6e2fa;
2017-11-07 11:16:35 +00:00
}
2022-06-09 18:26:01 +00:00
2017-11-20 13:37:08 +00:00
.title {
2021-03-09 20:10:26 +00:00
justify-content: flex-end;
color: #ff8f00;
2017-11-20 13:37:08 +00:00
}
2017-11-19 14:02:18 +00:00
.title:hover {
2021-02-20 18:10:49 +00:00
color: lightblue;
background-color: #d6e2fa;
2017-11-19 14:02:18 +00:00
}
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{
2021-02-20 18:10:49 +00:00
background-color: #d6e2fa;
2017-11-07 11:16:35 +00:00
}
.post{
2017-12-09 13:36:37 +00:00
border-radius: 10px;
overflow: hidden;
2017-11-07 11:16:35 +00:00
width: 568px;
background-color: #d6e2fa;
padding: 50px;
2021-03-10 21:14:21 +00:00
padding-top: 0px;
2017-11-07 11:16:35 +00:00
margin-bottom: 30px;
}
h1 {
2017-12-17 12:09:08 +00:00
letter-spacing: 5px;
2021-03-09 20:10:26 +00:00
margin-right: -5px;
2017-12-17 12:09:08 +00:00
font-size: 40px;
2021-02-20 18:10:49 +00:00
color: #506692;
2021-03-09 20:10:26 +00:00
text-align: right;
justify-content: flex-end;
2017-11-07 11:16:35 +00:00
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 {
2021-03-10 21:14:21 +00:00
color: orange;
2017-11-19 14:02:18 +00:00
}
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
}
2017-12-04 21:03:36 +00:00
video {
display: block;
max-width: 600px;
margin: auto;
}
2017-11-07 11:16:35 +00:00
ul {
margin: 0;
padding: 0;
}
.tagline{
2021-03-09 23:40:10 +00:00
text-align: right;
2021-02-20 18:10:49 +00:00
color: #506692;
2017-11-07 11:16:35 +00:00
}
2021-03-09 20:10:26 +00:00
.section{
2017-11-07 11:16:35 +00:00
display: flex;
justify-content: center;
padding-bottom: 20px;
2017-11-21 09:13:31 +00:00
color: #35465D;
}
2021-03-09 20:10:26 +00:00
.menu{
display: flex;
justify-content: flex-end;
padding-bottom: 20px;
color: #35465D;
2022-06-09 18:26:01 +00:00
width: 270px
2021-03-09 20:10:26 +00:00
}
.menuselect{
2017-11-21 09:13:31 +00:00
color: #529ecc;
2017-11-07 11:16:35 +00:00
}
.menuElement{
border: 20px;
padding: 10px;
2021-03-09 20:10:26 +00:00
padding-right: 0px;
2017-12-17 12:09:08 +00:00
font-size: 20px;
text-decoration: none;
2017-11-07 11:16:35 +00:00
}
2017-11-19 14:02:18 +00:00
.menuElement:hover {
2021-02-20 18:10:49 +00:00
color: lightblue;
2017-11-19 14:02:18 +00:00
}
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;
}
2022-06-09 18:26:01 +00:00
.shit {
padding: 32px;
}
#yearline li.yearline {
padding-bottom: 8px;
}
#yearline li.yearend {
height: 24px;
2017-11-21 21:01:38 +00:00
}
2021-03-10 21:14:21 +00:00
.titleArea {
display: flex;
justify-content: center;
2022-06-09 18:26:01 +00:00
margin-bottom:30px;
2021-03-10 21:14:21 +00:00
}
#titleArea ul>li {
display: block;
}
#titleArea li {
display: table-cell;
2022-06-09 18:26:01 +00:00
width: 270px;
2021-03-10 21:14:21 +00:00
}
2021-03-11 12:39:34 +00:00
#section ul > li{
display: block;
margin: auto;
2017-11-07 11:16:35 +00:00
float: center;
2021-03-09 20:10:26 +00:00
list-style: none;
}
2021-03-11 12:39:34 +00:00
2021-03-09 20:10:26 +00:00
#section li{
2021-03-09 21:34:07 +00:00
display: table-cell;
2021-03-09 20:10:26 +00:00
vertical-align: top;
}
#menu ul{
margin: auto;
float: center;
2017-11-07 11:16:35 +00:00
text-align: center;
list-style: none;
}
#menu li{
2021-03-11 12:39:34 +00:00
text-align: right;
2021-03-09 20:10:26 +00:00
//display: inline-block;
2017-11-19 14:02:18 +00:00
}
{{end}}