Files
GabsPuNs-Project_Zenith_Main/Minecraft.Client/Assets/UI/LoadCreateJoinMenu.rcss
GabsPuNs 18871ed84d Attempt to make LCJ Menu look more like the OG
Also some code cleanup for it
2026-06-17 22:47:42 -04:00

200 lines
2.9 KiB
Plaintext

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#lcj_menu
{
width: 898dp;
height: 774dp;
margin: auto;
display: flex;
flex-direction: column;
padding: 0;
}
div#tab_bar
{
width: 930dp;
height: 92dp;
display: flex;
flex-direction: row;
margin-bottom: 0;
z-index: 2;
box-sizing: border-box;
}
button.tab
{
display: block;
height: 92dp;
flex: 0;
color: #000000;
font-size: 36dp;
font-effect: none;
font-weight: normal;
text-align: center;
line-height: 100dp;
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: 80dp;
}
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: 90dp;
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: 20dp;
padding-right: 16dp;
margin: 0 44dp;
gap: 30dp;
color: #ffffff;
font-size: 36dp;
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: 64dp;
height: 64dp;
}
div.timer
{
width: 100%;
text-align: center;
font-size: 36dp;
color: #aaaaaa;
padding: 20dp 0;
display: none;
}
div.no_games
{
width: 100%;
text-align: center;
font-size: 36dp;
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;
}