semi-widescreen compat

This commit is contained in:
hokkqido 2020-05-22 14:18:00 +02:00
parent 3aed0681aa
commit daf73de7f7
3 changed files with 33 additions and 29 deletions

View file

@ -12,7 +12,7 @@ body {
}
.logo {
width: 75%;
width: 70%;
height: 20%;
padding-top: 20px;
}
@ -49,6 +49,7 @@ li {
.list {
font-size: 3vw;
padding-left: 0;
}
.buttons {
@ -87,7 +88,7 @@ li {
color: white;
}
@media (max-device-width: 736px) {
@media (max-device-width: 667px) {
body {
background-color: black;
color: white;
@ -105,21 +106,21 @@ li {
padding-top: 5px;
}
.subtext {
width: 100%;
width: 95%;
}
.webdate {
width: 100%;
width: 95%;
padding-bottom: 0;
}
.note {
width: 100%;
width: 95%;
}
li {
list-style: none;
display: inline-block;
}
.button {
width: 100%;
width: 95%;
}
.list {
font-size: 5vw;
@ -130,8 +131,16 @@ li {
.buttons {
display: -ms-inline-grid;
display: inline-grid;
padding-left: 0;
}
::-webkit-scrollbar {
display: none;
}
#credits {
color: white;
}
}
@media (min-width: 1900px) {
.allages {
display: none;
}
@ -141,11 +150,5 @@ li {
.time {
display: none;
}
::-webkit-scrollbar {
display: none;
}
#credits {
color: white;
}
}
/*# sourceMappingURL=main.css.map */

View file

@ -1,6 +1,6 @@
{
"version": 3,
"mappings": "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",
"mappings": "AAAA,AAAA,IAAI,CAAC;EACH,gBAAgB,EAAE,KAAK;EACvB,KAAK,EAAE,KAAK;EACZ,gBAAgB,EAAE,iCAAiC;EACnD,iBAAiB,EAAE,SAAS;EAC5B,eAAe,EAAE,IAAI;EACrB,UAAU,EAAE,MAAM;EAClB,OAAO,EAAE,CAAC;EACV,MAAM,EAAE,CAAC;EACT,WAAW,EAAE,UAAU;EACvB,UAAU,EAAE,MAAM;CACnB;;AAQD,AAAA,KAAK,CAAC;EACJ,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,GAAG;EACX,WAAW,EAAE,IAAI;CAClB;;AACD,AAAA,QAAQ,CAAC;EACP,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,GAAG;EACX,cAAc,EAAE,IAAI;EACpB,WAAW,EAAE,IAAI;CAClB;;AACD,AAAA,QAAQ,CAAC;EACP,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,GAAG;EACX,cAAc,EAAE,IAAI;CACrB;;AACD,AAAA,KAAK,CAAC;EACJ,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,GAAG;CACZ;;AAED,AAAA,EAAE,CAAC;EACD,UAAU,EAAE,IAAI;EAChB,OAAO,EAAE,YAAY;CACtB;;AAED,AAAA,OAAO,CAAC;EACN,WAAW,EAAE,GAAG;EAChB,cAAc,EAAE,GAAG;EACnB,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,GAAG;CACZ;;AAED,AAAA,KAAK,CAAC;EACJ,SAAS,EAAE,GAAG;EACd,YAAY,EAAE,CAAC;CAChB;;AAED,AAAA,QAAQ,CAAC;EACP,YAAY,EAAE,CAAC;CAChB;;AAED,AAAA,QAAQ,CAAC;EACP,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EAjDZ,QAAQ,EAAE,QAAQ;EAClB,GAAG,EAAE,KAAK;EACV,IAAI,EAAE,GAAG;CAiDV;;AACD,AAAA,OAAO,CAAC;EACN,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EAtDZ,QAAQ,EAAE,QAAQ;EAClB,GAAG,EAAE,KAAK;EACV,IAAI,EAAE,GAAG;CAsDV;;AAED,AAAA,KAAK,CAAC;EACJ,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EA5DZ,QAAQ,EAAE,QAAQ;EAClB,GAAG,EAAE,KAAK;EACV,IAAI,EAAE,GAAG;CA4DV;;AAED,AAAA,mBAAmB,CAAC;EAClB,OAAO,EAAE,IAAI;CACd;;AAED,AAAA,QAAQ,CAAC;EACP,KAAK,EAAE,KAAK;CACb;;AAED,MAAM,EAAE,gBAAgB,EAAE,KAAK;EAC7B,AAAA,IAAI,CAAC;IACH,gBAAgB,EAAE,KAAK;IACvB,KAAK,EAAE,KAAkB;IAEzB,gBAAgB,EAAE,iCAAiC;IACnD,iBAAiB,EAAE,SAAS;IAC5B,eAAe,EAAE,IAAI;IACrB,OAAO,EAAE,CAAC;IACV,MAAM,EAAE,CAAC;IACT,WAAW,EAAE,UAAU;IACvB,UAAU,EAAE,MAAM;GACnB;EAED,AAAA,KAAK,CAAC;IACJ,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;IACX,WAAW,EAAE,GAAG;GACjB;EAED,AAAA,QAAQ,CAAC;IACP,KAAK,EAAE,GAAG;GACX;EAED,AAAA,QAAQ,CAAC;IACP,KAAK,EAAE,GAAG;IACV,cAAc,EAAE,CAAC;GAClB;EAED,AAAA,KAAK,CAAC;IACJ,KAAK,EAAE,GAAG;GACX;EAED,AAAA,EAAE,CAAC;IACD,UAAU,EAAE,IAAI;IAChB,OAAO,EAAE,YAAY;GACtB;EAED,AAAA,OAAO,CAAC;IACN,KAAK,EAAE,GAAG;GACX;EAED,AAAA,KAAK,CAAC;IACJ,SAAS,EAAE,GAAG;IACd,OAAO,EAAE,WAAW;IACpB,YAAY,EAAE,CAAC;GAChB;EACD,AAAA,QAAQ,CAAC;IACP,OAAO,EAAE,WAAW;GACrB;EAED,AAAA,mBAAmB,CAAC;IAClB,OAAO,EAAE,IAAI;GACd;EAED,AAAA,QAAQ,CAAC;IACP,KAAK,EAAE,KAAK;GACb;;;AAEH,MAAM,EAAE,SAAS,EAAE,MAAM;EACvB,AAAA,QAAQ,CAAC;IACP,OAAO,EAAE,IAAI;GACd;EAED,AAAA,OAAO,CAAC;IACN,OAAO,EAAE,IAAI;GACd;EAED,AAAA,KAAK,CAAC;IACJ,OAAO,EAAE,IAAI;GACd",
"sources": [
"main.scss"
],

View file

@ -18,7 +18,7 @@ body {
}
.logo {
width: 75%;
width: 70%;
height: 20%;
padding-top: 20px;
}
@ -52,6 +52,7 @@ li {
.list {
font-size: 3vw;
padding-left: 0;
}
.buttons {
@ -83,7 +84,7 @@ li {
color: white;
}
@media (max-device-width: 736px) {
@media (max-device-width: 667px) {
body {
background-color: black;
color: rgb(255, 255, 255);
@ -104,16 +105,16 @@ li {
}
.subtext {
width: 100%;
width: 95%;
}
.webdate {
width: 100%;
width: 95%;
padding-bottom: 0;
}
.note {
width: 100%;
width: 95%;
}
li {
@ -122,7 +123,7 @@ li {
}
.button {
width: 100%;
width: 95%;
}
.list {
@ -132,9 +133,17 @@ li {
}
.buttons {
display: inline-grid;
padding-left: 0;
}
::-webkit-scrollbar {
display: none;
}
#credits {
color: white;
}
}
@media (min-width: 1900px) {
.allages {
display: none;
}
@ -146,12 +155,4 @@ li {
.time {
display: none;
}
::-webkit-scrollbar {
display: none;
}
#credits {
color: white;
}
}