Updated Dividers & Margins
Applied Separated Dividers for Server player count, Mojang Status & Launching and Pack selection to give fine-tuned control over each margin to allow for better text placement.
This commit is contained in:
parent
6822f82ee0
commit
fb287eaaec
@ -3212,8 +3212,27 @@ input:checked + .toggleSwitchSlider:before {
|
||||
height: 25px;
|
||||
width: 2px;
|
||||
background: rgba(107, 105, 105, 0.7);
|
||||
margin-left: 50px;
|
||||
margin-right: 11px;
|
||||
margin-left: 60px;
|
||||
right: 20px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.bot_divider_r {
|
||||
height: 25px;
|
||||
width: 2px;
|
||||
background: rgba(107, 105, 105, 0.7);
|
||||
margin-left: 45px;
|
||||
right: 10px;
|
||||
margin-right: 13px;
|
||||
}
|
||||
|
||||
.bot_divider_rl {
|
||||
height: 25px;
|
||||
width: 2px;
|
||||
background: rgba(107, 105, 105, 0.7);
|
||||
margin-left: 15px;
|
||||
right: 10px;
|
||||
margin-right: 13px;
|
||||
}
|
||||
|
||||
/* * *
|
||||
@ -3232,7 +3251,7 @@ input:checked + .toggleSwitchSlider:before {
|
||||
font-size: 15px;
|
||||
font-weight: 900;
|
||||
text-shadow: 0px 0px 20px #949494;
|
||||
margin-left: 10px;
|
||||
margin-left: 14px;
|
||||
}
|
||||
|
||||
/* Wrapper container for the mojang status bar. */
|
||||
|
@ -139,13 +139,13 @@
|
||||
<div class="bot_wrapper">
|
||||
<div id="launch_content">
|
||||
<button id="launch_button">PLAY</button>
|
||||
<div class="bot_divider"></div>
|
||||
<div class="bot_divider_r"></div>
|
||||
<button id="server_selection_button" class="bot_label">• No Server Selected</button>
|
||||
</div>
|
||||
<div id="launch_details">
|
||||
<div id="launch_details_left">
|
||||
<span id="launch_progress_label">0%</span>
|
||||
<div class="bot_divider"></div>
|
||||
<div class="bot_divider_rl"></div>
|
||||
</div>
|
||||
<div id="launch_details_right">
|
||||
<progress id="launch_progress" value="22" max="100"></progress>
|
||||
|
Loading…
Reference in New Issue
Block a user