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

64
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 { .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%;
}

9
src/index.html
View File

@@ -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>