forked from UseInterstellar/Interstellar
-
Notifications
You must be signed in to change notification settings - Fork 5
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Pending changes exported from your codespace
- Loading branch information
Showing
390 changed files
with
375 additions
and
3,025 deletions.
There are no files selected for viewing
This file was deleted.
Oops, something went wrong.
This file was deleted.
Oops, something went wrong.
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 |
---|---|---|
@@ -1,92 +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; | ||
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; | ||
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; | ||
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); | ||
transform: scale(1.2); | ||
} | ||
|
||
.column:hover .label { | ||
transform: translateX(-50%) scale(1.3); | ||
transform: translateX(-50%) scale(1.3); | ||
} | ||
|
||
.apps { | ||
display: flex; | ||
flex-wrap: wrap; | ||
justify-content: center; | ||
gap: 2.3em; | ||
flex-direction: row; | ||
margin-top: 30px; | ||
.container-apps { | ||
display: flex; | ||
flex-wrap: wrap; | ||
justify-content: center; | ||
gap: 2.3em; | ||
flex-direction: row; | ||
margin-top: 30px; | ||
} | ||
|
||
.pinned { | ||
margin-top: 20px; | ||
display: flex; | ||
flex-wrap: wrap; | ||
justify-content: center; | ||
gap: 2.3em; | ||
.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: 20px; | ||
border: none; | ||
outline: none; | ||
color: var(--text-primary); | ||
transition: 0.4s; | ||
padding: 20px; | ||
width: 550px; | ||
border-radius: 5px; | ||
background: var(--background-column); | ||
text-align: center; | ||
font-size: 20px; | ||
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; | ||
padding: 20px; | ||
border-radius: 5px; | ||
background: var(--background-column); | ||
color: var(--text-primary); | ||
font-size: 20px; | ||
border: 0px; | ||
outline: none; | ||
cursor: pointer; | ||
} | ||
|
||
.input-c { | ||
position: relative; | ||
margin-top: 150px; | ||
display: flex; | ||
flex-wrap: wrap; | ||
justify-content: center; | ||
gap: 0.5em; | ||
} | ||
.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 |
---|---|---|
|
@@ -80,4 +80,4 @@ | |
.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 |
---|---|---|
@@ -1,78 +1,78 @@ | ||
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&display=swap"); | ||
@import url('https://fonts.googleapis.com/css2?family=Major+Mono+Display&display=swap'); | ||
@import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap"); | ||
|
||
:root { | ||
/* Background Variables */ | ||
--background-image: url("/./assets/media/background/full-main.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 */ | ||
--tab-active-background: #444; /* Accent Color for Tabs */ | ||
--tab-inactive-background: ; /* Background Color for Tabs Not In Use */ | ||
--slider-active-background: #4caf50; /* Active Slider Background Color */ | ||
--slider-inactive-background: #ccc; /* Slider Background Color */ | ||
--nav-image: url("/./assets/media/favicon/main.png"); /* Nav Logo */ | ||
/* 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 */ | ||
--save-button: #4caf50; /* Save Button, Typically Green */ | ||
--reset-button: #f44336; /* Reset Button, Typically Red */ | ||
--import-button: #009688; /* Import Button, Typically Teal */ | ||
--export-button: #ea76cb; /* Export Button, Typically Pink */ | ||
/* Background Variables */ | ||
--background-image: url("/./assets/media/background/full-main.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 */ | ||
--tab-active-background: #444; /* Accent Color for Tabs */ | ||
--tab-inactive-background: ; /* Background Color for Tabs Not In Use */ | ||
--slider-active-background: #4caf50; /* Active Slider Background Color */ | ||
--slider-inactive-background: #ccc; /* Slider Background Color */ | ||
--nav-image: url("/./assets/vs.jpeg"); /* Nav Logo */ | ||
/* 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 */ | ||
--save-button: #4caf50; /* Save Button, Typically Green */ | ||
--reset-button: #f44336; /* Reset Button, Typically Red */ | ||
--import-button: #009688; /* Import Button, Typically Teal */ | ||
--export-button: #ea76cb; /* Export Button, Typically Pink */ | ||
} | ||
|
||
::-webkit-scrollbar { | ||
width: 6px; | ||
background-color: var(--background-color); | ||
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-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); | ||
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); | ||
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; | ||
font-family: "Major Mono Display", monospace; | ||
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; | ||
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; | ||
} | ||
letter-spacing: 0px; | ||
font-family: "Major Mono Display", monospace; | ||
width: 99%; | ||
display: flex; | ||
flex-direction: column; | ||
justify-content: center; | ||
align-items: center; | ||
top: 0%; | ||
position: absolute; | ||
z-index: 99; | ||
} |
Oops, something went wrong.