jazzman/alphabreed
1
0
Fork 0
Code Pull Requests Actions Packages Projects Releases Activity

Styling Verbesserungen für Notes und Bookmarks

Browse Source
This commit is contained in:
Stefan Mühlinghaus
2026-01-30 23:22:16 +01:00
parent 469d574e96
commit 5ac790cddd
2 changed files with 80 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
hugo/layouts/notes/baseof.html
View File

@@ -13,18 +13,33 @@
<script defer src="/js/alpine-alphabreed.js"></script>
<script defer src="/js/alpine-3.15.3.min.js"></script>
<style>
:root {
--color-hl: #a19bff;
--color-bg: #ccc;
--color-fg: #333;
}
@media (prefers-color-scheme: dark) {
:root {
--color-fg: #ccc;
--color-bg: #333;
}
}
::selection {
background-color:var(--color-hl); color:#333;
}
html, body, form, textarea { padding:0; margin:0;
height:100%; }
html { background-color:#333; color:#ccc;
font-family:monospace; font-size:15px; }
html { background-color:var(--color-bg); color:var(--color-fg);
caret-color:var(--color-hl); font-family:monospace;
font-size:15px; }
main { height:100%; }
textarea { border:none; padding:20px; width:100%;
font-family:inherit; box-sizing:border-box; resize:none;
background-color:inherit; color:inherit;
font-size:inherit; outline:none; }
#pending { position:fixed; top:10px; right:10px; width:20px;
height:20px; border:3px solid #ccc; border-radius:20px;
border-color:#ccc #ccc transparent transparent;
height:20px; border:3px solid transparent; border-radius:20px;
border-color:var(--color-hl) var(--color-hl) transparent transparent;
opacity:0; transition:opacity 0.5s; transition-delay:0.5s;
animation:0.7s linear infinite rotate; }
#pending.show { opacity:1; }