narayana/anotherim-website
3
0
Fork 1
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

cleaning

Browse source
This commit is contained in:
Nikita 2024-11-19 11:34:49 +02:00
parent 15358796ef
commit 2e372c7c47
1 changed files with 6 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
style.css
View file

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