Compare commits
5 Commits
3c2e46af72
...
ae7c6a33af
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
ae7c6a33af | ||
|
|
987a90f5ab | ||
|
|
10d620cffe | ||
|
|
e03899ba16 | ||
|
|
17edfca237 |
@@ -1,6 +1,7 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<link rel="stylesheet" href="/style/menu.css">
|
||||
<link rel="stylesheet" href="/style/textFont.css">
|
||||
<link rel="stylesheet" href="/style/background.css">
|
||||
<link rel="stylesheet" href="/style/buttonStyle.css">
|
||||
|
||||
@@ -5,7 +5,6 @@
|
||||
header{
|
||||
margin: auto;
|
||||
left: 0;
|
||||
top: 10%;
|
||||
|
||||
z-index: 2;
|
||||
width: var(--headFootBoxWhight);
|
||||
@@ -20,6 +19,7 @@
|
||||
body{
|
||||
background-color: var(--bodyBoxColor);
|
||||
background-image: url('/style/background.png');
|
||||
backdrop-filter: blur(2px);
|
||||
}
|
||||
|
||||
.vologdaDescription{
|
||||
@@ -102,27 +102,11 @@
|
||||
--boxHeight: 3.1vw;
|
||||
|
||||
--defaultBoxWhight: 750px;
|
||||
--headFootBoxWhight: 900px;
|
||||
--headFootBoxWhight: 950px;
|
||||
|
||||
--vologdaBoxColor: rgb(177, 250, 250);
|
||||
|
||||
--headerBoxColor:rgb(177, 250, 250);
|
||||
--postHeaderBoxColor:rgb(175, 238, 238);
|
||||
/* --headerBoxColor:rgb(177, 250, 250); */
|
||||
--headerBoxColor:rgb(173, 32, 43);
|
||||
|
||||
--bodyBoxColor:rgb(255, 255, 255);
|
||||
/* --postHeaderBoxColor:rgb(175, 238, 238); */
|
||||
|
||||
/* 89, 152, 197 */
|
||||
/* --bodyBoxColor:rgb(255, 255, 255); */
|
||||
/* --bodyBoxColor:rgb(39, 38, 53); */
|
||||
/* --bodyBoxColor:rgb(78, 89, 140); */
|
||||
/* --bodyBoxColor:rgb(10, 9, 3); */
|
||||
|
||||
/* --vologdaBoxColor: rgb(177, 250, 250); */
|
||||
--vologdaBoxColor: rgb(173, 32, 43);
|
||||
|
||||
}
|
||||
|
||||
@media (max-width: 1100px) {
|
||||
|
||||
@@ -1,76 +0,0 @@
|
||||
|
||||
.snowflake {
|
||||
color: #757575;
|
||||
font-size: 1em;
|
||||
font-family: 'Sometype Mono', monospace;
|
||||
position: fixed;
|
||||
top: -10%;
|
||||
user-select: none;
|
||||
cursor: default;
|
||||
animation-name: snowflakes-fall, snowflakes-shake;
|
||||
animation-duration: 10s, 3s;
|
||||
animation-timing-function: linear, ease-in-out;
|
||||
animation-iteration-count: infinite, infinite;
|
||||
animation-play-state: running, running;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.snowflake:nth-of-type(0) {
|
||||
left: 1%;
|
||||
animation-delay: 0s, 0s;
|
||||
}
|
||||
|
||||
.snowflake:nth-of-type(1) {
|
||||
left: 10%;
|
||||
animation-delay: 1s, 1s;
|
||||
}
|
||||
|
||||
.snowflake:nth-of-type(2) {
|
||||
left: 20%;
|
||||
animation-delay: 6s, .5s;
|
||||
}
|
||||
|
||||
.snowflake:nth-of-type(3) {
|
||||
left: 30%;
|
||||
animation-delay: 4s, 2s;
|
||||
}
|
||||
|
||||
.snowflake:nth-of-type(4) {
|
||||
left: 40%;
|
||||
animation-delay: 2s, 2s;
|
||||
}
|
||||
|
||||
.snowflake:nth-of-type(5) {
|
||||
left: 50%;
|
||||
animation-delay: 8s, 3s;
|
||||
}
|
||||
|
||||
.snowflake:nth-of-type(6) {
|
||||
left: 60%;
|
||||
animation-delay: 6s, 2s;
|
||||
}
|
||||
|
||||
.snowflake:nth-of-type(7) {
|
||||
left: 70%;
|
||||
animation-delay: 2.5s, 1s;
|
||||
}
|
||||
|
||||
.snowflake:nth-of-type(8) {
|
||||
left: 80%;
|
||||
animation-delay: 1s, 0s;
|
||||
}
|
||||
|
||||
.snowflake:nth-of-type(9) {
|
||||
left: 90%;
|
||||
animation-delay: 3s, 1.5s;
|
||||
}
|
||||
|
||||
@keyframes snowflakes-fall {
|
||||
0% {
|
||||
top: -10%;
|
||||
}
|
||||
100% {
|
||||
top: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,6 +1,4 @@
|
||||
|
||||
.button-grid {
|
||||
display: grid;
|
||||
display: grid;
|
||||
grid-template-columns: 4fr 4fr 4fr;
|
||||
grid-template-rows: 4fr 4fr;
|
||||
@@ -30,7 +28,12 @@
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(0, 0, 0, 0.5); /* Настройка цвета и прозрачности для блока с заголовком */
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.headerButton-grid {
|
||||
display: grid;
|
||||
grid-template-columns: auto auto auto auto auto;
|
||||
}
|
||||
|
||||
:root {
|
||||
@@ -69,6 +72,17 @@
|
||||
--sizeButton: 4;
|
||||
}
|
||||
|
||||
.hidingMenu {
|
||||
Display: none;
|
||||
}
|
||||
|
||||
.headerButton-grid {
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.button-grid {
|
||||
display: grid;
|
||||
display: grid;
|
||||
|
||||
@@ -1,3 +1,29 @@
|
||||
<header>
|
||||
<p class="titleText">Вологда путешествия</p>
|
||||
<div class="headerButton-grid">
|
||||
<a href="/pages/Музей кружева.html" style="text-decoration:none">
|
||||
<button style="background: transparent; border: none !important;">
|
||||
<p class="titleText">Вологда путешествия</p>
|
||||
</button>
|
||||
</a>
|
||||
|
||||
<a href="/pages/Музей кружева.html" style="text-decoration:none" class="hidingMenu">
|
||||
<button style="background: transparent; border: none !important;"> </button>
|
||||
<p class="titleTextMini">Вологда</p>
|
||||
</a>
|
||||
|
||||
<a href="/pages/Музей кружева.html" style="text-decoration:none" class="hidingMenu">
|
||||
<button style="background: transparent; border: none !important;"> </button>
|
||||
<p class="titleTextMini">Достопримечательности</p>
|
||||
</a>
|
||||
|
||||
<a href="/pages/Музей кружева.html" style="text-decoration:none" class="hidingMenu">
|
||||
<button style="background: transparent; border: none !important;"> </button>
|
||||
<p class="titleTextMini">Рестораны</p>
|
||||
</a>
|
||||
|
||||
<a href="/pages/Музей кружева.html" style="text-decoration:none" class="hidingMenu">
|
||||
<button style="background: transparent; border: none !important;"> </button>
|
||||
<p class="titleTextMini">Отели</p>
|
||||
</a>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
@@ -1,29 +0,0 @@
|
||||
<div class="snowflakes">
|
||||
<div class="snowflake">
|
||||
В ВОЛОГДЕ ВКУСНОЕ МОЛОКО !
|
||||
</div>
|
||||
<div class="snowflake">
|
||||
ВОЛОГДА СУПЕР !
|
||||
</div>
|
||||
<div class="snowflake">
|
||||
ГДЕ ? В ВОЛОГДЕ !
|
||||
</div>
|
||||
<div class="snowflake">
|
||||
КРУЖЕВА ПРОСТО КЛАСС !
|
||||
</div>
|
||||
<div class="snowflake">
|
||||
МАСЛО ЛУЧШЕЕ !
|
||||
</div>
|
||||
<div class="snowflake">
|
||||
В ВОЛОГДЕ КЛАСС !
|
||||
</div>
|
||||
<div class="snowflake">
|
||||
В ВОЛОГДЕ ПРЕКРАСНО!
|
||||
</div>
|
||||
<div class="snowflake">
|
||||
ВОЛОГДА СУПЕР !
|
||||
</div>
|
||||
<div class="snowflake">
|
||||
ВОЛОГДА!
|
||||
</div>
|
||||
</div>
|
||||
@@ -40,12 +40,19 @@
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
|
||||
.titleTextMini {
|
||||
font-size: calc(var(--textSize) + (var(--textSize) * 0.5));
|
||||
/* font-family: 'Sometype Mono', monospace; */
|
||||
font-family: 'Tsarevich-Regular';
|
||||
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
|
||||
.titleText {
|
||||
font-size: calc(var(--textSize) + (var(--textSize) * 1.6));
|
||||
/* font-family: 'Sometype Mono', monospace; */
|
||||
font-family: 'Tsarevich-Regular';
|
||||
|
||||
|
||||
text-align: left;
|
||||
margin-left: 3vw;
|
||||
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
Главная:
|
||||
-достопромичетальности
|
||||
-Где покушать
|
||||
-Турагентсва
|
||||
-Турагентсва или отелей
|
||||
-История Вологды
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user