This commit is contained in:
Nikita 2024-11-19 11:34:49 +02:00
parent 15358796ef
commit 2e372c7c47

View file

@ -13,7 +13,6 @@ html {
font-weight: 100;
font-style: normal;
}
h1{
font-family: "Geist mono";
font-weight: 700;
@ -71,8 +70,8 @@ p, a, ul, li{
background-color: #eee;/*цвет кнопки при наведении*/
color: #000; /*цвет текста кнопки при наведении*/
}
/*КНОПКИ КОНТЕНТА*/
/*КНОПКИ КОНТЕНТА*/
.content_butt:link, .content_butt:visited {
font-weight: 500;
color: #989898; /*Цвет текста кнопки*/
@ -90,12 +89,8 @@ p, a, ul, li{
max-width: 800px;
max-height: 100vh;
text-align: center;
margin-left: auto;
margin-right: auto;
margin: 0 auto;
padding-top: 200px;
}
.head{
}
.logo{
max-width: 80px;
@ -107,17 +102,12 @@ p, a, ul, li{
display: flex;
}
/*СТИЛИ ВТОРИЧНЫХ СТРАНИЦ*/
.page_container{
max-height: 100vh;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.nav_box{
height: 100vh;
@ -138,7 +128,6 @@ p, a, ul, li{
width: 130px;
margin:0 auto;
}
.content_box{
margin: 40px;
}
@ -155,7 +144,7 @@ p, a, ul, li{
width: 300px;
}
/*новости и посты*/
/*НОВОСТИ И ПОСТЫ*/
.post_box{
width: 100%;
padding: 10px;
@ -181,13 +170,10 @@ p, a, ul, li{
.readmore{
}
/* BURGER and MOBILE */
.burger-toggle {
display: none;
}
.burger {
display: none;
cursor: pointer;
@ -203,7 +189,7 @@ p, a, ul, li{
background-color: #eee;
margin: 5px 0;
}
/*Для девайсов с шириной до 768пиксов*/
@media (max-width: 768px) {
html {
font-size: 85%;
@ -251,7 +237,6 @@ p, a, ul, li{
margin: 0;
width: 40px;
}
.nav_box {
width: 100%;
border-right: none;
@ -285,7 +270,7 @@ p, a, ul, li{
/*Анимаця*/
.burger-toggle:checked + .burger .line:nth-child(1) {
transform: translateY(8px) rotate(45deg); /* Первая линия становится диагональной */
transform: translateY(8px) rotate(45deg);
}
.burger-toggle:checked + .burger .line:nth-child(2) {
@ -293,7 +278,7 @@ p, a, ul, li{
}
.burger-toggle:checked + .burger .line:nth-child(3) {
transform: translateY(-8px) rotate(-45deg); /* Третья линия становится диагональной */
transform: translateY(-8px) rotate(-45deg);
}
.burger-toggle:checked ~ .navigation {
display: flex;