mirror of
https://github.com/Llloooggg/Jarvis.git
synced 2026-03-06 20:16:23 +03:00
init
This commit is contained in:
74
static/css/components/footer.css
Normal file
74
static/css/components/footer.css
Normal file
@@ -0,0 +1,74 @@
|
||||
/* заглушка */
|
||||
|
||||
.footer {
|
||||
background: #131415;
|
||||
font-size: 14px;
|
||||
font-weight: 300;
|
||||
color: #ffffff;
|
||||
width: 100%;
|
||||
padding: 15px;
|
||||
height: 77px;
|
||||
margin-top: -77px;
|
||||
min-width: 1100px;
|
||||
}
|
||||
.footer-q {
|
||||
width: 33%;
|
||||
display: block;
|
||||
float: left;
|
||||
}
|
||||
.footer-full-text:first-child {
|
||||
margin-right: 50px;
|
||||
}
|
||||
.footer-q .logo-text {
|
||||
display: block;
|
||||
text-align: center;
|
||||
margin: 15px;
|
||||
}
|
||||
.footer-full-text {
|
||||
font-size: 14px;
|
||||
font-weight: 300;
|
||||
margin-top: -3px;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
.footer-text_link {
|
||||
|
||||
font-weight: bold;
|
||||
color: #ffffff;
|
||||
}
|
||||
.footer-text_name {
|
||||
font-weight: bold;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.footer-messeger_text {
|
||||
font-weight: bold;
|
||||
display: block;
|
||||
text-align: right;
|
||||
margin: 2px;
|
||||
margin-right: 8px;
|
||||
}
|
||||
.footer-messeger__item {
|
||||
list-style: none;
|
||||
display: block;
|
||||
float: left;
|
||||
background: #ffffff;
|
||||
margin: 8px;
|
||||
border-radius: 50%;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
.footer-messeger__item:hover {
|
||||
background: #f89513;
|
||||
}
|
||||
.footer-messeger__icon {
|
||||
width: auto;
|
||||
height: auto;
|
||||
|
||||
}
|
||||
.footer-messeger{
|
||||
margin: 0px;
|
||||
display: block;
|
||||
float: right;
|
||||
}
|
||||
146
static/css/components/header.css
Normal file
146
static/css/components/header.css
Normal file
@@ -0,0 +1,146 @@
|
||||
/* шапка */
|
||||
|
||||
.header {
|
||||
background: #131415;
|
||||
height: 75px;
|
||||
}
|
||||
.header_left, .header_right {
|
||||
float: left;
|
||||
width: 50%;
|
||||
}
|
||||
.header_left {
|
||||
padding: 10px 0;
|
||||
}
|
||||
.header_right {
|
||||
text-align: right;
|
||||
/* margin-top: 12px; */
|
||||
padding-top: 20px;
|
||||
}
|
||||
.header_center{
|
||||
text-align: center;
|
||||
height: 75px;
|
||||
}
|
||||
.logo-text{
|
||||
float: left;
|
||||
width: 70%;
|
||||
color: #f89513;
|
||||
font-family: 'GoraFree';
|
||||
font-weight: 400;
|
||||
font-size: 18px;
|
||||
text-decoration: none;
|
||||
margin: 12px 0;
|
||||
}
|
||||
.logo-decor {
|
||||
display: inline-block;
|
||||
}
|
||||
.logo_icon {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
float: left;
|
||||
|
||||
}
|
||||
.nav-menu {
|
||||
list-style: none; /*убрать точки */
|
||||
padding: 0% ;
|
||||
|
||||
}
|
||||
.nav-menu__item {
|
||||
float: left;
|
||||
width: 33%;
|
||||
margin-left: 0px;
|
||||
}
|
||||
.nav-menu__link{
|
||||
text-decoration: none; /*убрать подчеркивание в ссылке */
|
||||
display: inline-block;
|
||||
}
|
||||
.nav-menu__icon, .nav-menu__text {
|
||||
float: left;
|
||||
width: 50%;
|
||||
}
|
||||
.nav-menu__icon {
|
||||
margin-top: 11px;
|
||||
margin-right: 10px;
|
||||
width: 23px;
|
||||
height: 23px;
|
||||
}
|
||||
.nav-menu__link:hover .nav-menu__text {
|
||||
color: #f89513;
|
||||
}
|
||||
.none {
|
||||
display: none;
|
||||
}
|
||||
.nav-menu__link:hover .none {
|
||||
display: inline-block;
|
||||
}
|
||||
.nav-menu__link:hover .not_none {
|
||||
display: none;
|
||||
}
|
||||
.nav-menu__text {
|
||||
font-size: 12px;
|
||||
color: white;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.contacts {
|
||||
display: inline-block;
|
||||
}
|
||||
.contacts__phone {
|
||||
font-size: 21px;
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
display: block;
|
||||
}
|
||||
.contacts__schedule {
|
||||
font-size: 14px;
|
||||
color: #c77814;
|
||||
opacity: .7;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.form__cell-header {
|
||||
display: block;
|
||||
float: left;
|
||||
width: 190px;
|
||||
margin-right: 15px;
|
||||
}
|
||||
.form__input-text-mod{
|
||||
width: 100%;
|
||||
height: 30px;
|
||||
padding: 13px 10px;
|
||||
font-size: 14px; /*размерр текста*/
|
||||
font-weight: 300px; /*шрифт*/
|
||||
border: 2px solid transparent;
|
||||
border-radius: 3px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.form__input-text-mod::-webkit-input-placeholder {
|
||||
color:#908f8f; /*цвет текста в input*/
|
||||
}
|
||||
.form__input-text-mod::-moz-placeholder {
|
||||
color:#908f8f;
|
||||
}
|
||||
.form__input-text-mod:focus { /*цвет окантовки*/
|
||||
border-color: #f89513;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.header_btn {
|
||||
padding: 10px 13px;
|
||||
display: block;
|
||||
text-align: center;
|
||||
border-radius: 5px;
|
||||
font-size: 12px;
|
||||
color: #f1f1f1;
|
||||
text-transform: uppercase;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
transition: .3s;
|
||||
-webkit-transition: .3s;
|
||||
background: #f89513;
|
||||
border: 0;
|
||||
cursor: pointer;
|
||||
margin: -2 auto;
|
||||
}
|
||||
.header_btn:hover {
|
||||
background: #834c05;
|
||||
}
|
||||
Reference in New Issue
Block a user