zumbiepig/MineXLauncher
zumbiepig/MineXLauncher
1
0
Fork 0
mirror of https://github.com/zumbiepig/MineXLauncher.git synced 2025-06-08 09:24:48 +00:00
Code

clean up css, update b1.7.3

Browse Source
This commit is contained in:
zumbiepig 2024-09-05 20:05:53 -07:00
parent f9aa1650b8
commit e7ce15361e
No known key found for this signature in database
GPG Key ID: 17C891BE28B953DE
26 changed files with 24102 additions and 23788 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
public/articles/index.html
View File

@ -23,7 +23,7 @@
<div class="profile"> <div class="profile">
<span class="profile-name"></span> <span class="profile-name"></span>
</div> </div>
<nav> <nav class="nav-bar">
<li class="nav-item" onclick="navigate.updates()"> <li class="nav-item" onclick="navigate.updates()">
<img src="/resources/images/icons/nav/updates.webp" class="nav-icon" /> <img src="/resources/images/icons/nav/updates.webp" class="nav-icon" />
<span class="nav-text">Updates</span> <span class="nav-text">Updates</span>
@ -51,8 +51,8 @@
</nav> </nav>
</div> </div>
<div class="main-panel"> <div class="main-panel">
<div class="top-bar"> <div class="top-title">
<span class="game-title">Tutorials</span> <span>Tutorials</span>
</div> </div>
<div class="main-content"> <div class="main-content">
<div class="article-list"> <div class="article-list">

23716
public/game/offline/main/Eaglercraft_b1.7.3.html
View File

File diff suppressed because one or more lines are too long

23748
public/game/web/main/b1.7.3/js/app.js
View File

File diff suppressed because one or more lines are too long

2
public/game/web/main/b1.7.3/js/app.js.map
View File

File diff suppressed because one or more lines are too long

BIN
public/game/web/main/b1.7.3/resources.mc
View File

Binary file not shown.

12
public/home/archive/index.html
View File

@ -23,7 +23,7 @@
<div class="profile"> <div class="profile">
<span class="profile-name"></span> <span class="profile-name"></span>
</div> </div>
<nav> <nav class="nav-bar">
<li class="nav-item" onclick="navigate.updates()"> <li class="nav-item" onclick="navigate.updates()">
<img src="/resources/images/icons/nav/updates.webp" class="nav-icon" /> <img src="/resources/images/icons/nav/updates.webp" class="nav-icon" />
<span class="nav-text">Updates</span> <span class="nav-text">Updates</span>
@ -51,12 +51,12 @@
</nav> </nav>
</div> </div>
<div class="main-panel"> <div class="main-panel">
<div class="top-menu"> <div class="top-nav">
<ul> <ul>
<li class="menu-item" onclick="navigate.home.game()">Game</li> <li onclick="navigate.home.game()">Game</li>
<li class="menu-item" onclick="navigate.home.clients()">Clients</li> <li onclick="navigate.home.clients()">Clients</li>
<li class="menu-item selected" onclick="navigate.home.archive()">Archive</li> <li onclick="navigate.home.archive()">Archive</li>
<li class="menu-item" onclick="navigate.home.downloads()">Offline Downloads</li> <li onclick="navigate.home.downloads()">Offline Downloads</li>
</ul> </ul>
</div> </div>
<div class="main-content"> <div class="main-content">

14
public/home/clients/index.html
View File

@ -23,7 +23,7 @@
<div class="profile"> <div class="profile">
<span class="profile-name"></span> <span class="profile-name"></span>
</div> </div>
<nav> <nav class="nav-bar">
<li class="nav-item" onclick="navigate.updates()"> <li class="nav-item" onclick="navigate.updates()">
<img src="/resources/images/icons/nav/updates.webp" class="nav-icon" /> <img src="/resources/images/icons/nav/updates.webp" class="nav-icon" />
<span class="nav-text">Updates</span> <span class="nav-text">Updates</span>
@ -51,12 +51,12 @@
</nav> </nav>
</div> </div>
<div class="main-panel"> <div class="main-panel">
<div class="top-menu"> <div class="top-nav">
<ul> <ul>
<li class="menu-item" onclick="navigate.home.game()">Game</li> <li onclick="navigate.home.game()">Game</li>
<li class="menu-item selected" onclick="navigate.home.clients()">Clients</li> <li onclick="navigate.home.clients()">Clients</li>
<li class="menu-item" onclick="navigate.home.archive()">Archive</li> <li onclick="navigate.home.archive()">Archive</li>
<li class="menu-item" onclick="navigate.home.downloads()">Offline Downloads</li> <li onclick="navigate.home.downloads()">Offline Downloads</li>
</ul> </ul>
</div> </div>
<div class="main-content"> <div class="main-content">
@ -66,7 +66,7 @@
</div> </div>
<div class="installations"> <div class="installations">
<div class="custom-select-wrapper"> <div class="custom-select-wrapper">
<div id="custom-select" class="custom-select" onclick="versionSelector.toggle()"> <div class="custom-select" onclick="versionSelector.toggle()">
<span class="custom-select-trigger">Select a client</span> <span class="custom-select-trigger">Select a client</span>
</div> </div>
<div class="custom-options"> <div class="custom-options">

12
public/home/downloads/index.html
View File

@ -23,7 +23,7 @@
<div class="profile"> <div class="profile">
<span class="profile-name"></span> <span class="profile-name"></span>
</div> </div>
<nav> <nav class="nav-bar">
<li class="nav-item" onclick="navigate.updates()"> <li class="nav-item" onclick="navigate.updates()">
<img src="/resources/images/icons/nav/updates.webp" class="nav-icon" /> <img src="/resources/images/icons/nav/updates.webp" class="nav-icon" />
<span class="nav-text">Updates</span> <span class="nav-text">Updates</span>
@ -51,12 +51,12 @@
</nav> </nav>
</div> </div>
<div class="main-panel"> <div class="main-panel">
<div class="top-menu"> <div class="top-nav">
<ul> <ul>
<li class="menu-item" onclick="navigate.home.game()">Game</li> <li onclick="navigate.home.game()">Game</li>
<li class="menu-item" onclick="navigate.home.clients()">Clients</li> <li onclick="navigate.home.clients()">Clients</li>
<li class="menu-item" onclick="navigate.home.archive()">Archive</li> <li onclick="navigate.home.archive()">Archive</li>
<li class="menu-item selected" onclick="navigate.home.downloads()">Offline Downloads</li> <li onclick="navigate.home.downloads()">Offline Downloads</li>
</ul> </ul>
</div> </div>
<div class="main-content"> <div class="main-content">

14
public/home/game/index.html
View File

@ -23,7 +23,7 @@
<div class="profile"> <div class="profile">
<span class="profile-name"></span> <span class="profile-name"></span>
</div> </div>
<nav> <nav class="nav-bar">
<li class="nav-item" onclick="navigate.updates()"> <li class="nav-item" onclick="navigate.updates()">
<img src="/resources/images/icons/nav/updates.webp" class="nav-icon" /> <img src="/resources/images/icons/nav/updates.webp" class="nav-icon" />
<span class="nav-text">Updates</span> <span class="nav-text">Updates</span>
@ -51,12 +51,12 @@
</nav> </nav>
</div> </div>
<div class="main-panel"> <div class="main-panel">
<div class="top-menu"> <div class="top-nav">
<ul> <ul>
<li class="menu-item selected" onclick="navigate.home.game()">Game</li> <li onclick="navigate.home.game()">Game</li>
<li class="menu-item" onclick="navigate.home.clients()">Clients</li> <li onclick="navigate.home.clients()">Clients</li>
<li class="menu-item" onclick="navigate.home.archive()">Archive</li> <li onclick="navigate.home.archive()">Archive</li>
<li class="menu-item" onclick="navigate.home.downloads()">Offline Downloads</li> <li onclick="navigate.home.downloads()">Offline Downloads</li>
</ul> </ul>
</div> </div>
<div class="main-content"> <div class="main-content">
@ -66,7 +66,7 @@
</div> </div>
<div class="installations"> <div class="installations">
<div class="custom-select-wrapper"> <div class="custom-select-wrapper">
<div id="custom-select" class="custom-select" onclick="versionSelector.toggle()"> <div class="custom-select" onclick="versionSelector.toggle()">
<span class="custom-select-trigger">Select a version</span> <span class="custom-select-trigger">Select a version</span>
</div> </div>
<div class="custom-options"> <div class="custom-options">

6
public/mobile/index.html
View File

@ -20,7 +20,7 @@
<div class="profile"> <div class="profile">
<span class="profile-name"></span> <span class="profile-name"></span>
</div> </div>
<nav> <nav class="nav-bar">
<li class="nav-item selected" onclick="navigate.mobile()"> <li class="nav-item selected" onclick="navigate.mobile()">
<img src="/resources/images/icons/nav/game.webp" class="nav-icon" /> <img src="/resources/images/icons/nav/game.webp" class="nav-icon" />
<span class="nav-text">Mobile Site</span> <span class="nav-text">Mobile Site</span>
@ -28,8 +28,8 @@
</nav> </nav>
</div> </div>
<div class="main-panel"> <div class="main-panel">
<div class="top-bar"> <div class="top-title">
<span class="game-title">Mobile</span> <span>Mobile</span>
</div> </div>
<div class="main-content"> <div class="main-content">
<div class="cover-image"> <div class="cover-image">

8
public/mods/mods/index.html
View File

@ -23,7 +23,7 @@
<div class="profile"> <div class="profile">
<span class="profile-name"></span> <span class="profile-name"></span>
</div> </div>
<nav> <nav class="nav-bar">
<li class="nav-item" onclick="navigate.updates()"> <li class="nav-item" onclick="navigate.updates()">
<img src="/resources/images/icons/nav/updates.webp" class="nav-icon" /> <img src="/resources/images/icons/nav/updates.webp" class="nav-icon" />
<span class="nav-text">Updates</span> <span class="nav-text">Updates</span>
@ -51,10 +51,10 @@
</nav> </nav>
</div> </div>
<div class="main-panel"> <div class="main-panel">
<div class="top-menu"> <div class="top-nav">
<ul> <ul>
<li class="menu-item selected" onclick="navigate.mods.mods()">Mods</li> <li onclick="navigate.mods.mods()">Mods</li>
<li class="menu-item" onclick="navigate.mods.resourcepacks()">Resource Packs</li> <li onclick="navigate.mods.resourcepacks()">Resource Packs</li>
</ul> </ul>
</div> </div>
<div class="main-content"> <div class="main-content">

8
public/mods/resourcepacks/index.html
View File

@ -23,7 +23,7 @@
<div class="profile"> <div class="profile">
<span class="profile-name"></span> <span class="profile-name"></span>
</div> </div>
<nav> <nav class="nav-bar">
<li class="nav-item" onclick="navigate.updates()"> <li class="nav-item" onclick="navigate.updates()">
<img src="/resources/images/icons/nav/updates.webp" class="nav-icon" /> <img src="/resources/images/icons/nav/updates.webp" class="nav-icon" />
<span class="nav-text">Updates</span> <span class="nav-text">Updates</span>
@ -51,10 +51,10 @@
</nav> </nav>
</div> </div>
<div class="main-panel"> <div class="main-panel">
<div class="top-menu"> <div class="top-nav">
<ul> <ul>
<li class="menu-item" onclick="navigate.mods.mods()">Mods</li> <li onclick="navigate.mods.mods()">Mods</li>
<li class="menu-item selected" onclick="navigate.mods.resourcepacks()">Resource Packs</li> <li onclick="navigate.mods.resourcepacks()">Resource Packs</li>
</ul> </ul>
</div> </div>
<div class="main-content"> <div class="main-content">

8
public/offline/index.html
View File

@ -21,7 +21,7 @@
<div class="profile"> <div class="profile">
<span class="profile-name"></span> <span class="profile-name"></span>
</div> </div>
<nav> <nav class="nav-bar">
<li class="nav-item selected" href="/offline/"> <li class="nav-item selected" href="/offline/">
<img src="/resources/images/icons/nav/game.webp" class="nav-icon" /> <img src="/resources/images/icons/nav/game.webp" class="nav-icon" />
<span class="nav-text">Offline</span> <span class="nav-text">Offline</span>
@ -29,9 +29,9 @@
</nav> </nav>
</div> </div>
<div class="main-panel"> <div class="main-panel">
<div class="top-menu"> <div class="top-nav">
<ul> <ul>
<li class="menu-item selected" href="/offline/">Game</li> <li href="/offline/">Game</li>
</ul> </ul>
</div> </div>
<div class="main-content"> <div class="main-content">
@ -41,7 +41,7 @@
</div> </div>
<div class="installations"> <div class="installations">
<div class="custom-select-wrapper"> <div class="custom-select-wrapper">
<div id="custom-select" class="custom-select" onclick="versionSelector.toggle()"> <div class="custom-select" onclick="versionSelector.toggle()">
<span class="custom-select-trigger">Select a version</span> <span class="custom-select-trigger">Select a version</span>
</div> </div>
<div class="custom-options"> <div class="custom-options">

17
public/resources/styles/themes/campfire.css
View File

@ -10,8 +10,8 @@ body {
} }
.title-bar, .title-bar,
.top-bar, .top-title,
.top-menu { .top-nav {
background-color: #4a2f1b; background-color: #4a2f1b;
color: #f5e0c3; color: #f5e0c3;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
@ -26,8 +26,8 @@ body {
border-bottom: 1px solid #4a2f1b; border-bottom: 1px solid #4a2f1b;
} }
.nav-item:hover, .nav-bar .nav-item:hover,
.nav-item.selected { .nav-bar .nav-item.selected {
background-color: #5a3a2a; background-color: #5a3a2a;
} }
@ -36,11 +36,6 @@ body {
background-color: #2b1b0f; background-color: #2b1b0f;
} }
.tabs .tab:hover,
.tabs .tab.selected {
color: #ffcc00;
}
.installations { .installations {
background-color: #3e2a1a; background-color: #3e2a1a;
border-top: 1px solid #4a2f1b; border-top: 1px solid #4a2f1b;
@ -103,10 +98,10 @@ body {
background-color: #ff8533; background-color: #ff8533;
} }
.top-menu ul li { .top-nav ul li {
color: #f5e0c3; color: #f5e0c3;
} }
.top-menu ul li.selected { .top-nav ul li.selected {
color: #ffcc00; color: #ffcc00;
} }

17
public/resources/styles/themes/cherry-blossom.css
View File

@ -22,8 +22,8 @@ body {
border-bottom: 1px solid #e0d1e3; border-bottom: 1px solid #e0d1e3;
} }
.nav-item:hover, .nav-bar .nav-item:hover,
.nav-item.selected { .nav-bar .nav-item.selected {
background-color: #f4c6d0; background-color: #f4c6d0;
} }
@ -31,26 +31,21 @@ body {
background-color: #fef0f5; background-color: #fef0f5;
} }
.top-bar { .top-title {
background-color: #f6e7f3; background-color: #f6e7f3;
color: #333; color: #333;
} }
.top-menu { .top-nav {
background-color: #f6e7f3; background-color: #f6e7f3;
color: #333; color: #333;
} }
.top-menu ul li { .top-nav ul li {
color: #333; color: #333;
} }
.top-menu ul li.selected { .top-nav ul li.selected {
color: #e5a1b8;
}
.tab:hover,
.tab.selected {
color: #e5a1b8; color: #e5a1b8;
} }

153
public/resources/styles/themes/default.css
View File

@ -73,7 +73,7 @@ body {
font-size: 16px; font-size: 16px;
} }
nav { .nav-bar {
list-style-type: none; list-style-type: none;
padding: 0; padding: 0;
margin: 0; margin: 0;
@ -83,7 +83,7 @@ nav {
scrollbar-color: #555 #333; scrollbar-color: #555 #333;
} }
.nav-item { .nav-bar .nav-item {
display: flex; display: flex;
align-items: center; align-items: center;
padding: 15px 20px; padding: 15px 20px;
@ -91,18 +91,18 @@ nav {
transition: background-color 0.2s; transition: background-color 0.2s;
} }
.nav-item:hover, .nav-bar .nav-item:hover,
.nav-item.selected { .nav-bar .nav-item.selected {
background-color: #444; background-color: #444;
} }
.nav-icon { .nav-bar .nav-item .nav-icon {
width: 24px; width: 24px;
height: 24px; height: 24px;
margin-right: 15px; margin-right: 15px;
} }
.nav-text { .nav-bar .nav-item .nav-text {
font-size: 14px; font-size: 14px;
} }
@ -113,7 +113,7 @@ nav {
background-color: #202020; background-color: #202020;
} }
.top-bar { .top-title {
background-color: #2c2c2c; background-color: #2c2c2c;
padding: 15px 20px; padding: 15px 20px;
display: flex; display: flex;
@ -124,7 +124,12 @@ nav {
flex-shrink: 0; flex-shrink: 0;
} }
.top-menu { .top-title span {
font-size: 18px;
font-weight: bold;
}
.top-nav {
background-color: #2c2c2c; background-color: #2c2c2c;
padding: 10px 20px; padding: 10px 20px;
display: flex; display: flex;
@ -135,14 +140,14 @@ nav {
flex-shrink: 0; flex-shrink: 0;
} }
.top-menu ul { .top-nav ul {
list-style-type: none; list-style-type: none;
margin: 0; margin: 0;
padding: 0; padding: 0;
display: flex; display: flex;
} }
.top-menu ul li { .top-nav ul li {
margin-right: 20px; margin-right: 20px;
cursor: pointer; cursor: pointer;
font-size: 16px; font-size: 16px;
@ -150,38 +155,15 @@ nav {
transition: color 0.2s; transition: color 0.2s;
} }
.top-menu ul li.selected { .top-nav ul li.selected {
color: #fff; color: #fff;
font-weight: bold; font-weight: bold;
} }
.top-menu ul li:hover { .top-nav ul li:hover {
color: #fff; color: #fff;
} }
.game-title {
font-size: 18px;
font-weight: bold;
}
.tabs {
display: flex;
}
.tab {
margin-left: 20px;
cursor: pointer;
color: #888;
text-transform: uppercase;
font-size: 14px;
transition: color 0.2s;
}
.tab:hover,
.tab.selected {
color: #00cc00;
}
.main-content { .main-content {
display: flex; display: flex;
flex: 1; flex: 1;
@ -435,7 +417,7 @@ nav {
.mod-list { .mod-list {
display: grid; display: grid;
grid-template-columns: repeat(3, 1fr); grid-template-columns: repeat(6, 1fr);
gap: 10px; gap: 10px;
padding: 10px; padding: 10px;
text-align: center; text-align: center;
@ -644,8 +626,8 @@ nav {
margin: 5px; margin: 5px;
} }
#username-input, .settings-input,
#theme-select { .settings-select {
width: calc(100% - 22px); width: calc(100% - 22px);
padding: 10px; padding: 10px;
margin-bottom: 10px; margin-bottom: 10px;
@ -656,13 +638,13 @@ nav {
appearance: none; appearance: none;
} }
#offline-checkbox { .settings-checkbox {
padding: 10px; padding: 10px;
margin-bottom: 15px; margin-bottom: 15px;
} }
#username-input:focus, .settings-input:focus,
#theme-select:focus { .settings-select:focus {
outline: none; outline: none;
} }
@ -694,7 +676,7 @@ nav {
.article-list { .article-list {
display: grid; display: grid;
grid-template-columns: repeat(3, 1fr); grid-template-columns: repeat(6, 1fr);
gap: 10px; gap: 10px;
padding: 10px; padding: 10px;
text-align: center; text-align: center;
@ -754,34 +736,6 @@ nav {
align-items: center; align-items: center;
} }
@keyframes article-open {
0% {
opacity: 0;
scale: 0;
}
80% {
scale: 1.1;
}
100% {
opacity: 1;
scale: 1;
}
}
@keyframes article-close {
0% {
opacity: 1;
scale: 1;
}
20% {
scale: 1.1;
}
100% {
opacity: 0;
scale: 0;
}
}
.article .article-content { .article .article-content {
background-color: #333; background-color: #333;
padding: 20px; padding: 20px;
@ -817,3 +771,62 @@ nav {
text-decoration: none; text-decoration: none;
cursor: pointer; cursor: pointer;
} }
@media (max-width: 1750px) {
.mod-list,
.article-list {
grid-template-columns: repeat(5, 1fr);
}
}
@media (max-width: 1500px) {
.mod-list,
.article-list {
grid-template-columns: repeat(4, 1fr);
}
}
@media (max-width: 1250px) {
.mod-list,
.article-list {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 1000px) {
.mod-list,
.article-list {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 775px) {
.mod-list,
.article-list {
grid-template-columns: repeat(1, 1fr);
}
}
@keyframes article-open {
0% {
opacity: 0;
scale: 0;
}
80% {
scale: 1.1;
}
100% {
opacity: 1;
scale: 1;
}
}
@keyframes article-close {
0% {
opacity: 1;
scale: 1;
}
20% {
scale: 1.1;
}
100% {
opacity: 0;
scale: 0;
}
}

8
public/resources/styles/themes/hyperdark.css
View File

@ -18,8 +18,8 @@ body {
background-color: #262626; background-color: #262626;
} }
.nav-item:hover, .nav-bar .nav-item:hover,
.nav-item.selected { .nav-bar .nav-item.selected {
background-color: #333; background-color: #333;
} }
@ -27,13 +27,13 @@ body {
background-color: #1e1e1e; background-color: #1e1e1e;
} }
.top-bar { .top-title {
background-color: #1a1a1a; background-color: #1a1a1a;
color: #e0e0e0; color: #e0e0e0;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
} }
.top-menu { .top-nav {
background-color: #1a1a1a; background-color: #1a1a1a;
color: #e0e0e0; color: #e0e0e0;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);

10
public/resources/styles/themes/light.css
View File

@ -8,7 +8,7 @@ body {
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
} }
.title-bar, .top-bar, .top-menu, .bottom-bar { .title-bar, .top-title, .top-nav, .bottom-bar {
background-color: #e0e0e0; background-color: #e0e0e0;
color: #333; color: #333;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
@ -23,11 +23,11 @@ body {
border-bottom: 1px solid #ddd; border-bottom: 1px solid #ddd;
} }
.nav-item { .nav-bar .nav-item {
color: #333; color: #333;
} }
.nav-item:hover, .nav-item.selected { .nav-bar .nav-item:hover, .nav-bar .nav-item.selected {
background-color: #ddd; background-color: #ddd;
} }
@ -102,10 +102,10 @@ body {
background-color: #66bb6a; background-color: #66bb6a;
} }
.top-menu ul li { .top-nav ul li {
color: #666; color: #666;
} }
.top-menu ul li.selected { .top-nav ul li.selected {
color: #333; color: #333;
} }

17
public/resources/styles/themes/nether.css
View File

@ -9,8 +9,8 @@ body {
} }
.title-bar, .title-bar,
.top-bar, .top-title,
.top-menu { .top-nav {
background-color: #4c2c2c; background-color: #4c2c2c;
color: #ffcc00; color: #ffcc00;
box-shadow: 0 2px 4px rgba(255, 69, 0, 0.2); box-shadow: 0 2px 4px rgba(255, 69, 0, 0.2);
@ -25,8 +25,8 @@ body {
color: #ff4500; color: #ff4500;
} }
.nav-item:hover, .nav-bar .nav-item:hover,
.nav-item.selected { .nav-bar .nav-item.selected {
background-color: #5c3c3c; background-color: #5c3c3c;
} }
@ -35,11 +35,6 @@ body {
background-color: #2e1a1a; background-color: #2e1a1a;
} }
.tabs .tab:hover,
.tabs .tab.selected {
color: #ff4500;
}
.installations { .installations {
background-color: #4c2c2c; background-color: #4c2c2c;
border-top: 1px solid #5c3c3c; border-top: 1px solid #5c3c3c;
@ -107,10 +102,10 @@ body {
background-color: #ff4500; background-color: #ff4500;
} }
.top-menu ul li { .top-nav ul li {
color: #ffcc00; color: #ffcc00;
} }
.top-menu ul li.selected { .top-nav ul li.selected {
color: #fff; color: #fff;
} }

17
public/resources/styles/themes/overworld.css
View File

@ -9,8 +9,8 @@ body {
} }
.title-bar, .title-bar,
.top-bar, .top-title,
.top-menu { .top-nav {
background-color: #4c6c4c; background-color: #4c6c4c;
color: #00ff00; color: #00ff00;
box-shadow: 0 2px 4px rgba(0, 255, 0, 0.2); box-shadow: 0 2px 4px rgba(0, 255, 0, 0.2);
@ -25,8 +25,8 @@ body {
color: #00ff00; color: #00ff00;
} }
.nav-item:hover, .nav-bar .nav-item:hover,
.nav-item.selected { .nav-bar .nav-item.selected {
background-color: #5c7c5c; background-color: #5c7c5c;
} }
@ -35,11 +35,6 @@ body {
background-color: #2e4e2e; background-color: #2e4e2e;
} }
.tabs .tab:hover,
.tabs .tab.selected {
color: #00ff00;
}
.installations { .installations {
background-color: #4c6c4c; background-color: #4c6c4c;
border-top: 1px solid #5c7c5c; border-top: 1px solid #5c7c5c;
@ -107,10 +102,10 @@ body {
background-color: #00ff00; background-color: #00ff00;
} }
.top-menu ul li { .top-nav ul li {
color: #00ff00; color: #00ff00;
} }
.top-menu ul li.selected { .top-nav ul li.selected {
color: #fff; color: #fff;
} }

12
public/resources/styles/themes/retro.css
View File

@ -12,8 +12,8 @@ body {
} }
.title-bar, .title-bar,
.top-bar, .top-title,
.top-menu, .top-nav,
.bottom-bar { .bottom-bar {
background-color: #222; background-color: #222;
color: #00ff00; color: #00ff00;
@ -26,7 +26,7 @@ body {
} }
.profile, .profile,
.nav-item, .nav-bar .nav-item,
.installations, .installations,
.custom-select, .custom-select,
.custom-options, .custom-options,
@ -38,10 +38,8 @@ body {
color: #00ff00; color: #00ff00;
} }
.nav-item:hover, .nav-bar .nav-item:hover,
.nav-item.selected, .nav-bar .nav-item.selected,
.tab:hover,
.tab.selected,
.custom-option:hover, .custom-option:hover,
.play-button:hover, .play-button:hover,
.minecraft-button:hover, .minecraft-button:hover,

10
public/resources/styles/themes/starfall.css
View File

@ -10,18 +10,16 @@ body {
} }
.title-bar, .title-bar,
.top-bar, .top-title,
.top-menu, .top-nav,
.bottom-bar { .bottom-bar {
background-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.7);
color: #fff; color: #fff;
box-shadow: 0 2px 4px rgba(255, 255, 255, 0.2); box-shadow: 0 2px 4px rgba(255, 255, 255, 0.2);
} }
.nav-item:hover, .nav-bar .nav-item:hover,
.nav-item.selected, .nav-bar .nav-item.selected {
.tab:hover,
.tab.selected {
background-color: rgba(255, 255, 255, 0.1); background-color: rgba(255, 255, 255, 0.1);
color: #00ccff; color: #00ccff;
} }

17
public/resources/styles/themes/the-end.css
View File

@ -10,8 +10,8 @@ body {
} }
.title-bar, .title-bar,
.top-bar, .top-title,
.top-menu, .top-nav,
.bottom-bar { .bottom-bar {
background-color: #22004d; background-color: #22004d;
color: #e0d8ff; color: #e0d8ff;
@ -27,8 +27,8 @@ body {
border-bottom: 1px solid #330066; border-bottom: 1px solid #330066;
} }
.nav-item:hover, .nav-bar .nav-item:hover,
.nav-item.selected { .nav-bar .nav-item.selected {
background-color: #330066; background-color: #330066;
} }
@ -37,11 +37,6 @@ body {
background-color: #150033; background-color: #150033;
} }
.tabs .tab:hover,
.tabs .tab.selected {
color: #b300b3;
}
.installations { .installations {
background-color: #22004d; background-color: #22004d;
border-top: 1px solid #330066; border-top: 1px solid #330066;
@ -103,8 +98,8 @@ body {
background-color: #8000ff; background-color: #8000ff;
} }
.top-menu ul li:hover, .top-nav ul li:hover,
.top-menu ul li.selected { .top-nav ul li.selected {
color: #e0d8ff; color: #e0d8ff;
} }

2
public/servers/index.html
View File

@ -23,7 +23,7 @@
<div class="profile"> <div class="profile">
<span class="profile-name"></span> <span class="profile-name"></span>
</div> </div>
<nav> <nav class="nav-bar">
<li class="nav-item" onclick="navigate.updates()"> <li class="nav-item" onclick="navigate.updates()">
<img src="/resources/images/icons/nav/updates.webp" class="nav-icon" /> <img src="/resources/images/icons/nav/updates.webp" class="nav-icon" />
<span class="nav-text">Updates</span> <span class="nav-text">Updates</span>

14
public/settings/index.html
View File

@ -23,7 +23,7 @@
<div class="profile"> <div class="profile">
<span class="profile-name"></span> <span class="profile-name"></span>
</div> </div>
<nav> <nav class="nav-bar">
<li class="nav-item" onclick="navigate.updates()"> <li class="nav-item" onclick="navigate.updates()">
<img src="/resources/images/icons/nav/updates.webp" class="nav-icon" /> <img src="/resources/images/icons/nav/updates.webp" class="nav-icon" />
<span class="nav-text">Updates</span> <span class="nav-text">Updates</span>
@ -51,28 +51,28 @@
</nav> </nav>
</div> </div>
<div class="main-panel"> <div class="main-panel">
<div class="top-bar"> <div class="top-title">
<span class="game-title">Settings</span> <span>Settings</span>
</div> </div>
<div class="main-content"> <div class="main-content">
<div class="settings"> <div class="settings">
<div class="settings-section"> <div class="settings-section">
<label for="username-input">Username:</label> <label for="username-input">Username:</label>
<input type="text" id="username-input" /> <input type="text" class="settings-input" id="username-input" />
</div> </div>
<div class="settings-section"> <div class="settings-section">
<label for="theme-select">Theme:</label> <label for="theme-select">Theme:</label>
<select id="theme-select"> <select id="theme-select" class="settings-select">
<option disabled hidden value=""></option> <option disabled hidden value=""></option>
</select> </select>
</div> </div>
<!-- <div class="settings-section"> <!-- <div class="settings-section">
<label for="offline-checkbox">Enable offline use:</label> <label for="offline-checkbox">Enable offline use:</label>
<input type="checkbox" id="offline-checkbox" /> <input type="checkbox" class="settings-checkbox" id="offline-checkbox" />
</div> --> </div> -->
<!-- <div class="settings-section"> <!-- <div class="settings-section">
<label for="ads-checkbox">Show ads:</label> <label for="ads-checkbox">Show ads:</label>
<input type="checkbox" id="ads-checkbox" /> <input type="checkbox" class="settings-checkbox" id="ads-checkbox" />
</div> --> </div> -->
</div> </div>
</div> </div>

6
public/updates/index.html
View File

@ -23,7 +23,7 @@
<div class="profile"> <div class="profile">
<span class="profile-name"></span> <span class="profile-name"></span>
</div> </div>
<nav> <nav class="nav-bar">
<li class="nav-item selected" onclick="navigate.updates()"> <li class="nav-item selected" onclick="navigate.updates()">
<img src="/resources/images/icons/nav/updates.webp" class="nav-icon" /> <img src="/resources/images/icons/nav/updates.webp" class="nav-icon" />
<span class="nav-text">Updates</span> <span class="nav-text">Updates</span>
@ -51,8 +51,8 @@
</nav> </nav>
</div> </div>
<div class="main-panel"> <div class="main-panel">
<div class="top-bar"> <div class="top-title">
<span class="game-title">Updates</span> <span>Updates</span>
</div> </div>
<div class="main-content"> <div class="main-content">
<div class="updates-container"></div> <div class="updates-container"></div>