172 lines
3.6 KiB
CSS
172 lines
3.6 KiB
CSS
body,a,p,h1,h2,h3,h5{padding: 0; margin: 0}
|
||
body{
|
||
background-color: #000; /*Цвет фона всей страницы*/
|
||
color:#eee; /*Цвет текста всей страницы*/
|
||
}
|
||
.geist-mono-all{
|
||
font-family: "Geist Mono", monospace;
|
||
font-optical-sizing: auto;
|
||
font-weight: 100;
|
||
font-style: normal;
|
||
}
|
||
|
||
h1{
|
||
font-family: "Geist mono";
|
||
font-weight: 700;
|
||
font-size: 40px;
|
||
}
|
||
h2{
|
||
font-family: "Geist mono";
|
||
font-weight: 700;
|
||
font-size: 32px;
|
||
}
|
||
h3{
|
||
font-family: "Geist mono";
|
||
font-weight: 700;
|
||
font-size: 20px;
|
||
}
|
||
p, a, ul, li{
|
||
font-family: "Geist mono";
|
||
font-weight: 200;
|
||
}
|
||
|
||
/*КНОПКИ НА ГЛАВНОЙ СТРАНИЦЕ*/
|
||
.nav_butt_1:link, .nav_butt_1:visited {
|
||
box-sizing: content-box;
|
||
border: solid #eee 1px; /*Цвет рамки кнопки*/
|
||
color: #eee; /*Цвет текста кнопки*/
|
||
text-align: center;
|
||
text-decoration: none;
|
||
display: inline-block;
|
||
width: 120px;
|
||
padding-top: 10px;
|
||
padding-bottom: 10px;
|
||
margin-top: 10px;
|
||
}
|
||
.nav_butt_1:hover, .nav_butt_1:active {
|
||
background-color: #eee;/*цвет кнопки при наведении*/
|
||
color: #000; /*цвет текста кнопки при наведении*/
|
||
}
|
||
|
||
/*КНОПКИ НА СТРАНИЦАХ С БОКОВЫМ НАВИГАТОРОМ*/
|
||
.nav_butt_2:link, .nav_butt_2:visited {
|
||
box-sizing: content-box;
|
||
border: solid #eee 1px; /*Цвет рамки кнопки*/
|
||
color: #eee; /*Цвет текста кнопки*/
|
||
text-align: center;
|
||
text-decoration: none;
|
||
display: inline-block;
|
||
font-size: 12px;
|
||
width: 120px;
|
||
padding-top: 10px;
|
||
padding-bottom: 10px;
|
||
margin-top: 10px;
|
||
}
|
||
.nav_butt_2:hover, .nav_butt_2:active {
|
||
background-color: #eee;/*цвет кнопки при наведении*/
|
||
color: #000; /*цвет текста кнопки при наведении*/
|
||
}
|
||
/*КНОПКИ КОНТЕНТА*/
|
||
|
||
.content_butt:link, .content_butt:visited {
|
||
font-weight: 500;
|
||
color: #989898; /*Цвет текста кнопки*/
|
||
text-align: center;
|
||
text-decoration: underline;
|
||
display: inline-block;
|
||
}
|
||
.content_butt:hover, .content_butt:active {
|
||
background-color: #eee;/*цвет кнопки при наведении*/
|
||
color: #000; /*цвет текста кнопки при наведении*/
|
||
}
|
||
|
||
/*СТИЛИ ГЛАВНОЙ СТРАНИЦЫ*/
|
||
.main_container{
|
||
max-width: 800px;
|
||
max-height: 100vh;
|
||
text-align: center;
|
||
margin-left: auto;
|
||
margin-right: auto;
|
||
padding-top: 200px;
|
||
}
|
||
.head{
|
||
|
||
}
|
||
.logo{
|
||
max-width: 80px;
|
||
padding-bottom: 30px;
|
||
}
|
||
.links{
|
||
padding-top: 100px;
|
||
justify-content: space-between;
|
||
display: flex;
|
||
}
|
||
|
||
|
||
|
||
|
||
/*СТИЛИ ВТОРИЧНЫХ СТРАНИЦ*/
|
||
.page_container{
|
||
|
||
max-height: 100vh;
|
||
text-align: center;
|
||
margin-left: auto;
|
||
margin-right: auto;
|
||
|
||
}
|
||
.nav_box{
|
||
height: 100vh;
|
||
border-right: solid 1px #eee;
|
||
width: 20%;
|
||
position: fixed;
|
||
padding-top: 10vh;
|
||
}
|
||
.content_wrap{
|
||
text-align: left;
|
||
width: 80%;
|
||
float: right;
|
||
display: block;
|
||
position: relative;
|
||
}
|
||
.navigation{
|
||
padding-top: 48px;
|
||
width: 130px;
|
||
margin:0 auto;
|
||
}
|
||
|
||
.content_box{
|
||
margin: 50px;
|
||
}
|
||
.logo_home, .logo_home:link, .logo_home:visited, .logo_home:hover, .logo_home:active {
|
||
border: none;
|
||
background-color: transparent;
|
||
}
|
||
|
||
|
||
/*новости и посты*/
|
||
.post_box{
|
||
width: 100%;
|
||
padding: 10px;
|
||
border: solid 1px rgba(238, 238, 238, 0.2); /*обводка новостного дропа*/
|
||
margin-bottom: 20px;
|
||
}
|
||
.post_name{
|
||
margin-bottom: 20px;
|
||
text-transform: uppercase;
|
||
}
|
||
.post_description{
|
||
margin-bottom: 20px;
|
||
}
|
||
.multiline{
|
||
display: -webkit-box;
|
||
-webkit-box-orient: vertical;
|
||
overflow: hidden;
|
||
-webkit-line-clamp: 2; /* Ограничение на 2 строки */
|
||
}
|
||
.post_date{
|
||
float: right;
|
||
}
|
||
.readmore{
|
||
|
||
|
||
} |