yagich/pyrom
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add Atkinson Hyperlegible Mono font for textarea, normalize css a bit

Browse Source
This commit is contained in:
Lera Elvoé
2025-12-04 04:44:32 +03:00
parent 3baccb87b1
commit 062cab44bc
7 changed files with 129 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
data/static/css/theme-otomotone.css
View File

@@ -26,10 +26,26 @@
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: "Atkinson Hyperlegible Mono";
src: url("/static/fonts/AtkinsonHyperlegibleMono-VariableFont_wght.ttf");
font-weight: 125 950;
font-style: normal;
}
@font-face {
font-family: "Atkinson Hyperlegible Mono";
src: url("/static/fonts/AtkinsonHyperlegibleMono-Italic-VariableFont_wght.ttf");
font-weight: 125 950;
font-style: italic;
}
*, ::before, ::after {
box-sizing: border-box;
}
.reaction-button.active, .tab-button, .currentpage, .pagebutton, input[type=file]::file-selector-button, button.warn, input[type=submit].warn, .linkbutton.warn, button.critical, input[type=submit].critical, .linkbutton.critical, button, input[type=submit], .linkbutton {
cursor: default;
font-size: 0.9em;
font-family: "Cadman";
font-size: 1rem;
font-family: "Cadman", sans-serif;
text-decoration: none;
border: 1px solid black;
border-radius: 8px;
@@ -38,7 +54,7 @@
}
body {
font-family: "Cadman";
font-family: "Cadman", sans-serif;
margin: 20px 100px;
background-color: #220d16;
color: #e6e6e6;
@@ -188,6 +204,10 @@ a:visited {
padding: 10px 0;
}
code {
font-family: "Atkinson Hyperlegible Mono", monospace;
}
pre code {
display: block;
background-color: #302731;
@@ -550,7 +570,7 @@ pre code { /* Literal.Number.Integer.Long */ }
display: flex;
justify-content: space-between;
align-items: baseline;
font-family: "Cadman";
font-family: "Cadman", sans-serif;
border-top-right-radius: 8px;
border-top-left-radius: 8px;
background-color: #9b649b;
@@ -835,15 +855,20 @@ input[type=text], input[type=password], textarea, select {
border-radius: 8px;
padding: 7px 10px;
width: 100%;
box-sizing: border-box;
resize: vertical;
color: #e6e6e6;
background-color: #371e37;
font-size: 100%;
font-family: inherit;
}
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {
background-color: #514151;
}
textarea {
font-family: "Atkinson Hyperlegible Mono", monospace;
}
.infobox {
border: 2px solid black;
background-color: #775891;
@@ -1094,7 +1119,6 @@ input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus
.babycode-editor {
height: 150px;
font-size: 1rem;
}
.babycode-editor-container {
@@ -1187,7 +1211,6 @@ ul.horizontal li, ol.horizontal li {
.accordion {
border-top-right-radius: 8px;
border-top-left-radius: 8px;
box-sizing: border-box;
border: 1px solid black;
margin: 10px 5px;
overflow: hidden;