mirror of
https://github.com/yawaflua/LuckyDiamond.git
synced 2025-12-10 12:19:31 +02:00
Merge branch 'main' of https://github.com/danilt2000/LuckyDiamond into DevelopMadara
This commit is contained in:
Madara0330E
@@ -191,4 +191,4 @@
|
||||
|
||||
.mention-message {
|
||||
background-color: rgb(169, 113, 0);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,386 @@
|
||||
.jackpot-start {
|
||||
z-index: 1;
|
||||
/* margin-left: 5%; */
|
||||
border-radius: 20px;
|
||||
background: #1D223E;
|
||||
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
|
||||
width: 42vh;
|
||||
/* height: 480px; */
|
||||
height: 32vh;
|
||||
border: 1px solid #262C55;
|
||||
/* margin-top: 2.6%; */
|
||||
margin: 2.6%;
|
||||
}
|
||||
|
||||
.jackpot-loading-bar {
|
||||
z-index: 1;
|
||||
/* margin-left: 5%; */
|
||||
border-radius: 20px;
|
||||
background: #1D223E;
|
||||
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
|
||||
width: 100%;
|
||||
|
||||
/* height: 480px; */
|
||||
/* height: 100%; */
|
||||
border: 1px solid #262C55;
|
||||
height: 100%;
|
||||
/* margin-top: 2.6%; */
|
||||
/* margin: 2.6%; */
|
||||
}
|
||||
|
||||
.jackpot-carousel {
|
||||
z-index: 1;
|
||||
position: relative;
|
||||
/* margin-left: 5%; */
|
||||
border-radius: 10px;
|
||||
background: #1D223E;
|
||||
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
|
||||
width: 100%;
|
||||
margin-top: 1%;
|
||||
|
||||
/* height: 480px; */
|
||||
/* height: 100%; */
|
||||
border: 1px solid #262C55;
|
||||
height: 95%;
|
||||
}
|
||||
|
||||
.carousel-arrow {
|
||||
position: absolute;
|
||||
bottom: -20px;
|
||||
/* Регулируйте положение стрелки относительно нижнего края карусели */
|
||||
left: 50%;
|
||||
/* Центрирование стрелки по горизонтали */
|
||||
transform: translateX(-50%);
|
||||
/* Дополнительное центрирование, чтобы точка указывала точно на центр */
|
||||
color: #728DF8;
|
||||
/* Цвет стрелки */
|
||||
font-size: 24px;
|
||||
/* Размер стрелки */
|
||||
/* Добавьте любые дополнительные стили, такие как цвет фона, границы и т.д. */
|
||||
}
|
||||
.jackpot-useringame-list{
|
||||
margin-top: 3.5%;
|
||||
overflow-y: auto;
|
||||
height: 62vh
|
||||
}
|
||||
.jackpot-carousel-user {
|
||||
z-index: 1;
|
||||
position: relative;
|
||||
/* margin-left: 5%; */
|
||||
border-radius: 10px;
|
||||
background: #1F2543;
|
||||
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
|
||||
width: 100%;
|
||||
margin-bottom: 1%;
|
||||
|
||||
/* height: 480px; */
|
||||
/* height: 100%; */
|
||||
border: 1px solid #262C55;
|
||||
}
|
||||
|
||||
|
||||
.jackpot-game {
|
||||
z-index: 1;
|
||||
/* margin-left: 5%; */
|
||||
border-radius: 20px;
|
||||
/* background: #1D223E; */
|
||||
/* box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); */
|
||||
width: 69%;
|
||||
/* height: 480px; */
|
||||
height: 94%;
|
||||
/* border: 1px solid #262C55; */
|
||||
margin-top: 2.6%;
|
||||
}
|
||||
|
||||
.jackpot-main-elements {
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.jackpot-start__content p {
|
||||
color: #FFFFFF84;
|
||||
font-weight: 700;
|
||||
line-height: 31px;
|
||||
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
|
||||
font-family: Montserrat Alternates;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.padding-elements-jackpot {
|
||||
padding-left: 5%;
|
||||
padding-right: 5%;
|
||||
}
|
||||
|
||||
.jackpot-start__btns {
|
||||
margin-top: 5%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.jackpot-start__btns button {
|
||||
width: 100%;
|
||||
padding: 12px;
|
||||
margin-bottom: 5px;
|
||||
border: none;
|
||||
color: #FFF;
|
||||
font-weight: 700;
|
||||
line-height: 19px;
|
||||
font-style: normal;
|
||||
font-family: Inter;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.bank-container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
/* background-color: #000066; */
|
||||
color: white;
|
||||
padding: 10px;
|
||||
border-radius: 5px;
|
||||
font-family: Arial, sans-serif;
|
||||
/* Choose your font */
|
||||
}
|
||||
|
||||
.shield img {
|
||||
width: 35px;
|
||||
/* Adjust based on your shield size */
|
||||
height: auto;
|
||||
margin-left: 10px;
|
||||
margin-bottom: -10px;
|
||||
}
|
||||
|
||||
.bank-info {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.jackpot-last-game-bar-container {
|
||||
/* margin-bottom: 3%; */
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.jackpot-last-game-bar-container img {
|
||||
/* margin-bottom: 3%; */
|
||||
width: 3vh;
|
||||
height: 3vh;
|
||||
}
|
||||
|
||||
.jackpot-last-game-bar-container-text {
|
||||
padding: 0px 0 5px 0;
|
||||
color: #FFF;
|
||||
font-weight: 200;
|
||||
line-height: 15px;
|
||||
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.00);
|
||||
font-family: Montserrat Alternates;
|
||||
font-size: 8px;
|
||||
}
|
||||
|
||||
.jackpot-last-game-bar {
|
||||
z-index: 1;
|
||||
/* margin-left: 5%; */
|
||||
border-radius: 20px;
|
||||
background: #1D223E;
|
||||
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
|
||||
width: 100%;
|
||||
|
||||
/* height: 480px; */
|
||||
/* height: 100%; */
|
||||
border: 1px solid #262C55;
|
||||
height: 100%;
|
||||
/* margin-top: 2.6%; */
|
||||
/* margin: 2.6%; */
|
||||
|
||||
}
|
||||
|
||||
.bank-value {
|
||||
font-size: 24px;
|
||||
/* Large text size */
|
||||
font-weight: bold;
|
||||
margin-left: 1%;
|
||||
font-family: Montserrat;
|
||||
font-weight: bold;
|
||||
color: #FFFFFF84;
|
||||
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
|
||||
/* Make the number bold */
|
||||
}
|
||||
|
||||
.bank-name {
|
||||
font-size: 24px;
|
||||
|
||||
font-family: Montserrat;
|
||||
font-weight: bold;
|
||||
/* Smaller text size for 'БАНК' */
|
||||
}
|
||||
|
||||
.progress-text {
|
||||
transition: opacity 0.5s ease;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.progress-bar {
|
||||
width: 95%;
|
||||
background-color: #D9D9D9;
|
||||
/* Navy blue background */
|
||||
border-radius: 10px;
|
||||
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
|
||||
margin-left: 2vh;
|
||||
margin-bottom: 3%;
|
||||
}
|
||||
|
||||
.progress {
|
||||
height: 40px;
|
||||
background-color: #E13F3F;
|
||||
/* Red for the progress */
|
||||
border-radius: 10px;
|
||||
/* Rounded corners on the left side */
|
||||
line-height: 40px;
|
||||
/* Same as height to vertically center text */
|
||||
color: white;
|
||||
text-align: start;
|
||||
text-indent: 20px;
|
||||
padding-right: 10px;
|
||||
/* Add some padding to the right of the text */
|
||||
transition: width 0.25s ease-in-out;
|
||||
}
|
||||
|
||||
.no-pointer-events {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.jackpot-player-info {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
border-radius: 5px;
|
||||
color: white;
|
||||
font-family: Arial, sans-serif;
|
||||
}
|
||||
|
||||
.jackpot-player-avatar img {
|
||||
width: 48px;
|
||||
/* Adjust size as needed */
|
||||
height: 48px;
|
||||
margin-right: 10px;
|
||||
margin-left: 1vh;
|
||||
}
|
||||
|
||||
.jackpot-player-data {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.jackpot-player-name {
|
||||
font-size: 16px;
|
||||
/* Adjust font size as needed */
|
||||
font-weight: bold;
|
||||
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
|
||||
font-family: Montserrat;
|
||||
font-weight: bold;
|
||||
color: #515D83;
|
||||
}
|
||||
|
||||
.jackpot-player-gems {
|
||||
font-size: 15px;
|
||||
/* Adjust font size as needed */
|
||||
display: flex;
|
||||
align-items: start;
|
||||
color: #FFFFFF84;
|
||||
/* font-weight: 700; */
|
||||
/* line-height: 31px; */
|
||||
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
|
||||
font-family: Montserrat Alternates;
|
||||
font-weight: bold;
|
||||
/* font-size: 13px; */
|
||||
}
|
||||
|
||||
|
||||
.jackpot-gems-icon {
|
||||
|
||||
margin-left: 5px;
|
||||
height: 1vh;
|
||||
}
|
||||
|
||||
.jackpot-gems-icon-extension{
|
||||
margin-bottom: -10px !important;
|
||||
}
|
||||
|
||||
.jackpot-player-chance {
|
||||
background-color: #27345C;
|
||||
/* Adjust background color as needed */
|
||||
border-radius: 5px;
|
||||
font-size: 14px;
|
||||
/* Adjust font size as needed */
|
||||
padding-left: 5px !important;
|
||||
padding-right: 5px;
|
||||
padding-bottom: 5px;
|
||||
padding-top: 5px;
|
||||
border-radius: 5px;
|
||||
margin-left: 10%;
|
||||
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
|
||||
font-family: Montserrat;
|
||||
font-weight: bold;
|
||||
}
|
||||
.jackpot-chance-value {
|
||||
color: #EF4444; /* Или любой другой оттенок красного, который вам нужен */
|
||||
}
|
||||
|
||||
.jackpot-banner {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
background-color: #1e2749; /* Dark blue background */
|
||||
padding: 5px;
|
||||
border-radius: 5px;
|
||||
color: white;
|
||||
font-family: Montserrat;
|
||||
font-weight: bold;
|
||||
|
||||
}
|
||||
|
||||
.jackpot-content {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.jackpot-avatar {
|
||||
width: 48px; /* Adjust based on your preference */
|
||||
height: 48px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.jackpot-info {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.jackpot-name {
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
color: #515D83;
|
||||
}
|
||||
|
||||
.jackpot-gems {
|
||||
font-size: 14px;
|
||||
color: #FFFFFF84;
|
||||
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
|
||||
font-family: Montserrat Alternates;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.jackpot-chance {
|
||||
font-size: 16px;
|
||||
background-color: transparent; /* Adjust if you want a different background */
|
||||
}
|
||||
|
||||
.jackpot-percentage {
|
||||
color: #EF4444; /* Adjust if you want a different color */
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 1415px) {
|
||||
.padding-elements-jackpot {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
@@ -117,7 +117,17 @@
|
||||
color: #fff;
|
||||
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
|
||||
font-family: Montserrat Alternates;
|
||||
font-size: 91px;
|
||||
font-size:91px;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.title-jackpot {
|
||||
color: #fff;
|
||||
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
|
||||
font-family: Montserrat Alternates;
|
||||
font-size:80px;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
text-align: center;
|
||||
@@ -127,7 +137,7 @@
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding-top: 4.7%;
|
||||
padding-top: 5.5%;
|
||||
}
|
||||
|
||||
.line__content .line__btn--main .line__btn {
|
||||
@@ -157,6 +167,11 @@
|
||||
margin: 1% 6.6% 1% 4.7%;
|
||||
}
|
||||
|
||||
.line__img__jackpot {
|
||||
display: flex;
|
||||
margin: 1% 6.6% 1% 4.7%;
|
||||
}
|
||||
|
||||
.display-firstline {
|
||||
display: flex;
|
||||
}
|
||||
@@ -178,6 +193,23 @@
|
||||
left: 2%;
|
||||
}
|
||||
|
||||
.line__btn__jackpot {
|
||||
border-radius: 21px;
|
||||
background: #FFF;
|
||||
box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
|
||||
color: #000;
|
||||
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
|
||||
font-family: Montserrat Alternates;
|
||||
font-size: 36px;
|
||||
font-weight: 700;
|
||||
padding: 11px 11px;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
position: relative;
|
||||
bottom: 4%;
|
||||
left: 6%;
|
||||
}
|
||||
|
||||
.line__btn--elm {
|
||||
color: #000;
|
||||
font-size: 38px;
|
||||
@@ -377,10 +409,21 @@
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-height: 910px) {
|
||||
@media screen and (min-height: 820px) {
|
||||
.chat {
|
||||
height: 87vh !important;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 1850px) {
|
||||
.line__img__jackpot {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
@media screen and (min-height: 800) {
|
||||
.chat {
|
||||
height: 85vh !important;
|
||||
}
|
||||
} */
|
||||
/* /Media */
|
||||
|
||||
@@ -204,11 +204,11 @@ button {
|
||||
.jackpot {
|
||||
display: flex;
|
||||
grid-area: jackpot;
|
||||
height: 95%;
|
||||
/* height: 95%;
|
||||
border-radius: 3.125rem;
|
||||
background: #17181C;
|
||||
box-shadow: 0.25rem 0.25rem 0.25rem 0px rgba(0, 0, 0, 0.25);
|
||||
margin: 0.625rem 2.438rem 1.125rem 1.125rem;
|
||||
margin: 0.625rem 2.438rem 1.125rem 1.125rem; */
|
||||
}
|
||||
|
||||
.about {
|
||||
@@ -290,6 +290,29 @@ button {
|
||||
}
|
||||
|
||||
|
||||
.bg-gradient-left {
|
||||
background: #293561;
|
||||
filter: blur(120px);
|
||||
position: absolute;
|
||||
top: 250px;
|
||||
transform: rotate(180deg);
|
||||
left: 200px;
|
||||
width: 40%;
|
||||
height: 55%;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.bg-two-gradient-right {
|
||||
background: #293561;
|
||||
filter: blur(120px);
|
||||
position: absolute;
|
||||
top: 220px;
|
||||
transform: rotate(330deg);
|
||||
left: 600px;
|
||||
width: 60%;
|
||||
height: 35%;
|
||||
z-index: 0;
|
||||
}
|
||||
/* /Crash */
|
||||
|
||||
/* Media */
|
||||
|
||||
Reference in New Issue
Block a user