150 lines
3.2 KiB
CSS
150 lines
3.2 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: 25px;
|
||
}
|
||
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: 50px;
|
||
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: 90%;
|
||
padding-bottom: 10px;
|
||
border: solid 1px #eee;
|
||
}
|
||
|
||
|