mirror of
https://github.com/GabsPuNs/Project-Zenith-Main.git
synced 2026-07-18 03:30:40 +00:00
Port Settings Control and Audio Menu. Add focus sound.
This commit is contained in:
GabsPuNs
@@ -1,6 +1,5 @@
|
||||
<rml>
|
||||
<head>
|
||||
<title>Help & Options</title>
|
||||
<link type="text/rcss" href="HelpOptions.rcss"/>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
<rml>
|
||||
<head>
|
||||
<title>Load/Create/Join Menu</title>
|
||||
<link type="text/rcss" href="LoadCreateJoinMenu.rcss"/>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
<rml>
|
||||
<head>
|
||||
<title>Pause Menu</title>
|
||||
<link type="text/rcss" href="PauseMenu.rcss"/>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
160
Minecraft.Client/Assets/UI/SettingsAudioMenu.rcss
Normal file
160
Minecraft.Client/Assets/UI/SettingsAudioMenu.rcss
Normal file
@@ -0,0 +1,160 @@
|
||||
body
|
||||
{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
font-family: Minecraft Default;
|
||||
font-size: 36dp;
|
||||
font-effect: shadow(1dp 1dp #000000);
|
||||
color: #333333;
|
||||
background: transparent;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
div#settings_audio_menu
|
||||
{
|
||||
width: auto;
|
||||
height: auto;
|
||||
padding: 30dp 24dp;
|
||||
decorator: image(images/lce/frame_MessageBox_background.png);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
}
|
||||
|
||||
div#controls
|
||||
{
|
||||
width: auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
}
|
||||
|
||||
.toggle_row
|
||||
{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
align-self: flex-start;
|
||||
width: auto;
|
||||
height: auto;
|
||||
margin-top: 2dp;
|
||||
}
|
||||
|
||||
.toggle_row button
|
||||
{
|
||||
display: inline-block;
|
||||
width: 30dp;
|
||||
height: 30dp;
|
||||
padding: 0;
|
||||
border: none;
|
||||
background: transparent;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.toggle_row .toggle_switch
|
||||
{
|
||||
display: block;
|
||||
width: 36dp;
|
||||
height: 36dp;
|
||||
decorator: image(images/lce/Tickbox_Background.png);
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.toggle_row:hover .toggle_switch
|
||||
{
|
||||
decorator: image(images/lce/Tickbox_Over.png);
|
||||
}
|
||||
|
||||
.toggle_row:hover .toggle_label
|
||||
{
|
||||
color: #ffff00;
|
||||
font-effect: shadow(1dp 1dp #000000);
|
||||
}
|
||||
|
||||
.tick_mark
|
||||
{
|
||||
display: block;
|
||||
width: 42dp;
|
||||
height: 36dp;
|
||||
decorator: image(images/lce/Tick.png);
|
||||
}
|
||||
|
||||
.toggle_row:not(.checked) .tick_mark
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.toggle_label
|
||||
{
|
||||
display: inline-block;
|
||||
font-effect: none;
|
||||
margin-left: 12dp;
|
||||
white-space: nowrap;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.slider_row
|
||||
{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
width: auto;
|
||||
margin-bottom: 10dp;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.slider_container
|
||||
{
|
||||
display: block;
|
||||
position: relative;
|
||||
width: auto;
|
||||
min-width: 400dp;
|
||||
height: 56dp;
|
||||
right: 2dp;
|
||||
padding: 0 12dp;
|
||||
text-align: center;
|
||||
box-sizing: border-box;
|
||||
border: 3dp transparent;
|
||||
decorator: image(images/lce/Slider_Background.png);
|
||||
}
|
||||
|
||||
.slider_container:hover
|
||||
{
|
||||
border-color: #ffff00;
|
||||
decorator: image(images/lce/Slider_BackgroundH.png);
|
||||
}
|
||||
|
||||
.slider_label
|
||||
{
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
color: #ffffff;
|
||||
line-height: 50dp;
|
||||
padding: 0 12dp;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.slider_container:hover .slider_label
|
||||
{
|
||||
color: #ffff00;
|
||||
}
|
||||
|
||||
.slider_track
|
||||
{
|
||||
display: block;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
cursor: resize;
|
||||
}
|
||||
|
||||
.slider_thumb
|
||||
{
|
||||
position: absolute;
|
||||
width: 24dp;
|
||||
height: 50dp;
|
||||
decorator: image(images/lce/Slider.png);
|
||||
cursor: resize;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
31
Minecraft.Client/Assets/UI/SettingsAudioMenu.rml
Normal file
31
Minecraft.Client/Assets/UI/SettingsAudioMenu.rml
Normal file
@@ -0,0 +1,31 @@
|
||||
<rml>
|
||||
<head>
|
||||
<link type="text/rcss" href="SettingsAudioMenu.rcss"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="settings_audio_menu">
|
||||
<div id="controls">
|
||||
<div id="Music" class="slider_row">
|
||||
<div class="slider_container">
|
||||
<div class="slider_track" id="Music_track">
|
||||
<div class="slider_thumb" id="Music_thumb"></div>
|
||||
<span class="slider_label" id="Music_label">[IDS_SLIDER_MUSIC]: 2</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="Sound" class="slider_row">
|
||||
<div class="slider_container">
|
||||
<div class="slider_track" id="Sound_track">
|
||||
<div class="slider_thumb" id="Sound_thumb"></div>
|
||||
<span class="slider_label" id="Sound_label">[IDS_SLIDER_SOUND]: 2</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="CaveSounds" class="toggle_row checked">
|
||||
<button id="CaveSounds_toggle"><span class="toggle_switch"><span class="tick_mark"></span></span></button>
|
||||
<span class="toggle_label">[IDS_CHECKBOX_CAVESOUNDS]</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</rml>
|
||||
100
Minecraft.Client/Assets/UI/SettingsControlMenu.rcss
Normal file
100
Minecraft.Client/Assets/UI/SettingsControlMenu.rcss
Normal file
@@ -0,0 +1,100 @@
|
||||
body
|
||||
{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
font-family: Minecraft Default;
|
||||
font-size: 36dp;
|
||||
font-effect: shadow(1dp 1dp #000000);
|
||||
color: #ffffff;
|
||||
background: transparent;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
div#settings_control_menu
|
||||
{
|
||||
width: auto;
|
||||
height: auto;
|
||||
padding: 30dp 24dp;
|
||||
decorator: image(images/lce/frame_MessageBox_background.png);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
}
|
||||
|
||||
div#controls
|
||||
{
|
||||
width: auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
}
|
||||
|
||||
.slider_row
|
||||
{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
width: auto;
|
||||
margin-top: 10dp;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.slider_row:first-child
|
||||
{
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.slider_container
|
||||
{
|
||||
display: block;
|
||||
position: relative;
|
||||
width: auto;
|
||||
height: 56dp;
|
||||
right: 2dp;
|
||||
padding: 0 12dp;
|
||||
text-align: center;
|
||||
box-sizing: border-box;
|
||||
border: 3dp transparent;
|
||||
decorator: image(images/lce/Slider_Background.png);
|
||||
}
|
||||
|
||||
.slider_container:hover
|
||||
{
|
||||
border-color: #ffff00;
|
||||
decorator: image(images/lce/Slider_BackgroundH.png);
|
||||
}
|
||||
|
||||
.slider_label
|
||||
{
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
line-height: 50dp;
|
||||
padding: 0 12dp;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.slider_container:hover .slider_label
|
||||
{
|
||||
color: #ffff00;
|
||||
}
|
||||
|
||||
.slider_track
|
||||
{
|
||||
display: block;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
cursor: resize;
|
||||
}
|
||||
|
||||
.slider_thumb
|
||||
{
|
||||
position: absolute;
|
||||
width: 24dp;
|
||||
height: 50dp;
|
||||
decorator: image(images/lce/Slider.png);
|
||||
cursor: resize;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
27
Minecraft.Client/Assets/UI/SettingsControlMenu.rml
Normal file
27
Minecraft.Client/Assets/UI/SettingsControlMenu.rml
Normal file
@@ -0,0 +1,27 @@
|
||||
<rml>
|
||||
<head>
|
||||
<link type="text/rcss" href="SettingsControlMenu.rcss"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="settings_control_menu">
|
||||
<div id="controls">
|
||||
<div id="GameSensitivity" class="slider_row">
|
||||
<div class="slider_container">
|
||||
<div class="slider_track" id="GameSensitivity_track">
|
||||
<div class="slider_thumb" id="GameSensitivity_thumb"></div>
|
||||
<span class="slider_label" id="GameSensitivity_label">[IDS_SLIDER_SENSITIVITY_INGAME]: 2</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="InterfaceSensitivity" class="slider_row">
|
||||
<div class="slider_container">
|
||||
<div class="slider_track" id="InterfaceSensitivity_track">
|
||||
<div class="slider_thumb" id="InterfaceSensitivity_thumb"></div>
|
||||
<span class="slider_label" id="InterfaceSensitivity_label">[IDS_SLIDER_SENSITIVITY_INMENU]: 2</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</rml>
|
||||
@@ -1,6 +1,5 @@
|
||||
<rml>
|
||||
<head>
|
||||
<title>Settings</title>
|
||||
<link type="text/rcss" href="SettingsMenu.rcss"/>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
@@ -3,7 +3,7 @@ body
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
font-family: Minecraft Default;
|
||||
font-size: 26dp;
|
||||
font-size: 36dp;
|
||||
font-effect: shadow(1dp 1dp #000000);
|
||||
color: #333333;
|
||||
background: transparent;
|
||||
@@ -14,43 +14,31 @@ body
|
||||
|
||||
div#settings_ui_menu
|
||||
{
|
||||
width: 449dp;
|
||||
width: auto;
|
||||
height: auto;
|
||||
margin: auto;
|
||||
margin-top: 320dp;
|
||||
padding: 20dp 34dp;
|
||||
padding: 30dp 24dp;
|
||||
decorator: image(images/lce/frame_MessageBox_background.png);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
p#title
|
||||
{
|
||||
color: #333333;
|
||||
font-size: 29dp;
|
||||
font-weight: bold;
|
||||
margin-bottom: 10dp;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
align-items: stretch;
|
||||
}
|
||||
|
||||
div#controls
|
||||
{
|
||||
width: 100%;
|
||||
width: auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
align-items: stretch;
|
||||
}
|
||||
|
||||
.toggle_row
|
||||
{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
min-height: 30dp;
|
||||
padding: 1dp 0;
|
||||
margin-bottom: 3dp;
|
||||
align-self: flex-start;
|
||||
width: auto;
|
||||
height: auto;
|
||||
margin-bottom: 2dp;
|
||||
}
|
||||
|
||||
.toggle_row button
|
||||
@@ -67,22 +55,28 @@ div#controls
|
||||
.toggle_row .toggle_switch
|
||||
{
|
||||
display: block;
|
||||
width: 30dp;
|
||||
height: 30dp;
|
||||
width: 36dp;
|
||||
height: 36dp;
|
||||
decorator: image(images/lce/Tickbox_Background.png);
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.toggle_row button:hover .toggle_switch
|
||||
.toggle_row:hover .toggle_switch
|
||||
{
|
||||
decorator: image(images/lce/Tickbox_Over.png);
|
||||
}
|
||||
|
||||
.toggle_row:hover .toggle_label
|
||||
{
|
||||
color: #ffff00;
|
||||
font-effect: shadow(1dp 1dp #000000);
|
||||
}
|
||||
|
||||
.tick_mark
|
||||
{
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
width: 42dp;
|
||||
height: 36dp;
|
||||
decorator: image(images/lce/Tick.png);
|
||||
}
|
||||
|
||||
@@ -94,46 +88,50 @@ div#controls
|
||||
.toggle_label
|
||||
{
|
||||
display: inline-block;
|
||||
font-size: 20dp;
|
||||
color: #333333;
|
||||
margin-left: 9dp;
|
||||
line-height: 30dp;
|
||||
font-effect: none;
|
||||
margin-left: 12dp;
|
||||
white-space: nowrap;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.slider_row
|
||||
{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
margin-bottom: 6dp;
|
||||
padding: 2dp 0;
|
||||
align-items: stretch;
|
||||
width: auto;
|
||||
margin-top: 10dp;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.slider_container
|
||||
{
|
||||
width: 100%;
|
||||
height: 30dp;
|
||||
display: block;
|
||||
position: relative;
|
||||
width: auto;
|
||||
height: 56dp;
|
||||
right: 2dp;
|
||||
padding: 0 12dp;
|
||||
text-align: center;
|
||||
box-sizing: border-box;
|
||||
border: 3dp transparent;
|
||||
decorator: image(images/lce/Slider_Background.png);
|
||||
border: 1dp transparent;
|
||||
}
|
||||
|
||||
.slider_container:hover
|
||||
{
|
||||
border-color: #ffff00;
|
||||
decorator: image(images/lce/Slider_BackgroundH.png);
|
||||
}
|
||||
|
||||
.slider_label
|
||||
{
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
font-size: 20dp;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
color: #ffffff;
|
||||
text-align: center;
|
||||
line-height: 30dp;
|
||||
line-height: 50dp;
|
||||
padding: 0 12dp;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.slider_container:hover .slider_label
|
||||
@@ -143,10 +141,9 @@ div#controls
|
||||
|
||||
.slider_track
|
||||
{
|
||||
position: absolute;
|
||||
left: 8dp;
|
||||
right: 8dp;
|
||||
top: 0;
|
||||
display: block;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
cursor: resize;
|
||||
}
|
||||
@@ -154,8 +151,8 @@ div#controls
|
||||
.slider_thumb
|
||||
{
|
||||
position: absolute;
|
||||
width: 12dp;
|
||||
height: 30dp;
|
||||
width: 24dp;
|
||||
height: 50dp;
|
||||
decorator: image(images/lce/Slider.png);
|
||||
cursor: resize;
|
||||
transform: translateX(-50%);
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
<rml>
|
||||
<head>
|
||||
<title>UI Settings</title>
|
||||
<link type="text/rcss" href="SettingsUIMenu.rcss"/>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
BIN
Minecraft.Client/Assets/UI/images/lce/Slider_BackgroundH.png
Normal file
BIN
Minecraft.Client/Assets/UI/images/lce/Slider_BackgroundH.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
Reference in New Issue
Block a user