yawaflua/LuckyDiamond
1
0
Fork 0
mirror of https://github.com/yawaflua/LuckyDiamond.git synced 2025-12-10 12:19:31 +02:00
Code Issues Packages Projects Releases Wiki Activity

Добовление надписей

Browse Source
This commit is contained in:
Bloody
2023-09-29 19:33:52 +07:00
parent 5f18053f10
commit dbf4b12033
2 changed files with 33 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
src/css/style.css
View File

@@ -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 {
width: auto;
@@ -17,43 +8,40 @@
border-radius: 20px;
margin-left: 105px;
margin-top: 7px;
}
.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;
margin-right: 4px;
}
.left_box{
width: 88px;
height: auto;
.header_title {
width: 220px;
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 {
width: 88px;
height: auto;
height: 97.5vh;
background: #17181C;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 20px;
margin-left: 8px;
padding-top: 100%;
margin-top: -86px;
}
.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%;
margin-bottom: 4.5px;
}

9
src/index.html
View File

@@ -13,11 +13,16 @@
</head>
<body style="background-color: #121212;">
<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>
</header>
<main>
<div class="main_box"></div>
</main>
</body>
</html>