ivaisfelds
/
Pygame_Project
0
3
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update game.html

main
Artjoms Marians Ņečajevs 2024-04-28 09:50:15 +00:00
parent 7c3221c804
commit 4a25a91fa3
1 changed files with 47 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

79
game.html
View File

@ -10,26 +10,31 @@
font-family: 'Montserrat', sans-serif; font-family: 'Montserrat', sans-serif;
margin: 0; margin: 0;
padding: 0; padding: 0;
background-color: #f0f0f0; background-color: #000; /* Черный цвет фона */
color: #333; color: #fff; /* Белый цвет текста */
}
.wrapper {
margin-top: 80px; /* Отступ для контента под фиксированной шапкой */
/* height: 100vh; */ /* Не нужно использовать высоту 100vh для обертки */
overflow-y: auto; /* Включаем вертикальную прокрутку */
} }
nav { nav {
position: fixed; position: fixed; /* Фиксированная позиция */
top: 0; top: 0; /* Расположение шапки вверху */
left: 0; left: 0; /* Расположение шапки слева */
width: 100%; width: 100%; /* Занимает всю ширину экрана */
height: 50px;
background-color: #333; background-color: #333;
padding: 10px; padding: 10px 0;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
z-index: 1000; z-index: 999; /* Чтобы шапка была выше других элементов */
} }
.logo img { .logo img {
max-height: 40px; /* Уменьшенный размер логотипа */ width: 100px; /* Устанавливаем ширину логотипа */
} }
nav ul { nav ul {
@ -41,13 +46,12 @@
nav ul li { nav ul li {
display: inline; display: inline;
margin-left: 10px; /* Уменьшенный отступ между пунктами меню */
} }
nav ul li a { nav ul li a {
color: #fff; color: #fff;
text-decoration: none; text-decoration: none;
padding: 8px 15px; /* Уменьшенные внутренние отступы в пунктах меню */ padding: 10px 20px;
transition: background-color 0.3s; transition: background-color 0.3s;
} }
@ -57,46 +61,57 @@
.container { .container {
max-width: 800px; max-width: 800px;
margin: 100px auto 20px; margin: 50px auto;
padding: 20px; padding: 20px;
background-color: #fff; background-color: #222; /* Цвет фона контейнера */
border-radius: 10px; border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(255, 255, 255, 0.1); /* Тень контейнера */
text-align: center; text-align: center;
} }
h1 { h1 {
font-size: 48px; color: #007bff; /* Цвет заголовка */
font-weight: bold;
margin-bottom: 20px;
}
img {
max-width: 100%;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
margin-top: 20px;
} }
p { p {
font-size: 18px; font-size: 18px;
line-height: 1.6; line-height: 1.6;
text-align: left;
margin-bottom: 20px; margin-bottom: 20px;
} }
.download-link { .btn {
display: inline-block; display: inline-block;
padding: 10px 20px; padding: 10px 20px;
background-color: #007bff; background-color: #007bff; /* Цвет кнопки */
color: #fff; color: #fff; /* Цвет текста на кнопке */
text-decoration: none; text-decoration: none;
border-radius: 5px; border-radius: 5px;
transition: background-color 0.3s; transition: background-color 0.3s;
} }
.download-link:hover { .btn:hover {
background-color: #0056b3; background-color: #0056b3; /* Изменение цвета кнопки при наведении */
}
.advertisement {
margin-top: 50px;
}
.advertisement img {
max-width: 100%;
border-radius: 10px;
box-shadow: 0 0 10px rgba(255, 255, 255, 0.1); /* Тень изображения */
}
.footer {
background-color: #888; /* Серый цвет фона нижнего раздела */
padding: 20px;
margin-top: 50px; /* Отступ сверху */
}
.footer h2 {
color: #fff; /* Белый цвет текста */
margin: 0; /* Убираем внешние отступы */
} }
</style> </style>
@ -146,4 +161,4 @@
}); });
</script> </script>
</body> </body>
</html> </html>