144 lines
3 KiB
CSS
144 lines
3 KiB
CSS
|
body,a,p,h1,h2,h3,h5{padding: 0; margin: 0}
|
|||
|
|
body{
|
|||
|
|
background-color: #000; /*Цвет фона всей страницы*/
|
|||
|
|
color:#fff; /*Цвет текста всей страницы*/
|
|||
|
|
}
|
|||
|
|
.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 #fff 1px; /*Цвет рамки кнопки*/
|
|||
|
|
color: #fff; /*Цвет текста кнопки*/
|
|||
|
|
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: #fff;/*цвет кнопки при наведении*/
|
|||
|
|
color: #000; /*цвет текста кнопки при наведении*/
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*КНОПКИ НА СТРАНИЦАХ С БОКОВЫМ НАВИГАТОРОМ*/
|
|||
|
|
.nav_butt_2:link, .nav_butt_2:visited {
|
|||
|
|
box-sizing: content-box;
|
|||
|
|
border: solid #fff 1px; /*Цвет рамки кнопки*/
|
|||
|
|
color: #fff; /*Цвет текста кнопки*/
|
|||
|
|
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: #fff;/*цвет кнопки при наведении*/
|
|||
|
|
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: #fff;/*цвет кнопки при наведении*/
|
|||
|
|
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 #fff;
|
|||
|
|
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;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|