133 lines
1.8 KiB
CSS
133 lines
1.8 KiB
CSS
@import "mocha.css";
|
|
|
|
@font-face
|
|
{
|
|
font-family: font;
|
|
src: url(./JetBrainsMono-Light.woff2);
|
|
}
|
|
|
|
:root
|
|
{
|
|
--bg: var(--base00);
|
|
--text: var(--base05);
|
|
--user: var(--base09);
|
|
--help: var(--base08);
|
|
--code: var(--base04);
|
|
--link: var(--base0B);
|
|
--socialHighlight: var(--base06);
|
|
--version: var(--base06);
|
|
--symbol: var(--base08);
|
|
--logo: var(--base08);
|
|
--warning: var(--base0E);
|
|
--currentTime: var(--base0D);
|
|
}
|
|
|
|
*::-webkit-scrollbar
|
|
{
|
|
background-color: transparent;
|
|
width: 1rem;
|
|
}
|
|
|
|
*::-webkit-scrollbar-track
|
|
{
|
|
background-color: transparent;
|
|
}
|
|
|
|
*::-webkit-scrollbar-thumb
|
|
{
|
|
border-radius: 20px;
|
|
border: 4px solid transparent;
|
|
background-color: var(--base04);
|
|
background-clip: content-box;
|
|
}
|
|
|
|
body
|
|
{
|
|
padding: 0px 20px 0px 20px;
|
|
background-color: var(--bg);
|
|
color: var(--text);
|
|
font-family: font;
|
|
font-size: 16px;
|
|
}
|
|
|
|
a
|
|
{
|
|
text-decoration: underline;
|
|
color: var(--link);
|
|
}
|
|
|
|
.socialHighLight
|
|
{
|
|
color: var(--socialHighlight);
|
|
}
|
|
|
|
input
|
|
{
|
|
width: 200px;
|
|
background-color: var(--bg);
|
|
border: none;
|
|
outline: none;
|
|
color: var(--text);
|
|
font-family: font;
|
|
font-size: 16px;
|
|
}
|
|
|
|
#logo
|
|
{
|
|
color: var(--logo);
|
|
}
|
|
|
|
#warning
|
|
{
|
|
color: var(--warning);
|
|
text-transform: uppercase;
|
|
display: none;
|
|
}
|
|
|
|
.user
|
|
{
|
|
color: var(--user);
|
|
}
|
|
|
|
.help
|
|
{
|
|
padding: 0px 2.5px 0px 2.5px;
|
|
background-color: var(--code);
|
|
border-radius: 2.5px;
|
|
color: var(--help);
|
|
}
|
|
|
|
.currentTimeClass
|
|
{
|
|
color: var(--currentTime);
|
|
}
|
|
|
|
.symbol
|
|
{
|
|
color: var(--symbol);
|
|
}
|
|
|
|
#version
|
|
{
|
|
color: var(--base06);
|
|
}
|
|
|
|
@media screen and (max-width: 700px)
|
|
{
|
|
body
|
|
{
|
|
padding: 0px 5px 0px 5px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
input
|
|
{
|
|
width: 50vw;
|
|
font-size: 12px;
|
|
}
|
|
|
|
#logo
|
|
{
|
|
font-size: 2vw;
|
|
}
|
|
} |