diff --git a/404.html b/404.html index 1103bdd..9bb0815 100644 --- a/404.html +++ b/404.html @@ -3,31 +3,31 @@ - Ошибка 404 - + Ошибка 404 | КОМП +
-
- Не найдено! +

Ошибка 404: запрашиваемый ресурс не найден!

+
+

Измените запрос или перейдите на главную

- + diff --git a/add.html b/add.html index 6e309bf..d9f5d9a 100644 --- a/add.html +++ b/add.html @@ -4,30 +4,30 @@ Добавить стихотворение | КОМП - +
-
@@ -73,11 +73,10 @@ - - + + diff --git a/head.html b/head.html index c3345b1..45d3c6a 100644 --- a/head.html +++ b/head.html @@ -4,30 +4,30 @@ ${TITLE} - +
-
diff --git a/index.html b/index.html index c7eb078..b687d45 100644 --- a/index.html +++ b/index.html @@ -4,30 +4,30 @@ Стихи | КОМП - +
-
- +
- + diff --git a/login.html b/login.html index 51597b0..f0e5321 100644 --- a/login.html +++ b/login.html @@ -4,30 +4,30 @@ Вход | КОМП - +
-
@@ -76,11 +76,10 @@ - - + + diff --git a/signup.html b/signup.html index 1432310..34d53b3 100644 --- a/signup.html +++ b/signup.html @@ -4,30 +4,30 @@ Регистрация | КОМП - +
-
@@ -84,11 +84,10 @@ - - + + diff --git a/style/main.css b/style/main.css index 678694e..e0e4f68 100644 --- a/style/main.css +++ b/style/main.css @@ -70,7 +70,11 @@ header { background: var(--header-button-hover-color); } -header a { +.logo { + color: black +} + +.button { display: inline-block; padding: 8px 12px; margin-inline: 2px; @@ -84,17 +88,17 @@ header a { display: none; } -#menu a { +#menu .button { box-sizing: border-box; width: 100%; margin-bottom: 4px; } -header a.active { +header .button.active { background: var(--header-button-active-color); } -header a:hover { +header .button:hover { background: var(--header-button-hover-color); text-decoration: none; } @@ -111,16 +115,26 @@ body { } main { - flex: 1 + flex: 1; + display: flex; + flex-direction: column; + align-items: center; + padding: 20px; + text-align: center +} + +.search { + width: 500px; + text-align: center } #form { width: 500px; - margin: 30px calc(50vw - 250px) 50px; border-radius: 5px; overflow: hidden; border: 1px solid var(--border-color); background: color-mix(in srgb, var(--background-color), black 2%); + text-align: left; } form { @@ -186,7 +200,6 @@ input[type=submit]:hover { .content { width: 800px; - margin: 30px calc(50vw - 400px) 50px; } .content h1 { margin-bottom: 20px; @@ -224,7 +237,8 @@ select { } #fullverse { - margin: 20px + margin: 20px; + text-align: left; } h1 { @@ -245,6 +259,10 @@ footer { border-top: 1px solid var(--border-color) } +footer a:first-child { + margin-right: 10px; +} + @media (max-width: 748px) { .heigher nav { display: none; @@ -265,14 +283,15 @@ footer { } @media (max-width: 555px) { + .search { + width: 90vw; + } #form { width: 90vw; - margin: 30px 5vw 50px; } } @media (max-width: 888px) { .content { width: 90vw; - margin: 30px 5vw 50px } } diff --git a/tail.html b/tail.html index 15391cd..41574cd 100644 --- a/tail.html +++ b/tail.html @@ -2,10 +2,9 @@ - +