main_stock.css
11.4 KB
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
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
div.window {width:1000px;margin: 0 auto; padding:0;}
/* ========================== */
/* =========== top ========== */
/* ========================== */
div.top {height:245px;}
div.top div.head {height:189px; background: url('/img/stock/vasya.png'); background-position: 460px 0px; background-repeat:no-repeat;}
div.top div.head div.inside {height:155px;}
div.top div.head div.inside div.logo {width:261px; height:113px;background: url('/img/stock/logo.jpg'); margin:25px 0 0;}
div.top div.head div.menu .active a {color:#a1a1a1;}
div.top div.head div.menu .active {
background: #a1a1a1; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYmRiZGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ffffff 0%, #dbdbdb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dbdbdb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#dbdbdb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#dbdbdb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#dbdbdb 100%); /* IE10+ */
background: linear-gradient(top, #ffffff 0%,#dbdbdb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbdbdb',GradientType=0 ); /* IE6-8 */
}
div.top div.head div.menu {height:35px; text-align:center;}
div.top div.head div.menu ul {display: table; margin: auto; }
div.top div.head div.menu ul li {list-style: none;margin: 0 5px; background:#59b43f; }
div.top div.head div.menu ul a {text-decoration:none; text-transform:uppercase; display: block; padding: 10px 20px; font-size:12px;color: #FFFFFF;}
div.top div.head div.menu .item {float:left; }
div.top div.filter {
height:55px;
background:#989898;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QzZDNkMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZjdmN2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #d3d3d3 0%, #7f7f7f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d3), color-stop(100%,#7f7f7f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #d3d3d3 0%,#7f7f7f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #d3d3d3 0%,#7f7f7f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #d3d3d3 0%,#7f7f7f 100%); /* IE10+ */
background: linear-gradient(top, #d3d3d3 0%,#7f7f7f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d3', endColorstr='#7f7f7f',GradientType=0 ); /* IE6-8 */
}
div.top div.filter div.filters-block{margin-left: 55px;}
div.top div.filter div.filters-block span,
div.top div.filter div.filters-block div {float:left; margin: 15px;}
div.top div.filter div.filters-block select {
border:none;
padding:4px 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
div.top div.filter div.discount select {width:115px;}
div.top div.filter div.name select,
div.top div.filter div.manufacture select {width:240px;}
div.top div.filter div.filters-block .border {
border:1px solid #fff;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
/* ========================== */
/* ========= center ========= */
/* ========================== */
div.center {padding:13px; background: url('/img/stock/bg_transpered.png'); }
div.mcol-1 {width:180px; float:left; vertical-align:top;}
div.center div.mcol-1 div.title { text-transform:uppercase; display: block; padding: 11px 0px; font-size:12px;color: #FFFFFF; text-align:center; background:#59b43f;}
div.mcol-1 div.menu ul li.sub a {text-decoration:none;color:#464646;font-size:11px;}
div.center div.mcol-1 div.menu {
padding: 5px 10px;
margin-bottom:10px;
background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc0JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYWRhZGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 74%, #dadada 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(74%,#ffffff), color-stop(100%,#dadada)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 74%,#dadada 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#ffffff 74%,#dadada 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 74%,#dadada 100%); /* IE10+ */
background: linear-gradient(top, #ffffff 0%,#ffffff 74%,#dadada 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dadada',GradientType=0 ); /* IE6-8 */
}
div.center div.mcol-1 div.menu ul {margin:0px;padding:0px;}
div.center div.mcol-1 div.menu li { text-transform:uppercase; margin: 0px 10px; padding: 6px 0 ;font-size:11px; font-weight:bold;color: #000; }
div.center div.mcol-1 div.banner-left img {width:180px;}
div.mcol-2 {width:775px; float:left; margin-left: 16px;background:#FFFFFF;}
div.center div.mcol-2 div.banner-home {width:770px;height:280px; vertical-align:middle; text-align:center;}
div.center div.mcol-2 div.banner-center {width:770px;height:110px; vertical-align:middle; text-align:center; margin:25px 0;}
div.center div.content {}
/* ========================== */
/* ======== category ======== */
/* ========================== */
div.mcol-2 div.category-block {padding: 10px;}
div.mcol-2 div.category-block div.category {
margin:5px;
display: block;
float: left;
height: 60px;
width: 240px;
background: #60bb46; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYwYmI0NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZjk3MjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #60bb46 0%, #3f9726 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#60bb46), color-stop(100%,#3f9726)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #60bb46 0%,#3f9726 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #60bb46 0%,#3f9726 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #60bb46 0%,#3f9726 100%); /* IE10+ */
background: linear-gradient(top, #60bb46 0%,#3f9726 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60bb46', endColorstr='#3f9726',GradientType=0 ); /* IE6-8 */
}
div.category-block div.category a div.col-1,
div.category-block div.category a div.col-2 {
height:60px;
float: left;
word-wrap: normal;
}
div.category-block div.category a {color:yellow; text-decoration:none;}
div.category-block div.category a div.col-1 {width:85px;}
div.category-block div.category a div.col-1 img {padding-left:5px;}
div.category-block div.category a div.col-2 {width:150px;}
div.category-block div.category a div.col-1 div,
div.category-block div.category a div.col-2 div {height:60px;}
/* ========================== */
/* ========= bottom ========= */
/* ========================== */
div.bottom {height:65px;padding:13px; font-size:11px;color: #FFFFFF; }
div.bottom a { font-size:11px;color: #FFFFFF; }
div.bottom div.copyright {width:180px; display: table-cell; vertical-align:middle; height: 60px;}
div.bottom div.madeby {width:770px;height: 60px; display: table-cell; vertical-align:middle; text-align:right;}
body,BODY {padding:0; margin:0; background: url('/img/stock/bg.jpg'); background-position: top center; background-attachment:fixed; color: #3C3C3C; font-family: Arial,tahoma;
font-size: 12px;}
.clear {}
/* ========================== */
/* ======== general ========= */
/* ========================== */
.radius-8 {
-webkit-border-radius: 8px 8px 0 0;
-moz-border-radius: 8px 8px 0 0;
border-radius: 8px 8px 0 0;
}
.radius-8-full {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.shadow-st {
-webkit-box-shadow: #000 1px -5px 12px -5px;
-moz-box-shadow: #000 1px -5px 12px -5px;
box-shadow: #000 1px -5px 12px -5px;
}
.shadow-center {
-webkit-box-shadow: #000 0 4px 20px -3px ;
-moz-box-shadow: #000 0 4px 20px -3px ;
box-shadow: #000 0 4px 20px -3px ;
}