mirror of
https://github.com/GabsPuNs/Project-Zenith-Main.git
synced 2026-07-11 01:58:15 +00:00
Done - LoadCreateJoinMenu | Iggy Game UI to RmlUi
This commit is contained in:
199
Minecraft.Client/Assets/UI/LoadCreateJoinMenu.rcss
Normal file
199
Minecraft.Client/Assets/UI/LoadCreateJoinMenu.rcss
Normal file
@@ -0,0 +1,199 @@
|
||||
body
|
||||
{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
font-family: Minecraft Default;
|
||||
font-size: 14dp;
|
||||
font-effect: shadow(1dp 1dp #000000);
|
||||
color: #ffffff;
|
||||
background: transparent;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
div#lcj_menu
|
||||
{
|
||||
width: 650dp;
|
||||
height: 600dp;
|
||||
margin: auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
div#tab_bar
|
||||
{
|
||||
width: 682dp;
|
||||
height: 56dp;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
margin-bottom: 0;
|
||||
z-index: 2;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
button.tab
|
||||
{
|
||||
display: block;
|
||||
height: 56dp;
|
||||
flex: 0;
|
||||
color: #ffffff;
|
||||
font-size: 22dp;
|
||||
font-weight: normal;
|
||||
text-align: center;
|
||||
line-height: 63dp;
|
||||
cursor: pointer;
|
||||
background: transparent;
|
||||
border-width: 0px;
|
||||
image-color: #ffffff;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
button.tab:hover,
|
||||
button.tab.selected
|
||||
{
|
||||
line-height: 58dp;
|
||||
}
|
||||
|
||||
button.tab_left
|
||||
{
|
||||
flex: 2;
|
||||
decorator: image(images/lce/LoadCreateJoinMenu/tab_left.png);
|
||||
}
|
||||
|
||||
button.tab_left:hover,
|
||||
button.tab_left.selected
|
||||
{
|
||||
decorator: image(images/lce/LoadCreateJoinMenu/tab_left_havon.png);
|
||||
}
|
||||
|
||||
button.tab_medium
|
||||
{
|
||||
flex: 2;
|
||||
decorator: image(images/lce/LoadCreateJoinMenu/tab_medium.png);
|
||||
}
|
||||
|
||||
button.tab_medium:hover,
|
||||
button.tab_medium.selected
|
||||
{
|
||||
decorator: image(images/lce/LoadCreateJoinMenu/tab_medium_havon.png);
|
||||
}
|
||||
|
||||
button.tab_right
|
||||
{
|
||||
flex: 2;
|
||||
decorator: image(images/lce/LoadCreateJoinMenu/tab_right.png);
|
||||
}
|
||||
|
||||
button.tab_right:hover,
|
||||
button.tab_right.selected
|
||||
{
|
||||
decorator: image(images/lce/LoadCreateJoinMenu/tab_right_havon.png);
|
||||
}
|
||||
|
||||
div#panel_container
|
||||
{
|
||||
width: 100%;
|
||||
flex-grow: 1;
|
||||
decorator: image(images/lce/LoadCreateJoinMenu/gui_load.png);
|
||||
padding: 12dp 16dp;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
div.tab_panel
|
||||
{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
div.list_container
|
||||
{
|
||||
width: 100%;
|
||||
flex-grow: 1;
|
||||
overflow-y: auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding-top: 10dp;
|
||||
}
|
||||
|
||||
div.list_item
|
||||
{
|
||||
width: 100%;
|
||||
height: 48dp;
|
||||
margin-bottom: 4dp;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
div.list_item:hover
|
||||
{
|
||||
image-color: #ffff00;
|
||||
}
|
||||
|
||||
div.list_item button
|
||||
{
|
||||
flex: 1;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
padding-left: 16dp;
|
||||
padding-right: 16dp;
|
||||
margin: 0 20dp;
|
||||
gap: 8dp;
|
||||
color: #ffffff;
|
||||
font-size: 20dp;
|
||||
background: transparent;
|
||||
border-width: 0px;
|
||||
cursor: pointer;
|
||||
decorator: image(images/lce/button/ListButton_Norm.png);
|
||||
}
|
||||
|
||||
div.list_item button:hover,
|
||||
div.list_item button.selected
|
||||
{
|
||||
color: #ffff00;
|
||||
decorator: image(images/lce/button/ListButton_Over.png);
|
||||
}
|
||||
|
||||
div.list_item button img.thumb
|
||||
{
|
||||
width: 32dp;
|
||||
height: 32dp;
|
||||
}
|
||||
|
||||
div.timer
|
||||
{
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 18dp;
|
||||
color: #aaaaaa;
|
||||
padding: 20dp 0;
|
||||
display: none;
|
||||
}
|
||||
|
||||
div.no_games
|
||||
{
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 18dp;
|
||||
color: #aaaaaa;
|
||||
padding: 40dp 0;
|
||||
display: none;
|
||||
}
|
||||
|
||||
div.size_bar
|
||||
{
|
||||
width: 100%;
|
||||
height: 8dp;
|
||||
margin-top: 8dp;
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
display: none;
|
||||
}
|
||||
Reference in New Issue
Block a user