CSS folder cleanup.
This commit is contained in:
parent
ca31863b1e
commit
a080776723
10 changed files with 111 additions and 110 deletions
|
|
@ -1,89 +0,0 @@
|
|||
* {
|
||||
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', 'ＭＳ Ｐゴシック', monospace;
|
||||
font-size: 16px;
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
.mami-copyright {
|
||||
text-align: center;
|
||||
padding: 6px 0;
|
||||
font-size: .9em;
|
||||
opacity: .8;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
|
|
@ -1,5 +1,73 @@
|
|||
@include __animations.css;
|
||||
@include _main.css;
|
||||
@include animations.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;
|
||||
}
|
||||
|
||||
.sjis {
|
||||
font-family: IPAMonaPGothic, 'IPA モナー Pゴシック', Monapo, Mona, 'MS PGothic', 'ＭＳ Ｐゴシック', monospace;
|
||||
font-size: 16px;
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
.mami-copyright {
|
||||
text-align: center;
|
||||
padding: 6px 0;
|
||||
font-size: .9em;
|
||||
opacity: .8;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
|
||||
.main {
|
||||
flex-grow: 2;
|
||||
flex-shrink: 1;
|
||||
display: flex;
|
||||
gap: 4px;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
@media (max-width: 800px) {
|
||||
.main {
|
||||
margin-right: 44px;
|
||||
}
|
||||
}
|
||||
|
||||
@include noscript.css;
|
||||
|
||||
@include controls/msgbox.css;
|
||||
@include controls/views.css;
|
||||
|
|
@ -12,7 +80,6 @@
|
|||
@include eeprom.css;
|
||||
@include emote.css;
|
||||
@include input.css;
|
||||
@include main_cont.css;
|
||||
@include markup.css;
|
||||
@include message.css;
|
||||
@include overlay.css;
|
||||
|
|
@ -23,8 +90,8 @@
|
|||
|
||||
@include colpick.css;
|
||||
|
||||
@include zz_ls_archaic.css;
|
||||
@include zz_ls_blue.css;
|
||||
@include zz_ls_dark.css;
|
||||
@include zz_ls_light.css;
|
||||
@include zz_ls_purple.css;
|
||||
@include themes/archaic.css;
|
||||
@include themes/blue.css;
|
||||
@include themes/dark.css;
|
||||
@include themes/light.css;
|
||||
@include themes/purple.css;
|
||||
|
|
|
|||
|
|
@ -1,13 +0,0 @@
|
|||
.main {
|
||||
flex-grow: 2;
|
||||
flex-shrink: 1;
|
||||
display: flex;
|
||||
gap: 4px;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
@media (max-width: 800px) {
|
||||
.main {
|
||||
margin-right: 44px;
|
||||
}
|
||||
}
|
||||
36
src/mami.css/noscript.css
Normal file
36
src/mami.css/noscript.css
Normal file
|
|
@ -0,0 +1,36 @@
|
|||
.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;
|
||||
}
|
||||
Loading…
Reference in a new issue