urosm
/
kontrakurs.org
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update theme

master
urosm 2024-01-30 23:45:57 +01:00
parent 61ccf6a06f
commit 5e6d4dacb9
2 changed files with 29 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
css/style.css
View File

@ -10,6 +10,11 @@
--gap-vertical: calc(1 * var(--height-unit));
--gap-horizontal: calc(2 * var(--width-unit));
--column-width: clamp(32ch, 72ch, calc(100vw - var(--gap-horizontal) - var(--padding-left) - var(--padding-right) - var(--width-unit)));
--color-fg: #000000;
--color-bg: #ffffff;
--color-link: #0000EE;
--color-visited: #551A8B;
--color-active: #EE0000;
font: var(--font-size)/var(--line-height) monospace;
color-scheme: light dark;
}
@ -17,10 +22,11 @@
/* reset */
* {
box-sizing: border-box;
font: inherit;
}
body {
color: light-dark(#000000, #ffffff);
background-color: light-dark(#ffffff, #000000);
color: light-dark(var(--color-fg), var(--color-bg));
background-color: light-dark(var(--color-bg), var(--color-fg));
margin: 0;
}
h1, h2, h3, h4, h5, h6 {
@ -59,6 +65,23 @@ hr {
hr:after {
content: "---";
}
form {
margin: var(--height-unit) calc(2 * var(--width-unit));
}
input[type="text"], input[type="password"] {
width: 100%;
height: var(--height-unit);
padding: 0;
border: none;
border-bottom: solid thin light-dark(var(--color-fg), var(--color-bg));
}
button, input[type="submit"] {
background: none;
border: none;
font-weight: bold;
text-decoration: underline;
color: var(--color-link);
}
/* layout */
body {

6
tmpl/page.tmpl
View File

@ -4,8 +4,8 @@
<meta charset="utf-8" />
<title><TMPL_VAR TITLE></title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" href="<TMPL_VAR BASEURL>/favicon.svg" />
<link rel="stylesheet" href="<TMPL_VAR BASEURL>/css/style.css" type="text/css" />
<link rel="icon" href="favicon.svg" />
<link rel="stylesheet" href="css/style.css" type="text/css" />
<TMPL_IF META><TMPL_VAR META></TMPL_IF>
</head>
<body class="page">
@ -21,7 +21,9 @@
</article>
</main>
<footer>
<TMPL_IF MTIME>
<span>Spremenjeno <TMPL_VAR MTIME></span>
</TMPL_IF>
<TMPL_IF HAVE_ACTIONS>
<nav class="actions">
<ul>