-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmain.css
87 lines (65 loc) · 4.28 KB
/
main.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
/* main */
/*.link {text-decoration: none;color: white;}
.textStyle-nexaBold {font-family: nexaBold, sans-serif;}
.textStyle-nexaLight {font-family: nexaLight, sans-serif;}
.b-headLine {height: 67px; background-color: #373737;width: 100%;position: absolute;}
.b-headLine:after {content: '';position: absolute;height: 69px;background: #474747;left: 50%;right: 0;top: 67px;}
.b-wrap {margin: 0 auto;position: relative;width: 940px;}
.b-line {min-width: 940px;position: relative;}
.hide {display: none;}*/
body {background-color: #ffffff;}
@media screen and (min-width: 1600px) {
.container {width: 1499px;}
/*div.footer-privacy-policy {padding-top: 15px;}*/
}
/*при ширине экрана от 970px*/
@media screen and (min-width: 970px) {
body {background: url(../img/background_1.png) center no-repeat #ffffff;}
}
/*при ширине экрана от 768px*/
@media screen and (min-width: 768px) {
.heder-logo {float: right;}
h1.h1{font: 400 46px/46px 'Open Sans', sans-serif;}
span.heder-name{font: 700 46px/46px 'Open Sans', sans-serif;}
span.heder-tagline {font: 400 30px/30px 'Open Sans', sans-serif;}
div.aside-form {width: 357px;}
div.aside-form-container {padding-left: 52px;padding-top: 20px;padding: 20px 0 0 52px;}
input.aside-form-area {width: 254px;}
input.aside-form-button {width: 254px;}
footer.footer {}
}
/*default при ширине экрана до 768px*/
.link {text-decoration: none;color: #231f20;}
/*line theme*/
.header {position: relative;}
.header:before {content:''; width: 100%;height: 5px;background: #607d8b;position: absolute;}
.heder-text-container {text-align: center;}
.h1 {font: 400 14px/20px 'Open Sans', sans-serif;color: #424242;letter-spacing: 1px;}
.heder-name {font: 700 14px/20px 'Open Sans', sans-serif;color: #9ab26b;letter-spacing: 1px;}
.heder-tagline {font: 400 12px/20px 'Open Sans', sans-serif;color: #848484;letter-spacing: 1px;}
.heder-logo {float: right;}
/*section block*/
.section-block {padding-top: 67px;}
/*form*/
.aside-form {display: block;width: 100%;}
.aside-form-theme {height: 332px;background: #f6f6f6;box-sizing: border-box;border: 1px solid #cccccc;border-radius: 13px 0 0 0;}
.aside-form-head {font-size: 16px;font-family: arial;text-transform: uppercase;padding: 34px 34px 13px 34px;text-align: center;font-weight: bold;}
/*.text-innerShadow {background-color: #000;color: transparent;text-shadow: -1px 2px 2px rgba(255,255,255,0.5);-webkit-background-clip: text;-moz-background-clip: text;background-clip: text;}*/
.aside-form-container {padding: 20px 40px 0px 40px;}
.container-indent {padding-bottom: 44px;}
.aside-form-area {width: 100%;height: 43px;background: #e6e6e6;box-sizing: border-box;border: 1px solid #cccccc;border-radius: 5px;border-left: 1px solid #fdfdfd;border-bottom: 1px solid #fdfdfd;border-top: 1px solid #969697;border-right: 1px solid #969697;box-shadow: inset -1px 1px 1px rgba(0,0,0,0.2);background: linear-gradient(to top, #d8d8d8, #f0f0f0);text-align: right;padding-right: 40px;font: 400 14px/20px 'Open Sans', sans-serif;}
.aside-form-footer {background: #9BB26C;height: 78px;border-radius: 0 0 13px 13px;}
.aside-form-button {width: 100%;height: 43px;background: #e6e6e6;box-sizing: border-box;border-left: 1px solid #e1e8b6;border-bottom: 1px solid #e1e8b6;border-top: 1px solid #1b1b1b;border-right: 1px solid #1b1b1b;border-radius: 10px;text-transform: uppercase;background: linear-gradient(to top, #202020, #6a6a6a);color: #d3d3d3;font-size: 16px;font-family: arial;font-weight: bold;text-shadow: -1px 1px 1px rgba(0,0,0,0.5);}
/*content*/
.pre_box {width: 593px;float: right;}
.box {width: 149px;position: relative;float: right;text-align: center;}
.box-text {font: 700 15px/20px 'Open Sans', sans-serif;color: #ffa000;display: block;padding-top: 22px;}
.box-indent {margin-left: 73px;}
.text-description {padding-top: 50px;text-align: right;font: 700 16px/20px 'Open Sans', sans-serif;color: #424242;letter-spacing: 1px;}
/*footer*/
.footer {width: 100%;background: #607d8b;margin-top: 200px;}
.footer-text-theme {padding-top: 15px;padding-left: 13px;font: 700 22px 'Open Sans', sans-serif;color: #231f20;text-align: center}
.footer-privacy-policy {text-align: center;font: 700 20px 'Open Sans', sans-serif;color: #231f20;}
.footer-site {}
.footer-mail {}
.footer-logo {text-align: right;padding-top: 6px;padding-bottom: 7px;}