hq/setto.basspistol.com
hq/setto.basspistol.com
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Updated 37 files via CloudCannon

Browse source
This commit is contained in:
CloudCannon 2020-12-25 20:20:59 +00:00
parent 3debf80e31
commit 61af0c1ca2
37 changed files with 734 additions and 221 deletions
Download patch file Download diff file Expand all files Collapse all files

2
assets/css/colors-20201225.css
View file

@ -4,7 +4,7 @@
--fg: rgb(235, 219, 248);
--fg-alt: rgba(235, 219, 248, 0.25);
--border: rgb(0, 0, 0);
--border-alt: rgba(0, 0, 0, 0.75);
--border-alt: rgba(0, 0, 0, 0.5);
--accent1: rgb(56, 255, 89);
--accent1-alt: rgba(56, 255, 89, 0.75);
--accent2: rgba(255, 145, 0, 1);

28
assets/css/main-20201225.css
View file

@ -101,7 +101,7 @@ body { height: 100vh; width: 100%; font-family: "Poppins", "Arial", "Helvetica",
.hero .splash { background-color: transparent; display: flex; flex-wrap: wrap; padding: 40px; align-items: flex-start; max-width: var(--max-width); margin: auto; }
.hero .splash .description { border-radius: var(--border-radius); background: var(--bg-alt); box-shadow: 1px 1px 28px 24px var(--bg-alt); -webkit-box-shadow: 1px 1px 28px 24px var(--bg-alt); -moz-box-shadow: 1px 1px 28px 24px var(--bg-alt); }
.hero .splash .description { border-radius: var(--border-radius); background: var(--bg-alt); box-shadow: 15px 15px 28px 24px var(--bg); -webkit-box-shadow: 15px 15px 28px 24px var(--bg); -moz-box-shadow: 15px 15px 28px 24px var(--bg); }
.hero .splash .description > * { margin: 40px !important; }
@ -119,7 +119,7 @@ body { height: 100vh; width: 100%; font-family: "Poppins", "Arial", "Helvetica",
.hero .splash .splash-logo { padding: 0; margin: 0; }
@media only screen and (max-width: 759px) { .hero .splash div { min-width: 100%; padding: 20px 0; } .hero .splash .splash-logo { padding: 20px 0; } }
@media only screen and (max-width: 759px) { .hero .splash { text-align: center; } .hero .splash div { min-width: 100%; padding: 20px 0; } .hero .splash .splash-logo { padding: 20px 0; } }
@media only screen and (max-width: 480px) { .hero .splash .description h1 { font-size: 1.1em; } .hero .splash .description > ul .button { width: 75px; height: 75px; line-height: 75px; font-size: 55px; } }
@ -185,14 +185,28 @@ footer .footframe small .label { display: none; }
.streambox { text-align: center; line-height: 2em; padding: 0; }
.streambox h2 { margin-top: 80px; }
.streamer { max-width: var(--max-width); margin: 80px auto; padding: 0 40px; text-align: center; display: flex; flex-wrap: wrap; justify-content: space-around; }
.streamer p { text-align: center !important; }
.streamer .icon { flex: 0 0 100px; margin: 0; justify-self: center; }
#pleroma .container { display: flex; flex-wrap: wrap; box-shadow: 15px 15px 28px 24px var(--border-alt) inset; border-radius: var(--border-radius); justify-content: space-between; }
#pleroma .container div { flex: 1 1 280px; padding: 20px; margin: 20px; overflow: hidden; text-overflow: ellipsis; background-color: var(--bg-alt); box-shadow: 15px 15px 28px 24px var(--border-alt); border-radius: var(--border-radius); }
#pleroma .container div img { max-width: 120px; height: auto; }
#pleroma .container div .date { font-size: 0.6em; }
#pleroma .container div .date img { border-radius: 40px; width: 40px; height: 40px; }
#pleroma .container div h2 { padding-top: 0; margin-bottom: 0px; }
#pleroma .container div hr { margin-top: 20px; border: 1px solid var(--fg-alt); }
@media only screen and (max-width: 720px) { #pleroma .container { width: 100vw; justify-content: center; } #pleroma .container div { flex: 1 1 280px; } }
h1, h2, h3, h4, h5, h6 { font-family: "Collects", "Jetbrain-Extrabold", "Lucida Console", Monaco, monospace; }
h1 { font-size: 2.5em; }
@ -421,7 +435,7 @@ audio { margin: 0; width: 100%; }
#plList li { background-color: var(--bg-alt); cursor: pointer; margin: 0; padding: 21px 0; border-left: 1px solid var(--bg); border-right: 1px solid var(--bg); border-top: 0; transition: all 400ms ease-in-out; }
#plList li:hover { background-color: var(--accent1); color: var(--bg); transition: all 400ms ease-in-out; }
#plList li:hover { background-color: var(--accent2-alt); color: var(--bg); transition: all 400ms ease-in-out; }
.plItem { position: relative; }
@ -431,9 +445,9 @@ audio { margin: 0; width: 100%; }
.plLength { padding-left: 21px; position: absolute; right: 21px; top: 0; }
.plSel { background-color: var(--fg-alt) !important; cursor: pointer !important; }
.plSel { background-color: var(--accent1-alt) !important; cursor: pointer !important; color: var(--bg); }
.plSel:hover { background-color: var(--accent1) !important; }
.plSel:hover { background-color: var(--accent2-alt) !important; }
a[id^="btn"] { font-size: 1.5em; color: var(--fg); cursor: pointer; margin: 0; padding: 0 27px 0 21px; text-decoration: none; }

6
assets/css/main-20201225.css.map
View file

File diff suppressed because one or more lines are too long

28
assets/css/noscripts-20201225.css
View file

@ -101,7 +101,7 @@ body { height: 100vh; width: 100%; font-family: "Poppins", "Arial", "Helvetica",
.hero .splash { background-color: transparent; display: flex; flex-wrap: wrap; padding: 40px; align-items: flex-start; max-width: var(--max-width); margin: auto; }
.hero .splash .description { border-radius: var(--border-radius); background: var(--bg-alt); box-shadow: 1px 1px 28px 24px var(--bg-alt); -webkit-box-shadow: 1px 1px 28px 24px var(--bg-alt); -moz-box-shadow: 1px 1px 28px 24px var(--bg-alt); }
.hero .splash .description { border-radius: var(--border-radius); background: var(--bg-alt); box-shadow: 15px 15px 28px 24px var(--bg); -webkit-box-shadow: 15px 15px 28px 24px var(--bg); -moz-box-shadow: 15px 15px 28px 24px var(--bg); }
.hero .splash .description > * { margin: 40px !important; }
@ -119,7 +119,7 @@ body { height: 100vh; width: 100%; font-family: "Poppins", "Arial", "Helvetica",
.hero .splash .splash-logo { padding: 0; margin: 0; }
@media only screen and (max-width: 759px) { .hero .splash div { min-width: 100%; padding: 20px 0; } .hero .splash .splash-logo { padding: 20px 0; } }
@media only screen and (max-width: 759px) { .hero .splash { text-align: center; } .hero .splash div { min-width: 100%; padding: 20px 0; } .hero .splash .splash-logo { padding: 20px 0; } }
@media only screen and (max-width: 480px) { .hero .splash .description h1 { font-size: 1.1em; } .hero .splash .description > ul .button { width: 75px; height: 75px; line-height: 75px; font-size: 55px; } }
@ -185,14 +185,28 @@ footer .footframe small .label { display: none; }
.streambox { text-align: center; line-height: 2em; padding: 0; }
.streambox h2 { margin-top: 80px; }
.streamer { max-width: var(--max-width); margin: 80px auto; padding: 0 40px; text-align: center; display: flex; flex-wrap: wrap; justify-content: space-around; }
.streamer p { text-align: center !important; }
.streamer .icon { flex: 0 0 100px; margin: 0; justify-self: center; }
#pleroma .container { display: flex; flex-wrap: wrap; box-shadow: 15px 15px 28px 24px var(--border-alt) inset; border-radius: var(--border-radius); justify-content: space-between; }
#pleroma .container div { flex: 1 1 280px; padding: 20px; margin: 20px; overflow: hidden; text-overflow: ellipsis; background-color: var(--bg-alt); box-shadow: 15px 15px 28px 24px var(--border-alt); border-radius: var(--border-radius); }
#pleroma .container div img { max-width: 120px; height: auto; }
#pleroma .container div .date { font-size: 0.6em; }
#pleroma .container div .date img { border-radius: 40px; width: 40px; height: 40px; }
#pleroma .container div h2 { padding-top: 0; margin-bottom: 0px; }
#pleroma .container div hr { margin-top: 20px; border: 1px solid var(--fg-alt); }
@media only screen and (max-width: 720px) { #pleroma .container { width: 100vw; justify-content: center; } #pleroma .container div { flex: 1 1 280px; } }
h1, h2, h3, h4, h5, h6 { font-family: "Collects", "Jetbrain-Extrabold", "Lucida Console", Monaco, monospace; }
h1 { font-size: 2.5em; }
@ -421,7 +435,7 @@ audio { margin: 0; width: 100%; }
#plList li { background-color: var(--bg-alt); cursor: pointer; margin: 0; padding: 21px 0; border-left: 1px solid var(--bg); border-right: 1px solid var(--bg); border-top: 0; transition: all 400ms ease-in-out; }
#plList li:hover { background-color: var(--accent1); color: var(--bg); transition: all 400ms ease-in-out; }
#plList li:hover { background-color: var(--accent2-alt); color: var(--bg); transition: all 400ms ease-in-out; }
.plItem { position: relative; }
@ -431,9 +445,9 @@ audio { margin: 0; width: 100%; }
.plLength { padding-left: 21px; position: absolute; right: 21px; top: 0; }
.plSel { background-color: var(--fg-alt) !important; cursor: pointer !important; }
.plSel { background-color: var(--accent1-alt) !important; cursor: pointer !important; color: var(--bg); }
.plSel:hover { background-color: var(--accent1) !important; }
.plSel:hover { background-color: var(--accent2-alt) !important; }
a[id^="btn"] { font-size: 1.5em; color: var(--fg); cursor: pointer; margin: 0; padding: 0 27px 0 21px; text-decoration: none; }

6
assets/css/noscripts-20201225.css.map
View file

File diff suppressed because one or more lines are too long