mirror of
https://github.com/yawaflua/LuckyDiamond.git
synced 2025-12-10 12:19:31 +02:00
Добовление надписей
This commit is contained in:
@@ -1,13 +1,4 @@
|
|||||||
.top_panel {
|
|
||||||
width: auto;
|
|
||||||
height: 87px;
|
|
||||||
background: #17181C;
|
|
||||||
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
|
|
||||||
border-radius: 20px;
|
|
||||||
margin-left: 105px;
|
|
||||||
margin-top: 7px;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.top_panel {
|
.top_panel {
|
||||||
width: auto;
|
width: auto;
|
||||||
@@ -17,43 +8,40 @@
|
|||||||
border-radius: 20px;
|
border-radius: 20px;
|
||||||
margin-left: 105px;
|
margin-left: 105px;
|
||||||
margin-top: 7px;
|
margin-top: 7px;
|
||||||
|
margin-right: 4px;
|
||||||
}
|
|
||||||
.top_panel {
|
|
||||||
width: auto;
|
|
||||||
height: 87px;
|
|
||||||
background: #17181C;
|
|
||||||
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
|
|
||||||
border-radius: 20px;
|
|
||||||
margin-left: 105px;
|
|
||||||
margin-top: 7px;
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.left_box{
|
.header_title {
|
||||||
width: 88px;
|
width: 220px;
|
||||||
height: auto;
|
height: 36px;
|
||||||
|
color: #FFF;
|
||||||
|
text-shadow: 5px 5px 6px rgba(0, 0, 0, 0.25);
|
||||||
|
font-family: Montserrat Alternates;
|
||||||
|
font-size: 22px;
|
||||||
|
font-weight: 700;
|
||||||
|
padding-left: 36px;
|
||||||
|
margin-top: -16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header_title_text {
|
||||||
|
color: #EF4444;
|
||||||
|
text-shadow: 5px 5px 6px rgba(0, 0, 0, 0.25);
|
||||||
|
font-family: Montserrat Alternates;
|
||||||
|
font-size: 10px;
|
||||||
|
font-weight: 800;
|
||||||
|
width: 63px;
|
||||||
|
height: 17px;
|
||||||
|
padding-top: 22px;
|
||||||
|
padding-left: 37px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.left_panel {
|
.left_panel {
|
||||||
width: 88px;
|
width: 88px;
|
||||||
height: auto;
|
height: 97.5vh;
|
||||||
background: #17181C;
|
background: #17181C;
|
||||||
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
|
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
|
||||||
border-radius: 20px;
|
border-radius: 20px;
|
||||||
margin-left: 8px;
|
margin-left: 8px;
|
||||||
padding-top: 100%;
|
|
||||||
margin-top: -86px;
|
margin-top: -86px;
|
||||||
|
margin-bottom: 4.5px;
|
||||||
}
|
|
||||||
|
|
||||||
.main_box{
|
|
||||||
width: 1165px;
|
|
||||||
height: 240px;
|
|
||||||
border-radius: 40px;
|
|
||||||
background: #EF4444;
|
|
||||||
box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
left: 10%;
|
|
||||||
}
|
}
|
||||||
@@ -13,11 +13,16 @@
|
|||||||
</head>
|
</head>
|
||||||
<body style="background-color: #121212;">
|
<body style="background-color: #121212;">
|
||||||
<header>
|
<header>
|
||||||
<div class="top_panel"></div>
|
<div class="top_panel">
|
||||||
|
<div class="header_text">
|
||||||
|
<p class="header_title_text">PLAY NOW</p>
|
||||||
|
<h2 class="header_title">LUCKY DIAMOND</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<div class="left_panel"></div>
|
<div class="left_panel"></div>
|
||||||
</header>
|
</header>
|
||||||
<main>
|
<main>
|
||||||
<div class="main_box"></div>
|
|
||||||
</main>
|
</main>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
Reference in New Issue
Block a user