Skip to content

Commit a4cf748

Browse files
edyerastovedyerastov
committed
Закончил верстку и адаптив интернет-магазина
1 parent cfaa757 commit a4cf748

33 files changed

+4635
-66
lines changed

‎app/category.html

+574
Large diffs are not rendered by default.

‎app/css/flexslider.css

+287
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,287 @@
1+
/*
2+
* jQuery FlexSlider v2.6.4
3+
* http://www.woothemes.com/flexslider/
4+
*
5+
* Copyright 2012 WooThemes
6+
* Free to use under the GPLv2 and later license.
7+
* http://www.gnu.org/licenses/gpl-2.0.html
8+
*
9+
* Contributing author: Tyler Smith (@mbmufffin)
10+
*
11+
*/
12+
/* ====================================================================================================================
13+
* FONT-FACE
14+
* ====================================================================================================================*/
15+
@font-face {
16+
font-family: 'flexslider-icon';
17+
src: url('../fonts/flexslider-icon.eot');
18+
src: url('../fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
19+
url('../fonts/flexslider-icon.woff') format('woff'),
20+
url('../fonts/flexslider-icon.ttf') format('truetype'),
21+
url('../fonts/flexslider-icon.svg#flexslider-icon') format('svg');
22+
font-weight: normal;
23+
font-style: normal;
24+
}
25+
/* ====================================================================================================================
26+
* RESETS
27+
* ====================================================================================================================*/
28+
.flex-container a:hover,
29+
.flex-slider a:hover {
30+
outline: none;
31+
}
32+
.slides,
33+
.slides > li,
34+
.flex-control-nav,
35+
.flex-direction-nav {
36+
margin: 0;
37+
padding: 0;
38+
list-style: none;
39+
}
40+
.flex-pauseplay span {
41+
text-transform: capitalize;
42+
}
43+
/* ====================================================================================================================
44+
* BASE STYLES
45+
* ====================================================================================================================*/
46+
.flexslider {
47+
margin: 0;
48+
padding: 0;
49+
}
50+
.flexslider .slides > li {
51+
display: none;
52+
-webkit-backface-visibility: hidden;
53+
}
54+
.flexslider .slides img {
55+
width: 100%;
56+
display: block;
57+
}
58+
.flexslider .slides:after {
59+
content: "\0020";
60+
display: block;
61+
clear: both;
62+
visibility: hidden;
63+
line-height: 0;
64+
height: 0;
65+
}
66+
html[xmlns] .flexslider .slides {
67+
display: block;
68+
}
69+
* html .flexslider .slides {
70+
height: 1%;
71+
}
72+
.no-js .flexslider .slides > li:first-child {
73+
display: block;
74+
}
75+
/* ====================================================================================================================
76+
* DEFAULT THEME
77+
* ====================================================================================================================*/
78+
.flexslider {
79+
margin: 0 0 60px;
80+
background: #fff;
81+
position: relative;
82+
zoom: 1;
83+
-webkit-border-radius: 4px;
84+
border-radius: 4px;
85+
-webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
86+
-o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
87+
box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
88+
}
89+
.flexslider .slides {
90+
zoom: 1;
91+
}
92+
.flexslider .slides img {
93+
height: auto;
94+
-moz-user-select: none;
95+
}
96+
.flex-viewport {
97+
max-height: 2000px;
98+
-webkit-transition: all 1s ease;
99+
-o-transition: all 1s ease;
100+
transition: all 1s ease;
101+
}
102+
.loading .flex-viewport {
103+
max-height: 300px;
104+
}
105+
.carousel li {
106+
margin-right: 5px;
107+
}
108+
.flex-direction-nav {
109+
*height: 0;
110+
}
111+
.flex-direction-nav a {
112+
text-decoration: none;
113+
display: block;
114+
width: 40px;
115+
height: 40px;
116+
margin: -20px 0 0;
117+
position: absolute;
118+
top: 50%;
119+
z-index: 10;
120+
overflow: hidden;
121+
opacity: 0;
122+
cursor: pointer;
123+
color: rgba(0, 0, 0, 0.8);
124+
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
125+
-webkit-transition: all 0.3s ease-in-out;
126+
-o-transition: all 0.3s ease-in-out;
127+
transition: all 0.3s ease-in-out;
128+
}
129+
.flex-direction-nav a:before {
130+
font-family: "flexslider-icon";
131+
font-size: 40px;
132+
display: inline-block;
133+
content: '\f001';
134+
color: rgba(0, 0, 0, 0.8);
135+
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
136+
}
137+
.flex-direction-nav a.flex-next:before {
138+
content: '\f002';
139+
}
140+
.flex-direction-nav .flex-prev {
141+
left: -50px;
142+
}
143+
.flex-direction-nav .flex-next {
144+
right: -50px;
145+
text-align: right;
146+
}
147+
.flexslider:hover .flex-direction-nav .flex-prev {
148+
opacity: 0.7;
149+
left: 10px;
150+
}
151+
.flexslider:hover .flex-direction-nav .flex-prev:hover {
152+
opacity: 1;
153+
}
154+
.flexslider:hover .flex-direction-nav .flex-next {
155+
opacity: 0.7;
156+
right: 10px;
157+
}
158+
.flexslider:hover .flex-direction-nav .flex-next:hover {
159+
opacity: 1;
160+
}
161+
.flex-direction-nav .flex-disabled {
162+
opacity: 0!important;
163+
filter: alpha(opacity=0);
164+
cursor: default;
165+
z-index: -1;
166+
}
167+
.flex-pauseplay a {
168+
display: block;
169+
width: 20px;
170+
height: 20px;
171+
position: absolute;
172+
bottom: 5px;
173+
left: 10px;
174+
opacity: 0.8;
175+
z-index: 10;
176+
overflow: hidden;
177+
cursor: pointer;
178+
color: #000;
179+
}
180+
.flex-pauseplay a:before {
181+
font-family: "flexslider-icon";
182+
font-size: 20px;
183+
display: inline-block;
184+
content: '\f004';
185+
}
186+
.flex-pauseplay a:hover {
187+
opacity: 1;
188+
}
189+
.flex-pauseplay a.flex-play:before {
190+
content: '\f003';
191+
}
192+
.flex-control-nav {
193+
width: 100%;
194+
position: absolute;
195+
bottom: -40px;
196+
text-align: center;
197+
}
198+
.flex-control-nav li {
199+
margin: 0 6px;
200+
display: inline-block;
201+
zoom: 1;
202+
*display: inline;
203+
}
204+
.flex-control-paging li a {
205+
width: 11px;
206+
height: 11px;
207+
display: block;
208+
background: #666;
209+
background: rgba(0, 0, 0, 0.5);
210+
cursor: pointer;
211+
text-indent: -9999px;
212+
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
213+
-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
214+
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
215+
-webkit-border-radius: 20px;
216+
border-radius: 20px;
217+
}
218+
.flex-control-paging li a:hover {
219+
background: #333;
220+
background: rgba(0, 0, 0, 0.7);
221+
}
222+
.flex-control-paging li a.flex-active {
223+
background: #000;
224+
background: rgba(0, 0, 0, 0.9);
225+
cursor: default;
226+
}
227+
228+
.item-flexslider .flex-control-paging li a:hover{
229+
background: #ff5912;
230+
}
231+
232+
.item-flexslider .flex-direction-nav{
233+
display: none;
234+
}
235+
.flex-control-thumbs {
236+
margin: 70px 0 0;
237+
position: static;
238+
overflow: hidden;
239+
display: -webkit-box;
240+
display: -webkit-flex;
241+
display: -ms-flexbox;
242+
display: flex;
243+
-webkit-box-pack: justify;
244+
-webkit-justify-content: space-between;
245+
-ms-flex-pack: justify;
246+
justify-content: space-between;
247+
}
248+
.flex-control-thumbs li {
249+
width: 100px;
250+
height: 70px;
251+
float: left;
252+
margin: 0;
253+
background-color: #f4f6f8;
254+
-webkit-transition: all linear .3s;
255+
-o-transition: all linear .3s;
256+
transition: all linear .3s;
257+
}
258+
.flex-control-thumbs li:hover{
259+
background-color: #ff5912;
260+
}
261+
.flex-control-thumbs img {
262+
height: 100%;
263+
cursor: pointer;
264+
padding: 10px;
265+
-moz-user-select: none;
266+
-webkit-transition: all 1s ease;
267+
-o-transition: all 1s ease;
268+
transition: all 1s ease;
269+
opacity: .5;
270+
}
271+
.flex-control-thumbs .flex-active {
272+
opacity: 1;
273+
cursor: default;
274+
}
275+
/* ====================================================================================================================
276+
* RESPONSIVE
277+
* ====================================================================================================================*/
278+
@media screen and (max-width: 860px) {
279+
.flex-direction-nav .flex-prev {
280+
opacity: 1;
281+
left: 10px;
282+
}
283+
.flex-direction-nav .flex-next {
284+
opacity: 1;
285+
right: 10px;
286+
}
287+
}

‎app/css/jquery.formstyler.theme.css

+83
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,83 @@
1+
.jq-number {
2+
position: relative;
3+
vertical-align: middle;
4+
padding: 0 38px;
5+
}
6+
.jq-number__field {
7+
width: 60px;
8+
}
9+
.jq-number__field:hover {
10+
border-color: #B3B3B3;
11+
}
12+
.jq-number__field input {
13+
-webkit-box-sizing: border-box;
14+
box-sizing: border-box;
15+
width: 100%;
16+
padding: 8px 9px;
17+
border: none;
18+
outline: none;
19+
background: none;
20+
font: 18px Harmonia_semibold, sans-serif;
21+
color: #ff5912;
22+
text-align: center;
23+
}
24+
.jq-number__spin {
25+
position: absolute;
26+
top: 3px;
27+
right: 0;
28+
width: 35px;
29+
height: 18px;
30+
-webkit-user-select: none;
31+
-moz-user-select: none;
32+
-ms-user-select: none;
33+
user-select: none;
34+
cursor: pointer;
35+
}
36+
.jq-number__spin.minus {
37+
top: auto;
38+
bottom: 0;
39+
}
40+
.jq-number__spin:after {
41+
content: '';
42+
position: absolute;
43+
top: 4px;
44+
left: 11px;
45+
width: 0;
46+
height: 0;
47+
}
48+
.jq-number__spin.minus:after {
49+
top: 5px;
50+
}
51+
.jq-number__spin {
52+
left: 0;
53+
height: 35px;
54+
}
55+
.jq-number__spin.plus {
56+
right: 0;
57+
left: auto;
58+
}
59+
.jq-number__spin:before {
60+
content: '';
61+
position: absolute;
62+
top: 15px;
63+
left: 10px;
64+
width: 12px;
65+
height: 2px;
66+
border: none;
67+
background: #666;
68+
}
69+
.jq-number__spin.minus:after {
70+
display: none;
71+
}
72+
.jq-number__spin.plus:after {
73+
top: 10px;
74+
left: 15px;
75+
width: 2px;
76+
height: 12px;
77+
border: none;
78+
background: #666;
79+
}
80+
.jq-number__spin:hover:before,
81+
.jq-number__spin.plus:hover:after {
82+
background: #000;
83+
}

0 commit comments

Comments
 (0)