-
-
Notifications
You must be signed in to change notification settings - Fork 12.1k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
V5.2.4 - Decluttered our CSS + Formatted
- Loading branch information
Showing
27 changed files
with
654 additions
and
661 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,92 @@ | ||
| .column { | ||
| width: 145px; | ||
| transition: all 0.2s ease; | ||
| cursor: pointer; | ||
| background: var(--background-column); | ||
| border-radius: 5px; | ||
| padding-left: 10px; | ||
| padding-right: 10px; | ||
| padding-top: 5px; | ||
| margin: 0; | ||
| } | ||
|
|
||
| .column img { | ||
| position: absolute; | ||
| width: 145px; | ||
| height: 145px; | ||
| border-radius: 0px; | ||
| transition: all 0.2s ease; | ||
| border-radius: 10px; | ||
| } | ||
|
|
||
| .column p { | ||
| width: 145px; | ||
| height: 19px; | ||
| font-style: normal; | ||
| font-weight: 800; | ||
| font-size: 18px; | ||
| line-height: 19px; | ||
| text-align: center; | ||
| color: var(--text-primary); | ||
| text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5); | ||
| padding-top: 136px; | ||
| padding-bottom: 12px; | ||
| } | ||
|
|
||
| .column:hover { | ||
| transform: scale(1.2); | ||
| } | ||
|
|
||
| .column:hover .label { | ||
| transform: translateX(-50%) scale(1.3); | ||
| } | ||
|
|
||
| .container-apps { | ||
| display: flex; | ||
| flex-wrap: wrap; | ||
| justify-content: center; | ||
| gap: 2.3em; | ||
| flex-direction: row; | ||
| margin-top: 30px; | ||
| } | ||
|
|
||
| .pinned-apps { | ||
| margin-top: 20px; | ||
| display: flex; | ||
| flex-wrap: wrap; | ||
| justify-content: center; | ||
| gap: 2.3em; | ||
| } | ||
|
|
||
| input { | ||
| padding: 20px; | ||
| width: 550px; | ||
| border-radius: 5px; | ||
| background: var(--background-column); | ||
| text-align: center; | ||
| font-size: 24px; | ||
| border: none; | ||
| outline: none; | ||
| color: var(--text-primary); | ||
| transition: 0.4s; | ||
| } | ||
|
|
||
| select { | ||
| padding: 20px; | ||
| border-radius: 5px; | ||
| background: var(--background-column); | ||
| color: var(--text-primary); | ||
| font-size: 20px; | ||
| border: 0px; | ||
| outline: none; | ||
| cursor: pointer; | ||
| } | ||
|
|
||
| .input-container { | ||
| position: relative; | ||
| margin-top: 150px; | ||
| display: flex; | ||
| flex-wrap: wrap; | ||
| justify-content: center; | ||
| gap: 0.5em; | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,82 @@ | ||
| .error { | ||
| color: var(--text-primary); | ||
| font-family: "Inter", sans-serif; | ||
| font-weight: 900; | ||
| top: 15%; | ||
| text-align: center; | ||
| } | ||
|
|
||
| .error h1 { | ||
| font-size: 10vw; | ||
| margin: 0 auto -2vw auto; | ||
| background: linear-gradient(150deg, #746eff 0%, #ff00bb 51%, #746eff 100%); | ||
| -webkit-background-clip: text; | ||
| -moz-background-clip: text; | ||
| background-clip: text; | ||
| color: transparent; | ||
| } | ||
|
|
||
| .error h3 { | ||
| font-size: 4vw; | ||
| margin-bottom: auto; | ||
| margin-top: auto; | ||
| font-weight: 600; | ||
| } | ||
|
|
||
| .error p { | ||
| font-size: 2vw; | ||
| font-weight: 700; | ||
| margin-top: 0.5%; | ||
| margin-bottom: 1%; | ||
| color: var(--text-dark); | ||
| } | ||
|
|
||
| .error button { | ||
| padding: 15px; | ||
| border-radius: 5px; | ||
| background: var(--background-buttons); | ||
| color: inherit; | ||
| font-size: 24px; | ||
| border: 2px solid var(--background-buttons); | ||
| outline: none; | ||
| margin-bottom: 10px; | ||
| cursor: pointer; | ||
| } | ||
|
|
||
| .error .one:hover { | ||
| color: #ef6e78; | ||
| border: 2px solid #ef6e78; | ||
| background: transparent; | ||
| } | ||
|
|
||
| .error .two:hover { | ||
| color: #ef996e; | ||
| border: 2px solid #ef996e; | ||
| background: transparent; | ||
| } | ||
|
|
||
| .error .three:hover { | ||
| color: #ef6ee4; | ||
| border: 2px solid #ef6ee4; | ||
| background: transparent; | ||
| } | ||
|
|
||
| @media (max-width: 768px) { | ||
| .error h1 { | ||
| font-size: 12vw; | ||
| } | ||
|
|
||
| .error h3 { | ||
| font-size: 5vw; | ||
| } | ||
|
|
||
| .error p { | ||
| font-size: 3vw; | ||
| margin-top: 5px; | ||
| margin-bottom: 5px; | ||
| } | ||
|
|
||
| .error button { | ||
| font-size: 16px; | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,73 @@ | ||
| @import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&display=swap"); | ||
| @import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap"); | ||
|
|
||
| :root { | ||
| /* Background Variables */ | ||
| --background-image: url("/./assets/media/background/full2.png"); /* Background Image */ | ||
| --backdrop-filter: blur(10px) brightness(80%); /* Nav Backdrop filter */ | ||
| --background-nav: rgba(255, 255, 255, 0.02); /* Nav Background */ | ||
| --background-color: #222; /* Main Background Color */ | ||
| --background-input: #4545459e; /* Input Field Background Color */ | ||
| --background-column: #353535; /* Background for Apps Container */ | ||
| --background-settings: #2a2a2a; /* Settings Card Background */ | ||
| --background-buttons: #333; /* Button Background Color */ | ||
| --background-accent: #444; /* Accent Color for Tabs */ | ||
| --background-slider: #4caf50; /* Active Slider Background Color */ | ||
| --slider-accent: #ccc; /* Slider Background Color */ | ||
| /* Text Variables */ | ||
| --text-primary: #fff; /* Primary Text Color */ | ||
| --text-dark: #555; /* Dark Text Color for Error Page, Scrollbar, and Particles */ | ||
| --text-placeholder: #aaa; /* Placeholder Text Color */ | ||
| /* Other Variables */ | ||
| --tab-hover: #6c6e79; /* Tab Color on Hover */ | ||
| } | ||
|
|
||
| ::-webkit-scrollbar { | ||
| width: 6px; | ||
| background-color: var(--background-color); | ||
| } | ||
|
|
||
| ::-webkit-scrollbar-track { | ||
| -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); | ||
| border-radius: 10px; | ||
| background-color: var(--background-color); | ||
| } | ||
|
|
||
| ::-webkit-scrollbar-thumb { | ||
| border-radius: 10px; | ||
| -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); | ||
| background-color: var(--text-primary); | ||
| } | ||
|
|
||
| ::-webkit-scrollbar-thumb:hover { | ||
| background-color: var(--text-dark); | ||
| } | ||
|
|
||
| body { | ||
| font-family: "Inter", sans-serif; | ||
| text-decoration: none; | ||
| background: var(--background-image); | ||
| height: 100%; | ||
| background-position: center; | ||
| background-repeat: no-repeat; | ||
| background-size: cover; | ||
| background-attachment: fixed; | ||
| } | ||
|
|
||
| ::placeholder { | ||
| color: var(--text-placeholder); | ||
| opacity: 1; | ||
| } | ||
|
|
||
| .main { | ||
| letter-spacing: 0px; | ||
| font-family: "Inter", sans-serif; | ||
| width: 99%; | ||
| display: flex; | ||
| flex-direction: column; | ||
| justify-content: center; | ||
| align-items: center; | ||
| top: 0%; | ||
| position: absolute; | ||
| z-index: 99; | ||
| } |
Oops, something went wrong.