linuxposting/tilde-site
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

tidy up css

Browse source
This commit is contained in:
Luna 2025-11-13 16:34:46 -03:00
parent 67df5db512
commit 6e725da046
1 changed files with 51 additions and 43 deletions
Download patch file Download diff file Expand all files Collapse all files

94
assets/base.css
View file

@ -5,43 +5,7 @@ html {
scrollbar-color: var(--c-border) transparent
}
body > .nojs {
width: calc(100vw - 16px);
height: calc(100vh - 16px);
box-sizing: border-box;
border: 8px double var(--c-border);
overflow: hidden
}
.title, .credit {
height: 24px;
background-color: var(--c-bg);
color: var(--c-title);
position: fixed;
padding: 0 4px;
font-family: mono;
font-weight: bold;
}
.title {
top: 0;
left: 32px;
}
.credit {
top: calc(100vh - 1.5em);
/*bottom: 0;*/
right: 64px;
color: var(--c-fg)
}
main {
overflow: hidden auto;
width: 100%;
height: 100%;
padding: 16px;
box-sizing: border-box;
}
/* text, links and lists :3 */
t {
font-family: "mono";
@ -49,12 +13,6 @@ t {
color: var(--c-title)
}
.ascii {
font-family: "nya";
color: var(--c-fg);
white-space: pre;
display: none
}
p {
font-family: "nya";
@ -82,10 +40,60 @@ li {
list-style: none;
}
/* lil text on the borders :3 */
.title, .credit {
height: 24px;
background-color: var(--c-bg);
color: var(--c-title);
position: fixed;
padding: 0 4px;
font-family: mono;
font-weight: bold;
}
.title {
top: 0;
left: 32px;
}
.credit {
top: calc(100vh - 1.5em);
/*bottom: 0;*/
right: 64px;
color: var(--c-fg)
}
/* here are some @media rules to choose when to display ascii art */
.ascii {
font-family: "nya";
color: var(--c-fg);
white-space: pre;
display: none
}
@media screen and (min-width: 420px) {
.ascii-1 {
display: block
}
}
/* styling for the basic border when no js */
body > .nojs {
width: calc(100vw - 16px);
height: calc(100vh - 16px);
box-sizing: border-box;
border: 8px double var(--c-border);
overflow: hidden
}
main {
overflow: hidden auto;
width: 100%;
height: 100%;
padding: 16px;
box-sizing: border-box;
}