2024-11-06 15:33:09 +01:00
|
|
|
@import "markdown.css";
|
|
|
|
|
2024-11-06 17:54:02 +01:00
|
|
|
:root {
|
|
|
|
--max-width: 900px;
|
2024-11-27 19:56:37 +01:00
|
|
|
--sidebar-width: 20%;
|
2024-11-06 17:54:02 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
main {
|
|
|
|
max-width: var(--max-width);
|
2024-11-27 22:48:43 +01:00
|
|
|
margin-left: calc(var(--sidebar-width) + 10px);
|
2024-11-06 17:54:02 +01:00
|
|
|
}
|
|
|
|
|
2024-04-01 18:11:46 +02:00
|
|
|
/* Filetree */
|
|
|
|
aside {
|
|
|
|
float: left;
|
|
|
|
margin-left: 20px;
|
2024-11-27 19:56:37 +01:00
|
|
|
position: absolute;
|
|
|
|
width: var(--sidebar-width);
|
2024-11-27 22:48:43 +01:00
|
|
|
margin-right: 10px;
|
2024-04-01 18:11:46 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
aside ul {
|
|
|
|
list-style: none;
|
|
|
|
padding-left: 0.6em;
|
|
|
|
}
|
|
|
|
|
|
|
|
aside li {
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Element */
|
|
|
|
aside li:before {
|
|
|
|
content: "";
|
|
|
|
position: absolute;
|
|
|
|
top: -0.2em;
|
|
|
|
left: -1em;
|
|
|
|
height: 1em;
|
|
|
|
}
|
|
|
|
|
|
|
|
aside li.collapsed > ul {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
aside li.directory::before {
|
|
|
|
content: "+";
|
|
|
|
}
|
|
|
|
|
|
|
|
aside li:not(.collapsed).directory::before {
|
|
|
|
content: "-";
|
|
|
|
}
|
|
|
|
|
|
|
|
aside li.directory {
|
|
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
|
2024-11-27 19:56:37 +01:00
|
|
|
main img {
|
|
|
|
max-width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
button {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
2024-11-27 20:49:45 +01:00
|
|
|
input[type="text"] {
|
|
|
|
outline: none;
|
|
|
|
}
|
|
|
|
|
2024-11-27 19:56:37 +01:00
|
|
|
@media only screen and (max-width: 640px) {
|
2024-04-01 18:11:46 +02:00
|
|
|
aside {
|
2024-11-13 16:56:24 +01:00
|
|
|
display: none;
|
2024-04-01 18:11:46 +02:00
|
|
|
}
|
2024-11-27 19:56:37 +01:00
|
|
|
|
|
|
|
main {
|
|
|
|
margin-left: unset;
|
|
|
|
}
|
|
|
|
|
|
|
|
button {
|
|
|
|
width: 100%;
|
|
|
|
display: block;
|
|
|
|
|
|
|
|
position: sticky;
|
|
|
|
top: 10px;
|
|
|
|
z-index: 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
input {
|
2024-11-27 20:49:45 +01:00
|
|
|
width: 85vw;
|
2024-11-27 19:56:37 +01:00
|
|
|
}
|
2024-04-01 18:11:46 +02:00
|
|
|
}
|
|
|
|
|
2024-11-27 19:56:37 +01:00
|
|
|
@media print {
|
|
|
|
aside {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
main {
|
|
|
|
margin-left: unset;
|
|
|
|
}
|
2024-04-01 18:11:46 +02:00
|
|
|
}
|