chore: fixes
This commit is contained in:
MattTheTekie
parent
c99219c95e
commit
836c048373
12 changed files with 258 additions and 1011 deletions
|
|
@ -1,21 +0,0 @@
|
|||
MIT License
|
||||
|
||||
Copyright (c) 2023 FQQD
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||
SOFTWARE.
|
||||
|
|
@ -1,89 +0,0 @@
|
|||
|
||||
|
||||
|
||||
|
||||
# FQQD's MCServer Website Template 1.0
|
||||
|
||||
A template for a modern looking website to promote your Minecraft server.
|
||||
|
||||
Written with HTML and a lot of CSS and the minimal usage of JavaScript.
|
||||
|
||||
Test it out: https://fqqd.github.io/MCServer-Web-Template/index.html
|
||||
|
||||
|
||||
## Features
|
||||
|
||||
- Server adress copy button
|
||||
- Modern design
|
||||
- Discord server embed
|
||||
- Team member cards
|
||||
- Bedrock and Java IP cards
|
||||
- Navbar
|
||||
- Mobile support
|
||||
- Simple Configuration
|
||||
- Hover animations
|
||||
|
||||
|
||||
## FAQ
|
||||
|
||||
#### How do I personalize this website?
|
||||
|
||||
To edit this website, simply fork the repository and edit the "index.html" and the "style.css" in the "media" folder.
|
||||
Reading through the code should be enough to understand what you are able to edit.
|
||||
|
||||
#### How do I make the Discord Embed work?
|
||||
|
||||
- Go to Discord Server Settings
|
||||
- "Widget"
|
||||
- Enable Server Widget
|
||||
- Select an Invite Channel (e.g. the main chat)
|
||||
- Manually copy ONLY THE LINK ("https://discord.com/widget?id=[SERVER-ID]&theme=dark")
|
||||
- Replace the imgur link in the Discord Section with the Discord Widget link
|
||||
|
||||
#### Where can I host this website?
|
||||
|
||||
I recommend hosting the website on your own Linux VServer with Caddyserver, but if you need to have a free hosting service, I recommend Neocities or GitHub Pages.
|
||||
|
||||
#### Why would I need such a website?
|
||||
|
||||
This website can help to provide additional information about your Minecraft Server and get people to join it.
|
||||
|
||||
#### Can I use this freely without copyright?
|
||||
|
||||
You can use and edit the website as much as you want, as long as the "Made by FQQD 2023" stays on the bottom of the site unchanged.
|
||||
|
||||
## Screenshots
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
## Usage/Examples
|
||||
|
||||
|
||||
## Authors
|
||||
|
||||
- [@FQQD](https://fqqd.de)
|
||||
- Originally made for [@HerrFisch](https://www.github.com/HerrFisch)
|
||||
|
||||
|
||||
## Lastly...
|
||||
If you have any further question or want to help and contribute, the best ways to do this are
|
||||
- Creating an [issue report](https://github.com/FQQD/MCServer-Web-Template/issues)
|
||||
- Joining [my discord](https://dc.fqqd.de) and asking for help
|
||||
|
||||
Here's a cookie for reading this far: 🍪
|
||||
|
|
@ -1,246 +1,94 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Play - Veltron Network</title>
|
||||
<link rel="stylesheet" href="https://veltron.net/css/Veltron-MC.css">
|
||||
<link href="https://fonts.bunny.net/css?family=Space+Grotesk:wght@500&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
<meta property="og:type" content="summary">
|
||||
<meta property="og:site_name" content="Veltron-MC">
|
||||
<meta property="og:title" content="Veltron-MC">
|
||||
<meta property="og:description" content="Veltron-MC was created by MattTheTekie!">
|
||||
<meta property="og:image" content="https://www.veltron.net/images/Veltron-MC/server-icon.png">
|
||||
<meta property="og:image:alt" content="Veltron-MC">
|
||||
<meta property="og:url" content="http://play.veltron.net/">
|
||||
<meta name="author" content="MattTheTekie + Veltron">
|
||||
<meta name="description" content="Veltron-MC was created by MattTheTekie!">
|
||||
<meta name="keywords" content="90s Web, 2000s, Political, Veltron, Blog, Neocities, 3DSPaint, DSiPaint, Gaming, Web, HTML, CSS, Programming, Email, Tutorials, Guilded, Discord, YouTube, Twitter">
|
||||
<link rel="icon" type="image/png" href="https://www.veltron.net/images/Veltron-MC/server-icon.png"/>
|
||||
<meta property="twitter:creator" content="@DigitalCheeseYT">
|
||||
<meta property="twitter:site" content="@DigitalCheeseYT">
|
||||
</head>
|
||||
<body>
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
|
||||
<nav class="desktop_navbar">
|
||||
<a href="#"><img class="desktop_navbar_logo_img" src="https://www.veltron.net/images/Veltron-MC/server-icon.png" alt="logo" style="width: 55px; height: 55px;"></a>
|
||||
<a href="https://wiki.patchysicp.xyz/wiki/Veltron-MC" class="desktop_navbar_link">Wiki</a>
|
||||
<a href="#fluxer" class="desktop_navbar_link scroll">Community</a>
|
||||
<a href="#about" class="desktop_navbar_link scroll">About Us</a>
|
||||
<div class="desktop_navbar_link2_div">
|
||||
<a href="#join" class="desktop_navbar_link2 scroll">Join Us!</a>
|
||||
<title>Veltron-MC</title>
|
||||
<!-- The style.css file allows you to change the look of your web pages.
|
||||
If you include the next line in all your web pages, they will all share the same look.
|
||||
This makes it easier to make new pages for your site. -->
|
||||
<link rel="icon" type="image/x-icon" href="https://www.veltron.net/images/Veltron-MC/server-icon.png">
|
||||
<link href="https:///www.veltron.net/css/Veltron-MC.css" rel="stylesheet" type="text/css" media="all">
|
||||
</head>
|
||||
<body style="background-color:white">
|
||||
|
||||
<div id=sitecanvas>
|
||||
|
||||
<div id=siteheader>
|
||||
<img src="https://www.veltron.net/images/Veltron-MC/1/veltron_mc.png" width="1020" height="235" alt="Veltron-MC">
|
||||
</div>
|
||||
</nav>
|
||||
<div class="mobile_navbar">
|
||||
<a href="#" class="mobile_navbar_logo_img_a"><img class="mobile_navbar_logo_img" src="https://www.veltron.net/images/Veltron-MC/server-icon.png"></a>
|
||||
<div id="mobile_navbar_links">
|
||||
<a class="mobile_navbar_link" onclick="mobile_navbar_link_hider()" href="https://wiki.patchysicp.xyz/wiki/Veltron-MC">Wiki</a>
|
||||
<a class="mobile_navbar_link scroll" onclick="mobile_navbar_link_hider()" href="#fluxer">Community</a>
|
||||
<a class="mobile_navbar_link scroll" onclick="mobile_navbar_link_hider()" href="#about">About Us</a>
|
||||
<a class="mobile_navbar_link scroll" onclick="mobile_navbar_link_hider()" href="#join">Join Us</a>
|
||||
</div>
|
||||
<div class="icon" onclick="mobile_navbar_link_hider()">
|
||||
<i class="fa fa-bars"></i>
|
||||
</div>
|
||||
<script>
|
||||
function mobile_navbar_link_hider() {
|
||||
var x = document.getElementById("mobile_navbar_links");
|
||||
if (x.style.display === "flex") {
|
||||
x.style.display = "none";
|
||||
} else {
|
||||
x.style.display = "flex";
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</div>
|
||||
<div class="mainflex">
|
||||
<div class="main1">
|
||||
<a class="main1_logo_a" href="#">
|
||||
<img class="main1_logo" src="http://www.veltron.net/images/Veltron-MC/VELTRON-MC-7-31-2024.png" alt="logo">
|
||||
</a>
|
||||
<div class="main1_description">
|
||||
<a>Minecraft,<br>but</a>
|
||||
<a class="main1_actcent">better</a><a>.</a>
|
||||
</div>
|
||||
<div class="main1_ipcopier_div">
|
||||
<button class="main1_ipcopier" onclick="copyText()" type="button">
|
||||
<span class="main1_ipcopier_text1">play.veltron.net</span>
|
||||
<br>
|
||||
<span class="main1_ipcopier_text2">Click to copy</span>
|
||||
</button>
|
||||
<script>
|
||||
function copyText() {
|
||||
navigator.clipboard.writeText
|
||||
("play.veltron.net");
|
||||
}
|
||||
$(document).ready(function() {
|
||||
$('.main1_ipcopier').click(function() {
|
||||
var popup = $('<div>', { class: 'main1_popup' })
|
||||
.append($('<h3 class="copy_confirm">').text('Copied IP to clipboard'))
|
||||
$(this).after(popup);
|
||||
setTimeout(function() {
|
||||
popup.remove();
|
||||
}, 1000);
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
<a href="#more" class="scroll">
|
||||
<img alt="downarrow" class="main1_downarrow" src="http://www.veltron.net/images/Veltron-MC/downarrow.png">
|
||||
</a>
|
||||
<script>
|
||||
const scrollLinks = document.querySelectorAll('.scroll');
|
||||
scrollLinks.forEach(function(link) {
|
||||
link.addEventListener('click', function(event) {
|
||||
event.preventDefault();
|
||||
const target = document.querySelector(link.getAttribute('href'));
|
||||
const offsetTop = target.offsetTop;
|
||||
window.scrollTo({
|
||||
top: offsetTop,
|
||||
behavior: 'smooth'
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
<div id=sitemenu>
|
||||
<nav class=nav>
|
||||
<a href=https://play.veltron.net>🏠︎</a>
|
||||
<a href=#about>About</a>
|
||||
<a href=# style="justify-content: flex-end;"><img src="https://www.veltron.net/images/Veltron-MC/1/Joinbutton.png" alt="Join Button" class=joinbutton></a>
|
||||
<a href=https://fluxer.go.veltron.net>Fluxer Chat</a>
|
||||
<a href=https://www.veltron.net>VELTRON</a>
|
||||
</nav>
|
||||
</div>
|
||||
<div id="more"></div>
|
||||
<div class="main2">
|
||||
<a class="headline">What we have</a>
|
||||
<div class="main2_features_div">
|
||||
<div class="main2_feature">
|
||||
<img class="main2_feature_img" alt="Feature Image" src="http://www.veltron.net/images/Veltron-MC/2024-07-31_16.51.20.png">
|
||||
<a class="main2_feature_headline">Ironland-MC</a>
|
||||
<a class="main2_feature_text">Experience Ironland in it's fullest the Ironland way today! Ironland is a rich and vibrant country waiting to be explored!</a>
|
||||
</div>
|
||||
<div class="main2_feature">
|
||||
<img class="main2_feature_img" alt="Feature Image" src="http://www.veltron.net/images/Veltron-MC/2024-07-31_13.16.16.png">
|
||||
<a class="main2_feature_headline">Veltron-UHC</a>
|
||||
<a class="main2_feature_text">Yet another UHC server to enjoy those pesky raids on, explore around, and do to you're hearts content.</a>
|
||||
</div>
|
||||
<div class="main2_feature">
|
||||
<img class="main2_feature_img" alt="Feature Image" src="http://www.veltron.net/images/Veltron-MC/lobby.png">
|
||||
<a class="main2_feature_headline">VELTRON Lobby</a>
|
||||
<a class="main2_feature_text">Just another lobby with cosmetics, and gadgets.</a>
|
||||
</div>
|
||||
<div class="main2_feature">
|
||||
<img class="main2_feature_img" alt="Feature Image" src="http://www.veltron.net/images/Veltron-MC/pirateship.png">
|
||||
<a class="main2_feature_headline">Pirate Ship
|
||||
</a>
|
||||
<a class="main2_feature_text">Our lobby also features a pirateship!</a>
|
||||
</div>
|
||||
<div class="main2_feature">
|
||||
<img class="main2_feature_img" alt="Feature Image" src="http://www.veltron.net/images/Veltron-MC/lobby2.png">
|
||||
<a class="main2_feature_headline">Penguins</a>
|
||||
<a class="main2_feature_text">We have a penguin!</a>
|
||||
|
||||
<div id=pagecontent>
|
||||
<div class="welcomeFlex" id="about">
|
||||
<div>
|
||||
<h1>Welcome to Veltron-MC!</h1>
|
||||
|
||||
<p>Veltron-MC is a vanilla survival multiplayer (SMP) server designed for modern versions of Minecraft. Currently on an offseason break, the server focuses on refreshing the core survival experience with added challenges and rewarding gameplay. Players can explore a world filled with custom features, unique encounters, and engaging events, all while enjoying a classic SMP environment.</p>
|
||||
|
||||
<b style="Font-family:verdana">Join us today!</b>
|
||||
</div>
|
||||
<img src="http://www.veltron.net/images/Veltron-MC/2024-07-31_13.16.16.png">
|
||||
</div>
|
||||
</div>
|
||||
<div id="fluxer"></div>
|
||||
<div class="main4">
|
||||
<a class="headline">Join the Fluxer</a>
|
||||
<div class="main4_dc_div">
|
||||
<iframe class="main4_dc_widget" src="https://discord.com/widget?id=1086089814715138068&theme=dark" width="350" height="500" title="fluxer" sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts"></iframe>
|
||||
<div class="main4_dc_description_div">
|
||||
<a class="main4_dc_description_title">Let's talk!</a>
|
||||
<a class="main4_dc_description"> ・Meet other players <br> ・Ask questions <br> ・Get notified about updates <br> ・Give feedback <br><br> & more </a>
|
||||
<a href="https://fluxer.go.veltron.net" class="main4_dc_button_a">
|
||||
<div class="main4_dc_button">Join</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class=imgFlex>
|
||||
<div><img src="https://www.veltron.net/images/Veltron-MC/lobby.png" width="286.667" height="161.25"></div>
|
||||
<div><img src="https://www.veltron.net/images/Veltron-MC/pirateship.png" width="286.667" height="161.25"></div>
|
||||
<div><img src="https://www.veltron.net/images/Veltron-MC/lobby2.png" width="286.667" height="161.25"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="about"></div>
|
||||
<div class="main5">
|
||||
<a class="headline">Who we are</a>
|
||||
<div class="main5_admin_div">
|
||||
<div class="main5_admins_div main5_admins_dev_type2">
|
||||
<img class="main5_admins_img" alt="admin member img" src="https://avatars.githubusercontent.com/u/94870997?v=4">
|
||||
<div class="main5_admins_description_div">
|
||||
<a class="main5_admins_description_rank main5_admins_description_rank_owner">[Owner]</a>
|
||||
<a class="main5_admins_description_title" href="https://home.veltron.net">MattTheTekie</a>
|
||||
<a class="main5_admins_description">Prominent fullstack developer, and very vocal activist.</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="main5_admin_div">
|
||||
<div class="main5_admins_div main5_admins_dev_type2">
|
||||
<img class="main5_admins_img" alt="admin member img" src="https://cdn.discordapp.com/avatars/855903667643482132/1c295875283eb0248a0a31820f9a2c33.webp?size=4096">
|
||||
<div class="main5_admins_description_div">
|
||||
<a class="main5_admins_description_rank main5_admins_description_rank_owner">[Owner]</a>
|
||||
<a class="main5_admins_description_title" href="https://dragoonsden.veltron.net">Gato Senpai</a>
|
||||
<a class="main5_admins_description">Peace, and brownies.</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="main5_admin_div">
|
||||
<div class="main5_admins_div main5_admins_dev_type1">
|
||||
<img class="main5_admins_img" alt="admin member img" src="https://cdn.discordapp.com/avatars/1367197166887505930/0fd815f9ae1d16429526c384e5737667.png?size=4096">
|
||||
<div class="main5_admins_description_div">
|
||||
<a class="main5_admins_description_rank main5_admins_description_rank_owner">[Owner]</a>
|
||||
<a class="main5_admins_description_title" href="https://digitalcheese.xyz">DigitalCheese</a>
|
||||
<a class="main5_admins_description">Commentator + Technical Wizard.</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="main5_admin_div">
|
||||
<div class="main5_admins_div main5_admins_dev_type1">
|
||||
<img class="main5_admins_img" alt="admin member img" src="https://cdn.discordapp.com/avatars/689222794105716848/4f2277d8737e273ddac1732cb187d24e.png?size=4096">
|
||||
<div class="main5_admins_description_div">
|
||||
<a class="main5_admins_description_rank main5_admins_description_rank_admin">[Admin]</a>
|
||||
<a class="main5_admins_description_title" href="https://jinxcade.veltron.net">JinxCade</a>
|
||||
<a class="main5_admins_description">Fun, chaotic, a little stubborn.</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main5_admin_div">
|
||||
<div class="main5_admins_div main5_admins_dev_type1">
|
||||
<img class="main5_admins_img" alt="admin member img" src="https://cdn.discordapp.com/avatars/947928241048530994/84b7fdcde40b78b601d8245fb14c1102.png?size=4096">
|
||||
<div class="main5_admins_description_div">
|
||||
<a class="main5_admins_description_rank main5_admins_description_rank_admin">[Head Admin]</a>
|
||||
<a class="main5_admins_description_title" href="https://discord.com/users/947928241048530994">Draconid_Jo</a>
|
||||
<a class="main5_admins_description">想像力が 足りないよ —伝承者ヒガナ.</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="join"></div>
|
||||
<div class="main3">
|
||||
<a class="headline">How to join</a>
|
||||
<div class="main3_join_div_div">
|
||||
<div class="main3_join_div">
|
||||
<a class="main3_join_title">Java</a>
|
||||
<div class="main3_join_content_div">
|
||||
<div class="main3_join_categories">
|
||||
<a>IP:</a>
|
||||
<a>Version:</a>
|
||||
<div class=mainFlex>
|
||||
<div>
|
||||
<h2>What Makes Us Different?</h2>
|
||||
|
||||
<p>Experience Ironland in it's fullest the Ironland way today! Ironland is a rich and vibrant country waiting to be explored!</p>
|
||||
|
||||
<div class=mainFlex2 style="padding: 0px 20px 20px 0px;">
|
||||
<div>
|
||||
<h3>New Custom Content!</h3>
|
||||
<p style="padding-right: 20px;"> The server introduces occasional PvE challenges and powerful boss encounters for players seeking a tougher experience. It also includes a variety of new items designed to expand and enhance the core vanilla Minecraft gameplay.</p>
|
||||
</div>
|
||||
<div class="main3_join_values">
|
||||
<a>play.veltron.net</a>
|
||||
<a>1.8-1.21.x</a>
|
||||
<img src="http://www.veltron.net/images/Veltron-MC/2024-07-31_16.51.20.png">
|
||||
</div>
|
||||
<div class=mainFlex2>
|
||||
<div style="padding: 0px 0px 20px 0px;">
|
||||
<h3>Vanilla Changes!</h3>
|
||||
<p style="padding-right: 20px;">You may also encounter several small changes to core gameplay that slightly alter progression and improve overall balance, including adjustments to resource processing and mob behavior.</p>
|
||||
</div>
|
||||
<img src="https://www.veltron.net/images/Veltron-MC/2024-07-31_13.16.16.png">
|
||||
</div>
|
||||
<div class=mainFlex2>
|
||||
<div style="padding: 0px 0px 20px 0px;">
|
||||
<h3>No Microtransactions!</h3>
|
||||
<p style="padding-right: 30px;">You need not pay a cent to get the full content-complete experience for Veltron-MC! No Season passes! No S-Bucks! No Dagger Market! Just join and have fun!</p>
|
||||
</div>
|
||||
<img src="https://www.veltron.net/images/Veltron-MC/1/BlobMoney.png">
|
||||
</div>
|
||||
</div>
|
||||
<div class="main3_join_div">
|
||||
<a class="main3_join_title">Bedrock</a>
|
||||
<div class="main3_join_content_div">
|
||||
<div class="main3_join_categories">
|
||||
<a>IP:</a>
|
||||
<a>Port:</a>
|
||||
</div>
|
||||
<div class="main3_join_values">
|
||||
<a>play.veltron.net</a>
|
||||
<a>19132</a>
|
||||
</div>
|
||||
<div style="padding-left:15px">
|
||||
<h2>News</h2>
|
||||
<div class=newsPeek>
|
||||
<img src="https://www.veltron.net/images/Veltron-MC/1/News.png" alt="The Presses...">
|
||||
<h3>Nothing.</h3>
|
||||
<p style="font-size:16px">No news is good news...</p>
|
||||
<i><p style="font-size:11px">3/26/26</p></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<footer class="copyright_div">
|
||||
<footer><a href="https://github.com/FQQD/MCServer-Web-Template">Edited by [MattTheTekie]</a> | <a href="https://www.veltron.net">Powered By The Veltron Network</a><br><center><a>2014-<script>document.write(new Date().getFullYear());</script> ©Veltron Network</a></center></br></footer>
|
||||
</body>
|
||||
|
||||
</div>
|
||||
|
||||
<p style="color:white; text-align:center;">
|
||||
2014-<script>document.write(new Date().getFullYear());</script> © Veltron Network </a>
|
||||
</p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,747 +1,256 @@
|
|||
:root {
|
||||
--nice-padding: 6rem;
|
||||
--roundness: 0.75rem;
|
||||
--accent1: #02db02;
|
||||
--accent2: #05b305;
|
||||
--accent2_transp: #05b30555;
|
||||
--background1: #212529;
|
||||
--background2: #16191b;
|
||||
/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
|
||||
HTML content. To learn how to do something, just try searching Google for questions like
|
||||
"how to change link color." */
|
||||
|
||||
|
||||
color-scheme: dark;
|
||||
#sitecanvas {
|
||||
max-width:1020px ;
|
||||
border-radius: 20px;
|
||||
margin:0 auto;
|
||||
box-shadow: 0 3px 3px 0 #32311933, 0 3px 6px 0 #32311933;
|
||||
background-color:#30232a;
|
||||
}
|
||||
|
||||
span {
|
||||
font-family: 'Space Grotesk', sans-serif;
|
||||
@font-face {
|
||||
font-family: 'futuracyrillicbold';
|
||||
src: url('https://www.veltron.net/fonts/futuracyrillicbold-webfont.woff');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'minecraftten';
|
||||
src: url('https://www.veltron.net/fonts/MinecraftTen.woff');
|
||||
}
|
||||
|
||||
:root {
|
||||
--HeaderFontSize: 36px; /* global scope */
|
||||
}
|
||||
|
||||
body {
|
||||
font-family:'Space Grotesk', sans-serif;
|
||||
background-color: var(--background1);
|
||||
color: white;
|
||||
margin:0px;
|
||||
background-color: white;
|
||||
background-image: url('https://www.veltron.net/images/Veltron-MC/1/TempBG.png');
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
background-attachment: fixed;
|
||||
color: black;
|
||||
font-family: Arial;
|
||||
}
|
||||
|
||||
|
||||
#more {
|
||||
padding-top:5rem;
|
||||
margin-top: -5rem;
|
||||
}
|
||||
#discord {
|
||||
padding-top:5rem;
|
||||
margin-top: -5rem;
|
||||
}
|
||||
#about {
|
||||
padding-top:5rem;
|
||||
margin-top: -5rem;
|
||||
}
|
||||
#join {
|
||||
padding-top:5rem;
|
||||
margin-top: -5rem;
|
||||
#pagecontent {
|
||||
display: block;
|
||||
font-size:17px ;
|
||||
line-height: 1.2;
|
||||
padding:20px 50px;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-family: 'minecraftten';
|
||||
}
|
||||
|
||||
.banner {
|
||||
h2 {
|
||||
font-family: 'minecraftten';
|
||||
font-size: 30px;
|
||||
line-height: 0.5;
|
||||
}
|
||||
|
||||
#sitemenu{
|
||||
font-size: 30px;
|
||||
padding: 10px 0px;
|
||||
color: White;
|
||||
font-family: 'FuturaCyrillicBold';
|
||||
}
|
||||
|
||||
.nav {
|
||||
display:flex;
|
||||
justify-content: space-evenly;
|
||||
margin-left: 0;
|
||||
text-align: center;
|
||||
margin-top: 0;
|
||||
margin-bottom: 5px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.nav a {
|
||||
font-family: inherit;
|
||||
display: flex;
|
||||
position: fixed;
|
||||
background-color: #ff000099;
|
||||
width: 100%;
|
||||
height: 3rem;
|
||||
z-index: 10;
|
||||
font-size: 2rem;
|
||||
font-weight: 600;
|
||||
justify-content: center;
|
||||
backdrop-filter: blur(15px);
|
||||
align-content: center;
|
||||
padding-top: .4rem;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.headline {
|
||||
margin-top: 2rem;
|
||||
color: #fff;
|
||||
font-size:3rem;
|
||||
text-align: center;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.desktop_navbar {
|
||||
position:fixed;
|
||||
display: flex;
|
||||
height: 4rem;
|
||||
width: 100%;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
bottom:0;
|
||||
background-color: #00000022;
|
||||
backdrop-filter: blur(15px);
|
||||
z-index: 5;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.desktop_navbar_logo_img {
|
||||
width: 5rem;
|
||||
padding-left: 2rem;
|
||||
padding-right: 1rem;
|
||||
}
|
||||
|
||||
.desktop_navbar_link {
|
||||
font-size: 1.2rem;
|
||||
padding: .8rem;
|
||||
transition: all .5s;
|
||||
text-decoration: none;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
}
|
||||
.desktop_navbar_link:hover {
|
||||
color: var(--accent1);
|
||||
}
|
||||
|
||||
.desktop_navbar_link2 {
|
||||
padding:.5rem;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
}
|
||||
.desktop_navbar_link2_div {
|
||||
font-size: 1.2rem;
|
||||
padding: .8rem;
|
||||
transition: all .5s;
|
||||
margin-left: auto;
|
||||
margin-right: 2rem;
|
||||
font-weight: 700;
|
||||
border: solid 1px var(--accent1);
|
||||
border-radius: var(--roundness);
|
||||
text-align: center;
|
||||
}
|
||||
.desktop_navbar_link2_div:hover {
|
||||
border: solid 1px var(--accent2);
|
||||
background-color: var(--accent2);
|
||||
transform: scale(1.05)
|
||||
}
|
||||
|
||||
.mobile_navbar {
|
||||
display: none;
|
||||
padding-right: 13px;
|
||||
padding-left: 13px;
|
||||
overflow: hidden;
|
||||
background-color: #00000033;
|
||||
backdrop-filter: blur(15px);
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
z-index: 5;
|
||||
flex-direction: row;
|
||||
min-height: 53px;
|
||||
}
|
||||
|
||||
.mobile_navbar_logo_img {
|
||||
position: absolute;
|
||||
display: block;
|
||||
height: 42px;
|
||||
padding-left: .5rem;
|
||||
top: 0;
|
||||
left: 0;
|
||||
padding-top: 3.5px;
|
||||
}
|
||||
|
||||
.mobile_navbar #mobile_navbar_links {
|
||||
display: none;
|
||||
margin-top: 53px;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
background-color: #00000011;
|
||||
}
|
||||
|
||||
.mobile_navbar_link {
|
||||
padding:.5rem;
|
||||
}
|
||||
|
||||
.mobile_navbar a {
|
||||
justify-content: center;
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
font-size: 17px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.mobile_navbar .icon {
|
||||
background-color: #00000044;
|
||||
display: block;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
padding: 16px;
|
||||
.nav a:hover{
|
||||
text-decoration:none ;
|
||||
color: #a999a2;
|
||||
}
|
||||
|
||||
.mobile_navbar_logo_img_a {
|
||||
display: block;
|
||||
background-color: #00000022;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.mainflex {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
align-content: center;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
|
||||
#menulist{
|
||||
transition: all 0.2s;
|
||||
}
|
||||
|
||||
.main1 {
|
||||
padding-top: calc(var(--nice-padding) + 2rem);
|
||||
display:flex;
|
||||
width: 100%;
|
||||
align-self: center;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
align-content: center;
|
||||
justify-content: center;
|
||||
background: rgba(0, 0, 0, .5) url('https://www.veltron.net/images/Veltron-MC/cGMLytH.png');
|
||||
background-blend-mode: darken;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 50% 50%;
|
||||
.joinbutton{
|
||||
max-height: 44px;
|
||||
}
|
||||
|
||||
.main1_logo_a {
|
||||
margin-bottom: var(--nice-padding);
|
||||
cursor: default;
|
||||
.dropdown {
|
||||
float: left;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.main1_logo {
|
||||
display: block;
|
||||
align-self: center;
|
||||
margin-left:auto;
|
||||
margin-right: auto;
|
||||
transition: all .5s;
|
||||
max-width: 40rem;
|
||||
}
|
||||
.main1_logo:hover {
|
||||
transform: scale(1.05)
|
||||
.dropdown .dropbtn {
|
||||
max-width: 200px;
|
||||
max-height:38px;
|
||||
padding-right: 13px;
|
||||
padding-left: 13px;
|
||||
border: none;
|
||||
outline: none;
|
||||
color: white;
|
||||
font-size:inherit;
|
||||
background-color: inherit;
|
||||
font-family: inherit;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.main1_description {
|
||||
text-align: center;
|
||||
font-size:3rem;
|
||||
margin-bottom: var(--nice-padding);
|
||||
margin-left: 1rem;
|
||||
margin-right: 1rem;
|
||||
.nav a:hover, .dropdown:hover .dropbtn {
|
||||
color: #a999a2;
|
||||
}
|
||||
|
||||
.main1_actcent {
|
||||
font-weight: 800;
|
||||
color:var(--accent1);
|
||||
.dropdown-content {
|
||||
display: none;
|
||||
position: absolute;
|
||||
background-color: #a999a2;
|
||||
font-size:24px;
|
||||
font-family: Verdana;
|
||||
min-width: 160px;
|
||||
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.main1_ipcopier {
|
||||
padding: 1rem;
|
||||
padding-left: 2rem;
|
||||
padding-right: 2rem;
|
||||
font-size: 2rem;
|
||||
background-color: var(--accent2_transp);
|
||||
border: 0px;
|
||||
border-radius: var(--roundness);
|
||||
color: white;
|
||||
transition: all .5s;
|
||||
cursor:pointer;
|
||||
position: relative;
|
||||
.dropdown-content a {
|
||||
float: none;
|
||||
color: black;
|
||||
padding: 12px 16px;
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
text-align: left;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.main1_ipcopier:hover {
|
||||
background-color: var(--accent2);
|
||||
transform: scale(1.05)
|
||||
.dropdown-content a:hover {
|
||||
background-color: black;
|
||||
color:white;
|
||||
}
|
||||
|
||||
.main1_ipcopier_text1 {
|
||||
font-size:2rem;
|
||||
font-weight: 800;
|
||||
.dropdown:hover .dropdown-content {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.main1_ipcopier_text2 {
|
||||
font-size:1.5rem;
|
||||
.welcomeFlex {
|
||||
display:flex;
|
||||
padding: 0px 0px 30px 0px;
|
||||
border-bottom: 1px solid grey;
|
||||
}
|
||||
|
||||
.main1_popup {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -0%);
|
||||
text-align: center;
|
||||
background-color: rgba(0, 175, 0, 0.1);
|
||||
border:solid rgba(0, 175, 0, 1) 1px;
|
||||
color: #fff;
|
||||
border-radius: var(--roundness);
|
||||
z-index: 9999;
|
||||
padding-left: 1rem;
|
||||
padding-right: 1rem;
|
||||
margin-top: -10.5rem;
|
||||
.welcomeFlex p {
|
||||
padding-right: 50px;
|
||||
}
|
||||
|
||||
.main1_downarrow {
|
||||
opacity: 50%;
|
||||
height: 1.5rem;
|
||||
padding:2rem;
|
||||
transition: all .5s;
|
||||
.welcomeFlex img {
|
||||
border-radius: 6px;
|
||||
max-width: 25%;
|
||||
max-height: 25%;
|
||||
box-shadow: 0 3px 3px 0 #32311933, 0 3px 6px 0 #32311933;
|
||||
height: auto
|
||||
}
|
||||
|
||||
.main1_downarrow:hover {
|
||||
opacity: 100%;
|
||||
transform: scale(1.05)
|
||||
}
|
||||
|
||||
.main2 {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
align-content: center;
|
||||
padding-bottom: 1rem;
|
||||
background-color: var(--background2);
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.main2_features_div {
|
||||
padding-top: 2rem;
|
||||
display:flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-wrap:wrap;
|
||||
.mainFlex {
|
||||
display:flex;
|
||||
padding: 0px 0px 0px 0px;
|
||||
}
|
||||
|
||||
.main2_feature {
|
||||
display: flex;
|
||||
background-color: var(--background1);
|
||||
height: 24rem;
|
||||
width: 18rem;
|
||||
margin: 1rem;
|
||||
border-radius: var(--roundness);
|
||||
transition: all .5s;
|
||||
flex-direction: column;
|
||||
.mainFlex2 {
|
||||
display:flex;
|
||||
padding: 30px 20px 20px 0px;
|
||||
border-bottom: 1px solid grey;
|
||||
}
|
||||
|
||||
.main2_feature:hover {
|
||||
background-color: #00000099;
|
||||
transform: scale(1.05)
|
||||
.welcomeFlex h1 {
|
||||
line-height:0.1;
|
||||
padding: 0px 0px 20px 0px;
|
||||
}
|
||||
|
||||
@media (max-width: 1599px) {
|
||||
.main2_features_div {
|
||||
margin-left: 10rem;
|
||||
margin-right: 10rem;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1279px) {
|
||||
.main2_features_div {
|
||||
margin-left: 0rem;
|
||||
margin-right: 0rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.main2_feature_img {
|
||||
width: 100%;
|
||||
height: 50%;
|
||||
object-fit: cover;
|
||||
border-radius: var(--roundness);
|
||||
.mainFlex p {
|
||||
padding-right: 50px;
|
||||
|
||||
}
|
||||
|
||||
.main2_feature_headline {
|
||||
margin-top: 1rem;
|
||||
text-align: center;
|
||||
font-size:1.5rem;
|
||||
font-weight: 700;
|
||||
margin-top: auto;
|
||||
.mainFlex h3{
|
||||
font-family:'minecraftten';
|
||||
font-size: 20px;
|
||||
line-height: 0.5;
|
||||
}
|
||||
|
||||
.main2_feature_text {
|
||||
margin:1rem;
|
||||
text-align: center;
|
||||
font-size:1.2rem;
|
||||
margin-bottom: auto;
|
||||
.mainFlex2 button{
|
||||
width: 135px;
|
||||
height: 35px;
|
||||
border: none;
|
||||
outline: none;
|
||||
color: white;
|
||||
padding: 0px 0px 0px 0px;
|
||||
font-size:18px;
|
||||
background-color: #30232a;
|
||||
font-family: 'FuturaCyrillicBold';
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
|
||||
.main4 {
|
||||
min-height: 10rem;
|
||||
width:100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
.mainFlex2 img{
|
||||
border-radius:8px;
|
||||
max-height:240px;
|
||||
max-width:240px;
|
||||
}
|
||||
|
||||
.main4_dc_widget {
|
||||
border-radius: var(--roundness);
|
||||
border: 0;
|
||||
.newsPeek{
|
||||
display:block;
|
||||
width: 200px;
|
||||
border:2px solid;
|
||||
padding: 0.01em 16px;
|
||||
border-color:black;
|
||||
border-radius: 8px;
|
||||
justify-content:flex-end;
|
||||
}
|
||||
|
||||
.main4_dc_div {
|
||||
margin: 2rem;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
background-color: var(--background2);
|
||||
border-radius: var(--roundness);
|
||||
max-width: 48rem;
|
||||
.newsPeek img{
|
||||
margin: 16px 0px;
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
}
|
||||
|
||||
.main4_dc_description_div {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
.newsPeek h3{
|
||||
font-family:'FuturaCyrillicBold';
|
||||
line-height: 0.5;
|
||||
}
|
||||
|
||||
.main4_dc_description_title {
|
||||
margin: 2rem;
|
||||
text-align: center;
|
||||
font-size:1.5rem;
|
||||
font-weight: 700;
|
||||
|
||||
.imgFlex {
|
||||
display:flex;
|
||||
padding: 30px 0px 0px 0px;
|
||||
justify-content:space-between;
|
||||
}
|
||||
|
||||
|
||||
.main4_dc_description {
|
||||
margin-left:1.5rem;
|
||||
margin-right:1.5rem;
|
||||
margin-bottom:1.5rem;
|
||||
font-size:1.2rem;
|
||||
}
|
||||
.main4_dc_button_a{
|
||||
text-decoration: none;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
border: solid var(--accent1) 1px;
|
||||
border-radius: var(--roundness);
|
||||
margin-top: auto;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-bottom: 1.5rem;
|
||||
transition: all .5s;
|
||||
.imgFlex div{
|
||||
padding: 10px;
|
||||
flex-shrink:1;
|
||||
}
|
||||
.main4_dc_button_a:hover{
|
||||
border: solid 1px var(--accent2);
|
||||
background-color: var(--accent2);
|
||||
transform: scale(1.05)
|
||||
}
|
||||
.main4_dc_button {
|
||||
padding:.5rem;
|
||||
padding-left: 1.5rem;
|
||||
padding-right: 1.5rem;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.main5 {
|
||||
background-color: var(--background2);
|
||||
min-height: 10rem;
|
||||
width:100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.main5_admin_div{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
padding: 1rem 1rem .5rem 1rem;
|
||||
}
|
||||
.main5_admins_div{
|
||||
display: flex;
|
||||
max-width: 46rem;
|
||||
min-height: 18rem;
|
||||
background-color: var(--background1);
|
||||
border-radius: var(--roundness);
|
||||
margin-top: 1rem;
|
||||
margin-right: 1rem;
|
||||
margin-left: 1rem;
|
||||
}
|
||||
.main5_admins_dev_type1 {
|
||||
flex-direction:row;
|
||||
padding-right: 2rem;
|
||||
}
|
||||
.main5_admins_dev_type2 {
|
||||
flex-direction: row-reverse;
|
||||
padding-left: 2rem;
|
||||
}
|
||||
|
||||
.main5_admins_img {
|
||||
border-radius: var(--roundness);
|
||||
max-width: 45%;
|
||||
max-height: 100%;
|
||||
align-self: center;
|
||||
}
|
||||
.main5_admins_description_div {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
justify-self: center;
|
||||
max-width: 60%;
|
||||
padding-top: 2rem;
|
||||
padding-bottom: 2rem;
|
||||
flex-direction: column;
|
||||
padding-left: 1rem;
|
||||
padding-right: 1rem;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
.main5_admins_description_rank {
|
||||
text-align: center;
|
||||
font-size:1.5rem;
|
||||
font-weight: 700;
|
||||
margin-bottom: .5rem;
|
||||
}
|
||||
.main5_admins_description_rank_owner {
|
||||
color: #3498db;
|
||||
}
|
||||
.main5_admins_description_rank_admin {
|
||||
color: #f82f2f;
|
||||
}
|
||||
.main5_admins_description_title {
|
||||
text-align: center;
|
||||
font-size:1.5rem;
|
||||
font-weight: 700;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
transition: all .5s;
|
||||
margin-bottom: .5rem;
|
||||
}
|
||||
.main5_admins_description_title:hover {
|
||||
color: var(--accent1);
|
||||
transform: scale(1.05)
|
||||
}
|
||||
|
||||
.main5_admins_description {
|
||||
margin-bottom: auto;
|
||||
font-size:1.2rem;
|
||||
}
|
||||
|
||||
|
||||
.main5_supporter_div {
|
||||
display: flex;
|
||||
max-width: 825px;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-direction:row;
|
||||
flex-wrap: wrap;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.main5_supporters_div {
|
||||
width: 23.5rem;
|
||||
min-height: 16rem;
|
||||
background-color: var(--background1);
|
||||
border-radius: var(--roundness);
|
||||
margin: .5rem;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.main5_supporters_img {
|
||||
border-radius: var(--roundness);
|
||||
max-width: 25%;
|
||||
max-height: 100%;
|
||||
align-self: center;
|
||||
margin: 1rem;
|
||||
}
|
||||
.main5_supporters_description_div {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
padding: 1rem 1.5rem 1rem 1rem;
|
||||
flex-direction: column;
|
||||
}
|
||||
.main5_supporters_description_rank {
|
||||
text-align: center;
|
||||
font-size:1.2rem;
|
||||
font-weight: 700;
|
||||
margin-bottom: .5rem;
|
||||
}
|
||||
.main5_supporters_description_rank_supporter {
|
||||
color: #00f8ff;
|
||||
}
|
||||
.main5_supporters_description_title {
|
||||
text-align: center;
|
||||
font-size:1.3rem;
|
||||
font-weight: 700;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
transition: all .5s;
|
||||
margin-bottom: .5rem;
|
||||
}
|
||||
.main5_supporters_description_title:hover {
|
||||
color: var(--accent1);
|
||||
transform: scale(1.05)
|
||||
}
|
||||
|
||||
.main5_supporters_description {
|
||||
font-size:1.2rem;
|
||||
margin-bottom: auto;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.main3 {
|
||||
background-color: var(--background1);
|
||||
min-height: 10rem;
|
||||
width:100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-direction:column;
|
||||
}
|
||||
|
||||
.main3_join_div_div {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap-reverse;
|
||||
margin: 1rem;
|
||||
}
|
||||
|
||||
.main3_join_div {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 20rem;
|
||||
height: 8rem;
|
||||
background-color: var(--background2);
|
||||
border-radius: var(--roundness);
|
||||
margin: 1rem;
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.main3_join_title {
|
||||
text-align: center;
|
||||
font-size:1.5rem;
|
||||
font-weight: 700;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
transition: all .5s;
|
||||
margin-bottom: .5rem;
|
||||
}
|
||||
|
||||
.main3_join_content_div {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
background-color: var(--background1);
|
||||
height: 100%;
|
||||
border-radius: var(--roundness);
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.main3_join_categories {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
text-align: right;
|
||||
font-size:1.4rem;
|
||||
line-height: 1.5;
|
||||
border-right: 3px solid var(--background2);
|
||||
padding-right: .75rem;
|
||||
}
|
||||
.main3_join_values {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
text-align: left;
|
||||
font-size:1.4rem;
|
||||
line-height: 1.5;
|
||||
border-left: 3px solid var(--background2);
|
||||
padding-left: .75rem;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* Copyright Text */
|
||||
|
||||
.copyright {
|
||||
color: #ffffff99;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.copyright_div {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding: 16px;
|
||||
width:auto;
|
||||
background-color: #212529;
|
||||
border-radius: var(--roundness)
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
@media only screen and (max-width: 600px) {
|
||||
.desktop_navbar{
|
||||
display:none;
|
||||
}
|
||||
.mobile_navbar{
|
||||
display:flex;
|
||||
}
|
||||
.headline {
|
||||
font-size:1.9rem;
|
||||
margin-right: 1rem;
|
||||
margin-left: 1rem;
|
||||
}
|
||||
.main1_logo {
|
||||
max-width: 16rem;
|
||||
}
|
||||
.main1_description {
|
||||
font-size: 2.5rem;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
.main1_ipcopier {
|
||||
display: none;
|
||||
}
|
||||
.main5_admins_img {
|
||||
align-self: center;
|
||||
padding-top: 1rem;
|
||||
}
|
||||
.main5_admins_div{
|
||||
flex-direction: column;
|
||||
min-height: 0;
|
||||
}
|
||||
.main5_admins_description_div {
|
||||
max-width: 100%;
|
||||
padding: 2rem;
|
||||
}
|
||||
.main4_dc_div {
|
||||
flex-direction: column;
|
||||
}
|
||||
.main4_dc_widget {
|
||||
height: 20rem;
|
||||
width: 100%;
|
||||
}
|
||||
.main3_join_div {
|
||||
min-width: 20rem;
|
||||
min-height: 9rem;
|
||||
}
|
||||
.main3_join_content_div {
|
||||
padding:1rem;
|
||||
}
|
||||
.main5_admins_dev_type1 {
|
||||
padding-right: 0;
|
||||
}
|
||||
.main5_admins_dev_type2 {
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 360px) {
|
||||
.main3_join_categories {
|
||||
font-size:1rem;
|
||||
}
|
||||
.main3_join_values {
|
||||
font-size:1rem;
|
||||
}
|
||||
.main3_join_div {
|
||||
min-width: 10rem;
|
||||
padding: .5rem;
|
||||
}
|
||||
.main3_join_div_div {
|
||||
margin: .25rem;
|
||||
}
|
||||
.imgFlex img{
|
||||
border-radius:10px;
|
||||
width: 100%;
|
||||
height: auto
|
||||
}
|
||||
|
|
|
|||
BIN
fonts/MinecraftTen.woff
Normal file
BIN
fonts/MinecraftTen.woff
Normal file
Binary file not shown.
BIN
fonts/futuracyrillicbold-webfont.woff
Normal file
BIN
fonts/futuracyrillicbold-webfont.woff
Normal file
Binary file not shown.
BIN
images/Veltron-MC/1/BlobMoney.png
Normal file
BIN
images/Veltron-MC/1/BlobMoney.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.4 KiB |
BIN
images/Veltron-MC/1/Joinbutton.png
Normal file
BIN
images/Veltron-MC/1/Joinbutton.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.6 KiB |
BIN
images/Veltron-MC/1/News.png
Normal file
BIN
images/Veltron-MC/1/News.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5 KiB |
BIN
images/Veltron-MC/1/PickupFinal.png
Normal file
BIN
images/Veltron-MC/1/PickupFinal.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 52 KiB |
BIN
images/Veltron-MC/1/TempBG.png
Normal file
BIN
images/Veltron-MC/1/TempBG.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.4 MiB |
BIN
images/Veltron-MC/1/veltron_mc.png
Normal file
BIN
images/Veltron-MC/1/veltron_mc.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 970 KiB |
Loading…
Add table
Add a link
Reference in a new issue