mirror of
https://github.com/yawaflua/LuckyDiamond.git
synced 2025-12-15 17:56:29 +02:00
Reapply "Merge branch 'main' into DevelopCkutls"
This reverts commit 26ee6ded22.
This commit is contained in:
rafael1209
29
luckydiamond/src/assets/css/PagesStyles/BanPage.css
Normal file
29
luckydiamond/src/assets/css/PagesStyles/BanPage.css
Normal file
@@ -0,0 +1,29 @@
|
||||
.banpage--body {
|
||||
background-color: rgb(17, 14, 32);
|
||||
background-image: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1));
|
||||
padding: 0px;
|
||||
margin: 0;
|
||||
color: #fff;
|
||||
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
|
||||
font-family: Montserrat Alternates;
|
||||
font-size:25px;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
text-align: center;
|
||||
}
|
||||
.banpage--video {
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.banpage--block {
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
background-color: #ef4444;
|
||||
margin: auto;
|
||||
margin-top: 100px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 100px;
|
||||
border-radius: 10px;
|
||||
box-shadow: 12px 12px 2px 1px rgba(92, 12, 12, 0.2);
|
||||
}
|
||||
325
luckydiamond/src/assets/css/PagesStyles/games-pages/double.css
Normal file
325
luckydiamond/src/assets/css/PagesStyles/games-pages/double.css
Normal file
@@ -0,0 +1,325 @@
|
||||
.bet-button {
|
||||
border: none;
|
||||
padding: 10px 20px;
|
||||
margin: 5px;
|
||||
border-radius: 10px;
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
cursor: pointer;
|
||||
transition: transform 0.1s ease;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
/* Цвета для кнопок */
|
||||
.bet-button.red {
|
||||
background-color: #863443;
|
||||
}
|
||||
|
||||
.bet-button.green {
|
||||
background-color: #2D4940;
|
||||
}
|
||||
|
||||
.bet-button.black {
|
||||
background-color: #202333;
|
||||
}
|
||||
|
||||
/* Стили для нажатой кнопки */
|
||||
.bet-button:active {
|
||||
transform: scale(0.95);
|
||||
/* Уменьшение при нажатии */
|
||||
}
|
||||
|
||||
.bet-button.active {
|
||||
opacity: 0.7;
|
||||
/* Пример изменения стиля активной кнопки */
|
||||
}
|
||||
|
||||
/* Можно добавить тени для кнопок, чтобы они выглядели объемнее */
|
||||
.bet-button {
|
||||
margin: 1.2% 0 0 5.8%;
|
||||
margin-bottom: 1vh;
|
||||
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
/* Стиль для тени при нажатии (опционально) */
|
||||
.bet-button:active {
|
||||
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.double-start {
|
||||
z-index: 1;
|
||||
border-radius: 20px;
|
||||
background: #1D223E;
|
||||
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
|
||||
width: 42vh;
|
||||
height: 37vh;
|
||||
border: 1px solid #262C55;
|
||||
margin: 2.6%;
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.double-game {
|
||||
z-index: 1;
|
||||
border-radius: 20px;
|
||||
width: 69%;
|
||||
height: 94%;
|
||||
}
|
||||
|
||||
.double-ui-component {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background-color: #25325A;
|
||||
border-radius: 15px;
|
||||
/* padding: 10px 20px; */
|
||||
padding-right: 2vh;
|
||||
padding-bottom: 1vh;
|
||||
padding-top: 1vh;
|
||||
padding-left: 2vh;
|
||||
margin-bottom: 1vh;
|
||||
max-width: 300px;
|
||||
color: white;
|
||||
font-family: Arial, sans-serif;
|
||||
/* background: linear-gradient(to right, #1C213390 50%, #2F5139); */
|
||||
}
|
||||
|
||||
.double-ui-component-gradient {
|
||||
background: linear-gradient(to right, #1C213390 50%, #2F5139);
|
||||
}
|
||||
|
||||
/* .double-ui-component img {} */
|
||||
|
||||
.double-ui-component .double-username {
|
||||
flex-grow: 1;
|
||||
text-align: left;
|
||||
margin-left: 1vh;
|
||||
font-size: 18px;
|
||||
font-family: Montserrat;
|
||||
font-weight: bold;
|
||||
color: #515D83;
|
||||
}
|
||||
|
||||
.double-ui-component .double-score {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.double-score {
|
||||
font-size: 20px;
|
||||
font-family: Montserrat;
|
||||
font-weight: bold;
|
||||
color: #748985;
|
||||
}
|
||||
|
||||
.double-img-user {
|
||||
margin-top: 6px;
|
||||
}
|
||||
|
||||
.double-ui-component .double-score img {
|
||||
width: 3vh;
|
||||
height: 3vh;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.double-members-ingame-red {
|
||||
overflow-y: auto;
|
||||
background: linear-gradient(to bottom right,
|
||||
#A9373C,
|
||||
#1C2133 20%);
|
||||
z-index: 1;
|
||||
border: 2px solid #3B4260;
|
||||
border-radius: 15px;
|
||||
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
|
||||
margin-top: 1vh;
|
||||
width: 100%;
|
||||
height: 49vh;
|
||||
/* height: 94%; */
|
||||
padding: 2vh;
|
||||
}
|
||||
|
||||
.double-members-ingame-green {
|
||||
overflow-y: auto;
|
||||
background: linear-gradient(to bottom right,
|
||||
#345D3B,
|
||||
#1C2133 20%);
|
||||
z-index: 1;
|
||||
border: 2px solid #3B4260;
|
||||
border-radius: 15px;
|
||||
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
|
||||
margin-top: 1vh;
|
||||
width: 100%;
|
||||
height: 49vh;
|
||||
/* height: 94%; */
|
||||
padding: 2vh;
|
||||
}
|
||||
|
||||
.double-members-ingame-black {
|
||||
overflow-y: auto;
|
||||
background: linear-gradient(to bottom right,
|
||||
#1B1A1A,
|
||||
#1C2133 26%);
|
||||
z-index: 1;
|
||||
border: 2px solid #3B4260;
|
||||
border-radius: 15px;
|
||||
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
|
||||
margin-top: 1vh;
|
||||
margin-top: 1vh;
|
||||
width: 100%;
|
||||
/* height: 94%; */
|
||||
height: 49vh;
|
||||
padding: 2vh;
|
||||
}
|
||||
|
||||
.double-members-flex-container {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
color: white;
|
||||
margin-bottom: 2vh;
|
||||
}
|
||||
|
||||
.double-red-box {
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
font-size: 18px;
|
||||
font-family: Montserrat;
|
||||
font-weight: bold;
|
||||
color: #B64848;
|
||||
}
|
||||
|
||||
.double-white-box {
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
font-size: 18px;
|
||||
font-family: Montserrat;
|
||||
font-weight: bold;
|
||||
color: FEEBEB;
|
||||
}
|
||||
|
||||
.double-green-box {
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
font-size: 18px;
|
||||
font-family: Montserrat;
|
||||
font-weight: bold;
|
||||
color: #5EA25C;
|
||||
}
|
||||
|
||||
.double-number-color {
|
||||
color: #56629A;
|
||||
font-weight: bold;
|
||||
font-size: 18px;
|
||||
font-family: Montserrat;
|
||||
}
|
||||
|
||||
.double-red-box span {
|
||||
font-size: larger;
|
||||
/* Or any specific size */
|
||||
margin-left: 5px;
|
||||
/* Spacing between RED and X2 */
|
||||
}
|
||||
|
||||
.double-user-icon {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.double-user-icon .double-user-icon-span {
|
||||
background-image: url('../../../icons-games/double-game/MembersInGame.png');
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.double-game {
|
||||
z-index: 1;
|
||||
border-radius: 20px;
|
||||
width: 69%;
|
||||
height: 94%;
|
||||
}
|
||||
|
||||
.double-game-main-box {
|
||||
border-radius: 10px;
|
||||
border: 1px solid #262C55;
|
||||
padding-top: 4vh;
|
||||
padding-bottom: 4vh;
|
||||
padding-left: 0vh !important;
|
||||
padding-right: 0vh !important;
|
||||
background: #1A1F37;
|
||||
margin-bottom: 1vh !important;
|
||||
}
|
||||
|
||||
.double-carousel {
|
||||
z-index: 1;
|
||||
position: relative;
|
||||
background: #2E2D37;
|
||||
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
|
||||
width: 100%;
|
||||
margin-top: 1px;
|
||||
border: 1vh solid #2E2D37;
|
||||
border-right: 0vh !important;
|
||||
border-left: 0vh !important;
|
||||
height: 95%;
|
||||
}
|
||||
|
||||
.container-double-history-text {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.double-history-text {
|
||||
background-color: #728DF8;
|
||||
border: none;
|
||||
color: #0E1220;
|
||||
padding-right: 1vh;
|
||||
padding-left: 1vh;
|
||||
font-size: 16px;
|
||||
margin: 4px 2px;
|
||||
border-radius: 5px;
|
||||
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
|
||||
font-size: 18px;
|
||||
font-family: Montserrat;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.double-carousel-arrow {
|
||||
position: absolute;
|
||||
bottom: -3vh;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
color: #728DF8;
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
.double-carousel-arrow-animate {
|
||||
animation: blink 1s infinite;
|
||||
}
|
||||
|
||||
@keyframes blink {
|
||||
|
||||
0%,
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
50% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.double-carousel-arrow-upper {
|
||||
position: absolute;
|
||||
top: -3vh;
|
||||
left: 50%;
|
||||
transform: translateX(-50%) rotate(180deg);
|
||||
color: #728DF8;
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
.double-game-history-main-box {
|
||||
border-radius: 20px;
|
||||
border: 1px solid #262C55;
|
||||
padding-top: 1vh;
|
||||
padding-bottom: 0vh;
|
||||
padding-left: 1vh;
|
||||
padding-right: 0vh;
|
||||
background: #1A1F37;
|
||||
}
|
||||
@@ -47,17 +47,12 @@
|
||||
.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;
|
||||
|
||||
@@ -150,7 +150,8 @@
|
||||
#diamonds-input {
|
||||
/* width: 347px;
|
||||
height: 38px; */
|
||||
width: 37vh;
|
||||
/* width: 37vh; */
|
||||
width: 36vh;
|
||||
height: 4vh;
|
||||
}
|
||||
|
||||
|
||||
@@ -97,7 +97,7 @@
|
||||
|
||||
.bg-early{
|
||||
border-radius: 40px;
|
||||
background: #969B9E;
|
||||
background: #EF4444;
|
||||
box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
|
||||
@@ -137,6 +137,7 @@
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
text-align: center;
|
||||
padding: 0px 0px 0px 28px;
|
||||
}
|
||||
|
||||
.line__footer {
|
||||
@@ -153,7 +154,6 @@
|
||||
}
|
||||
|
||||
.line__footer img {
|
||||
width: 60%;
|
||||
margin-bottom: 5%;
|
||||
}
|
||||
|
||||
@@ -175,13 +175,37 @@
|
||||
|
||||
.line__img__jackpot {
|
||||
display: flex;
|
||||
margin: 1% 6.6% 1% 4.7%;
|
||||
margin: 1% 6.6% 1% 0%;
|
||||
}
|
||||
|
||||
.display-firstline {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.cumming_soon_btn {
|
||||
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 0px 11px 11px;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
position: relative;
|
||||
bottom: 5%;
|
||||
left: 2%;
|
||||
transition: 250ms;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.cumming_soon_btn:hover {
|
||||
background-color: #525252;
|
||||
opacity: 0.75;
|
||||
}
|
||||
|
||||
.line__btn {
|
||||
border-radius: 21px;
|
||||
background: #FFF;
|
||||
@@ -191,14 +215,75 @@
|
||||
font-family: Montserrat Alternates;
|
||||
font-size: 36px;
|
||||
font-weight: 700;
|
||||
padding: 11px 11px;
|
||||
padding: 11px 0px 11px 11px;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
position: relative;
|
||||
bottom: 5%;
|
||||
left: 2%;
|
||||
transition: 250ms;
|
||||
}
|
||||
|
||||
.line__btn span:after {
|
||||
content: '\00bb';
|
||||
opacity: 0;
|
||||
transition: 250ms;
|
||||
right: 20;
|
||||
}
|
||||
|
||||
.line__btn:hover span:after {
|
||||
opacity: 1;
|
||||
right: 0;
|
||||
padding-right: 0px;
|
||||
}
|
||||
|
||||
.line__btn:hover {
|
||||
padding:11px 11px 11px 22px ;
|
||||
}
|
||||
|
||||
.line__btn:active {
|
||||
left: 5%;
|
||||
}
|
||||
|
||||
.line__btn--crash {
|
||||
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 0px 11px 11px;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
position: relative;
|
||||
bottom: 5%;
|
||||
left: 2%;
|
||||
transition: 250ms;
|
||||
}
|
||||
|
||||
.line__btn--crash span:after {
|
||||
content: '\00bb';
|
||||
opacity: 0;
|
||||
transition: 250ms;
|
||||
right: 20;
|
||||
}
|
||||
|
||||
.line__btn--crash:hover span:after {
|
||||
opacity: 1;
|
||||
right: 0;
|
||||
padding-right: 0px;
|
||||
}
|
||||
|
||||
.line__btn--crash:hover {
|
||||
padding:11px 11px 11px 22px ;
|
||||
}
|
||||
|
||||
.line__btn--crash:active {
|
||||
left: 5%;
|
||||
}
|
||||
|
||||
.line__btn__jackpot {
|
||||
border-radius: 21px;
|
||||
background: #FFF;
|
||||
@@ -208,14 +293,35 @@
|
||||
font-family: Montserrat Alternates;
|
||||
font-size: 36px;
|
||||
font-weight: 700;
|
||||
padding: 11px 11px;
|
||||
padding: 11px 0px 11px 11px;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
position: relative;
|
||||
bottom: 4%;
|
||||
left: 6%;
|
||||
transition: 250ms;
|
||||
}
|
||||
|
||||
.line__btn__jackpot span:after {
|
||||
content: '\00bb';
|
||||
opacity: 0;
|
||||
transition: 250ms;
|
||||
}
|
||||
|
||||
.line__btn__jackpot:hover span:after {
|
||||
opacity: 1;
|
||||
right: 0;
|
||||
padding-right: 0px;
|
||||
}
|
||||
|
||||
.line__btn__jackpot:hover {
|
||||
padding:11px 11px 11px 22px ;
|
||||
}
|
||||
|
||||
.line__btn__jackpot:active {
|
||||
left: 10%;
|
||||
}
|
||||
|
||||
.line__btn--elm {
|
||||
color: #000;
|
||||
font-size: 38px ;
|
||||
@@ -251,7 +357,7 @@
|
||||
.gamemode__twoline--first__element {
|
||||
width: 100%;
|
||||
margin: 2% 3.6% 0 5.5%;
|
||||
min-height: 180px;
|
||||
min-height: 209px;
|
||||
}
|
||||
|
||||
.linecontent-3 {
|
||||
@@ -264,23 +370,13 @@
|
||||
color: #fff;
|
||||
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
|
||||
font-family: Montserrat Alternates;
|
||||
font-size: 87px;
|
||||
font-size: 60px;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
padding: 4.5% 2.2%;
|
||||
}
|
||||
|
||||
.gamemode__twoline--first__element .container {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.gamemode__twoline--first__element .container a {
|
||||
margin-right: 10%;
|
||||
padding: 12px 10px;
|
||||
margin-bottom: 3%;
|
||||
}
|
||||
|
||||
.gamemode__twoline--two__element {
|
||||
margin-top: 2%;
|
||||
@@ -297,159 +393,195 @@
|
||||
margin-right: 10%;
|
||||
}
|
||||
|
||||
.cumming_soon--img {
|
||||
margin-bottom: 4%;
|
||||
}
|
||||
.gamemode__twoline--two__element {
|
||||
margin-top: 2%;
|
||||
width: 100%;
|
||||
min-height: 180px;
|
||||
}
|
||||
|
||||
.gamemode__twoline--first__element .container {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
|
||||
}
|
||||
|
||||
.gamemode__twoline--first__element .container a {
|
||||
margin-right: 10%;
|
||||
}
|
||||
|
||||
/* /GameMode */
|
||||
|
||||
/* Media */
|
||||
|
||||
@media (max-width: 1586px) {
|
||||
#diamonds-input-saper {
|
||||
width: 30vh !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-device-width: 1400px) and (max-device-width: 1600px) {
|
||||
.header__auth--discord {
|
||||
width: 14%;
|
||||
}
|
||||
.header__balance {
|
||||
width: auto;
|
||||
}
|
||||
.main {
|
||||
width: 75% !important;
|
||||
}
|
||||
.main__content h1 {
|
||||
font-size: 4.5em;
|
||||
}
|
||||
.gamemode__content--text div {
|
||||
width: 75%;
|
||||
}
|
||||
.gamemode__main {
|
||||
height: auto;
|
||||
width: 25%;
|
||||
}
|
||||
.title-firstline {
|
||||
font-size: 4.1em;
|
||||
}
|
||||
.line__footer {
|
||||
flex-direction: column;
|
||||
}
|
||||
.line__footer img {
|
||||
margin-top: -2em;
|
||||
}
|
||||
.line__content .line__btn--main .line__btn {
|
||||
left: 0;
|
||||
top: 2vh;
|
||||
/* top: -.4em; */
|
||||
/* top: top: 2vh;; */
|
||||
}
|
||||
.line__img {
|
||||
margin: 1% -8% 0 30%;
|
||||
}
|
||||
.gamemode__firstline img {
|
||||
width: 60%;
|
||||
}
|
||||
.gamemode__firstline .title-firstline {
|
||||
font-size: 3.2em;
|
||||
}
|
||||
.gamemode__twolines img {
|
||||
display: none;
|
||||
}
|
||||
.gamemode__twolines .title-twoline {
|
||||
font-size: 3.238em;
|
||||
}
|
||||
.line__btn {
|
||||
font-size: 28px;
|
||||
padding: 6px 11px;
|
||||
}
|
||||
.gamemode__twoline--first__element .container a {
|
||||
padding: 6px 11px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-device-width: 1200px) and (max-device-width: 1399px) {
|
||||
.header__auth--discord {
|
||||
width: 14%;
|
||||
}
|
||||
.header__balance {
|
||||
width: auto;
|
||||
}
|
||||
.main__content h1 {
|
||||
font-size: 4.5em;
|
||||
}
|
||||
.main {
|
||||
width: 78% !important;
|
||||
}
|
||||
.gamemode__main {
|
||||
height: auto;
|
||||
width: 28.5%;
|
||||
}
|
||||
.gamemode__content--text div {
|
||||
width: 78%;
|
||||
}
|
||||
.title-firstline {
|
||||
font-size: 4.1em;
|
||||
}
|
||||
.line__footer {
|
||||
flex-direction: column;
|
||||
}
|
||||
.line__footer img {
|
||||
margin-top: -2em;
|
||||
}
|
||||
.line__content .line__btn--main .line__btn {
|
||||
left: 0;
|
||||
top: -.4em;
|
||||
}
|
||||
.line__img {
|
||||
margin: 1% -8% 0 15%;
|
||||
}
|
||||
.gamemode__firstline img {
|
||||
width: 60%;
|
||||
}
|
||||
.gamemode__firstline .title-firstline {
|
||||
font-size: 3.2em;
|
||||
}
|
||||
.gamemode__twolines img {
|
||||
display: none;
|
||||
}
|
||||
.gamemode__twolines .title-twoline {
|
||||
font-size: 3.238em;
|
||||
}
|
||||
.line__btn {
|
||||
font-size: 28px;
|
||||
padding: 6px 11px;
|
||||
}
|
||||
.gamemode__twoline--first__element .container a {
|
||||
padding: 6px 11px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1100px) {
|
||||
.main__content h1 {
|
||||
font-size: 3.5em;
|
||||
}
|
||||
.title-firstline {
|
||||
font-size: 3.4em;
|
||||
}
|
||||
.line__img {
|
||||
margin: -1% -18% 0 2%;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-height: 820px) {
|
||||
.chat {
|
||||
height: 87vh !important;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 1850px) {
|
||||
@media only screen and (max-width:1800px) {
|
||||
.line__img__jackpot {
|
||||
display: none !important;
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
@media screen and (min-height: 800) {
|
||||
.chat {
|
||||
height: 85vh !important;
|
||||
.line__footer img {
|
||||
width: 55%;
|
||||
margin-bottom: 5%;
|
||||
}
|
||||
} */
|
||||
/* /Media */
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1700px) {
|
||||
.title-jackpot {
|
||||
font-size:60px;
|
||||
padding: 0px 0px 0px 28px;
|
||||
}
|
||||
|
||||
.title-twoline {
|
||||
font-size: 40px;
|
||||
}
|
||||
|
||||
.line__img__jackpot {
|
||||
height: 150px;
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
.line__footer img {
|
||||
width: 40%;
|
||||
margin-bottom: 5%;
|
||||
}
|
||||
|
||||
.line__content {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.line__btn {
|
||||
border-radius: 16px;
|
||||
font-size: 30px;
|
||||
padding: 11px 11px 11px 11px;
|
||||
}
|
||||
|
||||
.main__content h1 {
|
||||
font-size: 70px;
|
||||
}
|
||||
|
||||
.title-firstline {
|
||||
font-size:80px;
|
||||
}
|
||||
|
||||
.cumming_soon_btn {
|
||||
font-size: 30px;
|
||||
border-radius: 16px;
|
||||
}
|
||||
|
||||
.cumming_soon--img {
|
||||
height: 40px;
|
||||
width: 80px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.line__btn__jackpot {
|
||||
border-radius: 16px;
|
||||
font-size: 30px;
|
||||
}
|
||||
|
||||
.line__btn--crash {
|
||||
border-radius: 16px;
|
||||
font-size: 30px;
|
||||
padding: 7px 0px 11px 11px;
|
||||
}
|
||||
|
||||
.crash--img {
|
||||
height: 60px;
|
||||
width: 60px;
|
||||
}
|
||||
|
||||
.line__content {
|
||||
height: 354px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1300px) {
|
||||
.title-jackpot {
|
||||
font-size:40px;
|
||||
padding: 0px 0px 0px 28px;
|
||||
}
|
||||
|
||||
.title-twoline {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.line__img__jackpot {
|
||||
height: 125px;
|
||||
width: 125px;
|
||||
}
|
||||
|
||||
.line__footer img {
|
||||
width: 40%;
|
||||
margin-bottom: 5%;
|
||||
}
|
||||
|
||||
.line__content {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.line__btn {
|
||||
border-radius: 10px;
|
||||
font-size: 20px;
|
||||
padding: 11px 11px 11px 11px;
|
||||
}
|
||||
|
||||
.main__content h1 {
|
||||
font-size: 40px;
|
||||
}
|
||||
|
||||
.title-firstline {
|
||||
font-size:60px;
|
||||
}
|
||||
|
||||
.cumming_soon_btn {
|
||||
font-size: 20px;
|
||||
border-radius: 10px;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.cumming_soon--img {
|
||||
height: 40px;
|
||||
width: 80px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.line__btn__jackpot {
|
||||
border-radius: 10px;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.line__btn--crash {
|
||||
border-radius: 10px;
|
||||
font-size: 20px;
|
||||
padding: 0px 0px 0px 16px;
|
||||
}
|
||||
|
||||
.crash--img {
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
}
|
||||
|
||||
.line__content {
|
||||
height: 265px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.gamemode__twoline--two__element {
|
||||
margin-top: 0;
|
||||
width: 100%;
|
||||
min-height: 60px;
|
||||
}
|
||||
.gamemode__twoline--first__element {
|
||||
margin-top: 0;
|
||||
width: 100%;
|
||||
min-height: 60px;
|
||||
}
|
||||
}
|
||||
@@ -88,6 +88,17 @@
|
||||
background: #EF4444;
|
||||
}
|
||||
|
||||
.referal {
|
||||
padding: 3.8% 46% 3% 14%;
|
||||
margin-top: 12px;
|
||||
background: #2D6AE0;
|
||||
}
|
||||
|
||||
.referal img {
|
||||
height: 20px;
|
||||
width: 22px;
|
||||
}
|
||||
|
||||
.playerandvid {
|
||||
margin-right: 10vh;
|
||||
}
|
||||
|
||||
@@ -76,3 +76,56 @@
|
||||
background: red; /* Цвет фона трека для Firefox */
|
||||
height: 8px; /* Высота трека для Firefox */
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* toggle in label designing */
|
||||
.toggle {
|
||||
position : relative ;
|
||||
display : flex;
|
||||
width : 60px;
|
||||
height : 32px;
|
||||
background-color: #000413;
|
||||
border-radius: 5px;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
|
||||
}
|
||||
|
||||
/* After slide changes */
|
||||
.toggle:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
border-radius: 5px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
align-content: center;
|
||||
background-color: #EF4444;
|
||||
top: 5px;
|
||||
left: 6px;
|
||||
transition: all 0.5s;
|
||||
}
|
||||
|
||||
/* Toggle text */
|
||||
.toggle p {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* Checkbox checked effect */
|
||||
.checkbox:checked + .toggle::after {
|
||||
|
||||
left : 34px;
|
||||
}
|
||||
|
||||
/* Checkbox checked toggle label bg color */
|
||||
|
||||
|
||||
/* Checkbox vanished */
|
||||
.checkbox {
|
||||
display : none;
|
||||
}
|
||||
Reference in New Issue
Block a user