mirror of
https://github.com/yawaflua/LuckyDiamond.git
synced 2025-12-10 04:09:29 +02:00
Hepatica
GitHub
@@ -246,6 +246,45 @@
|
||||
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;
|
||||
@@ -365,159 +404,93 @@
|
||||
margin-right: 10%;
|
||||
}
|
||||
|
||||
.cumming_soon--img {
|
||||
margin-bottom: 4%;
|
||||
}
|
||||
|
||||
/* /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;
|
||||
@media only screen and (max-width:1700px) {
|
||||
.title-jackpot {
|
||||
font-size:60px;
|
||||
padding: 0px 0px 0px 28px;
|
||||
}
|
||||
} */
|
||||
/* /Media */
|
||||
|
||||
.title-twoline {
|
||||
font-size: 60px;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.gamemode__twoline--first__element .container a {
|
||||
margin-right: 10%;
|
||||
padding: 2px 11px 11px 11px;
|
||||
margin-bottom: 3%;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
}
|
||||
@@ -37,7 +37,7 @@
|
||||
<h3 class="title-firstline">{{ mode.title }}</h3>
|
||||
<div class="line__footer">
|
||||
<img src="../assets/icons-gamemodes/bomb-icon.svg" />
|
||||
<div class="line__btn--main">
|
||||
<div>
|
||||
<a
|
||||
href="#"
|
||||
@click="$router.push({ name: 'saper' })"
|
||||
@@ -87,7 +87,7 @@
|
||||
<a href="#" class="cumming_soon_btn"
|
||||
>play <span class="line__btn--elm"></span></a
|
||||
>
|
||||
<img src="@/assets/icons-gamemodes/slots-icon.png" style="margin-bottom: 4%;" />
|
||||
<img src="@/assets/icons-gamemodes/slots-icon.png" class="cumming_soon--img" />
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -103,10 +103,10 @@
|
||||
<a
|
||||
href="#"
|
||||
@click="$router.push({ name: 'crash' })"
|
||||
class="line__btn"
|
||||
class="line__btn--crash"
|
||||
>play <span class="line__btn--elm"></span></a
|
||||
>
|
||||
<img src="@/assets/icons-gamemodes/crush-icon.svg" />
|
||||
<img class="crash--img" src="@/assets/icons-gamemodes/crush-icon.svg" />
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
Reference in New Issue
Block a user