ObsidianJustSharePlease/server/public/style.css

94 lines
1.5 KiB
CSS
Raw Permalink Normal View History

2023-08-11 22:49:12 +02:00
html {
position: relative;
min-height: 100%;
}
body {
font-family: "Inter", sans-serif;
color: #222222;
}
code {
font-family: "JetBrains Mono", monospace;
font-variant-ligatures: none;
border-radius: 5px;
2023-09-08 17:39:19 +02:00
line-height: initial;
2023-08-11 22:49:12 +02:00
}
img {
width: 100%;
height: auto;
}
blockquote {
border-left: 2px solid #8b6cef;
padding: 0 0 0 16px;
margin-inline-start: 0;
margin-inline-end: 0;
}
a {
color: #9275f0;
outline: none;
text-decoration-line: underline;
text-decoration-thickness: auto;
}
a:hover {
color: #a48cf2;
}
2023-08-17 12:40:32 +02:00
h1 .header-anchor, h2 .header-anchor, h3 .header-anchor, h4 .header-anchor, h5 .header-anchor, h6 .header-anchor {
visibility: hidden;
}
h1:hover .header-anchor, h2:hover .header-anchor, h3:hover .header-anchor, h4:hover .header-anchor, h5:hover .header-anchor, h6:hover .header-anchor {
visibility: visible;
}
2023-08-11 22:49:12 +02:00
.hljs {
background-color: #fafafa;
}
.content {
max-width: 700px;
margin: 40px auto 80px;
2023-09-08 17:39:19 +02:00
line-height: 1.5;
2023-08-11 22:49:12 +02:00
}
.center-message {
position: absolute;
text-align: center;
left: 50%;
top: 40%;
transform: translate(-50%, -60%);
}
2023-08-11 22:49:12 +02:00
#footer {
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 40px;
margin-top: 40px;
text-align: center;
}
@media (prefers-color-scheme: dark) {
body {
color: #dadada;
background-color: #1e1e1e;
}
.hljs {
background-color: #242424;
}
}
@media print {
#footer {
position: relative;
}
}