mirror of
https://gitlab.com/skysthelimit.dev/selenite.git
synced 2025-06-17 02:52:07 -05:00
Upload files to "v4/css"
This commit is contained in:
LEGALISE_PIRACY
parent
17d365d381
commit
5fc86f35cc
10
v4/css/index.css
Normal file
10
v4/css/index.css
Normal file
@ -0,0 +1,10 @@
|
||||
|
||||
|
||||
/* Import fonts from Google Fonts */
|
||||
@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");
|
||||
@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap");
|
||||
|
||||
/* Import main styles */
|
||||
@import url("style.css");
|
||||
@import url("themes.css");
|
||||
@import url("mobile.css");
|
||||
46
v4/css/mobile.css
Normal file
46
v4/css/mobile.css
Normal file
@ -0,0 +1,46 @@
|
||||
/*-------------------- Mobile --------------------*/
|
||||
|
||||
@media only screen and (max-width: 480px) {
|
||||
.navlogo {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.games {
|
||||
grid-template-columns: repeat(auto-fill, 150px);
|
||||
grid-gap: 1rem;
|
||||
margin: 1rem;
|
||||
}
|
||||
|
||||
.game {
|
||||
height: 185px;
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
.game-image {
|
||||
height: 150px;
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
.game-text {
|
||||
line-height: 35px;
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
.review:last-child {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.review:first-child {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.review-placeholder {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-height: 432px) {
|
||||
.reviews-link {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
676
v4/css/style.css
Normal file
676
v4/css/style.css
Normal file
@ -0,0 +1,676 @@
|
||||
@import url("https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap");
|
||||
* {
|
||||
font-family: "Ubuntu", sans-serif;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
html {
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 16px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background: var(--theme);
|
||||
border: 4px solid transparent;
|
||||
background-clip: content-box;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-corner {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
::placeholder {
|
||||
color: var(--text-secondary);
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-height: 100vh;
|
||||
background: var(--background);
|
||||
}
|
||||
|
||||
@keyframes breathing {
|
||||
0% {
|
||||
box-shadow: 0 5px 170px var(--theme);
|
||||
}
|
||||
|
||||
25% {
|
||||
box-shadow: 0 5px 200px var(--theme);
|
||||
}
|
||||
|
||||
60% {
|
||||
box-shadow: 0 5px 170px var(--theme);
|
||||
}
|
||||
|
||||
100% {
|
||||
box-shadow: 0 5px 170px var(--theme);
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes breathing {
|
||||
0% {
|
||||
box-shadow: 0 5px 170px var(--theme);
|
||||
}
|
||||
|
||||
25% {
|
||||
box-shadow: 0 5px 200px var(--theme);
|
||||
}
|
||||
|
||||
60% {
|
||||
box-shadow: 0 5px 170px var(--theme);
|
||||
}
|
||||
|
||||
100% {
|
||||
box-shadow: 0 5px 170px var(--theme);
|
||||
}
|
||||
}
|
||||
|
||||
.navbar {
|
||||
height: 56px;
|
||||
box-shadow: 0 5px 200px var(--theme);
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 9999;
|
||||
animation: breathing 5s ease-out infinite normal;
|
||||
}
|
||||
|
||||
.navbar.noshadow {
|
||||
box-shadow: 0 0 0 var(--background);
|
||||
animation: none;
|
||||
}
|
||||
|
||||
.navitems {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
height: 100%;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
background: var(--background);
|
||||
}
|
||||
|
||||
.navlogo {
|
||||
height: 45px;
|
||||
border-radius: 15px;
|
||||
position: absolute;
|
||||
left: 5px;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
@keyframes shake {
|
||||
0% {
|
||||
transform: translate(1px, 1px) rotate(0deg);
|
||||
}
|
||||
|
||||
10% {
|
||||
transform: translate(-1px, -2px) rotate(-1deg);
|
||||
}
|
||||
|
||||
20% {
|
||||
transform: translate(-3px, 0px) rotate(1deg);
|
||||
}
|
||||
|
||||
30% {
|
||||
transform: translate(3px, 2px) rotate(0deg);
|
||||
}
|
||||
|
||||
40% {
|
||||
transform: translate(1px, -1px) rotate(1deg);
|
||||
}
|
||||
|
||||
50% {
|
||||
transform: translate(-1px, 2px) rotate(-1deg);
|
||||
}
|
||||
|
||||
60% {
|
||||
transform: translate(-3px, 1px) rotate(0deg);
|
||||
}
|
||||
|
||||
70% {
|
||||
transform: translate(3px, 1px) rotate(-1deg);
|
||||
}
|
||||
|
||||
80% {
|
||||
transform: translate(-1px, -1px) rotate(1deg);
|
||||
}
|
||||
|
||||
90% {
|
||||
transform: translate(1px, 2px) rotate(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: translate(1px, -2px) rotate(-1deg);
|
||||
}
|
||||
}
|
||||
|
||||
.navlogo:hover {
|
||||
animation: shake 0.5s;
|
||||
animation-iteration-count: infinite;
|
||||
}
|
||||
|
||||
.navitem {
|
||||
border-radius: 500px;
|
||||
padding: 10px 15px;
|
||||
font-size: 15px;
|
||||
background: transparent;
|
||||
cursor: pointer;
|
||||
user-select: none;
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
.navitem[current] {
|
||||
background: var(--theme);
|
||||
color: var(--text-secondary);
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 3em;
|
||||
color: var(--text);
|
||||
text-align: center;
|
||||
margin-top: 180px;
|
||||
font-weight: bold;
|
||||
margin-top: 10rem;
|
||||
}
|
||||
|
||||
.message {
|
||||
text-align: center;
|
||||
color: var(--text);
|
||||
font-size: 1.5rem;
|
||||
margin: 1rem;
|
||||
}
|
||||
|
||||
.homemessage {
|
||||
cursor: pointer;
|
||||
width: fit-content;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.play-link {
|
||||
width: fit-content;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.play {
|
||||
height: 30px;
|
||||
padding: 20px 15px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: var(--theme);
|
||||
font-size: 1rem;
|
||||
border-radius: 15px;
|
||||
cursor: pointer;
|
||||
margin-bottom: 10rem;
|
||||
user-select: none;
|
||||
border: none;
|
||||
color: var(--text-secondary);
|
||||
transition: transform 500ms;
|
||||
transition: background 250ms;
|
||||
}
|
||||
|
||||
.play:hover {
|
||||
background: var(--theme-hover);
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: #0084ff;
|
||||
}
|
||||
|
||||
footer {
|
||||
color: var(--text);
|
||||
text-align: center;
|
||||
margin-top: auto;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.searchbar {
|
||||
height: 40px;
|
||||
border: none;
|
||||
background: var(--theme);
|
||||
outline: none;
|
||||
font-size: 1rem;
|
||||
border-radius: 15px;
|
||||
padding: 0 15px;
|
||||
margin: 1rem;
|
||||
width: 40rem;
|
||||
color: var(--text-secondary);
|
||||
max-width: calc(100% - 4rem);
|
||||
}
|
||||
|
||||
.games {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
align-content: center;
|
||||
}
|
||||
|
||||
.game {
|
||||
height: 240px;
|
||||
width: 200px;
|
||||
background: var(--theme);
|
||||
color: var(--text);
|
||||
text-decoration: none;
|
||||
border-radius: 15px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
-webkit-user-select: none;
|
||||
user-select: none;
|
||||
position: relative;
|
||||
transition: 0.5s;
|
||||
margin: 22px;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.game:hover {
|
||||
transform: scale(1.1);
|
||||
box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.616);
|
||||
}
|
||||
|
||||
.game[hidden] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.game > img {
|
||||
background: var(--theme);
|
||||
object-fit: cover;
|
||||
height: 200px;
|
||||
width: 200px;
|
||||
border-radius: 15px;
|
||||
}
|
||||
|
||||
.game > span {
|
||||
line-height: 40px;
|
||||
width: 200px;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
color: var(--text-secondary);
|
||||
padding: 0 10px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.nogames {
|
||||
color: var(--text);
|
||||
margin: 0 2rem;
|
||||
margin-top: -2rem;
|
||||
text-align: center;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.section-title {
|
||||
color: var(--text);
|
||||
font-size: 1.5rem;
|
||||
margin: 1rem;
|
||||
}
|
||||
|
||||
.section-text {
|
||||
color: var(--text);
|
||||
font-size: 1rem;
|
||||
margin: 0 1rem;
|
||||
}
|
||||
|
||||
.section-text p {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.section-text a {
|
||||
color: var(--theme);
|
||||
}
|
||||
|
||||
.buttons {
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
margin: 0 1rem;
|
||||
user-select: none;
|
||||
flex-wrap: wrap;
|
||||
flex-direction: row;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
align-content: center;
|
||||
}
|
||||
|
||||
.button {
|
||||
background: var(--theme);
|
||||
width: fit-content;
|
||||
padding: 10px;
|
||||
border-radius: 6px;
|
||||
cursor: pointer;
|
||||
color: var(--text-secondary);
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.input {
|
||||
border: none;
|
||||
background: var(--theme);
|
||||
width: 200px;
|
||||
padding: 10px;
|
||||
border-radius: 6px;
|
||||
outline: none;
|
||||
color: var(--text-secondary);
|
||||
}
|
||||
|
||||
select {
|
||||
border: none;
|
||||
background: var(--theme);
|
||||
width: 200px;
|
||||
padding: 10px;
|
||||
border-radius: 6px;
|
||||
outline: none;
|
||||
color: var(--text-secondary);
|
||||
}
|
||||
|
||||
.play-link {
|
||||
width: fit-content;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.reviews-link {
|
||||
height: 35px;
|
||||
padding: 20px 15px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: var(--theme);
|
||||
font-size: 1rem;
|
||||
border-radius: 40px;
|
||||
cursor: pointer;
|
||||
margin-bottom: 10rem;
|
||||
user-select: none;
|
||||
border: none;
|
||||
color: var(--text-secondary);
|
||||
width: fit-content;
|
||||
position: absolute;
|
||||
bottom: 1rem;
|
||||
right: 0;
|
||||
left: 0;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
#reviews {
|
||||
margin-top: 26rem;
|
||||
visibility: hidden;
|
||||
height: 382px;
|
||||
}
|
||||
|
||||
.review-container {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.review {
|
||||
background: var(--theme);
|
||||
width: 200px;
|
||||
height: 350px;
|
||||
margin: 1rem;
|
||||
border-radius: 15px;
|
||||
}
|
||||
|
||||
.review-img {
|
||||
border-radius: 50%;
|
||||
width: 124px;
|
||||
height: 124px;
|
||||
display: flex;
|
||||
margin: 0 auto;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
.review-name {
|
||||
color: var(--text-secondary);
|
||||
font-size: 1.5rem;
|
||||
text-align: center;
|
||||
margin: 0.5rem;
|
||||
overflow: hidden;
|
||||
height: 29.6px;
|
||||
}
|
||||
|
||||
.review-content {
|
||||
margin: 0 10px;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
height: 44%;
|
||||
color: var(--text-secondary);
|
||||
}
|
||||
|
||||
.review-placeholder {
|
||||
width: 200px;
|
||||
height: 350px;
|
||||
margin: 1rem;
|
||||
border-radius: 15px;
|
||||
opacity: 0;
|
||||
user-select: none;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
[class^="number-slide"],
|
||||
[class*=" number-slide"] {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.navigation-wrapper {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.arrow {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
-webkit-transform: translateY(-50%);
|
||||
fill: #fff;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.arrow--left {
|
||||
left: 5px;
|
||||
fill: "#fff";
|
||||
background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24' %3E%3Cpath d='M16.67 0l2.83 2.829-9.339 9.175 9.339 9.167-2.83 2.829-12.17-11.996z' %3E%3C/path%3E%3C/svg%3E");
|
||||
}
|
||||
|
||||
.arrow--right {
|
||||
left: auto;
|
||||
right: 5px;
|
||||
background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24' %3E%3Cpath d='M5 3l3.057-3 11.943 12-11.943 12-3.057-3 9-9z'%3E%3C/path%3E%3C/svg%3E");
|
||||
}
|
||||
|
||||
.arrow--disabled.arrow--left {
|
||||
background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='grey' viewBox='0 0 24 24' %3E%3Cpath d='M16.67 0l2.83 2.829-9.339 9.175 9.339 9.167-2.83 2.829-12.17-11.996z' %3E%3C/path%3E%3C/svg%3E");
|
||||
}
|
||||
|
||||
.arrow--disabled.arrow--right {
|
||||
background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='grey' viewBox='0 0 24 24' %3E%3Cpath d='M5 3l3.057-3 11.943 12-11.943 12-3.057-3 9-9z'%3E%3C/path%3E%3C/svg%3E");
|
||||
}
|
||||
|
||||
.version-warning {
|
||||
color: var(--theme);
|
||||
display: none;
|
||||
}
|
||||
|
||||
.spinner {
|
||||
display: inline-block;
|
||||
color: var(--theme);
|
||||
animation: 1.4s linear 0s infinite normal none running animation-61bdi0;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
margin: 0 auto;
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
.spinnerSvg {
|
||||
stroke: currentColor;
|
||||
stroke-dasharray: 80px, 200px;
|
||||
stroke-dashoffset: 0;
|
||||
-webkit-animation: animation-1p2h4ri 1.4s ease-in-out infinite;
|
||||
animation: animation-1p2h4ri 1.4s ease-in-out infinite;
|
||||
}
|
||||
|
||||
@keyframes animation-61bdi0 {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
.saveItems {
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
padding-left: 2rem;
|
||||
}
|
||||
|
||||
.hiddenUpload {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.uploadResult {
|
||||
display: none;
|
||||
color: var(--theme);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.changelog-item {
|
||||
display: flex;
|
||||
width: fit-content;
|
||||
border-radius: 2.5px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
.changelog-type {
|
||||
padding: 0 0.5rem;
|
||||
border-radius: 30px;
|
||||
margin-right: 0.5rem;
|
||||
user-select: none;
|
||||
font-size: 13px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.changelog-type[added] {
|
||||
background: #21bd01;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.changelog-type[added]::before {
|
||||
content: "Added";
|
||||
}
|
||||
|
||||
.changelog-type[removed] {
|
||||
background: #ff0000;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.changelog-type[removed]::before {
|
||||
content: "Removed";
|
||||
}
|
||||
|
||||
.changelog-type[changed] {
|
||||
background: #ff7b00;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.changelog-type[changed]::before {
|
||||
content: "Changed";
|
||||
}
|
||||
|
||||
.hii {
|
||||
color: var(--theme);
|
||||
margin: 1rem;
|
||||
margin-left: 2rem;
|
||||
}
|
||||
|
||||
.alien {
|
||||
border: none;
|
||||
margin: 1rem auto;
|
||||
}
|
||||
|
||||
input[type="color"] {
|
||||
background: var(--text);
|
||||
border: none;
|
||||
border-radius: 5px;
|
||||
outline: none;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
.bookmarklet {
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
|
||||
.content {
|
||||
margin-left: 50px;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.gamecontainer {
|
||||
height: 50em;
|
||||
}
|
||||
|
||||
.gamecontainer > .nav {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
height: 45px;
|
||||
background: var(--theme);
|
||||
align-items: stretch;
|
||||
}
|
||||
|
||||
.gamecontainer > .nav > .item {
|
||||
width: fit-content;
|
||||
padding: 0.5em;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.gamecontainer > .nav > span {
|
||||
width: fit-content;
|
||||
padding: 0.5em;
|
||||
color: var(--text);
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
.gamecontainer > .nav > .item#fullscreen {
|
||||
margin: 0.2em;
|
||||
width: fit-content;
|
||||
padding: 0.4em;
|
||||
cursor: pointer;
|
||||
right: 0;
|
||||
position: fixed;
|
||||
background-color: var(--text);
|
||||
border-radius: 999999999999999999999px;
|
||||
}
|
||||
|
||||
.gamecontainer > .nav > .item > svg {
|
||||
width: 30px;
|
||||
}
|
||||
|
||||
.gamecontainer > .nav > .item > svg > path {
|
||||
fill: var(--background);
|
||||
}
|
||||
|
||||
.gamecontainer > div {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.gamecontainer > div > iframe {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
328
v4/css/themes.css
Normal file
328
v4/css/themes.css
Normal file
@ -0,0 +1,328 @@
|
||||
/*-------------------- Themes --------------------*/
|
||||
|
||||
body[theme="default"] {
|
||||
--background: #1c1c1c;
|
||||
--theme: #0284d4;
|
||||
--theme-hover: #123bde;
|
||||
--text: white;
|
||||
--text-secondary: black;
|
||||
}
|
||||
body[theme="axel"] {
|
||||
--background: #4b146d;
|
||||
--theme: #f1a6c9;
|
||||
--theme-hover: #ca8ca9;
|
||||
--text: #7d5624;
|
||||
--text-secondary: #af73b2;
|
||||
}
|
||||
body[theme="fuckyouandrewosborne"] {
|
||||
--background: #fffff;
|
||||
--theme: brown;
|
||||
--theme-hover: rgb(138, 34, 34);
|
||||
--text: black;
|
||||
--text-secondary: black;
|
||||
}
|
||||
body[theme="if_you_are_reading_this_are_you_skidding_or_just_looking_at_code"] {
|
||||
--background: #1448f5;
|
||||
--theme: #6c06ba;
|
||||
--theme-hover: #5b039e;
|
||||
--text: #14f5f5;
|
||||
--text-secondary: white;
|
||||
}
|
||||
body[theme="poop"] {
|
||||
--background: black;
|
||||
--theme: brown;
|
||||
--theme-hover: rgb(136, 34, 34);
|
||||
--text: white;
|
||||
--text-secondary: white;
|
||||
}
|
||||
body[theme="fuckyoufeny"] {
|
||||
--background: blue;
|
||||
--theme: yellow;
|
||||
--theme-hover: rgb(204, 204, 3);
|
||||
--text: green;
|
||||
--text-secondary: green;
|
||||
}
|
||||
|
||||
body[theme="light"] {
|
||||
--background: white;
|
||||
--theme: #4caf50;
|
||||
--theme-hover: #3f9142;
|
||||
--text: black;
|
||||
--text-secondary: black;
|
||||
}
|
||||
body[theme="pink"] {
|
||||
--background: #ff1dce;
|
||||
--theme: #ff33ff;
|
||||
--theme-hover: #d62ad6;
|
||||
--text: #39ff14;
|
||||
--text-secondary: #39ff14;
|
||||
}
|
||||
body[theme="blue"] {
|
||||
--background: #062a78;
|
||||
--theme: #062a78;
|
||||
--theme-hover: #051d50;
|
||||
--text: #b0c4de;
|
||||
--text-secondary: #b0c4de;
|
||||
}
|
||||
body[theme="yellow"] {
|
||||
--background: #ffff00;
|
||||
--theme: #ffff00;
|
||||
--theme-hover: rgb(204, 204, 3);
|
||||
--text: #002147;
|
||||
--text-secondary: #002147;
|
||||
}
|
||||
body[theme="40yearoldpedophileanddiscordmod"] {
|
||||
--background: #321414;
|
||||
--theme: #f4a460;
|
||||
--theme-hover: #cc894f;
|
||||
--text: #f4a460;
|
||||
--text-secondary: #b58b00;
|
||||
}
|
||||
body[theme="airtagschicken"] {
|
||||
--background: #00ff00;
|
||||
--theme: #00ff80;
|
||||
--theme-hover: #00c563;
|
||||
--text: #fa11f2;
|
||||
--text-secondary: #fa11f2;
|
||||
}
|
||||
body[theme="amoled"] {
|
||||
--background: #000000;
|
||||
--theme: #000000;
|
||||
--theme-hover: #1b1b1b;
|
||||
--text: #ffffff;
|
||||
--text-secondary: #ffffff;
|
||||
}
|
||||
body[theme="communism"] {
|
||||
--background: ##ff0000;
|
||||
--theme: #ff1f1f;
|
||||
--theme-hover: #d62a2a;
|
||||
--text: #ffff00;
|
||||
--text-secondary: #ffff00;
|
||||
}
|
||||
body[theme="homestuck"] {
|
||||
--background: #dfdfdf;
|
||||
--theme: #0ad53e;
|
||||
--theme-hover: #07b332;
|
||||
--text: black;
|
||||
--text-secondary: white;
|
||||
}
|
||||
body[theme="orchid"] {
|
||||
--background: #1c1c1c;
|
||||
--theme: #b625cc;
|
||||
--theme-hover: #a31eb8;
|
||||
--text: white;
|
||||
--text-secondary: white;
|
||||
}
|
||||
|
||||
body[theme="sky"] {
|
||||
--background: #1c1c1c;
|
||||
--theme: #0084ff;
|
||||
--theme-hover: #0072d1;
|
||||
--text: white;
|
||||
--text-secondary: black;
|
||||
}
|
||||
|
||||
body[theme="winter"] {
|
||||
--background: linear-gradient(to right, #2377a4, #79c0d7), #79c0d7;
|
||||
--theme: #3da341;
|
||||
--theme-hover: #2d7a2d;
|
||||
--text: white;
|
||||
--text-secondary: white;
|
||||
}
|
||||
|
||||
body[theme="winter"] .navbar {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
body[theme="nebelung"] {
|
||||
--background: #dabc9a;
|
||||
--text: black;
|
||||
--text-secondary: white;
|
||||
--theme: linear-gradient(to right, #3d2d1e, #190f05);
|
||||
--theme-hover: linear-gradient(to right, #221911, #110a03);
|
||||
}
|
||||
|
||||
body[theme="nebelung"] .navbar {
|
||||
box-shadow: 0 5px 200px #3d2d1e;
|
||||
animation: nebelungBreathing 5s ease-out infinite normal;
|
||||
}
|
||||
|
||||
body[theme="piplup"] {
|
||||
--background: #5bacee;
|
||||
--theme: #0026ff;
|
||||
--theme-hover: #0019d4;
|
||||
--text: white;
|
||||
--text-secondary: black;
|
||||
}
|
||||
|
||||
@keyframes nebelungBreathing {
|
||||
0% {
|
||||
box-shadow: 0 5px 170px #3d2d1e;
|
||||
}
|
||||
|
||||
25% {
|
||||
box-shadow: 0 5px 200px #3d2d1e;
|
||||
}
|
||||
|
||||
60% {
|
||||
box-shadow: 0 5px 170px #3d2d1e;
|
||||
}
|
||||
|
||||
100% {
|
||||
box-shadow: 0 5px 170px #3d2d1e;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes nebelungBreathing {
|
||||
0% {
|
||||
box-shadow: 0 5px 170px #3d2d1e;
|
||||
}
|
||||
|
||||
25% {
|
||||
box-shadow: 0 5px 200px #3d2d1e;
|
||||
}
|
||||
|
||||
60% {
|
||||
box-shadow: 0 5px 170px #3d2d1e;
|
||||
}
|
||||
|
||||
100% {
|
||||
box-shadow: 0 5px 170px #3d2d1e;
|
||||
}
|
||||
}
|
||||
|
||||
body[theme="forternish"] {
|
||||
--background: #003443;
|
||||
--theme: linear-gradient(15deg, #82c4e4, #60f108);
|
||||
--theme-hover: linear-gradient(15deg, #6ca3be, #52cc06);
|
||||
--text: white;
|
||||
--text-secondary: black;
|
||||
}
|
||||
|
||||
body[theme="forternish"] * {
|
||||
font-family: Comic Sans MS;
|
||||
}
|
||||
|
||||
body[theme="northernfish"] {
|
||||
--background: linear-gradient(to bottom right, #91fa9e, #0ec9f8);
|
||||
--theme: #3778ff;
|
||||
--theme-hover: #2e64d8;
|
||||
--text: black;
|
||||
--text-secondary: black;
|
||||
}
|
||||
|
||||
body[theme="northernfish"] .navbar {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
body[theme="northernfish"] .navitems {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
body[theme="northernfish"]::-webkit-scrollbar {
|
||||
background: #0ec9f8;
|
||||
}
|
||||
|
||||
body[theme="forgor"] {
|
||||
--background: #efefef;
|
||||
--theme: #d7d700;
|
||||
--theme-hover: #b5b500;
|
||||
--text: #d7d700;
|
||||
--text-secondary: #efefef;
|
||||
}
|
||||
|
||||
body[theme="monotonium"] {
|
||||
--background: white;
|
||||
--theme: black;
|
||||
--theme-hover: #2c2c2c;
|
||||
--text: black;
|
||||
--text-secondary: white;
|
||||
}
|
||||
|
||||
body[theme="monotonium-dark"] {
|
||||
--background: black;
|
||||
--theme: white;
|
||||
--theme-hover: #b1b1b1;
|
||||
--text: white;
|
||||
--text-secondary: black;
|
||||
}
|
||||
|
||||
body[theme="concrete"] {
|
||||
--background: gray;
|
||||
--theme: white;
|
||||
--theme-hover: #b1b1b1;
|
||||
--text: white;
|
||||
--text-secondary: grey;
|
||||
}
|
||||
|
||||
body[theme="sunset"] {
|
||||
--background: #1c1c1c;
|
||||
--theme: #e83141;
|
||||
--theme-hover: #c41e2d;
|
||||
--text: white;
|
||||
--text-secondary: black;
|
||||
}
|
||||
|
||||
body[theme="russell2259"] {
|
||||
--background: rgba(17, 17, 17, 0.777);
|
||||
--theme: #0473fb;
|
||||
--theme-hover: #0059d1;
|
||||
--text: #fff;
|
||||
--text-secondary: black;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
body[theme="fracital"] {
|
||||
--background: #222;
|
||||
--theme: #f971e4;
|
||||
--theme-hover: #e84fc4;
|
||||
--text: white;
|
||||
--text-secondary: black;
|
||||
}
|
||||
|
||||
body[theme="hacker"] {
|
||||
--background: black;
|
||||
--theme: #72dc83;
|
||||
--theme-hover: #5cbf6b;
|
||||
--text: white;
|
||||
--text-secondary: black;
|
||||
}
|
||||
|
||||
body[theme="hacker"] * {
|
||||
font-family: "JetBrains Mono";
|
||||
}
|
||||
|
||||
body[theme="parrot"] {
|
||||
--background: #1a1404;
|
||||
--theme: #0580c3;
|
||||
--theme-hover: #0469a0;
|
||||
--text: #c39e1f;
|
||||
--text-secondary: #000000;
|
||||
}
|
||||
|
||||
body[theme="premiumdark"] {
|
||||
--background: #111827;
|
||||
--theme: #4b5563;
|
||||
--text: white;
|
||||
--text-secondary: white;
|
||||
}
|
||||
|
||||
body[theme="premiumdark"] > .navbar {
|
||||
box-shadow: none;
|
||||
animation: none;
|
||||
padding: 6px;
|
||||
/*border-bottom: solid 1px #374151;*/
|
||||
}
|
||||
|
||||
body[theme="premiumdark"] > .navbar > .navitems {
|
||||
background: #1f2937;
|
||||
border-radius: 22px;
|
||||
}
|
||||
|
||||
body[theme="premiumdark"] > .navbar > .navitems > .navlogo {
|
||||
left: 13px;
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user