90 lines
1.7 KiB
Plaintext
90 lines
1.7 KiB
Plaintext
/* Layout Containers */
|
|
.screen-root {
|
|
flex-grow: 1;
|
|
background-color: rgba(20, 20, 20, 0.95);
|
|
padding: 40px;
|
|
justify-content: center;
|
|
align-items: center;
|
|
|
|
/* Smooth Transition */
|
|
transition-property: opacity, scale;
|
|
transition-duration: 0.3s;
|
|
transition-timing-function: ease-in-out;
|
|
opacity: 1;
|
|
scale: 1;
|
|
}
|
|
|
|
.screen-root.hidden {
|
|
opacity: 0;
|
|
scale: 0.95;
|
|
display: none;
|
|
}
|
|
|
|
.panel {
|
|
background-color: rgba(45, 45, 45, 0.8);
|
|
border-width: 2px;
|
|
border-color: #4A4A4A;
|
|
border-radius: 10px;
|
|
padding: 20px;
|
|
min-width: 400px;
|
|
}
|
|
|
|
/* Tabs Settings Style */
|
|
.tab-container {
|
|
flex-direction: row;
|
|
margin-bottom: 20px;
|
|
border-bottom-width: 2px;
|
|
border-bottom-color: #333;
|
|
}
|
|
|
|
.tab-button {
|
|
flex-grow: 1;
|
|
background-color: rgba(60, 60, 60, 0.5);
|
|
border-radius: 5px 5px 0 0;
|
|
padding: 10px;
|
|
color: #888;
|
|
margin-right: 2px;
|
|
}
|
|
|
|
.tab-button.active-tab {
|
|
background-color: #3B5998;
|
|
color: white;
|
|
-unity-font-style: bold;
|
|
}
|
|
|
|
.tab-content {
|
|
flex-grow: 1;
|
|
padding: 10px;
|
|
}
|
|
|
|
/* Typography */
|
|
.header-text {
|
|
font-size: 48px;
|
|
color: #E0E0E0;
|
|
-unity-font-style: bold;
|
|
margin-bottom: 30px;
|
|
-unity-text-align: middle-center;
|
|
/* Để dùng font của bạn, hãy uncomment dòng dưới và thay đổi path */
|
|
/* -unity-font-definition: url("project:/Assets/Fonts/YourFont_SDF.asset"); */
|
|
}
|
|
|
|
/* Buttons */
|
|
.button-primary {
|
|
background-color: #3B5998;
|
|
color: white;
|
|
padding: 12px 24px;
|
|
margin: 8px;
|
|
border-radius: 5px;
|
|
font-size: 20px;
|
|
transition-duration: 0.2s;
|
|
}
|
|
|
|
.button-primary:hover {
|
|
background-color: #4C70BA;
|
|
scale: 1.05;
|
|
}
|
|
|
|
.button-primary:active {
|
|
background-color: #2D4373;
|
|
}
|