Skip to content

Commit

Permalink
Retro 95 theme, the calculator is back and more
Browse files Browse the repository at this point in the history
  • Loading branch information
revoxhere authored Nov 29, 2023
1 parent 531ae43 commit b20f330
Show file tree
Hide file tree
Showing 17 changed files with 2,915 additions and 2,599 deletions.
19 changes: 15 additions & 4 deletions 2023/css/styles.css
Original file line number Diff line number Diff line change
Expand Up @@ -318,7 +318,7 @@ progress.show-value.is-large:after {
/* Small tag style */
.badges>.tag {
font-size: 0.7em !important;
height: 1.5em;
text-shadow: 0px 0px 2px black;
}

.login-text-desktop {
Expand Down Expand Up @@ -364,6 +364,12 @@ input[type="checkbox"]:checked::before {
}

@media screen and (min-width: 1024px) {
/* Small tag style */
.badges>.tag {
font-size: 0.9em !important;
text-shadow: 0px 0px 10px black;
}

.login-backdrop-desktop {
position: relative;
width: 100% !important;
Expand Down Expand Up @@ -417,7 +423,8 @@ input[type="checkbox"]:checked::before {
height: 100%;
opacity: 0.8;
filter: brightness(90%) contrast(100%) blur(3px);
background-image: url("/assets/backgrounds/yenn-sea-1.jpg") !important;
/* background-image: url("/assets/backgrounds/yenn-sea-1.jpg") !important; */
background-image: url("/assets/backgrounds/yenn-mountains-1.jpg") !important;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
Expand Down Expand Up @@ -545,7 +552,7 @@ input[type="checkbox"]:checked::before {
}

.adblocker_detected {
animation: blink 1s linear infinite;
animation: blink 1.5s linear infinite;
}

#alert_container {
Expand All @@ -559,7 +566,7 @@ input[type="checkbox"]:checked::before {

@keyframes blink {
50% {
opacity: 0.3;
opacity: 0.2;
}
}

Expand Down Expand Up @@ -665,3 +672,7 @@ a:active {
color: #FF9209;
transition: 0.2s all;
}

.unverifiedbadge {
animation: blink 1s linear infinite;
}
46 changes: 38 additions & 8 deletions 2023/css/theme-glossy.css
Original file line number Diff line number Diff line change
@@ -1,17 +1,25 @@
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400&display=swap');

* {
font-family: 'Lato', sans-serif !important;
}

.box,
.button,
select,
input {
border-radius: 24px !important;
input,
.notification {
border-radius: 16px !important;
}

html, body {
will-change: auto;
}

@media screen and (min-width: 1024px) {
.box {
background-image: url("/assets/backgrounds/yenn-sea-1-blur.jpg");
.box, .notification {
/* background-image: url("/assets/backgrounds/yenn-sea-1-blur.jpg"); */
background-image: url("/assets/backgrounds/yenn-mountains-1-blur.jpg");
background-size: 100vw 100vh;
background-attachment: fixed;
-webkit-box-shadow: 2px 5px 20px -11px rgba(66, 68, 90, 1) !important;
Expand All @@ -20,6 +28,19 @@ html, body {
}
}

@media (prefers-color-scheme: light) {
.navbar {
color: #333 !important;
background-color: rgba(255,255,255, 0.6) !important;
}

.button, input, .notification, select {
color: #333 !important;
background-color: rgba(255,255,255, 0.4) !important;
}
}


#txdetails>.container,
#txsend>.container,
#txwrap>.container,
Expand All @@ -30,9 +51,16 @@ html, body {
#shop>.container,
#help>.container,
#settings-desktop>.container {
background-color: rgba(247, 251, 252, 0.85) !important;
background-image: url("/assets/backgrounds/yenn-mountains-1-blur.jpg");
background-size: 100vw 100vh;
background-attachment: fixed;
-webkit-box-shadow: 2px 5px 20px -11px rgba(66, 68, 90, 1) !important;
-moz-box-shadow: 2px 5px 20px -11px rgba(66, 68, 90, 1) !important;
box-shadow: 2px 5px 20px -11px rgba(66, 68, 90, 1) !important;
}



@media screen and (min-width: 1024px) {
@media (prefers-color-scheme: dark) {
#txdetails>.container,
Expand All @@ -45,8 +73,10 @@ html, body {
#shop>.container,
#help>.container,
#settings-desktop>.container,
.box {
background-image: url("/assets/backgrounds/yenn-sea-1-blur-dark.jpg");
.box,
.notification {
/*background-image: url("/assets/backgrounds/yenn-sea-1-blur-dark.jpg");*/
background-image: url("/assets/backgrounds/yenn-mountains-1-blur-dark.jpg");
background-color: rgba(0, 0, 0, 0.7) !important;
}
}
Expand Down Expand Up @@ -76,4 +106,4 @@ a:hover,
a:active {
color: #9896f1;
transition: 0.2s all;
}
}
162 changes: 162 additions & 0 deletions 2023/css/theme-retro.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,162 @@
@font-face {
font-family: Retro95;
src: url("/assets/MS Sans Serif 8pt.ttf");
}

* {
font-family: Retro95 !important;
}


.box,
small,
h1,
h2,
p,
label,
.input,
.button,
i,
b,
.title,
.subtitle,
select,
summary,
.progress,
.notification {
border-radius: 0 !important;
color: black !important;
}

.has-text-grey {
color: #808080 !important;
}


.has-background-info {
background-color: #000082 !important;
}

.input,
.button,
select,
.darkmode-dark-bg>.container,
.box,
.notification {
color: black !important;
background-color: #C3C3C3 !important;
box-shadow: inset 1px 1px #dfdfdf, inset -1px -1px gray !important;
border: 1px solid !important;
border-color: silver #000 #000 silver !important;
}

.darkmode-dark-bg>.container {
height: 100%;
}

.input {
background-color: white !important
}

input:hover, .button:hover {
text-decoration: underline;
}

.has-text-success {
color: #008000 !important;
}

.has-text-danger {
color: #800000 !important;
}

a:not(.button) {
color: #000080 !important;
}

.is-danger:not(.button) {
background-color: #800000 !important;
color: white !important;
}

.box {
background-color: #C3C3C3 !important;
}

.navbar:not(.is-fixed-bottom) {
color: white !important;
background-color: #000082 !important;
}

.is-fixed-bottom, .navbar-menu {
background-color: #C3C3C3 !important;
box-shadow: none !important;
}

.navbar-button>center>img {
filter: invert(86%) sepia(0%) saturate(0%) hue-rotate(120deg) brightness(87%) contrast(84%) !important;
}


*::-webkit-scrollbar {
border-radius: 0 !important;
width: 16px;
height: 16px;
background: none;
}

*::-webkit-scrollbar-thumb, body *::-webkit-scrollbar-button {
width: 16px;
height: 16px;
background: silver;
box-shadow: inset 1px 1px #dfdfdf, inset -1px -1px gray;
border: 1px solid;
border-color: silver #000 #000 silver;
border-radius: 0 !important;
}

*::-webkit-scrollbar-track {
image-rendering: optimizeSpeed;
image-rendering: pixelated;
image-rendering: optimize-contrast;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTAuNSAyIDIiIHNoYXBlLXJlbmRlcmluZz0iY3Jpc3BFZGdlcyI+CjxtZXRhZGF0YT5NYWRlIHdpdGggUGl4ZWxzIHRvIFN2ZyBodHRwczovL2NvZGVwZW4uaW8vc2hzaGF3L3Blbi9YYnh2Tmo8L21ldGFkYXRhPgo8cGF0aCBzdHJva2U9IiNjMGMwYzAiIGQ9Ik0wIDBoMU0xIDFoMSIgLz4KPC9zdmc+");
background-position: 0 0;
background-repeat: repeat;
background-size: 2px;
}

*::-webkit-scrollbar-button {
background-repeat: no-repeat;
background-size: 16px;
}

*::-webkit-scrollbar-button:single-button:vertical:decrement {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTAuNSAxNiAxNiIgc2hhcGUtcmVuZGVyaW5nPSJjcmlzcEVkZ2VzIj4KPG1ldGFkYXRhPk1hZGUgd2l0aCBQaXhlbHMgdG8gU3ZnIGh0dHBzOi8vY29kZXBlbi5pby9zaHNoYXcvcGVuL1hieHZOajwvbWV0YWRhdGE+CjxwYXRoIHN0cm9rZT0iIzAwMDAwMCIgZD0iTTcgNWgxTTYgNmgzTTUgN2g1TTQgOGg3IiAvPgo8L3N2Zz4=");
}

*::-webkit-scrollbar-button:single-button:vertical:increment {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTAuNSAxNiAxNiIgc2hhcGUtcmVuZGVyaW5nPSJjcmlzcEVkZ2VzIj4KPG1ldGFkYXRhPk1hZGUgd2l0aCBQaXhlbHMgdG8gU3ZnIGh0dHBzOi8vY29kZXBlbi5pby9zaHNoYXcvcGVuL1hieHZOajwvbWV0YWRhdGE+CjxwYXRoIHN0cm9rZT0iIzAwMDAwMCIgZD0iTTQgNWg3TTUgNmg1TTYgN2gzTTcgOGgxIiAvPgo8L3N2Zz4=");
}

*::-webkit-scrollbar-button:single-button:horizontal:decrement {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTAuNSAxNiAxNiIgc2hhcGUtcmVuZGVyaW5nPSJjcmlzcEVkZ2VzIj4KPG1ldGFkYXRhPk1hZGUgd2l0aCBQaXhlbHMgdG8gU3ZnIGh0dHBzOi8vY29kZXBlbi5pby9zaHNoYXcvcGVuL1hieHZOajwvbWV0YWRhdGE+CjxwYXRoIHN0cm9rZT0iIzAwMDAwMCIgZD0iTTggM2gxTTcgNGgyTTYgNWgzTTUgNmg0TTYgN2gzTTcgOGgyTTggOWgxIiAvPgo8L3N2Zz4=");
}

*::-webkit-scrollbar-button:single-button:horizontal:increment {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTAuNSAxNiAxNiIgc2hhcGUtcmVuZGVyaW5nPSJjcmlzcEVkZ2VzIj4KPG1ldGFkYXRhPk1hZGUgd2l0aCBQaXhlbHMgdG8gU3ZnIGh0dHBzOi8vY29kZXBlbi5pby9zaHNoYXcvcGVuL1hieHZOajwvbWV0YWRhdGE+CjxwYXRoIHN0cm9rZT0iIzAwMDAwMCIgZD0iTTYgM2gxTTYgNGgyTTYgNWgzTTYgNmg0TTYgN2gzTTYgOGgyTTYgOWgxIiAvPgo8L3N2Zz4=");
}

*::-webkit-scrollbar-corner {
background: silver;
}

#wallet-mobile {
filter: none !important;
background-color: #E0E0E0 !important;
}

body:before {
filter: none !important;
background-color: #00807F !important;
background-image: url("/assets/backgrounds/win-95-clouds.jpg") !important;
}
14 changes: 9 additions & 5 deletions 2023/css/theme-terminal.css
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,10 @@ summary {
border-radius: 0 !important;
}

.darkmode-dark-bg>.container {
height: 100%;
}

.button,
input,
select {
Expand All @@ -36,18 +40,18 @@ select,
border-radius: 0 !important;
}

.is-fixed-bottom, .navbar-menu {
background-color: black !important;
}

.box {
background-color: rgba(0, 0, 0, 0.6) !important;
background-color: black !important;
}

.navbar {
background-color: #171717 !important;
}

.navbar-button>center>img {
filter: invert(86%) sepia(0%) saturate(0%) hue-rotate(180deg) brightness(87%) contrast(84%) !important;
}

a {
color: #008748 !important;
}
Expand Down
Loading

0 comments on commit b20f330

Please sign in to comment.