MineXLauncher 1.1
@@ -1,125 +1,226 @@
|
||||
{
|
||||
"mods": [
|
||||
{
|
||||
"display-name": "StatsHud",
|
||||
"mod-name": "statshud",
|
||||
"author": "Neverflagastralis",
|
||||
"author-link": "https://github.com/AstralisLLC",
|
||||
"description": "An all-new StatsHud, soon to be updated with customization functionality!",
|
||||
"icon": "https://eaglerrinth.github.io/images/newstatHUD.png",
|
||||
"repo-link": "https://github.com/AstralisLLC/EaglerForge-Mods/blob/main/StatsHudV3.js",
|
||||
"download-link": "https://github.com/EaglerRinth/eaglerrinth.github.io/releases/download/1.0/StatsHudV3.js"
|
||||
},
|
||||
{
|
||||
"display-name": "FreshEaglerUI",
|
||||
"mod-name": "freshui",
|
||||
"author": "Murturtle",
|
||||
"author-link": "https://github.com/Murturtle",
|
||||
"description": "Makes the UIs slide in and re works the main screen!",
|
||||
"icon": "https://logolook.net/wp-content/uploads/2021/06/Symbol-Minecraft.png",
|
||||
"repo-link": "https://github.com/Murturtle/MursMods/blob/main/FreshEaglerUI.js",
|
||||
"download-link": "https://github.com/EaglerRinth/eaglerrinth.github.io/releases/download/1.0/FreshEaglerUI.js"
|
||||
},
|
||||
{
|
||||
"display-name": "Chat commands mod",
|
||||
"mod-name": "chatcmd",
|
||||
"author": "Neverflagastralis",
|
||||
"author-link": "https://github.com/AstralisLLC",
|
||||
"description": "An open source mod with a built in customizable bug reports system!",
|
||||
"icon": "https://logolook.net/wp-content/uploads/2021/06/Symbol-Minecraft.png",
|
||||
"repo-link": "https://github.com/AstralisLLC/EaglerForge-Mods/main/chat%20utils.js",
|
||||
"download-link": "https://github.com/EaglerRinth/eaglerrinth.github.io/releases/download/1.0/chat.utils.js"
|
||||
},
|
||||
|
||||
{
|
||||
"display-name": "Blur",
|
||||
"mod-name": "blur",
|
||||
"author": "Murturtle",
|
||||
"author-link": "https://github.com/Murturtle",
|
||||
"description": "Makes your fps 5 when unfocused!",
|
||||
"icon": "https://raw.githubusercontent.com/Murturtle/MursMods/main/Blur.png",
|
||||
"repo-link": "https://github.com/Murturtle/MursMods/blob/main/Blur.js",
|
||||
"download-link": "https://github.com/EaglerRinth/eaglerrinth.github.io/releases/download/1.0/Blur.js"
|
||||
},
|
||||
{
|
||||
"display-name": "Barney's Music Mod",
|
||||
"mod-name": "barneysmusicmod",
|
||||
"author": "BarneyTheGod",
|
||||
"author-link": "https://github.com/BarneyCompiler",
|
||||
"description": "Plays a users music through a direct mp3 link. Saves music through Local Browser storage.",
|
||||
"icon": "https://encrypted-tbn0.gstatic.com/resources/images/images?q=tbn:ANd9GcQNY9cuS9betbnjFw2W_ZCXs_hW9IPgxtIXKUPYxIV1mw&s",
|
||||
"repo-link": "https://github.com/BarneyCompiler/barneysmods/blob/main/Barneys%20Music%20Player",
|
||||
"download-link": "https://raw.githubusercontent.com/BarneyCompiler/barneysmods/main/Barneys%20Music%20Player"
|
||||
},
|
||||
{
|
||||
"display-name": "Blink",
|
||||
"mod-name": "blinkmod",
|
||||
"author": "radmanplays",
|
||||
"author-link": "https://github.com/radmanplays",
|
||||
"description": "use by typing the .blinkon and .blinkoff commands and sending it",
|
||||
"icon": "https://logolook.net/wp-content/uploads/2021/06/Symbol-Minecraft.png",
|
||||
"repo-link": "https://github.com/radmanplays/eaglerreborn-plugins",
|
||||
"download-link": "https://github.com/EaglerRinth/eaglerrinth.github.io/releases/download/1.0/blink.js"
|
||||
},
|
||||
{
|
||||
"display-name": "GrappleHook",
|
||||
"mod-name": "graplehookmod",
|
||||
"author": "radmanplays",
|
||||
"author-link": "https://github.com/radmanplays",
|
||||
"description": "grappling hook mod. how to use: 1.grab a fishing rod 2.use the fishing rod 3.grappling hook! ",
|
||||
"icon": "https://eaglerrinth.github.io/images/grappling-gun.png",
|
||||
"repo-link": "https://github.com/radmanplays/eaglerreborn-plugins",
|
||||
"download-link": "https://github.com/EaglerRinth/eaglerrinth.github.io/releases/download/1.0/grapplehook.js"
|
||||
},
|
||||
{
|
||||
"display-name": "Fullbright",
|
||||
"mod-name": "fullbright",
|
||||
"author": "radmanplays",
|
||||
"author-link": "https://github.com/radmanplays",
|
||||
"description": "full bright mod for eaglerforge. keybind(enabled by default): f",
|
||||
"icon": "https://eaglerrinth.github.io/images/fullBright.png",
|
||||
"repo-link": "https://github.com/EaglerRinth/eaglerrinth.github.io/tree/main/CommunityMods",
|
||||
"download-link": "https://github.com/EaglerRinth/eaglerrinth.github.io/releases/download/1.0/fullbright.js"
|
||||
},
|
||||
{
|
||||
"display-name": "Chat Shortcuts",
|
||||
"mod-name": "chatshortcutsmod",
|
||||
"author": "radmanplays",
|
||||
"author-link": "https://github.com/radmanplays",
|
||||
"description": "shortcuts: {health}, {pos}, {name}, {me}, {x}, {y}, {z}, {level}, {walked}, {chunk}",
|
||||
"icon": "https://logolook.net/wp-content/uploads/2021/06/Symbol-Minecraft.png",
|
||||
"repo-link": "https://github.com/EaglerRinth/eaglerrinth.github.io/tree/main/CommunityMods",
|
||||
"download-link": "https://github.com/EaglerRinth/eaglerrinth.github.io/releases/download/1.0/ChatShortcuts.js"
|
||||
},
|
||||
{
|
||||
"display-name": "Eagler Mobile (eaglerforge)",
|
||||
"mod-name": "eaglermobile",
|
||||
"author": "FlameDogo99",
|
||||
"author-link": "https://github.com/FlamedDogo99",
|
||||
"description": "A touch version of eaglercraft mod",
|
||||
"icon": "https://raw.githubusercontent.com/FlamedDogo99/EaglerMobile/main/resources/images/images/logo128.png",
|
||||
"repo-link": "https://github.com/FlamedDogo99/EaglerMobile",
|
||||
"download-link": "https://github.com/SpeedSlicer/QuiteTheModsListMayISay/releases/download/aefaef/EaglerMobile.js"
|
||||
},
|
||||
{
|
||||
"display-name": "PlayerVision",
|
||||
"mod-name": "playervision",
|
||||
"author": "Oeil-de-Lynx",
|
||||
"author-link": "https://discord.gg/9VsWx5mkGs",
|
||||
"description": "This is a mod to view what other players are currently seeing as them.",
|
||||
"icon": "https://cdn.discordapp.com/attachments/1256553723467923477/1256553723598213170/image.png?ex=66984299&is=6696f119&hm=69036f61140bc186b59084ce753b9bff81b9b545e28278614176ec6d7cd464d0&",
|
||||
"repo-link": "https://github.com/SpeedSlicer/QuiteTheModsListMayISay/",
|
||||
"download-link": "https://github.com/SpeedSlicer/QuiteTheModsListMayISay/releases/download/aefaef/PlayerVision.js"
|
||||
},
|
||||
{
|
||||
"display-name": "Tab Masker (v2)",
|
||||
"mod-name": "tbmskerv2",
|
||||
"author": "Oeil-de-Lynx",
|
||||
"author-link": "https://discord.gg/9VsWx5mkGs",
|
||||
"description": "Press 'Escape' to transform the game in a Wikipedia page!Reload the page to return to the game.",
|
||||
"icon": "https://lh3.googleusercontent.com/-nsTEFatj_mxjfqotKQQLpHtK-cj2sl7MwK_7NSQq-0Xvh4QT_jZk9VNoUg4sKGLwSap30ahubuWu1HTrOIXanzsRA=w640-h400-e365-rj-sc0x00ffffff",
|
||||
"repo-link": "https://github.com/SpeedSlicer/QuiteTheModsListMayISay/",
|
||||
"download-link": "https://github.com/SpeedSlicer/QuiteTheModsListMayISay/releases/download/aefaef/TabMasker.js"
|
||||
}
|
||||
]
|
||||
"mods": [
|
||||
{
|
||||
"display-name": "Burmod WIP",
|
||||
"mod-name": "burmod",
|
||||
"author": "Murturtle",
|
||||
"author-link": "https://github.com/Murturtle",
|
||||
"description": "client for eaglerforge (v0.2)",
|
||||
"icon": "/resources/images/mods/burmod.png",
|
||||
"repo-link": "https://github.com/Murturtle/Burmod",
|
||||
"download-link": "/resources/mods/burmod.js"
|
||||
},
|
||||
{
|
||||
"display-name": "StatsHud",
|
||||
"mod-name": "statshud",
|
||||
"author": "Neverflagastralis",
|
||||
"author-link": "https://github.com/AstralisLLC",
|
||||
"description": "An all-new StatsHud, soon to be updated with customization functionality!",
|
||||
"icon": "/resources/images/mods/statshud.png",
|
||||
"repo-link": "https://github.com/AstralisLLC/EaglerForge-Mods/blob/main/StatsHudV3.js",
|
||||
"download-link": "/resources/mods/statshud.js"
|
||||
},
|
||||
{
|
||||
"display-name": "FreshEaglerUI",
|
||||
"mod-name": "freshui",
|
||||
"author": "Murturtle",
|
||||
"author-link": "https://github.com/Murturtle",
|
||||
"description": "Makes the UIs slide in and re works the main screen!",
|
||||
"icon": "/resources/images/mods/freshui.png",
|
||||
"repo-link": "https://github.com/Murturtle/MursMods/blob/main/FreshEaglerUI.js",
|
||||
"download-link": "/resources/mods/freshui.js"
|
||||
},
|
||||
{
|
||||
"display-name": "Chat commands mod",
|
||||
"mod-name": "chatcmd",
|
||||
"author": "Neverflagastralis",
|
||||
"author-link": "https://github.com/AstralisLLC",
|
||||
"description": "An open source mod with a built in customizable bug reports system!",
|
||||
"icon": "/resources/images/mods/chatcmd.png",
|
||||
"repo-link": "https://github.com/AstralisLLC/EaglerForge-Mods/blob/main/chat%20utils.js",
|
||||
"download-link": "/resources/mods/chatcmd.js"
|
||||
},
|
||||
{
|
||||
"display-name": "SemiAutoLogin",
|
||||
"mod-name": "autologin",
|
||||
"author": "Murturtle",
|
||||
"author-link": "https://github.com/Murturtle",
|
||||
"description": "Press L to login without typing!",
|
||||
"icon": "/resources/images/mods/autologin.png",
|
||||
"repo-link": "https://github.com/Murturtle/MursMods/blob/main/SemiAutoLogin.js",
|
||||
"download-link": "/resources/mods/autologin.js"
|
||||
},
|
||||
{
|
||||
"display-name": "Blur",
|
||||
"mod-name": "blur",
|
||||
"author": "Murturtle",
|
||||
"author-link": "https://github.com/Murturtle",
|
||||
"description": "Makes your fps 5 when unfocused!",
|
||||
"icon": "/resources/images/mods/blur.png",
|
||||
"repo-link": "https://github.com/Murturtle/MursMods/blob/main/Blur.js",
|
||||
"download-link": "/resources/mods/blur.js"
|
||||
},
|
||||
{
|
||||
"display-name": "Jetpack",
|
||||
"mod-name": "jetpack",
|
||||
"author": "radmanplays",
|
||||
"author-link": "https://github.com/radmanplays",
|
||||
"description": "allows you to fly as if you had a jetpack. keybind(hold): h",
|
||||
"icon": "/resources/images/mods/jetpack.png",
|
||||
"repo-link": "https://github.com/radmanplays/eaglerreborn-plugins/blob/main/jetpack-ef.js",
|
||||
"download-link": "/resources/mods/jetpack.js"
|
||||
},
|
||||
{
|
||||
"display-name": "Barney's Music Mod",
|
||||
"mod-name": "barneysmusicmod",
|
||||
"author": "BarneyTheGod",
|
||||
"author-link": "https://github.com/BarneyCompiler",
|
||||
"description": "Plays a users music through a direct mp3 link. Saves music through Local Browser storage.",
|
||||
"icon": "/resources/images/mods/barneysmusicmod.png",
|
||||
"repo-link": "https://github.com/BarneyCompiler/barneysmods/blob/main/Barneys%20Music%20Player",
|
||||
"download-link": "/resources/mods/barneysmusicmod.js"
|
||||
},
|
||||
{
|
||||
"display-name": "Blink",
|
||||
"mod-name": "blinkmod",
|
||||
"author": "radmanplays",
|
||||
"author-link": "https://github.com/radmanplays",
|
||||
"description": "use by typing the .blinkon and .blinkoff commands and sending it",
|
||||
"icon": "/resources/images/mods/blinkmod.png",
|
||||
"repo-link": "https://github.com/radmanplays/eaglerreborn-plugins",
|
||||
"download-link": "/resources/mods/blinkmod.js"
|
||||
},
|
||||
{
|
||||
"display-name": "GrappleHook",
|
||||
"mod-name": "graplehookmod",
|
||||
"author": "radmanplays",
|
||||
"author-link": "https://github.com/radmanplays",
|
||||
"description": "grappling hook mod. how to use: 1.grab a fishing rod 2.use the fishing rod 3.grappling hook! ",
|
||||
"icon": "/resources/images/mods/graplehookmod.png",
|
||||
"repo-link": "https://github.com/radmanplays/eaglerreborn-plugins",
|
||||
"download-link": "/resources/mods/graplehookmod.js"
|
||||
},
|
||||
{
|
||||
"display-name": "Xray",
|
||||
"mod-name": "xraymod",
|
||||
"author": "radmanplays",
|
||||
"author-link": "https://github.com/radmanplays",
|
||||
"description": "simple xray mod. its recommended to use this with Fullbright. keybind: x",
|
||||
"icon": "/resources/images/mods/xraymod.png",
|
||||
"repo-link": "https://github.com/EaglerRinth/eaglerrinth.github.io/blob/main/CommunityMods/Xray.js",
|
||||
"download-link": "/resources/mods/xraymod.js"
|
||||
},
|
||||
{
|
||||
"display-name": "Fullbright",
|
||||
"mod-name": "fullbright",
|
||||
"author": "radmanplays",
|
||||
"author-link": "https://github.com/radmanplays",
|
||||
"description": "full bright mod for eaglerforge. keybind(enabled by default): f",
|
||||
"icon": "/resources/images/mods/fullbright.png",
|
||||
"repo-link": "https://github.com/EaglerRinth/eaglerrinth.github.io/blob/main/CommunityMods/fullbright.js",
|
||||
"download-link": "/resources/mods/fullbright.js"
|
||||
},
|
||||
{
|
||||
"display-name": "Autoclicker",
|
||||
"mod-name": "autoclicker",
|
||||
"author": "radmanplays",
|
||||
"author-link": "https://github.com/radmanplays",
|
||||
"description": "this mod clicks for you",
|
||||
"icon": "/resources/images/mods/autoclicker.png",
|
||||
"repo-link": "https://github.com/EaglerRinth/eaglerrinth.github.io/blob/main/CommunityMods/autoclicker.js",
|
||||
"download-link": "/resources/mods/autoclicker.js"
|
||||
},
|
||||
{
|
||||
"display-name": "Speed Mod",
|
||||
"mod-name": "speedmod",
|
||||
"author": "radmanplays",
|
||||
"author-link": "https://github.com/radmanplays",
|
||||
"description": "makes you faster",
|
||||
"icon": "/resources/images/mods/speedmod.png",
|
||||
"repo-link": "https://github.com/EaglerRinth/eaglerrinth.github.io/blob/main/CommunityMods/Speed.js",
|
||||
"download-link": "/resources/mods/speedmod.js"
|
||||
},
|
||||
{
|
||||
"display-name": "Chat Shortcuts",
|
||||
"mod-name": "chatshortcutsmod",
|
||||
"author": "radmanplays",
|
||||
"author-link": "https://github.com/radmanplays",
|
||||
"description": "shortcuts: {health}, {pos}, {name}, {me}, {x}, {y}, {z}, {level}, {walked}, {chunk}",
|
||||
"icon": "/resources/images/mods/chatshortcutsmod.png",
|
||||
"repo-link": "https://github.com/EaglerRinth/eaglerrinth.github.io/blob/main/CommunityMods/ChatShortcuts.js",
|
||||
"download-link": "/resources/mods/chatshortcutsmod.js"
|
||||
},
|
||||
{
|
||||
"display-name": "NoFall",
|
||||
"mod-name": "nofallmod",
|
||||
"author": "radmanplays",
|
||||
"author-link": "https://github.com/radmanplays",
|
||||
"description": "makes you not take fall damage",
|
||||
"icon": "/resources/images/mods/nofallmod.png",
|
||||
"repo-link": "https://github.com/EaglerRinth/eaglerrinth.github.io/blob/main/CommunityMods/NoFall.js",
|
||||
"download-link": "/resources/mods/nofallmod.js"
|
||||
},
|
||||
{
|
||||
"display-name": "AutoFish",
|
||||
"mod-name": "autofishmod",
|
||||
"author": "radmanplays",
|
||||
"author-link": "https://github.com/radmanplays",
|
||||
"description": "fishes for you. just throw a fishing rod in water to use this mod",
|
||||
"icon": "/resources/images/mods/autofishmod.png",
|
||||
"repo-link": "https://github.com/EaglerRinth/eaglerrinth.github.io/blob/main/CommunityMods/AutoFish.js",
|
||||
"download-link": "/resources/mods/autofishmod.js"
|
||||
}
|
||||
],
|
||||
"resourcepacks": [
|
||||
{
|
||||
"display-name": "Barebones Bossbars",
|
||||
"mod-name": "barebones-bossbars",
|
||||
"author": "vexcenot",
|
||||
"author-link": "https://modrinth.com/user/vexcenot",
|
||||
"description": "simplistic per-mob icons and colors to decorate boss bars with",
|
||||
"icon": "/resources/images/resourcepacks/barebones-bossbars.png",
|
||||
"repo-link": "https://modrinth.com/resourcepack/barebones-bossbars",
|
||||
"download-link": "/resources/resourcepacks/barebones-bossbars.zip"
|
||||
},
|
||||
{
|
||||
"display-name": "Daggers",
|
||||
"mod-name": "daggers",
|
||||
"author": "devin",
|
||||
"author-link": "https://modrinth.com/user/devin",
|
||||
"description": "Shorter swords for better visibility.",
|
||||
"icon": "/resources/images/resourcepacks/daggers.png",
|
||||
"repo-link": "https://modrinth.com/resourcepack/daggers",
|
||||
"download-link": "/resources/resourcepacks/daggers.zip"
|
||||
},
|
||||
{
|
||||
"display-name": "Faithful (32x)",
|
||||
"mod-name": "faithful-32x",
|
||||
"author": "Faithful-Resource-Pack",
|
||||
"author-link": "https://modrinth.com/user/Faithful-Resource-Pack",
|
||||
"description": "The original Minecraft texture feel, with double the resolution and double the fun!",
|
||||
"icon": "/resources/images/resourcepacks/faithful-32x.png",
|
||||
"repo-link": "https://modrinth.com/resourcepack/faithful-32x",
|
||||
"download-link": "/resources/resourcepacks/faithful-32x.zip"
|
||||
},
|
||||
{
|
||||
"display-name": "Low On Fire",
|
||||
"mod-name": "low-on-fire",
|
||||
"author": "Haikis",
|
||||
"author-link": "https://modrinth.com/user/Haikis",
|
||||
"description": "Low fire on your screen! Vanilla Friendly",
|
||||
"icon": "/resources/images/resourcepacks/low-on-fire.png",
|
||||
"repo-link": "https://modrinth.com/resourcepack/low-on-fire",
|
||||
"download-link": "/resources/resourcepacks/low-on-fire.zip"
|
||||
},
|
||||
{
|
||||
"display-name": "Serified Font",
|
||||
"mod-name": "serified-font",
|
||||
"author": "bebebea_loste",
|
||||
"author-link": "https://modrinth.com/user/bebebea_loste",
|
||||
"description": "My take on a fancier Minecraft typeface",
|
||||
"icon": "/resources/images/resourcepacks/serified-font.png",
|
||||
"repo-link": "https://modrinth.com/resourcepack/serified-font",
|
||||
"download-link": "/resources/resourcepacks/serified-font.zip"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
@@ -1,74 +0,0 @@
|
||||
{
|
||||
"mods": [
|
||||
{
|
||||
"display-name": "Barebones Bossbars",
|
||||
"mod-name": "barebonebossbar",
|
||||
"author": "vexcenot",
|
||||
"author-link": "https://modrinth.com/user/vexcenot",
|
||||
"description": "Custom bossbars with the bare bones look!",
|
||||
"icon": "https://cdn.modrinth.com/data/Fv0dWWtc/9c8b6048d6ca0e5165d1276322cc776513ea7d53.png",
|
||||
"repo-link": "https://modrinth.com/resourcepack/barebones-bossbars",
|
||||
"download-link": "/resources/resourcepacks/BarebonesBossbars.zip"
|
||||
},
|
||||
{
|
||||
"display-name": "Daggers",
|
||||
"mod-name": "daggers",
|
||||
"author": "devin",
|
||||
"author-link": "https://modrinth.com/user/devin",
|
||||
"description": "Shorter swords for better viewablility!",
|
||||
"icon": "https://cdn.modrinth.com/data/50CqnmS1/5d8f4b0d28caf77a6d219e129babc9825ff36e5b.png",
|
||||
"repo-link": "https://modrinth.com/resourcepack/daggers",
|
||||
"download-link": "/resources/resourcepacks/Daggers.zip"
|
||||
},
|
||||
{
|
||||
"display-name": "Faithful (32x)",
|
||||
"mod-name": "faithful32",
|
||||
"author": "Faithful Resource Pack",
|
||||
"author-link": "https://modrinth.com/user/Faithful-Resource-Pack",
|
||||
"description": "The goto 32x resource pack!",
|
||||
"icon": "https://cdn.modrinth.com/data/w0TnApzs/icon.png",
|
||||
"repo-link": "https://modrinth.com/resourcepack/faithful-32x",
|
||||
"download-link": "/resources/resourcepacks/Faithful32.zip"
|
||||
},
|
||||
{
|
||||
"display-name": "Sweet Cherry (16x)",
|
||||
"mod-name": "sweetcherry",
|
||||
"author": "VanillaSpooks",
|
||||
"author-link": "https://www.planetminecraft.com/member/vanillaspooks/",
|
||||
"description": "A red pvp texture pack",
|
||||
"icon": "https://static.planetminecraft.com/files/image/minecraft/texture-pack/2022/558/15881328-alcheraske_l.webp",
|
||||
"repo-link": "https://www.planetminecraft.com/texture-pack/sweet-cherry-16x/",
|
||||
"download-link": "/resources/resourcepacks/SweetCherry.zip"
|
||||
},
|
||||
{
|
||||
"display-name": "Cotton Candy Fade (16x)",
|
||||
"mod-name": "cottoncandy",
|
||||
"author": "Neverflagastralis",
|
||||
"author-link": "https://github.com/AstralisLLC",
|
||||
"description": "Another PVP texture pack",
|
||||
"icon": "https://static.planetminecraft.com/files/image/minecraft/texture-pack/2021/806/14267229-untitled_l.webp",
|
||||
"repo-link": "https://www.planetminecraft.com/texture-pack/default-edit-cotton-candy-fade/",
|
||||
"download-link": "/resources/resourcepacks/CottonCandy.zip"
|
||||
},
|
||||
{
|
||||
"display-name": "Low On Fire",
|
||||
"mod-name": "lowonfire",
|
||||
"author": "haikis",
|
||||
"author-link": "https://www.curseforge.com/members/haikis/projects",
|
||||
"description": "Lowers the fire texture",
|
||||
"icon": "https://media.forgecdn.net/avatars/thumbnails/494/548/256/256/637806308919001110.png",
|
||||
"repo-link": "https://www.curseforge.com/minecraft/texture-packs/low-on-fire",
|
||||
"download-link": "/resources/resourcepacks/LowOnFire.zip"
|
||||
},
|
||||
{
|
||||
"display-name": "Serified Font",
|
||||
"mod-name": "serifiedfont",
|
||||
"author": "bebebea_loste",
|
||||
"author-link": "https://modrinth.com/user/bebebea_loste",
|
||||
"description": "A fancy font for minecraft",
|
||||
"icon": "https://cdn.modrinth.com/data/L0iIXINl/58337aaed77bf06b7913e415438730f6210c38d9.png",
|
||||
"repo-link": "https://modrinth.com/resourcepack/serified-font",
|
||||
"download-link": "/resources/resourcepacks/SerifiedFont.zip"
|
||||
}
|
||||
]
|
||||
}
|
||||
BIN
public/resources/images/covers/clients.png
Normal file
|
After Width: | Height: | Size: 456 KiB |
|
Before Width: | Height: | Size: 1.6 MiB After Width: | Height: | Size: 1.6 MiB |
|
Before Width: | Height: | Size: 365 KiB After Width: | Height: | Size: 365 KiB |
BIN
public/resources/images/icons/clients/1.9.4.png
Normal file
|
After Width: | Height: | Size: 331 KiB |
|
Before Width: | Height: | Size: 2.1 KiB After Width: | Height: | Size: 2.1 KiB |
|
Before Width: | Height: | Size: 22 KiB After Width: | Height: | Size: 22 KiB |
|
Before Width: | Height: | Size: 2.3 KiB After Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 6.0 KiB After Width: | Height: | Size: 6.0 KiB |
|
Before Width: | Height: | Size: 49 KiB After Width: | Height: | Size: 49 KiB |
|
Before Width: | Height: | Size: 442 KiB After Width: | Height: | Size: 442 KiB |
BIN
public/resources/images/icons/dropdown-selector.png
Normal file
|
After Width: | Height: | Size: 2.5 KiB |
|
Before Width: | Height: | Size: 35 KiB After Width: | Height: | Size: 35 KiB |
|
Before Width: | Height: | Size: 172 KiB After Width: | Height: | Size: 172 KiB |
BIN
public/resources/images/icons/nav/mods.png
Normal file
|
After Width: | Height: | Size: 4.9 KiB |
|
Before Width: | Height: | Size: 82 KiB After Width: | Height: | Size: 82 KiB |
|
Before Width: | Height: | Size: 238 B After Width: | Height: | Size: 238 B |
|
Before Width: | Height: | Size: 255 B After Width: | Height: | Size: 255 B |
|
Before Width: | Height: | Size: 244 KiB After Width: | Height: | Size: 244 KiB |
|
Before Width: | Height: | Size: 59 KiB After Width: | Height: | Size: 59 KiB |
|
Before Width: | Height: | Size: 156 KiB After Width: | Height: | Size: 156 KiB |
|
Before Width: | Height: | Size: 130 KiB |
|
Before Width: | Height: | Size: 389 KiB |
|
Before Width: | Height: | Size: 758 KiB |
|
Before Width: | Height: | Size: 20 KiB |
|
Before Width: | Height: | Size: 33 KiB |
|
Before Width: | Height: | Size: 4.1 KiB |
|
Before Width: | Height: | Size: 124 KiB |
|
Before Width: | Height: | Size: 511 KiB |
BIN
public/resources/images/mods/autoclicker.png
Normal file
|
After Width: | Height: | Size: 745 B |
BIN
public/resources/images/mods/autofishmod.png
Normal file
|
After Width: | Height: | Size: 176 KiB |
BIN
public/resources/images/mods/autologin.png
Normal file
|
After Width: | Height: | Size: 176 KiB |
BIN
public/resources/images/mods/barneysmusicmod.png
Normal file
|
After Width: | Height: | Size: 18 KiB |
BIN
public/resources/images/mods/blinkmod.png
Normal file
|
After Width: | Height: | Size: 176 KiB |
BIN
public/resources/images/mods/blur.png
Normal file
|
After Width: | Height: | Size: 246 KiB |
BIN
public/resources/images/mods/burmod.png
Normal file
|
After Width: | Height: | Size: 176 KiB |
BIN
public/resources/images/mods/chatcmd.png
Normal file
|
After Width: | Height: | Size: 176 KiB |
BIN
public/resources/images/mods/chatshortcutsmod.png
Normal file
|
After Width: | Height: | Size: 176 KiB |
BIN
public/resources/images/mods/freshui.png
Normal file
|
After Width: | Height: | Size: 176 KiB |
BIN
public/resources/images/mods/fullbright.png
Normal file
|
After Width: | Height: | Size: 676 KiB |
BIN
public/resources/images/mods/graplehookmod.png
Normal file
|
After Width: | Height: | Size: 1.1 KiB |
BIN
public/resources/images/mods/jetpack.png
Normal file
|
After Width: | Height: | Size: 1.0 KiB |
BIN
public/resources/images/mods/nofallmod.png
Normal file
|
After Width: | Height: | Size: 176 KiB |
BIN
public/resources/images/mods/speedmod.png
Normal file
|
After Width: | Height: | Size: 781 B |
BIN
public/resources/images/mods/statshud.png
Normal file
|
After Width: | Height: | Size: 2.9 KiB |
BIN
public/resources/images/mods/xraymod.png
Normal file
|
After Width: | Height: | Size: 128 KiB |
BIN
public/resources/images/resourcepacks/barebones-bossbars.png
Normal file
|
After Width: | Height: | Size: 13 KiB |
BIN
public/resources/images/resourcepacks/daggers.png
Normal file
|
After Width: | Height: | Size: 8.4 KiB |
BIN
public/resources/images/resourcepacks/faithful-32x.png
Normal file
|
After Width: | Height: | Size: 14 KiB |
BIN
public/resources/images/resourcepacks/low-on-fire.png
Normal file
|
After Width: | Height: | Size: 7.1 KiB |
BIN
public/resources/images/resourcepacks/serified-font.png
Normal file
|
After Width: | Height: | Size: 224 KiB |
7
public/resources/mods/autoclicker.js
Normal file
@@ -0,0 +1,7 @@
|
||||
let cps = 2
|
||||
|
||||
function click() {
|
||||
ModAPI.clickMouse()
|
||||
}
|
||||
let intervalTime = 1000 / cps;
|
||||
let intervalID = setInterval(click, intervalTime);
|
||||
42
public/resources/mods/autofishmod.js
Normal file
@@ -0,0 +1,42 @@
|
||||
ModAPI.require("player"); //Require the player, we need to select their fishing rod.
|
||||
var timer;
|
||||
var fishRodId = ModAPI.items.fishing_rod.getID(); //Store the item id of fishing rods, so we don't have to recalculate it every time.
|
||||
ModAPI.addEventListener("packetsoundeffect", (ev) => { //When we receive a sound effect packet
|
||||
if (ev.soundName === "random.splash") { //If it is a splash
|
||||
rightClick(); //run the rightClick() function
|
||||
}
|
||||
});
|
||||
ModAPI.addEventListener("update", () => { //every client tick
|
||||
if ( //If the player is holding a fishing rod
|
||||
ModAPI.player.inventory.mainInventory[
|
||||
ModAPI.player.inventory.currentItem
|
||||
] &&
|
||||
ModAPI.player.inventory.mainInventory[
|
||||
ModAPI.player.inventory.currentItem
|
||||
].itemId === fishRodId
|
||||
) {
|
||||
if (timer > 0) { //If timer is greater than 0
|
||||
timer--; //Decrease the timer by 1
|
||||
return; //Exit the function
|
||||
}
|
||||
if (ModAPI.player.fishEntity) { //If the fish bobber exists
|
||||
return; //Exit the function
|
||||
}
|
||||
|
||||
rightClick(); //run the rightClick() function
|
||||
}
|
||||
});
|
||||
function rightClick() {
|
||||
if ( //If the player is not holding a fishing rod
|
||||
!ModAPI.player.inventory.mainInventory[
|
||||
ModAPI.player.inventory.currentItem
|
||||
] ||
|
||||
!ModAPI.player.inventory.mainInventory[
|
||||
ModAPI.player.inventory.currentItem
|
||||
].itemId === fishRodId
|
||||
) {
|
||||
return; //Exit the function
|
||||
}
|
||||
ModAPI.rightClickMouse(); //Tell the ModAPI to trigger a right click.
|
||||
timer = 15; // Set the timer to 15
|
||||
}
|
||||
47
public/resources/mods/autologin.js
Normal file
@@ -0,0 +1,47 @@
|
||||
(() => {
|
||||
var popupCenter = ({url, title, w, h}) => {
|
||||
var dualScreenLeft = window.screenLeft !== undefined ? window.screenLeft : window.screenX;
|
||||
var dualScreenTop = window.screenTop !== undefined ? window.screenTop : window.screenY;
|
||||
|
||||
var width = window.innerWidth ? window.innerWidth : document.documentElement.clientWidth ? document.documentElement.clientWidth : screen.width;
|
||||
var height = window.innerHeight ? window.innerHeight : document.documentElement.clientHeight ? document.documentElement.clientHeight : screen.height;
|
||||
|
||||
var systemZoom = width / window.screen.availWidth;
|
||||
var left = (width - w) / 2 / systemZoom + dualScreenLeft
|
||||
var top = (height - h) / 2 / systemZoom + dualScreenTop
|
||||
var newWindow = window.open(url, title,
|
||||
`
|
||||
scrollbars=yes,
|
||||
width=${w / systemZoom},
|
||||
height=${h / systemZoom},
|
||||
top=${top},
|
||||
left=${left}
|
||||
`
|
||||
)
|
||||
|
||||
return newWindow;
|
||||
}
|
||||
ModAPI.require("player");
|
||||
var w = 200;
|
||||
var h = 200;
|
||||
var newWin = popupCenter({url: '', title: '', w: 200, h: 100});
|
||||
var pass = "";
|
||||
|
||||
if(!newWin || newWin.closed || typeof newWin.closed=='undefined')
|
||||
{
|
||||
pass = prompt("login (popup failed!)");
|
||||
} else {
|
||||
newWin.document.body.innerHTML="<center><form id='form'><input id='pass' type='password' autofocus/><br><br><input type='submit' value='Register'></form></center>";
|
||||
newWin.document.getElementById("form").onsubmit=function(){
|
||||
pass = newWin.document.getElementById("pass").value;
|
||||
newWin.close();
|
||||
};
|
||||
}
|
||||
|
||||
function loginModFunc(e){
|
||||
if(e.key == 38){
|
||||
ModAPI.player.sendChatMessage({message:"/login "+pass})
|
||||
}
|
||||
};
|
||||
ModAPI.addEventListener("key",loginModFunc);
|
||||
})();
|
||||
201
public/resources/mods/barneysmusicmod.js
Normal file
@@ -0,0 +1,201 @@
|
||||
var playButton = document.createElement('button');
|
||||
playButton.textContent = 'Music';
|
||||
playButton.style.position = 'fixed';
|
||||
playButton.style.top = '20px';
|
||||
playButton.style.right = '20px';
|
||||
playButton.style.padding = '10px 20px';
|
||||
playButton.style.backgroundColor = '#007bff';
|
||||
playButton.style.color = '#fff';
|
||||
playButton.style.border = 'none';
|
||||
playButton.style.borderRadius = '5px';
|
||||
playButton.style.cursor = 'pointer';
|
||||
playButton.style.fontFamily = 'Poppins, sans-serif';
|
||||
|
||||
document.body.appendChild(playButton);
|
||||
|
||||
var songs = JSON.parse(localStorage.getItem('songs')) || {};
|
||||
|
||||
var audioElement = new Audio();
|
||||
|
||||
playButton.addEventListener('click', function() {
|
||||
var modal = document.createElement('div');
|
||||
modal.style.position = 'fixed';
|
||||
modal.style.top = '50%';
|
||||
modal.style.left = '50%';
|
||||
modal.style.transform = 'translate(-50%, -50%)';
|
||||
modal.style.backgroundColor = '#141414';
|
||||
modal.style.borderRadius = '10px';
|
||||
modal.style.padding = '40px';
|
||||
modal.style.boxShadow = '0 0 10px rgba(0, 0, 0, 0.5)';
|
||||
modal.style.zIndex = '9999';
|
||||
modal.style.cursor = 'move';
|
||||
|
||||
var isDragging = false;
|
||||
var offsetX, offsetY;
|
||||
|
||||
function handleMouseDown(event) {
|
||||
isDragging = true;
|
||||
offsetX = event.clientX - modal.offsetLeft;
|
||||
offsetY = event.clientY - modal.offsetTop;
|
||||
}
|
||||
|
||||
function handleMouseMove(event) {
|
||||
if (isDragging) {
|
||||
var x = event.clientX - offsetX;
|
||||
var y = event.clientY - offsetY;
|
||||
modal.style.left = x + 'px';
|
||||
modal.style.top = y + 'px';
|
||||
}
|
||||
}
|
||||
|
||||
function handleMouseUp() {
|
||||
isDragging = false;
|
||||
}
|
||||
|
||||
modal.addEventListener('mousedown', handleMouseDown);
|
||||
window.addEventListener('mousemove', handleMouseMove);
|
||||
window.addEventListener('mouseup', handleMouseUp);
|
||||
|
||||
var closeButton = document.createElement('button');
|
||||
closeButton.textContent = '✕';
|
||||
closeButton.style.position = 'absolute';
|
||||
closeButton.style.top = '10px';
|
||||
closeButton.style.right = '10px';
|
||||
closeButton.style.backgroundColor = 'transparent';
|
||||
closeButton.style.border = 'none';
|
||||
closeButton.style.fontSize = '20px';
|
||||
closeButton.style.cursor = 'pointer';
|
||||
closeButton.style.color = 'red';
|
||||
|
||||
closeButton.addEventListener('click', function() {
|
||||
modal.style.display = 'none';
|
||||
});
|
||||
|
||||
var title = document.createElement('h2');
|
||||
title.textContent = 'Barneys Music Player';
|
||||
title.style.color = '#fff';
|
||||
title.style.textAlign = 'center';
|
||||
title.style.marginBottom = '20px';
|
||||
title.style.fontFamily = 'Poppins, sans-serif';
|
||||
|
||||
var songNameInput = document.createElement('input');
|
||||
songNameInput.setAttribute('type', 'text');
|
||||
songNameInput.style.width = '100%';
|
||||
songNameInput.style.marginBottom = '20px';
|
||||
songNameInput.placeholder = 'Enter the name of the song';
|
||||
songNameInput.disabled = false;
|
||||
songNameInput.style.fontFamily = 'Poppins, sans-serif';
|
||||
|
||||
songNameInput.addEventListener('click', function() {
|
||||
var songName = prompt('Please enter the name of the song:');
|
||||
if (songName) {
|
||||
songNameInput.value = songName;
|
||||
}
|
||||
});
|
||||
|
||||
var musicUrlInput = document.createElement('input');
|
||||
musicUrlInput.setAttribute('type', 'text');
|
||||
musicUrlInput.style.width = '100%';
|
||||
musicUrlInput.style.marginBottom = '20px';
|
||||
musicUrlInput.placeholder = 'Enter the URL of the song';
|
||||
musicUrlInput.disabled = false;
|
||||
musicUrlInput.style.fontFamily = 'Poppins, sans-serif';
|
||||
|
||||
musicUrlInput.addEventListener('click', function() {
|
||||
var musicUrl = prompt('Please enter the URL of the song:');
|
||||
if (musicUrl) {
|
||||
musicUrlInput.value = musicUrl;
|
||||
}
|
||||
});
|
||||
|
||||
var addButton = document.createElement('button');
|
||||
addButton.textContent = 'Add';
|
||||
addButton.style.width = '100%';
|
||||
addButton.style.padding = '10px 0';
|
||||
addButton.style.backgroundColor = 'purple';
|
||||
addButton.style.color = '#fff';
|
||||
addButton.style.border = 'none';
|
||||
addButton.style.borderRadius = '5px';
|
||||
addButton.style.cursor = 'pointer';
|
||||
addButton.style.marginBottom = '10px';
|
||||
addButton.style.fontFamily = 'Poppins, sans-serif';
|
||||
|
||||
var playButton = document.createElement('button');
|
||||
playButton.textContent = 'Play';
|
||||
playButton.style.width = '100%';
|
||||
playButton.style.padding = '10px 0';
|
||||
playButton.style.backgroundColor = 'purple';
|
||||
playButton.style.color = '#fff';
|
||||
playButton.style.border = 'none';
|
||||
playButton.style.borderRadius = '5px';
|
||||
playButton.style.cursor = 'pointer';
|
||||
playButton.style.marginBottom = '10px';
|
||||
playButton.style.fontFamily = 'Poppins, sans-serif';
|
||||
|
||||
playButton.addEventListener('click', function() {
|
||||
var selectedSongName = songNameInput.value;
|
||||
if (selectedSongName && songs[selectedSongName]) {
|
||||
var url = songs[selectedSongName];
|
||||
audioElement.pause();
|
||||
audioElement.src = url;
|
||||
audioElement.play();
|
||||
} else {
|
||||
alert('Please select a song from the list.');
|
||||
}
|
||||
});
|
||||
|
||||
modal.appendChild(closeButton);
|
||||
modal.appendChild(title);
|
||||
modal.appendChild(songNameInput);
|
||||
modal.appendChild(musicUrlInput);
|
||||
modal.appendChild(addButton);
|
||||
modal.appendChild(playButton);
|
||||
|
||||
document.body.appendChild(modal);
|
||||
|
||||
addButton.addEventListener('click', function() {
|
||||
var songName = songNameInput.value;
|
||||
var musicUrl = musicUrlInput.value;
|
||||
if (songName && musicUrl) {
|
||||
if (!songs[songName]) {
|
||||
songs[songName] = musicUrl;
|
||||
localStorage.setItem('songs', JSON.stringify(songs));
|
||||
songNameInput.value = '';
|
||||
musicUrlInput.value = '';
|
||||
displaySongs();
|
||||
alert('Song added successfully!');
|
||||
} else {
|
||||
alert('Song with the same name already exists.');
|
||||
}
|
||||
} else {
|
||||
alert('Please enter song name and URL.');
|
||||
}
|
||||
});
|
||||
|
||||
function displaySongs() {
|
||||
while (modal.lastChild && modal.lastChild.tagName === 'UL') {
|
||||
modal.removeChild(modal.lastChild);
|
||||
}
|
||||
|
||||
var songList = document.createElement('ul');
|
||||
songList.style.color = '#fff';
|
||||
for (var song in songs) {
|
||||
var listItem = document.createElement('li');
|
||||
listItem.textContent = song;
|
||||
listItem.style.cursor = 'pointer';
|
||||
listItem.addEventListener('click', function() {
|
||||
songNameInput.value = this.textContent;
|
||||
});
|
||||
songList.appendChild(listItem);
|
||||
}
|
||||
modal.appendChild(songList);
|
||||
}
|
||||
|
||||
displaySongs();
|
||||
});
|
||||
|
||||
function playMusic(url) {
|
||||
audioElement.pause();
|
||||
audioElement.src = url;
|
||||
audioElement.play();
|
||||
}
|
||||
199
public/resources/mods/blinkmod.js
Normal file
@@ -0,0 +1,199 @@
|
||||
ModAPI.require("network");
|
||||
ModAPI.require("player");
|
||||
var packetsOnTodoList = [];
|
||||
var blinking = false;
|
||||
ModAPI.addEventListener("event", (ev) => {
|
||||
if (
|
||||
blinking &&
|
||||
ev.event.startsWith("sendpacket") &&
|
||||
ev.event !== "sendpacketkeepalive"
|
||||
) {
|
||||
ev.data.preventDefault = true;
|
||||
packetsOnTodoList.push(ev);
|
||||
}
|
||||
});
|
||||
function blinkOn() {
|
||||
if (blinking === true) {
|
||||
return;
|
||||
}
|
||||
blinking = true;
|
||||
ModAPI.displayToChat({ msg: "Blink activated." });
|
||||
}
|
||||
function blinkOff() {
|
||||
if (blinking === false) {
|
||||
return;
|
||||
}
|
||||
blinking = false;
|
||||
ModAPI.displayToChat({ msg: "Blink deactivated." });
|
||||
packetsOnTodoList.forEach((ev) => {
|
||||
var data = ev.data;
|
||||
switch (ev.event) {
|
||||
case "sendpacketanimation":
|
||||
ModAPI.network.sendPacketAnimation();
|
||||
break;
|
||||
case "sendpacketentityaction":
|
||||
ModAPI.network.sendPacketEntityAction({
|
||||
entityId: data.entityID,
|
||||
action: data.action,
|
||||
auxData: data.auxData,
|
||||
});
|
||||
break;
|
||||
case "sendpacketinput":
|
||||
ModAPI.network.sendPacketInput({
|
||||
strafeSpeed: data.strafeSpeed,
|
||||
forwardSpeed: data.forwardSpeed,
|
||||
jumping: data.jumping,
|
||||
sneaking: data.sneaking,
|
||||
});
|
||||
break;
|
||||
case "sendpacketclosewindow":
|
||||
ModAPI.network.sendPacketCloseWindow({ windowId: data.windowId });
|
||||
break;
|
||||
case "sendpacketclickwindow":
|
||||
ModAPI.network.sendPacketClickWindow({
|
||||
windowId: data.windowId,
|
||||
slotId: data.slotId,
|
||||
usedButton: data.usedButton,
|
||||
mode: data.mode,
|
||||
clickedItemRef: data.clickedItem ? data.clickedItem.getRef() : {},
|
||||
actionNumber: data.actionNumber,
|
||||
});
|
||||
break;
|
||||
case "sendpacketconfirmtransaction":
|
||||
ModAPI.network.sendPacketConfirmTransaction({
|
||||
windowId: data.windowId,
|
||||
uid: data.uid,
|
||||
accepted: data.accepted,
|
||||
});
|
||||
break;
|
||||
case "sendpacketchatmessage":
|
||||
ModAPI.network.sendPacketConfirmTransaction({
|
||||
messageIn: data.message,
|
||||
});
|
||||
break;
|
||||
case "sendpacketuseentity":
|
||||
ModAPI.network.sendPacketUseEntity({
|
||||
entityId: data.entityId,
|
||||
action: data.action,
|
||||
});
|
||||
break;
|
||||
case "sendpacketplayerposition":
|
||||
ModAPI.network.sendPacketPlayerPosition({
|
||||
posX: data.x,
|
||||
posY: data.y,
|
||||
posZ: data.z,
|
||||
isOnGround: data.onGround,
|
||||
});
|
||||
case "sendpacketplayerlook":
|
||||
ModAPI.network.sendPacketPlayerLook({
|
||||
playerYaw: data.yaw,
|
||||
playerPitch: data.pitch,
|
||||
isOnGround: data.onGround,
|
||||
});
|
||||
break;
|
||||
case "sendpacketplayerposlook":
|
||||
ModAPI.network.sendPacketPlayerPosLook({
|
||||
playerX: data.x,
|
||||
playerY: data.y,
|
||||
playerZ: data.z,
|
||||
playerYaw: data.yaw,
|
||||
playerPitch: data.pitch,
|
||||
isOnGround: data.onGround,
|
||||
});
|
||||
case "sendpacketplayer":
|
||||
ModAPI.network.sendPacketPlayer({
|
||||
isOnGround: data.onGround,
|
||||
});
|
||||
break;
|
||||
case "sendpacketplayerdigging":
|
||||
ModAPI.network.sendPacketPlayerDigging({
|
||||
pos: data.position,
|
||||
facing: data.facing,
|
||||
action: data.status,
|
||||
});
|
||||
break;
|
||||
case "sendpacketplayerblockplacement":
|
||||
ModAPI.network.sendPacketPlayerBlockPlacement({
|
||||
stackRef: data.stack.getRef(),
|
||||
posRef: data.position.getRef(),
|
||||
placedBlockDirectionIn: data.placedBlockDirection,
|
||||
facingXIn: data.facingX,
|
||||
facingYIn: data.facingY,
|
||||
facingZIn: data.facingZ,
|
||||
});
|
||||
break;
|
||||
case "sendpackethelditemchange":
|
||||
ModAPI.network.sendPacketHeldItemChange({
|
||||
slotId: data.slotId,
|
||||
});
|
||||
break;
|
||||
case "sendpacketcreativeinventoryaction":
|
||||
ModAPI.network.sendPacketCreativeInventoryAction({
|
||||
slotId: data.slotId,
|
||||
stackRef: data.stack.getRef(),
|
||||
});
|
||||
break;
|
||||
case "sendpacketenchantitem":
|
||||
ModAPI.network.sendPacketEnchantItem({
|
||||
windowId: data.windowId,
|
||||
button: data.button,
|
||||
});
|
||||
break;
|
||||
case "sendpacketupdatesign":
|
||||
ModAPI.network.sendPacketUpdateSign({
|
||||
pos: data.pos,
|
||||
lines: data.lines,
|
||||
});
|
||||
break;
|
||||
case "sendpacketplayerabilities":
|
||||
ModAPI.network.sendPacketPlayerAbilities({
|
||||
capabilitiesRef: ModAPI.player.capabilities.getRef(),
|
||||
});
|
||||
break;
|
||||
case "sendpackettabcomplete":
|
||||
ModAPI.network.sendPacketTabComplete({
|
||||
msg: data.message,
|
||||
target: data.targetBlock,
|
||||
});
|
||||
break;
|
||||
case "sendpacketclientsettings":
|
||||
ModAPI.network.sendPacketClientSettings({
|
||||
lang: data.lang,
|
||||
view: data.view,
|
||||
chatVisibility: data.chatVisibility,
|
||||
enableColors: data.enableColors,
|
||||
modelPartFlags: data.modelPartFlags,
|
||||
});
|
||||
break;
|
||||
case "sendpacketclientstatus":
|
||||
ModAPI.network.sendPacketClientStatus({
|
||||
status: data.status,
|
||||
});
|
||||
break;
|
||||
case "sendpacketspectate":
|
||||
ModAPI.network.sendPacketSpectate({
|
||||
uuid: data.id,
|
||||
});
|
||||
break;
|
||||
case "sendpacketresourcepackstatus":
|
||||
ModAPI.network.sendPacketResourcePackStatus({
|
||||
hash: data.hash,
|
||||
status: data.status,
|
||||
});
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
});
|
||||
packetsOnTodoList = [];
|
||||
}
|
||||
ModAPI.addEventListener("sendchatmessage", (ev) => {
|
||||
if (ev.message.toLowerCase().trim() === ".blinkon") {
|
||||
ev.preventDefault = true;
|
||||
blinkOn();
|
||||
}
|
||||
if (ev.message.toLowerCase().trim() === ".blinkoff") {
|
||||
ev.preventDefault = true;
|
||||
blinkOff();
|
||||
}
|
||||
});
|
||||
25
public/resources/mods/blur.js
Normal file
@@ -0,0 +1,25 @@
|
||||
(() => {
|
||||
ModAPI.require("settings");
|
||||
var oldFPS = 260;
|
||||
function fcs(){
|
||||
if(ModAPI.settings != null){
|
||||
if(ModAPI.settings.limitFramerate != null){
|
||||
ModAPI.settings.limitFramerate = oldFPS;
|
||||
ModAPI.settings.reload();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function blr(){
|
||||
if(ModAPI.settings != null){
|
||||
if(ModAPI.settings.limitFramerate != null){
|
||||
oldFPS = ModAPI.settings.limitFramerate;
|
||||
ModAPI.settings.limitFramerate = 5;
|
||||
ModAPI.settings.reload();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
addEventListener("focus",fcs);
|
||||
addEventListener("blur",blr);
|
||||
})();
|
||||
22
public/resources/mods/burmod.js
Normal file
143
public/resources/mods/chatcmd.js
Normal file
@@ -0,0 +1,143 @@
|
||||
ModAPI.require('player')
|
||||
const d = new Date()
|
||||
let lastX;
|
||||
let lastY;
|
||||
let lastZ;
|
||||
let bugReport;
|
||||
let webhookURL = 'REPLACE WEBHOOK';
|
||||
let songplayer = new Audio('https://files.catbox.moe/k4j25x.mp3')
|
||||
songplayer.volume = 0.1
|
||||
let oldVolume = songplayer.volume;
|
||||
let loopToggle = false()
|
||||
|
||||
ModAPI.addEventListener('sendchatmessage', function(e) {
|
||||
|
||||
if (e.message == '.help') {
|
||||
e.preventDefault = true
|
||||
ModAPI.displayToChat({msg: `
|
||||
§6[-COMMANDS-]
|
||||
§3.help §6\| §aDisplays this help dialogue
|
||||
§3.spawn §6\| §aAttempts to set player coordinates to 0, 0
|
||||
§3.pos §6\| §aSends a chat message with your current position
|
||||
§3.time §6\| §aSends a chat message with your current time
|
||||
§3.lastpos §6\| §aAttempts to return you to your last position
|
||||
§3.goto §6\| §aAttempts to teleport to the set position
|
||||
§3.setpos §6\| §aSets the position for .goto
|
||||
§3.bugreport §b[msg] §6\| §aSends a message through a webhook
|
||||
§3.play §6\| §aPlays the song (Lo-fi by default)
|
||||
§3.pause §6\| §aPauses the song
|
||||
§3.replay §6\| §aReplays the song
|
||||
§3.volume §b[int] §6\| §aSets the volume of the song (max is 100)
|
||||
§3.src §6\| §aOpens a new tab with the src of the project
|
||||
§3.setsong §b[url] §6\| §aSets a url for the song player
|
||||
§3.loop §6\| §aToggles looping on the the song (Off by default)
|
||||
`})
|
||||
} else if (e.message == '.time') {
|
||||
e.preventDefault = true
|
||||
ModAPI.player.sendChatMessage({message: 'My current date and time is [ '+d+' ]'})
|
||||
} else if (e.message == '.spawn' ) {
|
||||
e.preventDefault = true
|
||||
lastX = ModAPI.player.x
|
||||
lastY = ModAPI.player.y
|
||||
lastZ = ModAPI.player.z
|
||||
setTimeout(() => {
|
||||
ModAPI.player.x = 0;
|
||||
ModAPI.player.z = 0;
|
||||
ModAPI.player.y = 70;
|
||||
ModAPI.player.reload()
|
||||
}, 5);
|
||||
} else if (e.message == '.lastpos') {
|
||||
e.preventDefault = true
|
||||
ModAPI.player.x = lastX;
|
||||
ModAPI.player.y = lastY;
|
||||
ModAPI.player.z = lastZ;
|
||||
ModAPI.player.reload()
|
||||
} else if (e.message == '.pos') {
|
||||
e.preventDefault = true
|
||||
ModAPI.player.sendChatMessage({message: 'My current position is [ ' + Math.floor(ModAPI.player.x) + ', ' + Math.floor(ModAPI.player.y) + ', ' + Math.floor(ModAPI.player.z) + ' ] '})
|
||||
} else if (e.message.startsWith('.bugreport ')) {
|
||||
e.preventDefault = true
|
||||
ModAPI.displayToChat({msg: '§3Bug report: §b'+e.message.substr(11)})
|
||||
sendBugReport(e.message.substr(11).toString())
|
||||
} else if (e.message == '.setpos') {
|
||||
e.preventDefault = true
|
||||
ModAPI.displayToChat({msg: '§3Setting position...'})
|
||||
lastX = ModAPI.player.x;
|
||||
lastY = ModAPI.player.y;
|
||||
lastZ = ModAPI.player.z;
|
||||
setTimeout(() => {
|
||||
ModAPI.displayToChat({msg: '§3Position set!'})
|
||||
}, 100);
|
||||
} else if (e.message == '.goto') {
|
||||
e.preventDefault = true
|
||||
ModAPI.player.x = lastX;
|
||||
ModAPI.player.y = lastY;
|
||||
ModAPI.player.z = lastZ;
|
||||
ModAPI.player.reload()
|
||||
} else if (e.message.startsWith('.bugreport')) {
|
||||
e.preventDefault = true
|
||||
ModAPI.displayToChat({msg: '§6[§4ERROR§6] §cThis command requires a string'})
|
||||
} else if (e.message == '.src') {
|
||||
e.preventDefault = true
|
||||
window.open("https://raw.githubusercontent.com/AstralisLLC/EaglerForge-Mods/main/chat%20utils.js");
|
||||
window.alert('Opening download!')
|
||||
} else if (e.message == '.play') {
|
||||
e.preventDefault = true
|
||||
songplayer.play();
|
||||
ModAPI.displayToChat({msg: '§3Now playing lo-fi'})
|
||||
} else if (e.message == '.pause') {
|
||||
e.preventDefault = true
|
||||
songplayer.pause();
|
||||
ModAPI.displayToChat({msg: '§3Lo-fi paused'})
|
||||
} else if (e.message == '.replay') {
|
||||
e.preventDefault = true
|
||||
songplayer.load();
|
||||
ModAPI.displayToChat({msg: '§3Replaying lo-fi'})
|
||||
} else if (e.message.startsWith('.volume ')) {
|
||||
e.preventDefault = true
|
||||
try {
|
||||
songplayer.volume = (e.message.substr(8) / 100)
|
||||
oldVolume = songplayer.volume
|
||||
ModAPI.displayToChat({msg: '§3Volume set to '+ e.message.substr(8)})
|
||||
} catch (error) {
|
||||
ModAPI.displayToChat({msg: "§6[§4ERROR§6] §c"+error})
|
||||
}
|
||||
} else if (e.message.startsWith('.setsong ') && e.message.substr(9).startsWith('https://')) {
|
||||
e.preventDefault = true
|
||||
songplayer.pause()
|
||||
songplayer = new Audio(e.message.substr(9))
|
||||
songplayer.volume = oldVolume
|
||||
ModAPI.displayToChat({msg: '§3URL was set to §6[ §b' + e.message.substr(9) + ' §6]'})
|
||||
} else if (e.message.startsWith('.setsong')) {
|
||||
e.preventDefault = true
|
||||
ModAPI.displayToChat({msg: '§6[§4ERROR§6] §cThis command requires a URL'})
|
||||
} else if (e.message == '.loop') {
|
||||
e.preventDefault = true
|
||||
songplayer.loop = loopToggle
|
||||
loopToggle = !loopToggle
|
||||
ModAPI.displayToChat({msg: '§3Loop is now set to §6[ §a'+loopToggle+' §6]'})
|
||||
} else if (e.message.startsWith('.')) {
|
||||
e.preventDefault = true
|
||||
ModAPI.displayToChat({msg: '§6[§4ERROR§6] §cNo such command, use .help for available commands'})
|
||||
}
|
||||
|
||||
})
|
||||
|
||||
function updateDate() {
|
||||
const date = new Date()
|
||||
}
|
||||
|
||||
setInterval(updateDate(), 10)
|
||||
|
||||
|
||||
async function sendBugReport(report) {
|
||||
var request = new XMLHttpRequest();
|
||||
request.open("POST", webhookURL);
|
||||
request.setRequestHeader("Content-type", "application/json");
|
||||
|
||||
var params = {
|
||||
content: report
|
||||
};
|
||||
|
||||
request.send(JSON.stringify(params));
|
||||
}
|
||||
44
public/resources/mods/chatshortcutsmod.js
Normal file
@@ -0,0 +1,44 @@
|
||||
ModAPI.require("player");
|
||||
ModAPI.addEventListener("sendchatmessage", function (event) {
|
||||
event.message = `${event.message}`
|
||||
.replaceAll("{health}", ModAPI.player.getHealth() / 2 + "❤")
|
||||
.replaceAll(
|
||||
"{pos}",
|
||||
Math.floor(ModAPI.player.x) +
|
||||
" " +
|
||||
Math.floor(ModAPI.player.y) +
|
||||
" " +
|
||||
Math.floor(ModAPI.player.z)
|
||||
).replaceAll(
|
||||
"{name}",
|
||||
ModAPI.player.getDisplayName()
|
||||
).replaceAll(
|
||||
"{me}",
|
||||
ModAPI.player.getDisplayName()
|
||||
).replaceAll(
|
||||
"{x}",
|
||||
Math.floor(ModAPI.player.x)
|
||||
).replaceAll(
|
||||
"{y}",
|
||||
Math.floor(ModAPI.player.y)
|
||||
).replaceAll(
|
||||
"{z}",
|
||||
Math.floor(ModAPI.player.z)
|
||||
).replaceAll(
|
||||
"{level}",
|
||||
ModAPI.player.experienceLevel
|
||||
).replaceAll(
|
||||
"{walked}",
|
||||
Math.floor(ModAPI.player.movedDistance)
|
||||
).replaceAll(
|
||||
"{chunk}",
|
||||
Math.floor(ModAPI.player.chunkCoordX) +
|
||||
" " +
|
||||
Math.floor(ModAPI.player.chunkCoordY) +
|
||||
" " +
|
||||
Math.floor(ModAPI.player.chunkCoordZ)
|
||||
).replaceAll(
|
||||
"\\n",
|
||||
"\n"
|
||||
);
|
||||
});
|
||||
129
public/resources/mods/freshui.js
Normal file
@@ -0,0 +1,129 @@
|
||||
(() => {
|
||||
|
||||
invAnimDone = false;
|
||||
invAnimSpeed = 300;
|
||||
|
||||
|
||||
function hsl2rgb(h, s, l) {
|
||||
s /= 100;
|
||||
l /= 100;
|
||||
const k = n => (n + h / 30) % 12;
|
||||
const a = s * Math.min(l, 1 - l);
|
||||
const f = n =>
|
||||
l - a * Math.max(-1, Math.min(k(n) - 3, Math.min(9 - k(n), 1)));
|
||||
return [255 * f(0), 255 * f(8), 255 * f(4)];
|
||||
}
|
||||
|
||||
function slideInYGui(yElement,yStart,yEnd,duration){
|
||||
yElement.$guiTop = yStart;
|
||||
this.startTime = Date.now();
|
||||
|
||||
this.calc = yEnd - ((startTime+duration - Date.now()) / duration) * yEnd;
|
||||
yElement.$guiTop = this.calc;
|
||||
|
||||
this.slidn = setInterval(function(){
|
||||
if(Date.now()-duration-startTime < 0 && yElement != yEnd){
|
||||
this.calc = yEnd - ((startTime+duration - Date.now()) / duration) * yEnd;
|
||||
yElement.$guiTop = this.calc;
|
||||
}else{
|
||||
yElement.$guiTop = yEnd;
|
||||
clearInterval(slidn);
|
||||
}
|
||||
}
|
||||
,16);
|
||||
}
|
||||
|
||||
function invSlideIn(){
|
||||
if (ModAPI.mcinstance.$currentScreen != null) {
|
||||
if(ModAPI.mcinstance.$currentScreen.$guiTop != null){
|
||||
if(!invAnimDone){
|
||||
slideInYGui(ModAPI.mcinstance.$currentScreen,0,ModAPI.mcinstance.$currentScreen.$guiTop,invAnimSpeed)
|
||||
invAnimDone = true;
|
||||
}
|
||||
} else {
|
||||
invAnimDone = false;
|
||||
}
|
||||
} else {
|
||||
invAnimDone = false;
|
||||
}
|
||||
}
|
||||
|
||||
function customMainMenu() {
|
||||
if (ModAPI.mcinstance.$currentScreen != null) {
|
||||
if (
|
||||
ModAPI.currentScreen().startsWith("net.minecraft.client.gui.GuiMainMenu")
|
||||
) {
|
||||
|
||||
var singlePlayer =
|
||||
ModAPI.mcinstance.$currentScreen.$buttonList.$array1.data[0];
|
||||
|
||||
var multiPlayer =
|
||||
ModAPI.mcinstance.$currentScreen.$buttonList.$array1.data[1];
|
||||
|
||||
var mods = ModAPI.mcinstance.$currentScreen.$buttonList.$array1.data[2];
|
||||
|
||||
var forkOnGitHub =
|
||||
ModAPI.mcinstance.$currentScreen.$buttonList.$array1.data[3];
|
||||
|
||||
var options =
|
||||
ModAPI.mcinstance.$currentScreen.$buttonList.$array1.data[4];
|
||||
|
||||
var editProfile =
|
||||
ModAPI.mcinstance.$currentScreen.$buttonList.$array1.data[5];
|
||||
|
||||
var launguage =
|
||||
ModAPI.mcinstance.$currentScreen.$buttonList.$array1.data[6];
|
||||
|
||||
var currentScreen = ModAPI.mcinstance.$currentScreen;
|
||||
|
||||
var buttonDistance = 42;
|
||||
var buttonDistanceRel = 22;
|
||||
var buttonSpacing = 2;
|
||||
var buttonWidth = 100;
|
||||
var enc = new TextEncoder();
|
||||
//options
|
||||
options.$width13 = buttonWidth;
|
||||
options.$yPosition = currentScreen.$height7 - buttonDistance;
|
||||
//mods
|
||||
mods.$width13 = buttonWidth / 2;
|
||||
mods.$xPosition0 = options.$xPosition0 - buttonWidth / 2 - buttonSpacing;
|
||||
mods.$yPosition = currentScreen.$height7 - buttonDistance;
|
||||
//SinglePlayer
|
||||
singlePlayer.$width13 = buttonWidth;
|
||||
singlePlayer.$yPosition = options.$yPosition - buttonDistanceRel;
|
||||
//MultiPlayer
|
||||
multiPlayer.$width13 = buttonWidth + launguage.$width13 + buttonSpacing;
|
||||
multiPlayer.$xPosition0 =
|
||||
singlePlayer.$xPosition0 + buttonWidth + buttonSpacing;
|
||||
multiPlayer.$yPosition = options.$yPosition - buttonDistanceRel;
|
||||
//Edit profile
|
||||
editProfile.$width13 = buttonWidth;
|
||||
editProfile.$yPosition = currentScreen.$height7 - buttonDistance;
|
||||
//Lang
|
||||
launguage.$xPosition0 =
|
||||
editProfile.$xPosition0 + editProfile.$width13 + buttonSpacing;
|
||||
launguage.$yPosition = currentScreen.$height7 - buttonDistance;
|
||||
//Fork
|
||||
forkOnGitHub.$width13 = buttonWidth / 2;
|
||||
forkOnGitHub.$yPosition = mods.$yPosition - buttonDistanceRel;
|
||||
forkOnGitHub.$xPosition0 = mods.$xPosition0;
|
||||
forkOnGitHub.$displayString.$characters.data = enc.encode("Fork");
|
||||
|
||||
currentScreen.$openGLWarning1.$characters.data = enc.encode("");
|
||||
//currentScreen.$splashText.$characters.data = enc.encode("Justin is the sped version of Daniel")
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function drawHudThings(){
|
||||
|
||||
}
|
||||
|
||||
function setIntervalThings(){
|
||||
invSlideIn();
|
||||
customMainMenu();
|
||||
}
|
||||
|
||||
ModAPI.addEventListener("drawhud",drawHudThings);
|
||||
var interv = setInterval(setIntervalThings,16);
|
||||
})();
|
||||
21
public/resources/mods/fullbright.js
Normal file
@@ -0,0 +1,21 @@
|
||||
ModAPI.require("settings");
|
||||
var gamma = 1000
|
||||
var toggled = true
|
||||
ModAPI.settings.gammaSetting = gamma
|
||||
ModAPI.settings.reload()
|
||||
ModAPI.addEventListener("key", function(ev){
|
||||
if(ev.key == 33){
|
||||
if(!toggled){
|
||||
ModAPI.settings.gammaSetting = gamma
|
||||
ModAPI.settings.reload()
|
||||
ModAPI.displayToChat({msg: "fullbright enabled!"})
|
||||
toggled = true
|
||||
} else{
|
||||
ModAPI.settings.gammaSetting = 1
|
||||
ModAPI.settings.reload()
|
||||
ModAPI.displayToChat({msg: "fullbright disabled!"})
|
||||
toggled = false
|
||||
}
|
||||
}
|
||||
|
||||
})
|
||||
42
public/resources/mods/graplehookmod.js
Normal file
@@ -0,0 +1,42 @@
|
||||
ModAPI.require("player"); //Require the player
|
||||
var GrappleHookMod = {
|
||||
oldXYZ: [0, 0, 0], //The previous hook position.
|
||||
prev: "NONE", //The previous state
|
||||
scaleH: 0.25, //Used for X and Z velocity
|
||||
scaleV: 0.15, //((Grapple Y) minus (Player Y)) times scaleV
|
||||
lift: 0.4, //Base vertical motion
|
||||
crouchToCancel: true //Whether or not crouching should disable the grappling hook.
|
||||
};
|
||||
ModAPI.addEventListener("update", () => { //Every client tick
|
||||
if (!ModAPI.player.fishEntity) { //If the fish hook does not exist.
|
||||
if (GrappleHookMod.prev === "GROUND" && (!GrappleHookMod.crouchToCancel || !ModAPI.player.isSneaking())) { //If the old state was ground
|
||||
GrappleHookMod.prev = "NONE"; //Update the state
|
||||
var mx = GrappleHookMod.oldXYZ[0] - ModAPI.player.x; //Get delta X
|
||||
var my = GrappleHookMod.oldXYZ[1] - ModAPI.player.y; //Get delta Y
|
||||
var mz = GrappleHookMod.oldXYZ[2] - ModAPI.player.z; //Get delta Z
|
||||
mx *= GrappleHookMod.scaleH; //Multiply by horizontal scale
|
||||
my *= GrappleHookMod.scaleV; //Multiply by vertical scale
|
||||
mz *= GrappleHookMod.scaleH; //Multiply by horizontal scale
|
||||
ModAPI.player.motionX += mx; //Add x motion
|
||||
ModAPI.player.motionY += my + GrappleHookMod.lift; //Add y motion, plus base lift.
|
||||
ModAPI.player.motionZ += mz; //Add z motion
|
||||
ModAPI.player.reload(); //Push changes
|
||||
} else {
|
||||
GrappleHookMod.prev = "NONE";
|
||||
}
|
||||
} else if (GrappleHookMod.prev === "NONE") { //If the hook exists, but the previous state was NONE, update the state.
|
||||
GrappleHookMod.prev = "AIR";
|
||||
}
|
||||
if (
|
||||
ModAPI.player.fishEntity !== undefined && //If the fish hook exists
|
||||
GrappleHookMod.prev === "AIR" && //And the hook was previously in the air
|
||||
ModAPI.player.fishEntity.inGround //And the hook is in the ground
|
||||
) {
|
||||
GrappleHookMod.oldXYZ = [ //Set old grapple hook position
|
||||
ModAPI.player.fishEntity.x,
|
||||
ModAPI.player.fishEntity.y,
|
||||
ModAPI.player.fishEntity.z,
|
||||
];
|
||||
GrappleHookMod.prev = "GROUND";//Update state
|
||||
}
|
||||
});
|
||||
19
public/resources/mods/jetpack.js
Normal file
@@ -0,0 +1,19 @@
|
||||
ModAPI.require("player"); //We need to add vertical velocity
|
||||
var jetpackActive = false; //Variable to track wether or not the jetpack is active
|
||||
window.addEventListener("keydown", (event) => { //When a key is pressed
|
||||
if (event.key.toLowerCase() === "h") { //If the key is h
|
||||
jetpackActive = true; //Set jetpack to be active
|
||||
}
|
||||
});
|
||||
window.addEventListener("keyup", (event) => { //When a key is released
|
||||
if (event.key.toLowerCase() === "h") { //If the key is h
|
||||
jetpackActive = false; //Set jetpack to be inactive
|
||||
}
|
||||
});
|
||||
ModAPI.addEventListener("update", ()=>{ //Every client tick
|
||||
if(!jetpackActive){ //If the jetpack is not active
|
||||
return; //Exit
|
||||
}
|
||||
ModAPI.player.motionY += 0.2; //Add 0.2 to the players vertical moition
|
||||
ModAPI.player.reload(); //Push changes
|
||||
});
|
||||
9
public/resources/mods/nofallmod.js
Normal file
@@ -0,0 +1,9 @@
|
||||
|
||||
ModAPI.require("player"); //Require the player, we need to see their fall height.
|
||||
ModAPI.require("network"); //Require the network, we need to send network packets.
|
||||
|
||||
ModAPI.addEventListener("update", ()=>{ // Every client tick
|
||||
if (ModAPI.player.fallDistance > 2.0) { // If the player is at a height that they can take damage from hitting the ground:
|
||||
ModAPI.network.sendPacketPlayer({isOnGround: true}); // Tell the server the player is on the ground
|
||||
}
|
||||
});
|
||||
11
public/resources/mods/speedmod.js
Normal file
@@ -0,0 +1,11 @@
|
||||
var newspeed = 10
|
||||
|
||||
var oldspeed = ModAPI.player.getSpeed()
|
||||
ModAPI.addEventListener("update", function (){
|
||||
// console.log(ModAPI.player.isMoving())
|
||||
if(ModAPI.player.isMoving() == true){
|
||||
ModAPI.player.setSpeed({speed: newspeed})
|
||||
} else {
|
||||
ModAPI.player.setSpeed({speed: oldspeed})
|
||||
}
|
||||
})
|
||||
1
public/resources/mods/statshud.js
Normal file
42
public/resources/mods/xraymod.js
Normal file
@@ -0,0 +1,42 @@
|
||||
//Coalest xray mod to ever exist!
|
||||
|
||||
//IIFE. I like scoped variables.
|
||||
(function () {
|
||||
var enabled = false
|
||||
ModAPI.addEventListener("key", function(ev){
|
||||
if(ev.key == 45){// the "x" key
|
||||
if(enabled){
|
||||
disable()
|
||||
enabled = false
|
||||
} else{
|
||||
update(); //Trigger the coal xray.
|
||||
enabled = true
|
||||
}
|
||||
}
|
||||
})
|
||||
var targets = ["diamond_block","diamond_ore","gold_block","gold_ore","iron_block","iron_ore","coal_block","coal_ore","emerald_ore","emerald_block","redstone_ore","redstone_block","lapis_ore","lapis_block","chest","furnace","lit_furnace","ender_chest"]; //The target blocks
|
||||
var allblocks = Object.keys(ModAPI.blocks); //List of all block IDsw
|
||||
function update() {
|
||||
ModAPI.displayToChat({msg: "xray Enabled!"})
|
||||
allblocks.forEach(block=>{ //Loop through all the blocks
|
||||
if (targets.includes(block)) { //If it is in the targets list, force it to render.
|
||||
ModAPI.blocks[block].forceRender = true;
|
||||
ModAPI.blocks[block].reload(); //Push the changes.
|
||||
} else if (ModAPI.blocks[block] && ("noRender" in ModAPI.blocks[block])) { //Otherwise, if it is a valid block, and can be set to not render, do so.
|
||||
ModAPI.blocks[block].noRender = true;
|
||||
ModAPI.blocks[block].reload(); //Push the changes.
|
||||
}
|
||||
});
|
||||
ModAPI.reloadchunks()
|
||||
}
|
||||
function disable(){
|
||||
ModAPI.displayToChat({msg: "xray Disabled!"})
|
||||
allblocks.forEach(block=>{ //Loop through all the blocks
|
||||
if (ModAPI.blocks[block] && ("noRender" in ModAPI.blocks[block])) {
|
||||
ModAPI.blocks[block].noRender = false;
|
||||
ModAPI.blocks[block].reload(); //Push the changes.
|
||||
}
|
||||
});
|
||||
ModAPI.reloadchunks()
|
||||
}
|
||||
})();
|
||||
@@ -1,465 +0,0 @@
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
|
||||
background-color: #1e1e1e;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.launcher {
|
||||
width: 900px;
|
||||
height: 600px;
|
||||
margin: 50px auto;
|
||||
background-color: #333;
|
||||
border-radius: 8px;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.title-bar {
|
||||
background-color: #2c2c2c;
|
||||
padding: 10px;
|
||||
text-align: center;
|
||||
color: #ddd;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.content {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
background-color: #242424;
|
||||
width: 200px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
border-right: 1px solid #333;
|
||||
}
|
||||
|
||||
.profile {
|
||||
padding: 20px 10px;
|
||||
border-bottom: 1px solid #333;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.profile-name {
|
||||
font-weight: bold;
|
||||
display: block;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.profile-status {
|
||||
font-size: 12px;
|
||||
color: #00cc00;
|
||||
display: block;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
nav {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.nav-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 15px 20px;
|
||||
cursor: pointer;
|
||||
transition: background-color 0.2s;
|
||||
}
|
||||
|
||||
.nav-item:hover,
|
||||
.nav-item.selected {
|
||||
background-color: #444;
|
||||
}
|
||||
|
||||
.nav-icon {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
.nav-text {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.main-panel {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-color: #202020;
|
||||
}
|
||||
|
||||
.top-bar {
|
||||
background-color: #2c2c2c;
|
||||
padding: 15px 20px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
color: #ddd;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.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 {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: #202020;
|
||||
padding: 20px;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
overflow-y: auto;
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: #048239 #035525;
|
||||
}
|
||||
|
||||
.main-content::-webkit-scrollbar {
|
||||
width: 12px;
|
||||
background-color: #035525;
|
||||
}
|
||||
.main-content::-webkit-scrollbar-thumb {
|
||||
background-color: #048239;
|
||||
border-radius: 10px;
|
||||
border: 2px solid #4e4e50;
|
||||
}
|
||||
|
||||
.main-content::-webkit-scrollbar-track {
|
||||
background-color: #035525;
|
||||
}
|
||||
|
||||
.main-content::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #127e3f;
|
||||
}
|
||||
|
||||
.minecraft-image {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.installations {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
background-color: #292929;
|
||||
box-sizing: border-box;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
padding: 10px 20px;
|
||||
border-top: 1px solid #333;
|
||||
}
|
||||
|
||||
.custom-select-wrapper {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 250px;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
.custom-select {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-family: "MinecraftRegular", sans-serif;
|
||||
font-size: 1em;
|
||||
padding: 7px;
|
||||
border: 2px solid #000;
|
||||
background-color: #048239;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
box-shadow: 4px 4px #4e4e50;
|
||||
user-select: none;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
.custom-select.open {
|
||||
border-radius: 5px 5px 0 0;
|
||||
}
|
||||
|
||||
.custom-options {
|
||||
position: absolute;
|
||||
top: calc(100% + -238px);
|
||||
left: 0;
|
||||
right: 0;
|
||||
border: 2px solid #000;
|
||||
border-top: none;
|
||||
background-color: #035525;
|
||||
box-shadow: 4px 4px #4e4e50;
|
||||
z-index: 9999;
|
||||
display: none;
|
||||
border-radius: 0 0 5px 5px;
|
||||
color: #fff;
|
||||
max-height: 200px;
|
||||
overflow-y: auto;
|
||||
direction: rtl;
|
||||
}
|
||||
|
||||
.custom-options.open {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.custom-options div {
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
.custom-option {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 10px;
|
||||
cursor: pointer;
|
||||
border-bottom: 1px solid #000;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
.custom-option:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.custom-option:hover {
|
||||
background-color: #127e3f;
|
||||
}
|
||||
|
||||
.custom-option img {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.play-button {
|
||||
background-color: #00cc00;
|
||||
border: none;
|
||||
padding: 10px 40px;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
transition: background-color 0.2s, transform 0.2s;
|
||||
}
|
||||
|
||||
.play-button:hover {
|
||||
background-color: #00ff00;
|
||||
transform: scale(1.05);
|
||||
}
|
||||
|
||||
.play-button:active {
|
||||
transform: scale(0.95);
|
||||
}
|
||||
|
||||
.bottom-bar {
|
||||
background-color: #2c2c2c;
|
||||
padding: 10px 20px;
|
||||
text-align: right;
|
||||
color: #ddd;
|
||||
border-top: 1px solid #333;
|
||||
box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.username {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.news-item {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.news-item li {
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.custom-options::-webkit-scrollbar {
|
||||
width: 12px;
|
||||
background-color: #035525;
|
||||
}
|
||||
|
||||
.custom-options::-webkit-scrollbar-thumb {
|
||||
background-color: #048239;
|
||||
border-radius: 10px;
|
||||
border: 2px solid #4e4e50;
|
||||
}
|
||||
|
||||
.custom-options {
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: #048239 #035525;
|
||||
}
|
||||
|
||||
.custom-options::-webkit-scrollbar-track {
|
||||
background-color: #035525;
|
||||
}
|
||||
|
||||
.custom-options::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #127e3f;
|
||||
}
|
||||
|
||||
.minecraft-button {
|
||||
background-color: #a9a9a9;
|
||||
border: 1px solid #333;
|
||||
border-radius: 5px;
|
||||
padding: 10px 20px;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
cursor: pointer;
|
||||
outline: none;
|
||||
transition: background-color 0.2s, transform 0.2s;
|
||||
}
|
||||
|
||||
.minecraft-button:hover {
|
||||
background-color: #bdbdbd;
|
||||
transform: scale(1.05);
|
||||
}
|
||||
|
||||
.minecraft-button:active {
|
||||
background-color: #8a8a8a;
|
||||
transform: scale(0.95);
|
||||
}
|
||||
|
||||
.bottom-bar {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
padding: 10px 20px;
|
||||
background-color: #2c2c2c;
|
||||
color: #ddd;
|
||||
border-top: 1px solid #333;
|
||||
box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.version-label {
|
||||
margin-right: 10px;
|
||||
}
|
||||
.downloads {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.download-link {
|
||||
display: block;
|
||||
background-color: #048239;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
padding: 10px 20px;
|
||||
border-radius: 5px;
|
||||
margin-bottom: 10px;
|
||||
transition: background-color 0.3s, transform 0.3s;
|
||||
}
|
||||
|
||||
.download-link:hover {
|
||||
background-color: #00cc00;
|
||||
transform: scale(1.05);
|
||||
}
|
||||
|
||||
select {
|
||||
width: 100%;
|
||||
padding: 10px;
|
||||
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
|
||||
font-weight: bold;
|
||||
color: #e0e0e0;
|
||||
background-color: #08a74a;
|
||||
box-shadow: 4px 4px 0px #2a2a2a, -4px -4px 0px #2a2a2a;
|
||||
border-radius: 3px;
|
||||
appearance: none;
|
||||
background-image: url("https://static.thenounproject.com/png/538451-200.png"), linear-gradient(45deg, #0a8338, #086126);
|
||||
background-repeat: no-repeat, repeat;
|
||||
background-position: right 10px center, 0 0;
|
||||
background-size: 15px auto, 100%;
|
||||
cursor: pointer;
|
||||
transition: box-shadow 0.2s, background-color 0.2s;
|
||||
}
|
||||
|
||||
select:hover {
|
||||
background-color: #0a8338;
|
||||
}
|
||||
|
||||
select:focus {
|
||||
outline: none;
|
||||
box-shadow: 0 0 5px 2px #00cc00;
|
||||
}
|
||||
|
||||
.upload-button {
|
||||
background-color: #075f07;
|
||||
border: none;
|
||||
padding: 8px 16px;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
color: #fff;
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
text-transform: none;
|
||||
transition: background-color 0.2s, transform 0.2s;
|
||||
}
|
||||
|
||||
.upload-button:hover {
|
||||
background-color: #197d19;
|
||||
transform: scale(1.05);
|
||||
}
|
||||
|
||||
.upload-button:active {
|
||||
transform: scale(0.95);
|
||||
}
|
||||
.top-menu {
|
||||
background-color: #2c2c2c;
|
||||
padding: 10px 20px;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
color: #ddd;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.top-menu ul {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.top-menu ul li {
|
||||
margin-right: 20px;
|
||||
cursor: pointer;
|
||||
font-size: 16px;
|
||||
color: #ccc;
|
||||
transition: color 0.2s;
|
||||
}
|
||||
.top-menu ul li.selected {
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
}
|
||||
.top-menu ul li:hover {
|
||||
color: #fff;
|
||||
}
|
||||
@@ -1,407 +0,0 @@
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
|
||||
background-color: #1e1e1e;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.launcher {
|
||||
width: 900px;
|
||||
height: 600px;
|
||||
margin: 50px auto;
|
||||
background-color: #333;
|
||||
border-radius: 8px;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.title-bar {
|
||||
background-color: #2c2c2c;
|
||||
padding: 10px;
|
||||
text-align: center;
|
||||
color: #ddd;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.content {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
background-color: #242424;
|
||||
width: 200px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
border-right: 1px solid #333;
|
||||
}
|
||||
|
||||
.profile {
|
||||
padding: 20px 10px;
|
||||
border-bottom: 1px solid #333;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.profile-name {
|
||||
font-weight: bold;
|
||||
display: block;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.profile-status {
|
||||
font-size: 12px;
|
||||
color: #00cc00;
|
||||
display: block;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
nav {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.nav-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 15px 20px;
|
||||
cursor: pointer;
|
||||
transition: background-color 0.2s;
|
||||
}
|
||||
|
||||
.nav-item:hover,
|
||||
.nav-item.selected {
|
||||
background-color: #444;
|
||||
}
|
||||
|
||||
.nav-icon {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
.nav-text {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.main-panel {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-color: #202020;
|
||||
}
|
||||
|
||||
.top-bar {
|
||||
background-color: #2c2c2c;
|
||||
padding: 15px 20px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
color: #ddd;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.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 {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: #202020;
|
||||
padding: 20px;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
overflow-y: auto;
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: #048239 #035525;
|
||||
}
|
||||
|
||||
.main-content::-webkit-scrollbar {
|
||||
width: 12px;
|
||||
background-color: #035525;
|
||||
}
|
||||
.main-content::-webkit-scrollbar-thumb {
|
||||
background-color: #048239;
|
||||
border-radius: 10px;
|
||||
border: 2px solid #4e4e50;
|
||||
}
|
||||
|
||||
.main-content::-webkit-scrollbar-track {
|
||||
background-color: #035525;
|
||||
}
|
||||
|
||||
.main-content::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #127e3f;
|
||||
}
|
||||
|
||||
.minecraft-image {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.installations {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
background-color: #292929;
|
||||
box-sizing: border-box;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
padding: 10px 20px;
|
||||
border-top: 1px solid #333;
|
||||
}
|
||||
|
||||
.custom-select-wrapper {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 250px;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
.custom-select {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-family: "MinecraftRegular", sans-serif;
|
||||
font-size: 1em;
|
||||
padding: 7px;
|
||||
border: 2px solid #000;
|
||||
background-color: #048239;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
box-shadow: 4px 4px #4e4e50;
|
||||
user-select: none;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
.custom-select.open {
|
||||
border-radius: 5px 5px 0 0;
|
||||
}
|
||||
|
||||
.custom-options {
|
||||
position: absolute;
|
||||
top: calc(100% + -238px);
|
||||
left: 0;
|
||||
right: 0;
|
||||
border: 2px solid #000;
|
||||
border-top: none;
|
||||
background-color: #035525;
|
||||
box-shadow: 4px 4px #4e4e50;
|
||||
z-index: 9999;
|
||||
display: none;
|
||||
border-radius: 0 0 5px 5px;
|
||||
color: #fff;
|
||||
max-height: 200px;
|
||||
overflow-y: auto;
|
||||
direction: rtl;
|
||||
}
|
||||
|
||||
.custom-options.open {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.custom-options div {
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
.custom-option {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 10px;
|
||||
cursor: pointer;
|
||||
border-bottom: 1px solid #000;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
.custom-option:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.custom-option:hover {
|
||||
background-color: #127e3f;
|
||||
}
|
||||
|
||||
.custom-option img {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.play-button {
|
||||
background-color: #00cc00;
|
||||
border: none;
|
||||
padding: 10px 40px;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
transition: background-color 0.2s;
|
||||
}
|
||||
|
||||
.play-button:hover {
|
||||
background-color: #00ff00;
|
||||
}
|
||||
|
||||
.bottom-bar {
|
||||
background-color: #2c2c2c;
|
||||
padding: 10px 20px;
|
||||
text-align: right;
|
||||
color: #ddd;
|
||||
border-top: 1px solid #333;
|
||||
box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.username {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.news-item {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.news-item li {
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.custom-options::-webkit-scrollbar {
|
||||
width: 12px;
|
||||
background-color: #035525;
|
||||
}
|
||||
|
||||
.custom-options::-webkit-scrollbar-thumb {
|
||||
background-color: #048239;
|
||||
border-radius: 10px;
|
||||
border: 2px solid #4e4e50;
|
||||
}
|
||||
|
||||
.custom-options {
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: #048239 #035525;
|
||||
}
|
||||
|
||||
.custom-options::-webkit-scrollbar-track {
|
||||
background-color: #035525;
|
||||
}
|
||||
|
||||
.custom-options::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #127e3f;
|
||||
}
|
||||
|
||||
.minecraft-button {
|
||||
background-color: #a9a9a9;
|
||||
border: 1px solid #333;
|
||||
border-radius: 5px;
|
||||
padding: 10px 20px;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
cursor: pointer;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.minecraft-button:hover {
|
||||
background-color: #bdbdbd;
|
||||
}
|
||||
|
||||
.minecraft-button:active {
|
||||
background-color: #8a8a8a;
|
||||
}
|
||||
|
||||
.bottom-bar {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
padding: 10px 20px;
|
||||
background-color: #2c2c2c;
|
||||
color: #ddd;
|
||||
border-top: 1px solid #333;
|
||||
box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.version-label {
|
||||
margin-right: 10px;
|
||||
}
|
||||
.downloads {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.download-link {
|
||||
display: block;
|
||||
background-color: #048239;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
padding: 10px 20px;
|
||||
border-radius: 5px;
|
||||
margin-bottom: 10px;
|
||||
transition: background-color 0.3s;
|
||||
}
|
||||
|
||||
.download-link:hover {
|
||||
background-color: #00cc00;
|
||||
}
|
||||
.top-menu {
|
||||
background-color: #2c2c2c;
|
||||
padding: 10px 20px;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
color: #ddd;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.top-menu ul {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.top-menu ul li {
|
||||
margin-right: 20px;
|
||||
cursor: pointer;
|
||||
font-size: 16px;
|
||||
color: #ccc;
|
||||
transition: color 0.2s;
|
||||
}
|
||||
.top-menu ul li.selected {
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
}
|
||||
.top-menu ul li:hover {
|
||||
color: #fff;
|
||||
}
|
||||
@@ -1,449 +0,0 @@
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
|
||||
background-color: #1e1e1e;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.launcher {
|
||||
width: 900px;
|
||||
height: 600px;
|
||||
margin: 50px auto;
|
||||
background-color: #333;
|
||||
border-radius: 8px;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.title-bar {
|
||||
background-color: #2c2c2c;
|
||||
padding: 10px;
|
||||
text-align: center;
|
||||
color: #ddd;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.content {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
background-color: #242424;
|
||||
width: 200px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
border-right: 1px solid #333;
|
||||
}
|
||||
|
||||
.profile {
|
||||
padding: 20px 10px;
|
||||
border-bottom: 1px solid #333;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.profile-name {
|
||||
font-weight: bold;
|
||||
display: block;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.profile-status {
|
||||
font-size: 12px;
|
||||
color: #00cc00;
|
||||
display: block;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
nav {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.nav-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 15px 20px;
|
||||
cursor: pointer;
|
||||
transition: background-color 0.2s;
|
||||
}
|
||||
|
||||
.nav-item:hover,
|
||||
.nav-item.selected {
|
||||
background-color: #444;
|
||||
}
|
||||
|
||||
.nav-icon {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
.nav-text {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.main-panel {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-color: #202020;
|
||||
}
|
||||
|
||||
.top-bar {
|
||||
background-color: #2c2c2c;
|
||||
padding: 15px 20px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
color: #ddd;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.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 {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: #202020;
|
||||
padding: 20px;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
overflow-y: hidden;
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: #048239 #035525;
|
||||
}
|
||||
|
||||
.main-content::-webkit-scrollbar {
|
||||
width: 12px;
|
||||
background-color: #035525;
|
||||
}
|
||||
.main-content::-webkit-scrollbar-thumb {
|
||||
background-color: #048239;
|
||||
border-radius: 10px;
|
||||
border: 2px solid #4e4e50;
|
||||
}
|
||||
|
||||
.main-content::-webkit-scrollbar-track {
|
||||
background-color: #035525;
|
||||
}
|
||||
|
||||
.main-content::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #127e3f;
|
||||
}
|
||||
|
||||
.minecraft-image {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.installations {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
background-color: #292929;
|
||||
box-sizing: border-box;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
padding: 10px 20px;
|
||||
border-top: 1px solid #333;
|
||||
}
|
||||
.custom-select-wrapper {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 250px;
|
||||
}
|
||||
|
||||
.custom-select {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-family: "MinecraftRegular", sans-serif;
|
||||
font-size: 1em;
|
||||
padding: 7px;
|
||||
border: 2px solid #000;
|
||||
background-color: #048239;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
box-shadow: 4px 4px #4e4e50;
|
||||
user-select: none;
|
||||
transition: box-shadow 0.3s;
|
||||
}
|
||||
|
||||
.custom-select:hover {
|
||||
box-shadow: 6px 6px #4e4e50;
|
||||
}
|
||||
|
||||
.custom-select.open {
|
||||
border-radius: 0 0 5px 5px;
|
||||
}
|
||||
|
||||
.custom-options {
|
||||
position: absolute;
|
||||
bottom: calc(100% + 2px);
|
||||
left: 0;
|
||||
right: 0;
|
||||
border: 2px solid #000;
|
||||
border-bottom: none;
|
||||
background-color: #035525;
|
||||
box-shadow: 4px 4px #4e4e50;
|
||||
display: none;
|
||||
border-radius: 5px 5px 0 0;
|
||||
color: #fff;
|
||||
max-height: 0;
|
||||
overflow: hidden;
|
||||
transition: max-height 0.3s ease-out, padding 0.3s ease-out, opacity 0.3s ease-out;
|
||||
}
|
||||
|
||||
.custom-options.open {
|
||||
display: block;
|
||||
max-height: 200px;
|
||||
padding: 10px 0;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.custom-option {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 10px;
|
||||
cursor: pointer;
|
||||
border-bottom: 1px solid #000;
|
||||
transition: background-color 0.3s;
|
||||
}
|
||||
|
||||
.custom-option:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.custom-option:hover {
|
||||
background-color: #127e3f;
|
||||
}
|
||||
|
||||
.custom-option img {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.play-button {
|
||||
background-color: #0f990f;
|
||||
border: 2px solid #007700;
|
||||
padding: 10px 40px;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
transition: background-color 0.2s, border-color 0.2s, transform 0.2s;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.play-button::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 300%;
|
||||
height: 300%;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
transition: all 0.4s ease-out;
|
||||
border-radius: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.play-button:hover::before {
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.play-button:hover {
|
||||
background-color: #17b117;
|
||||
border-color: #005500;
|
||||
transform: scale(1.05);
|
||||
}
|
||||
|
||||
.play-button span {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.play-button:hover span {
|
||||
animation: fluid 1.5s infinite alternate;
|
||||
}
|
||||
|
||||
@keyframes fluid {
|
||||
0% {
|
||||
transform: scale(1);
|
||||
}
|
||||
100% {
|
||||
transform: scale(1.1);
|
||||
}
|
||||
}
|
||||
|
||||
.bottom-bar {
|
||||
background-color: #2c2c2c;
|
||||
padding: 10px 20px;
|
||||
text-align: right;
|
||||
color: #ddd;
|
||||
border-top: 1px solid #333;
|
||||
box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.username {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.news-item {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.news-item li {
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.custom-options::-webkit-scrollbar {
|
||||
width: 12px;
|
||||
background-color: #035525;
|
||||
}
|
||||
|
||||
.custom-options::-webkit-scrollbar-thumb {
|
||||
background-color: #048239;
|
||||
border-radius: 10px;
|
||||
border: 2px solid #4e4e50;
|
||||
}
|
||||
|
||||
.custom-options {
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: #048239 #035525;
|
||||
}
|
||||
|
||||
.custom-options::-webkit-scrollbar-track {
|
||||
background-color: #035525;
|
||||
}
|
||||
|
||||
.custom-options::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #127e3f;
|
||||
}
|
||||
|
||||
.minecraft-button {
|
||||
background-color: #a9a9a9;
|
||||
border: 1px solid #333;
|
||||
border-radius: 5px;
|
||||
padding: 10px 20px;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
cursor: pointer;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.minecraft-button:hover {
|
||||
background-color: #bdbdbd;
|
||||
}
|
||||
|
||||
.minecraft-button:active {
|
||||
background-color: #8a8a8a;
|
||||
}
|
||||
|
||||
.bottom-bar {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
padding: 10px 20px;
|
||||
background-color: #2c2c2c;
|
||||
color: #ddd;
|
||||
border-top: 1px solid #333;
|
||||
box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.version-label {
|
||||
margin-right: 10px;
|
||||
}
|
||||
.downloads {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.download-link {
|
||||
display: block;
|
||||
background-color: #048239;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
padding: 10px 20px;
|
||||
border-radius: 5px;
|
||||
margin-bottom: 10px;
|
||||
transition: background-color 0.3s;
|
||||
}
|
||||
|
||||
.download-link:hover {
|
||||
background-color: #00cc00;
|
||||
}
|
||||
|
||||
.top-menu {
|
||||
background-color: #2c2c2c;
|
||||
padding: 10px 20px;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
color: #ddd;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.top-menu ul {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.top-menu ul li {
|
||||
margin-right: 20px;
|
||||
cursor: pointer;
|
||||
font-size: 16px;
|
||||
color: #ccc;
|
||||
transition: color 0.2s;
|
||||
}
|
||||
.top-menu ul li.selected {
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
}
|
||||
.top-menu ul li:hover {
|
||||
color: #fff;
|
||||
}
|
||||
@@ -1,9 +0,0 @@
|
||||
body {
|
||||
overflow: hidden;
|
||||
background-color: #1e1e1e;
|
||||
background-image: url("/resources/images/gifs/loading.gif");
|
||||
background-repeat: no-repeat;
|
||||
background-attachment: fixed;
|
||||
background-position: center;
|
||||
background-size: 15vh;
|
||||
}
|
||||
623
public/resources/styles/main.css
Normal file
@@ -0,0 +1,623 @@
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
|
||||
background-color: #1e1e1e;
|
||||
color: #fff;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.launcher {
|
||||
width: 75vw;
|
||||
height: 95vh;
|
||||
margin: 15px auto 0 auto;
|
||||
background-color: #333;
|
||||
border-radius: 8px;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.title-bar {
|
||||
background-color: #2c2c2c;
|
||||
padding: 10px;
|
||||
text-align: center;
|
||||
color: #ddd;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.content {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
background-color: #242424;
|
||||
width: 200px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
border-right: 1px solid #333;
|
||||
}
|
||||
|
||||
.profile {
|
||||
padding: 20px 10px;
|
||||
border-bottom: 1px solid #333;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.profile-name {
|
||||
font-weight: bold;
|
||||
display: block;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.profile-status {
|
||||
font-size: 12px;
|
||||
color: #00cc00;
|
||||
display: block;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
nav {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.nav-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 15px 20px;
|
||||
cursor: pointer;
|
||||
transition: background-color 0.2s;
|
||||
}
|
||||
|
||||
.nav-item:hover,
|
||||
.nav-item.selected {
|
||||
background-color: #444;
|
||||
}
|
||||
|
||||
.nav-icon {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
.nav-text {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.main-panel {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-color: #202020;
|
||||
}
|
||||
|
||||
.top-bar {
|
||||
background-color: #2c2c2c;
|
||||
padding: 15px 20px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
color: #ddd;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.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 {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-color: #202020;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
overflow-y: hidden;
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: #555 #333;
|
||||
}
|
||||
|
||||
.cover-image {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.installations {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
background-color: #292929;
|
||||
box-sizing: border-box;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
padding: 10px 20px;
|
||||
border-top: 1px solid #333;
|
||||
}
|
||||
|
||||
.custom-select-wrapper {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 250px;
|
||||
}
|
||||
|
||||
.custom-select {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-family: "MinecraftRegular", sans-serif;
|
||||
font-size: 1em;
|
||||
padding: 7px;
|
||||
border: 2px solid #000;
|
||||
background-color: #048239;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
box-shadow: 4px 4px #4e4e50;
|
||||
user-select: none;
|
||||
transition: box-shadow 0.3s;
|
||||
}
|
||||
|
||||
.custom-select:hover {
|
||||
box-shadow: 6px 6px #4e4e50;
|
||||
}
|
||||
|
||||
.custom-select.open {
|
||||
border-radius: 0 0 5px 5px;
|
||||
}
|
||||
|
||||
.custom-options {
|
||||
position: absolute;
|
||||
bottom: calc(100% + 2px);
|
||||
left: 0;
|
||||
right: 0;
|
||||
border: 2px solid #000;
|
||||
border-bottom: none;
|
||||
background-color: #035525;
|
||||
box-shadow: 4px 4px #4e4e50;
|
||||
display: none;
|
||||
border-radius: 5px 5px 0 0;
|
||||
color: #fff;
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: #048239 #035525;
|
||||
max-height: 0;
|
||||
overflow: auto;
|
||||
transition: max-height 0.3s ease-out, padding 0.3s ease-out, opacity 0.3s ease-out;
|
||||
}
|
||||
|
||||
.custom-options.open {
|
||||
display: block;
|
||||
max-height: 200px;
|
||||
padding: 10px 0;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.custom-option {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 10px;
|
||||
cursor: pointer;
|
||||
border-bottom: 1px solid #000;
|
||||
transition: background-color 0.3s;
|
||||
}
|
||||
|
||||
.custom-option:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.custom-option:hover {
|
||||
background-color: #127e3f;
|
||||
}
|
||||
|
||||
.custom-option img {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.play-button {
|
||||
background-color: #0f990f;
|
||||
border: 2px solid #007700;
|
||||
padding: 10px 40px;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
transition: background-color 0.2s, border-color 0.2s, transform 0.2s;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.play-button::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 300%;
|
||||
height: 300%;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
transition: all 0.4s ease-out;
|
||||
border-radius: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.play-button:hover::before {
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.play-button:hover {
|
||||
background-color: #17b117;
|
||||
border-color: #005500;
|
||||
transform: scale(1.05);
|
||||
}
|
||||
|
||||
.play-button span {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.play-button:hover span {
|
||||
animation: fluid 1.5s infinite alternate;
|
||||
}
|
||||
|
||||
@keyframes fluid {
|
||||
0% {
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: scale(1.1);
|
||||
}
|
||||
}
|
||||
|
||||
.bottom-bar {
|
||||
background-color: #2c2c2c;
|
||||
padding: 10px 20px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
font-size: 14px;
|
||||
text-decoration: none;
|
||||
border-top: 1px solid #333;
|
||||
box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.bottom-bar .bottom-bar-links {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.bottom-bar .bottom-bar-left {
|
||||
color: #ddd;
|
||||
margin-right: 10px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.bottom-bar .bottom-bar-left:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.bottom-bar .bottom-bar-right {
|
||||
color: #ddd;
|
||||
}
|
||||
|
||||
.news-item {
|
||||
flex: 1;
|
||||
padding: 20px;
|
||||
text-align: left;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.news-item li {
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.minecraft-button {
|
||||
background-color: #a9a9a9;
|
||||
border: 1px solid #333;
|
||||
border-radius: 5px;
|
||||
padding: 10px 20px;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
cursor: pointer;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.minecraft-button:hover {
|
||||
background-color: #bdbdbd;
|
||||
}
|
||||
|
||||
.minecraft-button:active {
|
||||
background-color: #8a8a8a;
|
||||
}
|
||||
|
||||
.version-label {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.downloads {
|
||||
margin-top: 20px;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.download-link {
|
||||
display: inline-block;
|
||||
background-color: #048239;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
padding: 10px 20px;
|
||||
border-radius: 5px;
|
||||
margin-bottom: 10px;
|
||||
transition: background-color 0.3s;
|
||||
}
|
||||
|
||||
.download-link:hover {
|
||||
background-color: #00cc00;
|
||||
}
|
||||
|
||||
.top-menu {
|
||||
background-color: #2c2c2c;
|
||||
padding: 10px 20px;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
color: #ddd;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.top-menu ul {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.top-menu ul li {
|
||||
margin-right: 20px;
|
||||
cursor: pointer;
|
||||
font-size: 16px;
|
||||
color: #ccc;
|
||||
transition: color 0.2s;
|
||||
}
|
||||
|
||||
.top-menu ul li.selected {
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.top-menu ul li:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
select {
|
||||
width: 100%;
|
||||
padding: 10px;
|
||||
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
|
||||
font-weight: bold;
|
||||
color: #e0e0e0;
|
||||
background-color: #08a74a;
|
||||
box-shadow: 4px 4px 0px #2a2a2a, -4px -4px 0px #2a2a2a;
|
||||
border-radius: 3px;
|
||||
appearance: none;
|
||||
background-image: url("/resources/images/icons/dropdown-selector.png"), linear-gradient(45deg, #0a8338, #086126);
|
||||
background-repeat: no-repeat, repeat;
|
||||
background-position: right 10px center, 0 0;
|
||||
background-size: 15px auto, 100%;
|
||||
cursor: pointer;
|
||||
transition: box-shadow 0.2s, background-color 0.2s;
|
||||
}
|
||||
|
||||
select:hover {
|
||||
background-color: #0a8338;
|
||||
}
|
||||
|
||||
select:focus {
|
||||
outline: none;
|
||||
box-shadow: 0 0 5px 2px #00cc00;
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
padding: 20px;
|
||||
background-color: #1f1f1f;
|
||||
color: #e0e0e0;
|
||||
overflow-x: auto;
|
||||
overflow-y: auto;
|
||||
max-height: 600px;
|
||||
}
|
||||
|
||||
.mod-list {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: 10px;
|
||||
overflow-y: auto;
|
||||
max-height: 100%;
|
||||
padding: 10px;
|
||||
overflow-x: auto;
|
||||
text-align: center;
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: #555 #333;
|
||||
}
|
||||
|
||||
.mod-item {
|
||||
background-color: #333;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
|
||||
padding: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.mod-item .mod-icon {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
margin: 0 auto 10px;
|
||||
}
|
||||
|
||||
.mod-item .mod-icon img {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.mod-item .mod-details {
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
||||
.mod-item .mod-name {
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
margin-bottom: 5px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.mod-item .mod-author {
|
||||
font-size: 12px;
|
||||
color: #ccc;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.mod-item .mod-description {
|
||||
font-size: 14px;
|
||||
color: #bbb;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.mod-item .mod-links {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.mod-item .mod-link {
|
||||
padding: 5px 15px;
|
||||
background-color: #555;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
border-radius: 7px;
|
||||
transition: background-color 0.3s;
|
||||
}
|
||||
|
||||
.mod-item .mod-link:hover {
|
||||
background-color: #777;
|
||||
}
|
||||
|
||||
.top-menu {
|
||||
background-color: #2c2c2c;
|
||||
padding: 10px 20px;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
color: #ddd;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
#username-form {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
#username-input {
|
||||
width: calc(100% - 22px);
|
||||
padding: 10px;
|
||||
margin-bottom: 10px;
|
||||
border: none;
|
||||
border-radius: 3px;
|
||||
background-color: #333;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.username-button {
|
||||
width: 100%;
|
||||
padding: 10px;
|
||||
border: none;
|
||||
border-radius: 3px;
|
||||
background-color: #00cc00;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
transition: background-color 0.2s;
|
||||
}
|
||||
|
||||
.username-button:hover {
|
||||
background-color: #00ff00;
|
||||
}
|
||||
|
||||
.server-list {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.server-list iframe {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.settings {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.upload-button {
|
||||
background-color: #075f07;
|
||||
border: none;
|
||||
padding: 8px 16px;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
color: #fff;
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
text-transform: none;
|
||||
transition: background-color 0.2s, transform 0.2s;
|
||||
}
|
||||
|
||||
.upload-button:hover {
|
||||
background-color: #197d19;
|
||||
transform: scale(1.05);
|
||||
}
|
||||
|
||||
.upload-button:active {
|
||||
transform: scale(0.95);
|
||||
}
|
||||
@@ -1,341 +0,0 @@
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
|
||||
background-color: #1e1e1e;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.launcher {
|
||||
width: 900px;
|
||||
height: 600px;
|
||||
margin: 50px auto;
|
||||
background-color: #333;
|
||||
border-radius: 8px;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.title-bar {
|
||||
background-color: #2c2c2c;
|
||||
padding: 10px;
|
||||
text-align: center;
|
||||
color: #ddd;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.content {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
background-color: #242424;
|
||||
width: 200px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
border-right: 1px solid #333;
|
||||
}
|
||||
|
||||
.profile {
|
||||
padding: 20px 10px;
|
||||
border-bottom: 1px solid #333;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.profile-name {
|
||||
font-weight: bold;
|
||||
display: block;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.profile-status {
|
||||
font-size: 12px;
|
||||
color: #00cc00;
|
||||
display: block;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
nav {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.nav-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 15px 20px;
|
||||
cursor: pointer;
|
||||
transition: background-color 0.2s;
|
||||
}
|
||||
|
||||
.nav-item:hover,
|
||||
.nav-item.selected {
|
||||
background-color: #444;
|
||||
}
|
||||
|
||||
.nav-icon {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
.nav-text {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.main-panel {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-color: #202020;
|
||||
}
|
||||
|
||||
.top-bar {
|
||||
background-color: #2c2c2c;
|
||||
padding: 15px 20px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
color: #ddd;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.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 {
|
||||
/* Adjust the selector to match your main content container */
|
||||
overflow-y: auto; /* Add scrollbar only when needed */
|
||||
scrollbar-width: thin; /* Firefox */
|
||||
scrollbar-color: #048239 #035525; /* Firefox */
|
||||
}
|
||||
|
||||
.main-content::-webkit-scrollbar {
|
||||
width: 12px;
|
||||
background-color: #035525; /* Match background color */
|
||||
}
|
||||
|
||||
.main-content::-webkit-scrollbar-thumb {
|
||||
background-color: #048239; /* Match custom select background */
|
||||
border-radius: 10px;
|
||||
border: 2px solid #4e4e50; /* Match box shadow color */
|
||||
}
|
||||
|
||||
.main-content::-webkit-scrollbar-track {
|
||||
background-color: #035525; /* Match background color */
|
||||
}
|
||||
|
||||
.main-content::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #127e3f; /* Match hover color */
|
||||
}
|
||||
|
||||
.minecraft-image {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.installations {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
background-color: #292929;
|
||||
box-sizing: border-box;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
padding: 10px 20px;
|
||||
border-top: 1px solid #333;
|
||||
}
|
||||
|
||||
.custom-select-wrapper {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 250px;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
.custom-select {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-family: "MinecraftRegular", sans-serif;
|
||||
font-size: 1em;
|
||||
padding: 7px;
|
||||
border: 2px solid #000;
|
||||
background-color: #048239;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
box-shadow: 4px 4px #4e4e50;
|
||||
user-select: none;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
.custom-select.open {
|
||||
border-radius: 5px 5px 0 0;
|
||||
}
|
||||
|
||||
.custom-options {
|
||||
position: absolute;
|
||||
top: calc(100% + -238px);
|
||||
left: 0;
|
||||
right: 0;
|
||||
border: 2px solid #000;
|
||||
border-top: none;
|
||||
background-color: #035525;
|
||||
box-shadow: 4px 4px #4e4e50;
|
||||
z-index: 9999;
|
||||
display: none;
|
||||
border-radius: 0 0 5px 5px;
|
||||
color: #fff;
|
||||
max-height: 200px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.custom-options.open {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.custom-option {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 10px;
|
||||
cursor: pointer;
|
||||
border-bottom: 1px solid #000;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
.custom-option:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.custom-option:hover {
|
||||
background-color: #127e3f;
|
||||
}
|
||||
|
||||
.custom-option img {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.play-button {
|
||||
background-color: #00cc00;
|
||||
border: none;
|
||||
padding: 10px 40px;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
transition: background-color 0.2s;
|
||||
}
|
||||
|
||||
.play-button:hover {
|
||||
background-color: #00ff00;
|
||||
}
|
||||
|
||||
.bottom-bar {
|
||||
background-color: #2c2c2c;
|
||||
padding: 10px 20px;
|
||||
text-align: right;
|
||||
color: #ddd;
|
||||
border-top: 1px solid #333;
|
||||
box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.username {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
/* Custom Scrollbar Styles */
|
||||
.custom-options::-webkit-scrollbar {
|
||||
width: 12px;
|
||||
background-color: #035525; /* Match background color */
|
||||
}
|
||||
|
||||
.custom-options::-webkit-scrollbar-thumb {
|
||||
background-color: #048239; /* Match custom select background */
|
||||
border-radius: 10px;
|
||||
border: 2px solid #4e4e50; /* Match box shadow color */
|
||||
}
|
||||
|
||||
.custom-options {
|
||||
scrollbar-width: thin; /* Firefox */
|
||||
scrollbar-color: #048239 #035525; /* Firefox */
|
||||
}
|
||||
|
||||
.custom-options::-webkit-scrollbar-track {
|
||||
background-color: #035525; /* Match background color */
|
||||
}
|
||||
|
||||
.custom-options::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #127e3f; /* Match hover color */
|
||||
}
|
||||
|
||||
.custom-options {
|
||||
direction: rtl;
|
||||
}
|
||||
|
||||
.custom-options div {
|
||||
direction: ltr;
|
||||
}
|
||||
.title-bar {
|
||||
background-color: #2c2c2c;
|
||||
padding: 10px;
|
||||
text-align: center;
|
||||
color: #ddd;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
.profile-name {
|
||||
font-weight: bold;
|
||||
display: block;
|
||||
font-size: 16px;
|
||||
}
|
||||
.minecraft-button {
|
||||
background-color: #a9a9a9;
|
||||
border: 1px solid #333;
|
||||
border-radius: 5px;
|
||||
padding: 10px 20px;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
cursor: pointer;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.minecraft-button:hover {
|
||||
background-color: #bdbdbd;
|
||||
}
|
||||
@@ -1,582 +0,0 @@
|
||||
.mod-list {
|
||||
max-height: 400px;
|
||||
overflow-y: auto;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.mod-list::-webkit-scrollbar {
|
||||
width: 8px;
|
||||
}
|
||||
|
||||
.mod-list::-webkit-scrollbar-track {
|
||||
background: #f1f1f1;
|
||||
}
|
||||
|
||||
.mod-list::-webkit-scrollbar-thumb {
|
||||
background: #1f9207;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.mod-list::-webkit-scrollbar-thumb:hover {
|
||||
background: #107a0c;
|
||||
}
|
||||
|
||||
.copy-button,
|
||||
.play-button {
|
||||
background-color: #4caf50;
|
||||
border: none;
|
||||
color: white;
|
||||
padding: 10px 20px;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
margin: 4px 2px;
|
||||
cursor: pointer;
|
||||
border-radius: 5px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.copy-button:hover,
|
||||
.play-button:hover {
|
||||
background-color: #45a049;
|
||||
}
|
||||
|
||||
.server-entry {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 10px;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 5px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.server-image {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
border-radius: 5px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.server-details {
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.server-name {
|
||||
font-weight: bold;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.server-address {
|
||||
font-family: monospace;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
|
||||
background-color: #1e1e1e;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.launcher {
|
||||
width: 900px;
|
||||
height: 600px;
|
||||
margin: 50px auto;
|
||||
background-color: #333;
|
||||
border-radius: 8px;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.title-bar {
|
||||
background-color: #2c2c2c;
|
||||
padding: 10px;
|
||||
text-align: center;
|
||||
color: #ddd;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.content {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
background-color: #242424;
|
||||
width: 200px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
border-right: 1px solid #333;
|
||||
}
|
||||
|
||||
.profile {
|
||||
padding: 20px 10px;
|
||||
border-bottom: 1px solid #333;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.profile-name {
|
||||
font-weight: bold;
|
||||
display: block;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.profile-status {
|
||||
font-size: 12px;
|
||||
color: #00cc00;
|
||||
display: block;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
nav {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.nav-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 15px 20px;
|
||||
cursor: pointer;
|
||||
transition: background-color 0.2s;
|
||||
}
|
||||
|
||||
.nav-item:hover,
|
||||
.nav-item.selected {
|
||||
background-color: #444;
|
||||
}
|
||||
|
||||
.nav-icon {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
.nav-text {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.main-panel {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-color: #202020;
|
||||
}
|
||||
|
||||
.top-bar {
|
||||
background-color: #2c2c2c;
|
||||
padding: 15px 20px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
color: #ddd;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.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 {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: #202020;
|
||||
padding: 20px;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
overflow-y: auto;
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: #048239 #035525;
|
||||
}
|
||||
|
||||
.main-content::-webkit-scrollbar {
|
||||
width: 12px;
|
||||
background-color: #035525;
|
||||
}
|
||||
|
||||
.main-content::-webkit-scrollbar-thumb {
|
||||
background-color: #048239;
|
||||
border-radius: 10px;
|
||||
border: 2px solid #4e4e50;
|
||||
}
|
||||
|
||||
.main-content::-webkit-scrollbar-track {
|
||||
background-color: #035525;
|
||||
}
|
||||
|
||||
.main-content::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #127e3f;
|
||||
}
|
||||
|
||||
.minecraft-image {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.installations {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
background-color: #292929;
|
||||
box-sizing: border-box;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
padding: 10px 20px;
|
||||
border-top: 1px solid #333;
|
||||
}
|
||||
|
||||
.custom-select-wrapper {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 250px;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
.custom-select {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-family: "MinecraftRegular", sans-serif;
|
||||
font-size: 1em;
|
||||
padding: 7px;
|
||||
border: 2px solid #000;
|
||||
background-color: #048239;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
box-shadow: 4px 4px #4e4e50;
|
||||
user-select: none;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
.custom-select.open {
|
||||
border-radius: 5px 5px 0 0;
|
||||
}
|
||||
|
||||
.custom-options {
|
||||
position: absolute;
|
||||
top: calc(100% + -238px);
|
||||
left: 0;
|
||||
right: 0;
|
||||
border: 2px solid #000;
|
||||
border-top: none;
|
||||
background-color: #035525;
|
||||
box-shadow: 4px 4px #4e4e50;
|
||||
z-index: 9999;
|
||||
display: none;
|
||||
border-radius: 0 0 5px 5px;
|
||||
color: #fff;
|
||||
max-height: 200px;
|
||||
overflow-y: auto;
|
||||
direction: rtl;
|
||||
}
|
||||
|
||||
.custom-options.open {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.custom-options div {
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
.custom-option {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 10px;
|
||||
cursor: pointer;
|
||||
border-bottom: 1px solid #000;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
.custom-option:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.custom-option:hover {
|
||||
background-color: #127e3f;
|
||||
}
|
||||
|
||||
.custom-option img {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.play-button {
|
||||
background-color: #00cc00;
|
||||
border: none;
|
||||
padding: 10px 40px;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
transition: background-color 0.2s;
|
||||
}
|
||||
|
||||
.play-button:hover {
|
||||
background-color: #00ff00;
|
||||
}
|
||||
|
||||
.bottom-bar {
|
||||
background-color: #2c2c2c;
|
||||
padding: 10px 20px;
|
||||
text-align: right;
|
||||
color: #ddd;
|
||||
border-top: 1px solid #333;
|
||||
box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.username {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.news-item {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.news-item li {
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.custom-options::-webkit-scrollbar {
|
||||
width: 12px;
|
||||
background-color: #035525;
|
||||
}
|
||||
|
||||
.custom-options::-webkit-scrollbar-thumb {
|
||||
background-color: #048239;
|
||||
border-radius: 10px;
|
||||
border: 2px solid #4e4e50;
|
||||
}
|
||||
|
||||
.custom-options {
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: #048239 #035525;
|
||||
}
|
||||
|
||||
.custom-options::-webkit-scrollbar-track {
|
||||
background-color: #035525;
|
||||
}
|
||||
|
||||
.custom-options::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #127e3f;
|
||||
}
|
||||
|
||||
.minecraft-button {
|
||||
background-color: #a9a9a9;
|
||||
border: 1px solid #333;
|
||||
border-radius: 5px;
|
||||
padding: 10px 20px;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
cursor: pointer;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.minecraft-button:hover {
|
||||
background-color: #bdbdbd;
|
||||
}
|
||||
|
||||
.minecraft-button:active {
|
||||
background-color: #8a8a8a;
|
||||
}
|
||||
|
||||
.bottom-bar {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
padding: 10px 20px;
|
||||
background-color: #2c2c2c;
|
||||
color: #ddd;
|
||||
border-top: 1px solid #333;
|
||||
box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.version-label {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.downloads {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.download-link {
|
||||
display: block;
|
||||
background-color: #048239;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
padding: 10px 20px;
|
||||
border-radius: 5px;
|
||||
margin-bottom: 10px;
|
||||
transition: background-color 0.3s;
|
||||
}
|
||||
|
||||
.download-link:hover {
|
||||
background-color: #34b734;
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
padding: 20px;
|
||||
background-color: #1f1f1f;
|
||||
color: #e0e0e0;
|
||||
overflow-x: auto;
|
||||
overflow-y: auto;
|
||||
max-height: 600px;
|
||||
}
|
||||
|
||||
.mod-list {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: 10px;
|
||||
overflow-y: auto;
|
||||
max-height: 100%;
|
||||
padding: 10px;
|
||||
overflow-x: auto;
|
||||
text-align: center;
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: #555 #333;
|
||||
}
|
||||
|
||||
.mod-list::-webkit-scrollbar {
|
||||
width: 8px;
|
||||
}
|
||||
|
||||
.mod-list::-webkit-scrollbar-track {
|
||||
background: #333;
|
||||
}
|
||||
|
||||
.mod-list::-webkit-scrollbar-thumb {
|
||||
background-color: #555;
|
||||
border-radius: 10px;
|
||||
border: 2px solid #333;
|
||||
}
|
||||
|
||||
.mod-item {
|
||||
background-color: #333;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
|
||||
padding: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.mod-item .mod-icon {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
margin: 0 auto 10px;
|
||||
}
|
||||
|
||||
.mod-item .mod-icon img {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.mod-item .mod-details {
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
||||
.mod-item .mod-name {
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
margin-bottom: 5px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.mod-item .mod-author {
|
||||
font-size: 12px;
|
||||
color: #ccc;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.mod-item .mod-description {
|
||||
font-size: 14px;
|
||||
color: #bbb;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.mod-item .mod-links {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.mod-item .mod-link {
|
||||
padding: 5px 15px;
|
||||
background-color: #555;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
border-radius: 7px;
|
||||
transition: background-color 0.3s;
|
||||
}
|
||||
|
||||
.mod-item .mod-link:hover {
|
||||
background-color: #777;
|
||||
}
|
||||
.top-menu {
|
||||
background-color: #2c2c2c;
|
||||
padding: 10px 20px;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
color: #ddd;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.top-menu ul {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.top-menu ul li {
|
||||
margin-right: 20px;
|
||||
cursor: pointer;
|
||||
font-size: 16px;
|
||||
color: #ccc;
|
||||
transition: color 0.2s;
|
||||
}
|
||||
.top-menu ul li.selected {
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
}
|
||||
.top-menu ul li:hover {
|
||||
color: #fff;
|
||||
}
|
||||
@@ -1,450 +0,0 @@
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
|
||||
background-color: #1e1e1e;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.launcher {
|
||||
width: 900px;
|
||||
height: 600px;
|
||||
margin: 50px auto;
|
||||
background-color: #333;
|
||||
border-radius: 8px;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.title-bar {
|
||||
background-color: #2c2c2c;
|
||||
padding: 10px;
|
||||
text-align: center;
|
||||
color: #ddd;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.content {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
background-color: #242424;
|
||||
width: 200px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
border-right: 1px solid #333;
|
||||
}
|
||||
|
||||
.profile {
|
||||
padding: 20px 10px;
|
||||
border-bottom: 1px solid #333;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.profile-name {
|
||||
font-weight: bold;
|
||||
display: block;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.profile-status {
|
||||
font-size: 12px;
|
||||
color: #00cc00;
|
||||
display: block;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
nav {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.nav-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 15px 20px;
|
||||
cursor: pointer;
|
||||
transition: background-color 0.2s;
|
||||
}
|
||||
|
||||
.nav-item:hover,
|
||||
.nav-item.selected {
|
||||
background-color: #444;
|
||||
}
|
||||
|
||||
.nav-icon {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
.nav-text {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.main-panel {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-color: #202020;
|
||||
}
|
||||
|
||||
.top-bar {
|
||||
background-color: #2c2c2c;
|
||||
padding: 15px 20px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
color: #ddd;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.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 {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: #202020;
|
||||
padding: 20px;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
overflow-y: hidden;
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: #048239 #035525;
|
||||
}
|
||||
|
||||
.main-content::-webkit-scrollbar {
|
||||
width: 12px;
|
||||
background-color: #035525;
|
||||
}
|
||||
.main-content::-webkit-scrollbar-thumb {
|
||||
background-color: #048239;
|
||||
border-radius: 10px;
|
||||
border: 2px solid #4e4e50;
|
||||
}
|
||||
|
||||
.main-content::-webkit-scrollbar-track {
|
||||
background-color: #035525;
|
||||
}
|
||||
|
||||
.main-content::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #127e3f;
|
||||
}
|
||||
|
||||
.minecraft-image {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.installations {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
background-color: #292929;
|
||||
box-sizing: border-box;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
padding: 10px 20px;
|
||||
border-top: 1px solid #333;
|
||||
}
|
||||
.custom-select-wrapper {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 250px;
|
||||
}
|
||||
|
||||
.custom-select {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-family: "MinecraftRegular", sans-serif;
|
||||
font-size: 1em;
|
||||
padding: 7px;
|
||||
border: 2px solid #000;
|
||||
background-color: #048239;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
box-shadow: 4px 4px #4e4e50;
|
||||
user-select: none;
|
||||
transition: box-shadow 0.3s;
|
||||
}
|
||||
|
||||
.custom-select:hover {
|
||||
box-shadow: 6px 6px #4e4e50;
|
||||
}
|
||||
|
||||
.custom-select.open {
|
||||
border-radius: 0 0 5px 5px;
|
||||
}
|
||||
|
||||
.custom-options {
|
||||
position: absolute;
|
||||
bottom: calc(100% + 2px);
|
||||
left: 0;
|
||||
right: 0;
|
||||
border: 2px solid #000;
|
||||
border-bottom: none;
|
||||
background-color: #035525;
|
||||
box-shadow: 4px 4px #4e4e50;
|
||||
display: none;
|
||||
border-radius: 5px 5px 0 0;
|
||||
color: #fff;
|
||||
max-height: 0;
|
||||
overflow: hidden;
|
||||
transition: max-height 0.3s ease-out, padding 0.3s ease-out,
|
||||
opacity 0.3s ease-out;
|
||||
}
|
||||
|
||||
.custom-options.open {
|
||||
display: block;
|
||||
max-height: 200px;
|
||||
padding: 10px 0;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.custom-option {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 10px;
|
||||
cursor: pointer;
|
||||
border-bottom: 1px solid #000;
|
||||
transition: background-color 0.3s;
|
||||
}
|
||||
|
||||
.custom-option:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.custom-option:hover {
|
||||
background-color: #127e3f;
|
||||
}
|
||||
|
||||
.custom-option img {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.play-button {
|
||||
background-color: #0f990f;
|
||||
border: 2px solid #007700;
|
||||
padding: 10px 40px;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
transition: background-color 0.2s, border-color 0.2s, transform 0.2s;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.play-button::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 300%;
|
||||
height: 300%;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
transition: all 0.4s ease-out;
|
||||
border-radius: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.play-button:hover::before {
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.play-button:hover {
|
||||
background-color: #17b117;
|
||||
border-color: #005500;
|
||||
transform: scale(1.05);
|
||||
}
|
||||
|
||||
.play-button span {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.play-button:hover span {
|
||||
animation: fluid 1.5s infinite alternate;
|
||||
}
|
||||
|
||||
@keyframes fluid {
|
||||
0% {
|
||||
transform: scale(1);
|
||||
}
|
||||
100% {
|
||||
transform: scale(1.1);
|
||||
}
|
||||
}
|
||||
|
||||
.bottom-bar {
|
||||
background-color: #2c2c2c;
|
||||
padding: 10px 20px;
|
||||
text-align: right;
|
||||
color: #ddd;
|
||||
border-top: 1px solid #333;
|
||||
box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.username {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.news-item {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.news-item li {
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.custom-options::-webkit-scrollbar {
|
||||
width: 12px;
|
||||
background-color: #035525;
|
||||
}
|
||||
|
||||
.custom-options::-webkit-scrollbar-thumb {
|
||||
background-color: #048239;
|
||||
border-radius: 10px;
|
||||
border: 2px solid #4e4e50;
|
||||
}
|
||||
|
||||
.custom-options {
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: #048239 #035525;
|
||||
}
|
||||
|
||||
.custom-options::-webkit-scrollbar-track {
|
||||
background-color: #035525;
|
||||
}
|
||||
|
||||
.custom-options::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #127e3f;
|
||||
}
|
||||
|
||||
.minecraft-button {
|
||||
background-color: #a9a9a9;
|
||||
border: 1px solid #333;
|
||||
border-radius: 5px;
|
||||
padding: 10px 20px;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
cursor: pointer;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.minecraft-button:hover {
|
||||
background-color: #bdbdbd;
|
||||
}
|
||||
|
||||
.minecraft-button:active {
|
||||
background-color: #8a8a8a;
|
||||
}
|
||||
|
||||
.bottom-bar {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
padding: 10px 20px;
|
||||
background-color: #2c2c2c;
|
||||
color: #ddd;
|
||||
border-top: 1px solid #333;
|
||||
box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.version-label {
|
||||
margin-right: 10px;
|
||||
}
|
||||
.downloads {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.download-link {
|
||||
display: block;
|
||||
background-color: #048239;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
padding: 10px 20px;
|
||||
border-radius: 5px;
|
||||
margin-bottom: 10px;
|
||||
transition: background-color 0.3s;
|
||||
}
|
||||
|
||||
.download-link:hover {
|
||||
background-color: #00cc00;
|
||||
}
|
||||
/* try fix 1 */
|
||||
.top-menu {
|
||||
background-color: #2c2c2c;
|
||||
padding: 10px 20px;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
color: #ddd;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.top-menu ul {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.top-menu ul li {
|
||||
margin-right: 20px;
|
||||
cursor: pointer;
|
||||
font-size: 16px;
|
||||
color: #ccc;
|
||||
transition: color 0.2s;
|
||||
}
|
||||
.top-menu ul li.selected {
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
}
|
||||
.top-menu ul li:hover {
|
||||
color: #fff;
|
||||
}
|
||||
@@ -1,463 +0,0 @@
|
||||
.main-panel {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-color: #202020;
|
||||
}
|
||||
|
||||
.server-list {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.server-list iframe {
|
||||
flex: 1;
|
||||
width: 100%;
|
||||
border: none;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
|
||||
background-color: #1e1e1e;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.launcher {
|
||||
width: 900px;
|
||||
height: 600px;
|
||||
margin: 50px auto;
|
||||
background-color: #333;
|
||||
border-radius: 8px;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.title-bar {
|
||||
background-color: #2c2c2c;
|
||||
padding: 10px;
|
||||
text-align: center;
|
||||
color: #ddd;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.content {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
background-color: #242424;
|
||||
width: 200px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
border-right: 1px solid #333;
|
||||
}
|
||||
|
||||
.profile {
|
||||
padding: 20px 10px;
|
||||
border-bottom: 1px solid #333;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.profile-name {
|
||||
font-weight: bold;
|
||||
display: block;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.profile-status {
|
||||
font-size: 12px;
|
||||
color: #00cc00;
|
||||
display: block;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
nav {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.nav-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 15px 20px;
|
||||
cursor: pointer;
|
||||
transition: background-color 0.2s;
|
||||
}
|
||||
|
||||
.nav-item:hover,
|
||||
.nav-item.selected {
|
||||
background-color: #444;
|
||||
}
|
||||
|
||||
.nav-icon {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
.nav-text {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.top-bar {
|
||||
background-color: #2c2c2c;
|
||||
padding: 15px 20px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
color: #ddd;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.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 {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: #202020;
|
||||
padding: 20px;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
overflow-y: auto;
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: #048239 #035525;
|
||||
}
|
||||
|
||||
.main-content::-webkit-scrollbar {
|
||||
width: 12px;
|
||||
background-color: #035525;
|
||||
}
|
||||
|
||||
.main-content::-webkit-scrollbar-thumb {
|
||||
background-color: #048239;
|
||||
border-radius: 10px;
|
||||
border: 2px solid #4e4e50;
|
||||
}
|
||||
|
||||
.main-content::-webkit-scrollbar-track {
|
||||
background-color: #035525;
|
||||
}
|
||||
|
||||
.main-content::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #127e3f;
|
||||
}
|
||||
|
||||
.minecraft-image {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.installations {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
background-color: #292929;
|
||||
box-sizing: border-box;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
padding: 10px 20px;
|
||||
border-top: 1px solid #333;
|
||||
}
|
||||
|
||||
.custom-select-wrapper {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 250px;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
.custom-select {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-family: "MinecraftRegular", sans-serif;
|
||||
font-size: 1em;
|
||||
padding: 7px;
|
||||
border: 2px solid #000;
|
||||
background-color: #048239;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
box-shadow: 4px 4px #4e4e50;
|
||||
user-select: none;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
.custom-select.open {
|
||||
border-radius: 5px 5px 0 0;
|
||||
}
|
||||
|
||||
.custom-options {
|
||||
position: absolute;
|
||||
top: calc(100% + -238px);
|
||||
left: 0;
|
||||
right: 0;
|
||||
border: 2px solid #000;
|
||||
border-top: none;
|
||||
background-color: #035525;
|
||||
box-shadow: 4px 4px #4e4e50;
|
||||
z-index: 9999;
|
||||
display: none;
|
||||
border-radius: 0 0 5px 5px;
|
||||
color: #fff;
|
||||
max-height: 200px;
|
||||
overflow-y: auto;
|
||||
direction: rtl;
|
||||
}
|
||||
|
||||
.custom-options.open {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.custom-options div {
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
.custom-option {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 10px;
|
||||
cursor: pointer;
|
||||
border-bottom: 1px solid #000;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
.custom-option:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.custom-option:hover {
|
||||
background-color: #127e3f;
|
||||
}
|
||||
|
||||
.custom-option img {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.play-button {
|
||||
background-color: #00cc00;
|
||||
border: none;
|
||||
padding: 10px 40px;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
transition: background-color 0.2s;
|
||||
}
|
||||
|
||||
.play-button:hover {
|
||||
background-color: #00ff00;
|
||||
}
|
||||
|
||||
.bottom-bar {
|
||||
background-color: #2c2c2c;
|
||||
padding: 10px 20px;
|
||||
text-align: right;
|
||||
color: #ddd;
|
||||
border-top: 1px solid #333;
|
||||
box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.username {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.news-item {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.news-item li {
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.custom-options::-webkit-scrollbar {
|
||||
width: 12px;
|
||||
background-color: #035525;
|
||||
}
|
||||
|
||||
.custom-options::-webkit-scrollbar-thumb {
|
||||
background-color: #048239;
|
||||
border-radius: 10px;
|
||||
border: 2px solid #4e4e50;
|
||||
}
|
||||
|
||||
.custom-options {
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: #048239 #035525;
|
||||
}
|
||||
|
||||
.custom-options::-webkit-scrollbar-track {
|
||||
background-color: #035525;
|
||||
}
|
||||
|
||||
.custom-options::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #127e3f;
|
||||
}
|
||||
|
||||
.minecraft-button {
|
||||
background-color: #a9a9a9;
|
||||
border: 1px solid #333;
|
||||
border-radius: 5px;
|
||||
padding: 10px 20px;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
cursor: pointer;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.minecraft-button:hover {
|
||||
background-color: #bdbdbd;
|
||||
}
|
||||
|
||||
.minecraft-button:active {
|
||||
background-color: #8a8a8a;
|
||||
}
|
||||
|
||||
.bottom-bar {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
padding: 10px 20px;
|
||||
background-color: #2c2c2c;
|
||||
color: #ddd;
|
||||
border-top: 1px solid #333;
|
||||
box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.version-label {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.downloads {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.download-link {
|
||||
display: block;
|
||||
background-color: #048239;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
padding: 10px 20px;
|
||||
border-radius: 5px;
|
||||
margin-bottom: 10px;
|
||||
transition: background-color 0.3s;
|
||||
}
|
||||
|
||||
.download-link:hover {
|
||||
background-color: #00cc00;
|
||||
}
|
||||
|
||||
.server-list {
|
||||
max-height: 400px;
|
||||
overflow-y: auto;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.server-list::-webkit-scrollbar {
|
||||
width: 8px;
|
||||
}
|
||||
|
||||
.server-list::-webkit-scrollbar-track {
|
||||
background: #f1f1f1;
|
||||
}
|
||||
|
||||
.server-list::-webkit-scrollbar-thumb {
|
||||
background: #1f9207;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.server-list::-webkit-scrollbar-thumb:hover {
|
||||
background: #107a0c;
|
||||
}
|
||||
|
||||
.copy-button,
|
||||
.play-button {
|
||||
background-color: #4caf50;
|
||||
border: none;
|
||||
color: white;
|
||||
padding: 10px 20px;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
margin: 4px 2px;
|
||||
cursor: pointer;
|
||||
border-radius: 5px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.copy-button:hover,
|
||||
.play-button:hover {
|
||||
background-color: #45a049;
|
||||
}
|
||||
|
||||
.server-entry {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 10px;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 5px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.server-image {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
border-radius: 5px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.server-details {
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.server-name {
|
||||
font-weight: bold;
|
||||
display: block;
|
||||
}
|
||||
/* let me escape please */
|
||||
.server-address {
|
||||
font-family: monospace;
|
||||
}
|
||||
@@ -1,403 +0,0 @@
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
|
||||
background-color: #1e1e1e;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.launcher {
|
||||
width: 900px;
|
||||
height: 600px;
|
||||
margin: 50px auto;
|
||||
background-color: #333;
|
||||
border-radius: 8px;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.title-bar {
|
||||
background-color: #2c2c2c;
|
||||
padding: 10px;
|
||||
text-align: center;
|
||||
color: #ddd;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.content {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
background-color: #242424;
|
||||
width: 200px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
border-right: 1px solid #333;
|
||||
}
|
||||
|
||||
.profile {
|
||||
padding: 20px 10px;
|
||||
border-bottom: 1px solid #333;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.profile-name {
|
||||
font-weight: bold;
|
||||
display: block;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.profile-status {
|
||||
font-size: 12px;
|
||||
color: #00cc00;
|
||||
display: block;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
nav {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.nav-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 15px 20px;
|
||||
cursor: pointer;
|
||||
transition: background-color 0.2s;
|
||||
}
|
||||
|
||||
.nav-item:hover,
|
||||
.nav-item.selected {
|
||||
background-color: #444;
|
||||
}
|
||||
|
||||
.nav-icon {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
.nav-text {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.main-panel {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-color: #202020;
|
||||
}
|
||||
|
||||
.top-bar {
|
||||
background-color: #2c2c2c;
|
||||
padding: 15px 20px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
color: #ddd;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.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 {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: #202020;
|
||||
padding: 20px;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
overflow-y: auto;
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: #048239 #035525;
|
||||
}
|
||||
|
||||
.main-content::-webkit-scrollbar {
|
||||
width: 12px;
|
||||
background-color: #035525;
|
||||
}
|
||||
.main-content::-webkit-scrollbar-thumb {
|
||||
background-color: #048239;
|
||||
border-radius: 10px;
|
||||
border: 2px solid #4e4e50;
|
||||
}
|
||||
|
||||
.main-content::-webkit-scrollbar-track {
|
||||
background-color: #035525;
|
||||
}
|
||||
|
||||
.main-content::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #127e3f;
|
||||
}
|
||||
|
||||
.minecraft-image {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.installations {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
background-color: #292929;
|
||||
box-sizing: border-box;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
padding: 10px 20px;
|
||||
border-top: 1px solid #333;
|
||||
}
|
||||
|
||||
.custom-select-wrapper {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 250px;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
.custom-select {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-family: "MinecraftRegular", sans-serif;
|
||||
font-size: 1em;
|
||||
padding: 7px;
|
||||
border: 2px solid #000;
|
||||
background-color: #048239;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
box-shadow: 4px 4px #4e4e50;
|
||||
user-select: none;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
.custom-select.open {
|
||||
border-radius: 5px 5px 0 0;
|
||||
}
|
||||
|
||||
.custom-options {
|
||||
position: absolute;
|
||||
top: calc(100% + -238px);
|
||||
left: 0;
|
||||
right: 0;
|
||||
border: 2px solid #000;
|
||||
border-top: none;
|
||||
background-color: #035525;
|
||||
box-shadow: 4px 4px #4e4e50;
|
||||
z-index: 9999;
|
||||
display: none;
|
||||
border-radius: 0 0 5px 5px;
|
||||
color: #fff;
|
||||
max-height: 200px;
|
||||
overflow-y: auto;
|
||||
direction: rtl;
|
||||
}
|
||||
|
||||
.custom-options.open {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.custom-options div {
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
.custom-option {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 10px;
|
||||
cursor: pointer;
|
||||
border-bottom: 1px solid #000;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
.custom-option:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.custom-option:hover {
|
||||
background-color: #127e3f;
|
||||
}
|
||||
|
||||
.custom-option img {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.play-button {
|
||||
background-color: #00cc00;
|
||||
border: none;
|
||||
padding: 10px 40px;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
transition: background-color 0.2s;
|
||||
}
|
||||
|
||||
.play-button:hover {
|
||||
background-color: #00ff00;
|
||||
}
|
||||
|
||||
.bottom-bar {
|
||||
background-color: #2c2c2c;
|
||||
padding: 10px 20px;
|
||||
text-align: right;
|
||||
color: #ddd;
|
||||
border-top: 1px solid #333;
|
||||
box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.username {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.news-item {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.news-item li {
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.custom-options::-webkit-scrollbar {
|
||||
width: 12px;
|
||||
background-color: #035525;
|
||||
}
|
||||
|
||||
.custom-options::-webkit-scrollbar-thumb {
|
||||
background-color: #048239;
|
||||
border-radius: 10px;
|
||||
border: 2px solid #4e4e50;
|
||||
}
|
||||
|
||||
.custom-options {
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: #048239 #035525;
|
||||
}
|
||||
|
||||
.custom-options::-webkit-scrollbar-track {
|
||||
background-color: #035525;
|
||||
}
|
||||
|
||||
.custom-options::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #127e3f;
|
||||
}
|
||||
|
||||
.minecraft-button {
|
||||
background-color: #a9a9a9;
|
||||
border: 1px solid #333;
|
||||
border-radius: 5px;
|
||||
padding: 10px 20px;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
cursor: pointer;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.minecraft-button:hover {
|
||||
background-color: #bdbdbd;
|
||||
}
|
||||
|
||||
.minecraft-button:active {
|
||||
background-color: #8a8a8a;
|
||||
}
|
||||
|
||||
.bottom-bar {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
padding: 10px 20px;
|
||||
background-color: #2c2c2c;
|
||||
color: #ddd;
|
||||
border-top: 1px solid #333;
|
||||
box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.version-label {
|
||||
margin-right: 10px;
|
||||
}
|
||||
.downloads {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.download-link {
|
||||
display: block;
|
||||
background-color: #048239;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
padding: 10px 20px;
|
||||
border-radius: 5px;
|
||||
margin-bottom: 10px;
|
||||
transition: background-color 0.3s;
|
||||
}
|
||||
|
||||
.download-link:hover {
|
||||
background-color: #00cc00;
|
||||
}
|
||||
#username-form {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
#username-input {
|
||||
width: calc(100% - 22px);
|
||||
padding: 10px;
|
||||
margin-bottom: 10px;
|
||||
border: none;
|
||||
border-radius: 3px;
|
||||
background-color: #333;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.username-button {
|
||||
width: 100%;
|
||||
padding: 10px;
|
||||
border: none;
|
||||
border-radius: 3px;
|
||||
background-color: #00cc00;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
transition: background-color 0.2s;
|
||||
}
|
||||
|
||||
.username-button:hover {
|
||||
background-color: #00ff00;
|
||||
}
|
||||
@@ -1,10 +0,0 @@
|
||||
/** don't ask me what this is, look in /views/layout.pug **/
|
||||
|
||||
body {
|
||||
padding: 50px;
|
||||
font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #00B7FF;
|
||||
}
|
||||
@@ -1,375 +0,0 @@
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
|
||||
background-color: #1e1e1e;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.launcher {
|
||||
width: 900px;
|
||||
height: 600px;
|
||||
margin: 50px auto;
|
||||
background-color: #333;
|
||||
border-radius: 8px;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.title-bar {
|
||||
background-color: #2c2c2c;
|
||||
padding: 10px;
|
||||
text-align: center;
|
||||
color: #ddd;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.content {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
background-color: #242424;
|
||||
width: 200px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
border-right: 1px solid #333;
|
||||
}
|
||||
|
||||
.profile {
|
||||
padding: 20px 10px;
|
||||
border-bottom: 1px solid #333;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.profile-name {
|
||||
font-weight: bold;
|
||||
display: block;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.profile-status {
|
||||
font-size: 12px;
|
||||
color: #00cc00;
|
||||
display: block;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
nav {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.nav-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 15px 20px;
|
||||
cursor: pointer;
|
||||
transition: background-color 0.2s;
|
||||
}
|
||||
|
||||
.nav-item:hover,
|
||||
.nav-item.selected {
|
||||
background-color: #444;
|
||||
}
|
||||
|
||||
.nav-icon {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
.nav-text {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.main-panel {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-color: #202020;
|
||||
}
|
||||
|
||||
.top-bar {
|
||||
background-color: #2c2c2c;
|
||||
padding: 15px 20px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
color: #ddd;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.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 {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: #202020;
|
||||
padding: 20px;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
overflow-y: auto;
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: #048239 #035525;
|
||||
}
|
||||
|
||||
.main-content::-webkit-scrollbar {
|
||||
width: 12px;
|
||||
background-color: #035525;
|
||||
}
|
||||
.main-content::-webkit-scrollbar-thumb {
|
||||
background-color: #048239;
|
||||
border-radius: 10px;
|
||||
border: 2px solid #4e4e50;
|
||||
}
|
||||
|
||||
.main-content::-webkit-scrollbar-track {
|
||||
background-color: #035525;
|
||||
}
|
||||
|
||||
.main-content::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #127e3f;
|
||||
}
|
||||
|
||||
.minecraft-image {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.installations {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
background-color: #292929;
|
||||
box-sizing: border-box;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
padding: 10px 20px;
|
||||
border-top: 1px solid #333;
|
||||
}
|
||||
|
||||
.custom-select-wrapper {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 250px;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
.custom-select {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-family: "MinecraftRegular", sans-serif;
|
||||
font-size: 1em;
|
||||
padding: 7px;
|
||||
border: 2px solid #000;
|
||||
background-color: #048239;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
box-shadow: 4px 4px #4e4e50;
|
||||
user-select: none;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
.custom-select.open {
|
||||
border-radius: 5px 5px 0 0;
|
||||
}
|
||||
|
||||
.custom-options {
|
||||
position: absolute;
|
||||
top: calc(100% + -238px);
|
||||
left: 0;
|
||||
right: 0;
|
||||
border: 2px solid #000;
|
||||
border-top: none;
|
||||
background-color: #035525;
|
||||
box-shadow: 4px 4px #4e4e50;
|
||||
z-index: 9999;
|
||||
display: none;
|
||||
border-radius: 0 0 5px 5px;
|
||||
color: #fff;
|
||||
max-height: 200px;
|
||||
overflow-y: auto;
|
||||
direction: rtl;
|
||||
}
|
||||
|
||||
.custom-options.open {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.custom-options div {
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
.custom-option {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 10px;
|
||||
cursor: pointer;
|
||||
border-bottom: 1px solid #000;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
.custom-option:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.custom-option:hover {
|
||||
background-color: #127e3f;
|
||||
}
|
||||
|
||||
.custom-option img {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.play-button {
|
||||
background-color: #00cc00;
|
||||
border: none;
|
||||
padding: 10px 40px;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
transition: background-color 0.2s;
|
||||
}
|
||||
|
||||
.play-button:hover {
|
||||
background-color: #00ff00;
|
||||
}
|
||||
|
||||
.bottom-bar {
|
||||
background-color: #2c2c2c;
|
||||
padding: 10px 20px;
|
||||
text-align: right;
|
||||
color: #ddd;
|
||||
border-top: 1px solid #333;
|
||||
box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.username {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.news-item {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.news-item li {
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.custom-options::-webkit-scrollbar {
|
||||
width: 12px;
|
||||
background-color: #035525;
|
||||
}
|
||||
|
||||
.custom-options::-webkit-scrollbar-thumb {
|
||||
background-color: #048239;
|
||||
border-radius: 10px;
|
||||
border: 2px solid #4e4e50;
|
||||
}
|
||||
|
||||
.custom-options {
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: #048239 #035525;
|
||||
}
|
||||
|
||||
.custom-options::-webkit-scrollbar-track {
|
||||
background-color: #035525;
|
||||
}
|
||||
|
||||
.custom-options::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #127e3f;
|
||||
}
|
||||
|
||||
.minecraft-button {
|
||||
background-color: #a9a9a9;
|
||||
border: 1px solid #333;
|
||||
border-radius: 5px;
|
||||
padding: 10px 20px;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
cursor: pointer;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.minecraft-button:hover {
|
||||
background-color: #bdbdbd;
|
||||
}
|
||||
|
||||
.minecraft-button:active {
|
||||
background-color: #8a8a8a;
|
||||
}
|
||||
|
||||
.bottom-bar {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
padding: 10px 20px;
|
||||
background-color: #2c2c2c;
|
||||
color: #ddd;
|
||||
border-top: 1px solid #333;
|
||||
box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.version-label {
|
||||
margin-right: 10px;
|
||||
}
|
||||
.downloads {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.download-link {
|
||||
display: block;
|
||||
background-color: #048239;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
padding: 10px 20px;
|
||||
border-radius: 5px;
|
||||
margin-bottom: 10px;
|
||||
transition: background-color 0.3s;
|
||||
}
|
||||
|
||||
.download-link:hover {
|
||||
background-color: #00cc00;
|
||||
}
|
||||