Commit 05b655e541232a60bc996b57017ae66996ba457c
1 parent
94984376
Веталь
Showing
1 changed file
with
47 additions
and
43 deletions
Show diff stats
frontend/web/css/style.css
| 1 | html,form, | 1 | html,form, |
| 2 | -body { padding:0px;margin:0px; | 2 | +body { padding:0;margin:0; |
| 3 | font-family: 'Roboto';font-size:14px;color:#1d1d1b;height:100%; | 3 | font-family: 'Roboto';font-size:14px;color:#1d1d1b;height:100%; |
| 4 | } | 4 | } |
| 5 | h1,h2,h3{margin:0px;padding:0px 0px 10px 0px;} | 5 | h1,h2,h3{margin:0px;padding:0px 0px 10px 0px;} |
| @@ -8,7 +8,7 @@ h1,h2,h3{margin:0px;padding:0px 0px 10px 0px;} | @@ -8,7 +8,7 @@ h1,h2,h3{margin:0px;padding:0px 0px 10px 0px;} | ||
| 8 | .fotter .wrap .fr img{position: absolute; top: 50%; margin-top: -10px; right: 0;} | 8 | .fotter .wrap .fr img{position: absolute; top: 50%; margin-top: -10px; right: 0;} |
| 9 | .fotter .wrap .fl {line-height: 50px;} | 9 | .fotter .wrap .fl {line-height: 50px;} |
| 10 | .both{clear:both;} | 10 | .both{clear:both;} |
| 11 | -h1{margin:10px 0px;font-size:24px;} | 11 | +h1{margin:10px 0;font-size:24px;} |
| 12 | h3{margin-bottom:30px;} | 12 | h3{margin-bottom:30px;} |
| 13 | p{margin:3px 0px;padding:0px;} | 13 | p{margin:3px 0px;padding:0px;} |
| 14 | 14 | ||
| @@ -21,9 +21,9 @@ a:hover{color:#799920;} | @@ -21,9 +21,9 @@ a:hover{color:#799920;} | ||
| 21 | .f{background: #ffffff;} | 21 | .f{background: #ffffff;} |
| 22 | 22 | ||
| 23 | .br{-webkit-box-shadow: -1px 5px 14px 0px rgba(50, 46, 50, 0.46); | 23 | .br{-webkit-box-shadow: -1px 5px 14px 0px rgba(50, 46, 50, 0.46); |
| 24 | --moz-box-shadow: -1px 5px 14px 0px rgba(50, 46, 50, 0.46); | ||
| 25 | -box-shadow: -1px 5px 14px 0px rgba(50, 46, 50, 0.46); | ||
| 26 | -padding:20px;} | 24 | + -moz-box-shadow: -1px 5px 14px 0px rgba(50, 46, 50, 0.46); |
| 25 | + box-shadow: -1px 5px 14px 0px rgba(50, 46, 50, 0.46); | ||
| 26 | + padding:20px;} | ||
| 27 | 27 | ||
| 28 | nav.top{background:#f5f5f5;padding:10px 0px;border-bottom:1px solid #d2d2d2;font-size:12px;} | 28 | nav.top{background:#f5f5f5;padding:10px 0px;border-bottom:1px solid #d2d2d2;font-size:12px;} |
| 29 | nav.top ul{list-style:none;margin:0px;padding:0px;} | 29 | nav.top ul{list-style:none;margin:0px;padding:0px;} |
| @@ -64,10 +64,14 @@ nav input[type="submit"]{width:35px;height:29px;border:none;background:url('../i | @@ -64,10 +64,14 @@ nav input[type="submit"]{width:35px;height:29px;border:none;background:url('../i | ||
| 64 | .basket a:link,.basket a:visited{text-decoration:none;color:#000000;font-size:18px;} | 64 | .basket a:link,.basket a:visited{text-decoration:none;color:#000000;font-size:18px;} |
| 65 | 65 | ||
| 66 | .basket span.more {margin-bottom: -1px} | 66 | .basket span.more {margin-bottom: -1px} |
| 67 | -.menu{background:#596065;border:1px solid #e8e8e8;} | 67 | +.menu{ |
| 68 | + background:#596065; | ||
| 69 | + /*border:1px solid #e8e8e8;*/ | ||
| 70 | +} | ||
| 68 | .menu ul{margin:0px;padding:0px;list-style:none;} | 71 | .menu ul{margin:0px;padding:0px;list-style:none;} |
| 69 | -.menu ul li{float:left;border-right:1px solid #e8e8e8;} | ||
| 70 | -.menu ul li a{float:left;padding:15px 20px 15px 20px;text-transform: uppercase;color:#ffffff;font-size:14px;font-weight:bold;text-decoration: none;} | 72 | +.menu ul li{float:left;border-left:1px solid #e8e8e8;} |
| 73 | +.menu ul li:first-child{border-left:none;} | ||
| 74 | +.menu ul li a{float:left;padding:15px 20px 15px 20px;text-transform: uppercase;color:#ffffff;font-size:14px;text-decoration: none;} | ||
| 71 | .menu ul li a:hover{color:#e5e4e4;} | 75 | .menu ul li a:hover{color:#e5e4e4;} |
| 72 | .menu ul li.active a{background:#f5f5f5;color:#596065;} | 76 | .menu ul li.active a{background:#f5f5f5;color:#596065;} |
| 73 | 77 | ||
| @@ -79,7 +83,7 @@ nav input[type="submit"]{width:35px;height:29px;border:none;background:url('../i | @@ -79,7 +83,7 @@ nav input[type="submit"]{width:35px;height:29px;border:none;background:url('../i | ||
| 79 | 83 | ||
| 80 | .fr ul li{border:none;} | 84 | .fr ul li{border:none;} |
| 81 | .akciya a{background:#f75d50;color:#ffffff;} | 85 | .akciya a{background:#f75d50;color:#ffffff;} |
| 82 | -.brends a{background:#95ba2f;color:#ffffff;} | 86 | +.brands a{background:#95ba2f;color:#ffffff;} |
| 83 | 87 | ||
| 84 | a.myorders{color:#f75d50} | 88 | a.myorders{color:#f75d50} |
| 85 | 89 | ||
| @@ -90,11 +94,11 @@ a.myorders{color:#f75d50} | @@ -90,11 +94,11 @@ a.myorders{color:#f75d50} | ||
| 90 | .rubrics ul{list-style:none;margin:0px;padding:0px;} | 94 | .rubrics ul{list-style:none;margin:0px;padding:0px;} |
| 91 | .rubrics ul li{float:left;margin:0px 35px;} | 95 | .rubrics ul li{float:left;margin:0px 35px;} |
| 92 | .rubrics ul li a{float:left;width:120px;padding-top:130px;text-align:center;text-transform: uppercase;color:#494949;text-decoration:none;font-weight:bold;} | 96 | .rubrics ul li a{float:left;width:120px;padding-top:130px;text-align:center;text-transform: uppercase;color:#494949;text-decoration:none;font-weight:bold;} |
| 93 | -.rubrics ul li.item_ryukzaki a{background:url('../img/ico1.png') no-repeat;} | ||
| 94 | -.rubrics ul li.item_sumki a{background:url('../img/ico2.png') no-repeat;} | ||
| 95 | -.rubrics ul li.item_chehly a{background:url('../img/ico3.png') no-repeat;} | ||
| 96 | -.rubrics ul li.item_nesessery a{background:url('../img/ico4.png') no-repeat;} | ||
| 97 | -.rubrics ul li.item_koshelki a{background:url('../img/ico5.png') no-repeat;} | 97 | +.rubrics ul li.item1 a{background:url('../img/ico1.png') no-repeat;} |
| 98 | +.rubrics ul li.item2 a{background:url('../img/ico2.png') no-repeat;} | ||
| 99 | +.rubrics ul li.item3 a{background:url('../img/ico3.png') no-repeat;} | ||
| 100 | +.rubrics ul li.item4 a{background:url('../img/ico4.png') no-repeat;} | ||
| 101 | +.rubrics ul li.item5 a{background:url('../img/ico5.png') no-repeat;} | ||
| 98 | 102 | ||
| 99 | 103 | ||
| 100 | .products{border-top:1px solid #d2d2d2;padding-bottom:30px;padding-top:20px;} | 104 | .products{border-top:1px solid #d2d2d2;padding-bottom:30px;padding-top:20px;} |
| @@ -197,26 +201,26 @@ ul.product_colors li img{border:1px solid #d2d2d2;} | @@ -197,26 +201,26 @@ ul.product_colors li img{border:1px solid #d2d2d2;} | ||
| 197 | 201 | ||
| 198 | 202 | ||
| 199 | .modal_box{ | 203 | .modal_box{ |
| 200 | - position: fixed; | ||
| 201 | - left: 0; | ||
| 202 | - top: 0; | ||
| 203 | - width: 100%; | ||
| 204 | - height: 100%; | ||
| 205 | - z-index: 999; | ||
| 206 | - | ||
| 207 | - background: #000; | ||
| 208 | -filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE 5.5+*/ | ||
| 209 | --moz-opacity: 0.5; /* Mozilla 1.6 и ниже */ | ||
| 210 | --khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */ | ||
| 211 | -opacity: 0.5; | ||
| 212 | - | 204 | + position: fixed; |
| 205 | + left: 0; | ||
| 206 | + top: 0; | ||
| 207 | + width: 100%; | ||
| 208 | + height: 100%; | ||
| 209 | + z-index: 999; | ||
| 210 | + | ||
| 211 | + background: #000; | ||
| 212 | + filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE 5.5+*/ | ||
| 213 | + -moz-opacity: 0.5; /* Mozilla 1.6 РС‘ РР…РС‘РВ¶РВµ */ | ||
| 214 | + -khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */ | ||
| 215 | + opacity: 0.5; | ||
| 216 | + | ||
| 213 | } | 217 | } |
| 214 | #data_box{position:absolute;top:100px;z-index:1000;width:400px;background:#ffffff; | 218 | #data_box{position:absolute;top:100px;z-index:1000;width:400px;background:#ffffff; |
| 215 | - -webkit-box-shadow: 0 0 15px #000; | ||
| 216 | - -moz-box-shadow: 0 0 15px #000; | ||
| 217 | - box-shadow: 0 0 15px #000; | ||
| 218 | - border:7px solid #1b9bb6; | ||
| 219 | - border-radius:5px; | 219 | + -webkit-box-shadow: 0 0 15px #000; |
| 220 | + -moz-box-shadow: 0 0 15px #000; | ||
| 221 | + box-shadow: 0 0 15px #000; | ||
| 222 | + border:7px solid #1b9bb6; | ||
| 223 | + border-radius:5px; | ||
| 220 | } | 224 | } |
| 221 | #data_box .data_wrp{padding:25px 15px 15px 15px;} | 225 | #data_box .data_wrp{padding:25px 15px 15px 15px;} |
| 222 | #data_box .data_wrp h1{text-transform: uppercase;} | 226 | #data_box .data_wrp h1{text-transform: uppercase;} |
| @@ -229,10 +233,10 @@ opacity: 0.5; | @@ -229,10 +233,10 @@ opacity: 0.5; | ||
| 229 | .rightbar .control-label{float:left;width:80px;padding-top:5px;} | 233 | .rightbar .control-label{float:left;width:80px;padding-top:5px;} |
| 230 | .form-control{outline:0;border:1px solid #d8d6d6;border-radius:5px;padding:5px 0px 5px 0px;font-size:14px;text-indent:10px;margin-bottom:3px;width:250px;} | 234 | .form-control{outline:0;border:1px solid #d8d6d6;border-radius:5px;padding:5px 0px 5px 0px;font-size:14px;text-indent:10px;margin-bottom:3px;width:250px;} |
| 231 | .form-control:focus { | 235 | .form-control:focus { |
| 232 | -border:#1b9bb6 1px solid; | ||
| 233 | -box-shadow: 0 0 10px #1b9bb6; | ||
| 234 | --webkit-box-shadow: 0 0 10px #1b9bb6; | ||
| 235 | --moz-box-shadow: 0 0 10px #1b9bb6; | 236 | + border:#1b9bb6 1px solid; |
| 237 | + box-shadow: 0 0 10px #1b9bb6; | ||
| 238 | + -webkit-box-shadow: 0 0 10px #1b9bb6; | ||
| 239 | + -moz-box-shadow: 0 0 10px #1b9bb6; | ||
| 236 | } | 240 | } |
| 237 | .help-block{color:red;font-size:12px;margin-bottom:5px;} | 241 | .help-block{color:red;font-size:12px;margin-bottom:5px;} |
| 238 | 242 | ||
| @@ -337,22 +341,22 @@ ul.social {margin-top: 20px;} | @@ -337,22 +341,22 @@ ul.social {margin-top: 20px;} | ||
| 337 | transition: all 0.5s ease-out; | 341 | transition: all 0.5s ease-out; |
| 338 | } | 342 | } |
| 339 | .social .fb{background-position:-44px 0; | 343 | .social .fb{background-position:-44px 0; |
| 340 | -cursor: pointer; | 344 | + cursor: pointer; |
| 341 | } | 345 | } |
| 342 | .social .vk{ | 346 | .social .vk{ |
| 343 | -cursor: pointer; | 347 | + cursor: pointer; |
| 344 | } | 348 | } |
| 345 | .social .vk:hover{background-color:#5B7FA6;} | 349 | .social .vk:hover{background-color:#5B7FA6;} |
| 346 | .social .fb:hover{background-color:#354f89; | 350 | .social .fb:hover{background-color:#354f89; |
| 347 | } | 351 | } |
| 348 | .social .gp{background-position:-132px 0; | 352 | .social .gp{background-position:-132px 0; |
| 349 | -cursor: pointer;} | 353 | + cursor: pointer;} |
| 350 | .social .gp:hover{background-color:#c72f21;} | 354 | .social .gp:hover{background-color:#c72f21;} |
| 351 | .social .tw{background-position:-144px 0; | 355 | .social .tw{background-position:-144px 0; |
| 352 | -cursor: pointer;} | 356 | + cursor: pointer;} |
| 353 | .social .tw:hover{background-color:#6398c9;} | 357 | .social .tw:hover{background-color:#6398c9;} |
| 354 | .social .ok{background-position:-89px 0; | 358 | .social .ok{background-position:-89px 0; |
| 355 | -cursor: pointer;} | 359 | + cursor: pointer;} |
| 356 | .social .ok:hover{background-color:#f88f15;} | 360 | .social .ok:hover{background-color:#f88f15;} |
| 357 | .social ul li a:hover{ | 361 | .social ul li a:hover{ |
| 358 | background-color:#065baa; | 362 | background-color:#065baa; |
| @@ -826,8 +830,8 @@ a.active{font-weight:bold;text-decoration: underline;} | @@ -826,8 +830,8 @@ a.active{font-weight:bold;text-decoration: underline;} | ||
| 826 | -webkit-font-smoothing: antialiased; | 830 | -webkit-font-smoothing: antialiased; |
| 827 | } | 831 | } |
| 828 | .sort_block ul li a.asc:after { | 832 | .sort_block ul li a.asc:after { |
| 829 | - content: "↑"; | 833 | + content: "↓"; |
| 830 | } | 834 | } |
| 831 | .sort_block ul li a.desc:after { | 835 | .sort_block ul li a.desc:after { |
| 832 | - content: "↓"; | 836 | + content: "↑"; |
| 833 | } | 837 | } |
| 834 | \ No newline at end of file | 838 | \ No newline at end of file |