90 lines
1.6 KiB
CSS
90 lines
1.6 KiB
CSS
* {
|
||
margin: 0;
|
||
padding: 0;
|
||
box-sizing: border-box;
|
||
position: relative;
|
||
outline-style: none;
|
||
text-size-adjust: none;
|
||
}
|
||
|
||
html {
|
||
/* what the fuck even is CSS anymore at this point */
|
||
width: 100%;
|
||
width: 100vw;
|
||
width: 100dvw;
|
||
height: 100%;
|
||
height: 100vh;
|
||
height: 100dvh;
|
||
}
|
||
|
||
body {
|
||
width: 100%;
|
||
height: 100%;
|
||
background: var(--theme-colour-main-background, #000);
|
||
color: var(--theme-colour-main-colour, #fff);
|
||
}
|
||
|
||
a {
|
||
color: inherit;
|
||
text-decoration: none;
|
||
}
|
||
|
||
a:hover {
|
||
text-decoration: underline;
|
||
}
|
||
|
||
.hidden {
|
||
display: none !important;
|
||
}
|
||
|
||
.noscript {
|
||
width: 100%;
|
||
height: 100%;
|
||
background: #000;
|
||
color: #fff;
|
||
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
|
||
display: flex;
|
||
text-align: center;
|
||
justify-content: center;
|
||
align-items: center;
|
||
background: repeating-linear-gradient(-45deg, #220, #220 20px, #000 20px, #000 40px);
|
||
box-shadow: inset 0 0 1em #000;
|
||
}
|
||
.noscript-icon {
|
||
margin: 6px;
|
||
}
|
||
.noscript-content {
|
||
width: 100%;
|
||
background-color: rgba(0, 0, 0, .8);
|
||
padding: 20px;
|
||
box-shadow: 0 0 1em #000;
|
||
}
|
||
.noscript-header {
|
||
font-size: 1.4em;
|
||
line-height: 1.6em;
|
||
}
|
||
.noscript-body {
|
||
font-size: .9em;
|
||
margin-top: 4px;
|
||
}
|
||
.noscript-body p {
|
||
line-height: 1.5em;
|
||
}
|
||
.noscript-body code {
|
||
font-size: 1.3em;
|
||
}
|
||
|
||
.sjis {
|
||
font-family: IPAMonaPGothic, 'IPA モナー Pゴシック', Monapo, Mona, 'MS PGothic', 'MS Pゴシック', monospace;
|
||
font-size: 16px;
|
||
line-height: 18px;
|
||
}
|
||
|
||
.mami-copyright {
|
||
text-align: center;
|
||
padding: 6px 0;
|
||
font-size: .9em;
|
||
opacity: .8;
|
||
line-height: 1.5em;
|
||
}
|