BLOG/static/css/index.css

125 lines
1.6 KiB
CSS
Raw Normal View History

2024-10-09 21:48:33 +02:00
2024-10-02 22:48:40 +02:00
:root {
--bg-color: #24273a;
2024-10-03 21:46:26 +02:00
--text-color: #59a685;
2024-10-02 22:48:40 +02:00
--border-color: #181926;
2024-10-03 21:46:26 +02:00
--frame-color: #d6b9f8;
2024-10-02 22:48:40 +02:00
--blue: #8aadf4;
}
2024-09-30 22:00:53 +02:00
body {
2024-10-02 22:48:40 +02:00
background-color: var(--bg-color);
2024-09-30 22:00:53 +02:00
font-family: "Zilla Slab";
2024-10-02 22:48:40 +02:00
color: var(--text-color);
2024-09-30 22:00:53 +02:00
}
a {
text-decoration: none;
}
2024-10-03 22:04:58 +02:00
.pinned-false {
display: none;
}
.pinned-true {
2024-10-01 22:14:15 +02:00
float:right;
}
2024-09-30 22:00:53 +02:00
a:link{
2024-10-02 22:48:40 +02:00
color: var(--text-color);
2024-09-30 22:00:53 +02:00
}
a:visited{
2024-10-02 22:48:40 +02:00
color: var(--text-color);
2024-09-30 22:00:53 +02:00
}
a.return{
2024-10-01 22:14:15 +02:00
float: right;
2024-09-30 22:00:53 +02:00
font-size: 2.5vw;
font-weight:bold;
}
hr
{
2024-10-02 22:48:40 +02:00
border: none;
2024-10-03 21:46:26 +02:00
height: .5vw;
background-image: linear-gradient(90deg, #000000 0%, var(--border-color) 50%, #000000 100%);
2024-09-30 22:00:53 +02:00
}
p.title{
font-size: 3vw;
font-weight: bold;
}
article h1{
font-size: 3vw;
}
article p{
font-size: 1.5vw;
}
article h2{
font-size: 1.5vw;
}
article li {
font-size: 1.5vw;
}
article ul {
2024-10-01 22:14:15 +02:00
list-style-image: url("/static/assets/bullet.svg");
2024-09-30 22:00:53 +02:00
}
div.post {
2024-10-02 22:48:40 +02:00
padding-left: 1vw;
border: 2px solid var(--border-color);
border-right-color: transparent;
border-left-color: transparent;
margin-top: 1vw;
background-image: linear-gradient(90deg,var(--blue)-2%,var(--blue).5%, var(--frame-color) 1%);
2024-09-30 22:00:53 +02:00
}
2024-10-03 22:04:58 +02:00
div.post h2 {
filter: brightness(60%);
}
div.post li {
filter: brightness(60%);
}
2024-09-30 22:00:53 +02:00
h1.htitle{
2024-10-09 21:48:33 +02:00
text-align: center;
2024-09-30 22:00:53 +02:00
text-size: 6vw;
2024-10-09 21:48:33 +02:00
}
div.title{
height: 100%;
background-color: var(--border-color);
padding-bottom: 1vw;
2024-09-30 22:00:53 +02:00
}
2024-10-02 22:48:40 +02:00
2024-10-09 21:48:33 +02:00
#search {
width:96%;
margin: auto;
display:block;
border-radius: 0%;
font-family: "Zilla slab";
background-color: var(--bg-color);
border: var(--text-color) solid 2px;
color: var(--text-color);
}
#search:focus {
outline: none;
};
2024-10-02 22:48:40 +02:00
h2.post-title{
}