tidy up css
This commit is contained in:
parent
67df5db512
commit
6e725da046
1 changed files with 51 additions and 43 deletions
|
|
@ -5,43 +5,7 @@ html {
|
||||||
scrollbar-color: var(--c-border) transparent
|
scrollbar-color: var(--c-border) transparent
|
||||||
}
|
}
|
||||||
|
|
||||||
body > .nojs {
|
/* text, links and lists :3 */
|
||||||
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;
|
|
||||||
}
|
|
||||||
|
|
||||||
t {
|
t {
|
||||||
font-family: "mono";
|
font-family: "mono";
|
||||||
|
|
@ -49,12 +13,6 @@ t {
|
||||||
color: var(--c-title)
|
color: var(--c-title)
|
||||||
}
|
}
|
||||||
|
|
||||||
.ascii {
|
|
||||||
font-family: "nya";
|
|
||||||
color: var(--c-fg);
|
|
||||||
white-space: pre;
|
|
||||||
display: none
|
|
||||||
}
|
|
||||||
|
|
||||||
p {
|
p {
|
||||||
font-family: "nya";
|
font-family: "nya";
|
||||||
|
|
@ -82,10 +40,60 @@ li {
|
||||||
list-style: none;
|
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 */
|
/* 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) {
|
@media screen and (min-width: 420px) {
|
||||||
.ascii-1 {
|
.ascii-1 {
|
||||||
display: block
|
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;
|
||||||
}
|
}
|
||||||
Loading…
Add table
Add a link
Reference in a new issue