Commit 6f7d5ebcc1ec0266f521e98c38d8a6ee17126a41
1 parent
8df8067a
Веталь
Showing
1 changed file
with
59 additions
and
31 deletions
Show diff stats
frontend/web/css/style.css
| 1 | html,form, | 1 | html,form, |
| 2 | body { padding:0px;margin:0px; | 2 | body { padding:0px;margin:0px; |
| 3 | -font-family: 'Ubuntu',Arial, Tahoma, Helvetica, sans-serif;font-size:14px;color:#1d1d1b;height:100%; | 3 | + font-family: 'Ubuntu',Arial, Tahoma, Helvetica, sans-serif;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;} |
| 6 | .fl{float:left;} | 6 | .fl{float:left;} |
| @@ -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;} |
| @@ -197,26 +197,26 @@ ul.product_colors li img{border:1px solid #d2d2d2;} | @@ -197,26 +197,26 @@ ul.product_colors li img{border:1px solid #d2d2d2;} | ||
| 197 | 197 | ||
| 198 | 198 | ||
| 199 | .modal_box{ | 199 | .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 | - | 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 | + | ||
| 213 | } | 213 | } |
| 214 | #data_box{position:absolute;top:100px;z-index:1000;width:400px;background:#ffffff; | 214 | #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; | 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; | ||
| 220 | } | 220 | } |
| 221 | #data_box .data_wrp{padding:25px 15px 15px 15px;} | 221 | #data_box .data_wrp{padding:25px 15px 15px 15px;} |
| 222 | #data_box .data_wrp h1{text-transform: uppercase;} | 222 | #data_box .data_wrp h1{text-transform: uppercase;} |
| @@ -229,10 +229,10 @@ opacity: 0.5; | @@ -229,10 +229,10 @@ opacity: 0.5; | ||
| 229 | .rightbar .control-label{float:left;width:80px;padding-top:5px;} | 229 | .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;} | 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;} |
| 231 | .form-control:focus { | 231 | .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; | 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 | } | 236 | } |
| 237 | .help-block{color:red;font-size:12px;margin-bottom:5px;} | 237 | .help-block{color:red;font-size:12px;margin-bottom:5px;} |
| 238 | 238 | ||
| @@ -337,22 +337,22 @@ ul.social {margin-top: 20px;} | @@ -337,22 +337,22 @@ ul.social {margin-top: 20px;} | ||
| 337 | transition: all 0.5s ease-out; | 337 | transition: all 0.5s ease-out; |
| 338 | } | 338 | } |
| 339 | .social .fb{background-position:-44px 0; | 339 | .social .fb{background-position:-44px 0; |
| 340 | -cursor: pointer; | 340 | + cursor: pointer; |
| 341 | } | 341 | } |
| 342 | .social .vk{ | 342 | .social .vk{ |
| 343 | -cursor: pointer; | 343 | + cursor: pointer; |
| 344 | } | 344 | } |
| 345 | .social .vk:hover{background-color:#5B7FA6;} | 345 | .social .vk:hover{background-color:#5B7FA6;} |
| 346 | .social .fb:hover{background-color:#354f89; | 346 | .social .fb:hover{background-color:#354f89; |
| 347 | } | 347 | } |
| 348 | .social .gp{background-position:-132px 0; | 348 | .social .gp{background-position:-132px 0; |
| 349 | -cursor: pointer;} | 349 | + cursor: pointer;} |
| 350 | .social .gp:hover{background-color:#c72f21;} | 350 | .social .gp:hover{background-color:#c72f21;} |
| 351 | .social .tw{background-position:-144px 0; | 351 | .social .tw{background-position:-144px 0; |
| 352 | -cursor: pointer;} | 352 | + cursor: pointer;} |
| 353 | .social .tw:hover{background-color:#6398c9;} | 353 | .social .tw:hover{background-color:#6398c9;} |
| 354 | .social .ok{background-position:-89px 0; | 354 | .social .ok{background-position:-89px 0; |
| 355 | -cursor: pointer;} | 355 | + cursor: pointer;} |
| 356 | .social .ok:hover{background-color:#f88f15;} | 356 | .social .ok:hover{background-color:#f88f15;} |
| 357 | .social ul li a:hover{ | 357 | .social ul li a:hover{ |
| 358 | background-color:#065baa; | 358 | background-color:#065baa; |
| @@ -802,4 +802,32 @@ a.active{font-weight:bold;text-decoration: underline;} | @@ -802,4 +802,32 @@ a.active{font-weight:bold;text-decoration: underline;} | ||
| 802 | display: inline-block; | 802 | display: inline-block; |
| 803 | margin-right: 3px; | 803 | margin-right: 3px; |
| 804 | margin-top: 3px; | 804 | margin-top: 3px; |
| 805 | +} | ||
| 806 | + | ||
| 807 | +.sort_block { | ||
| 808 | + display: inline-block; | ||
| 809 | +} | ||
| 810 | +.sort_block ul { | ||
| 811 | + display: inline-block; | ||
| 812 | + margin: 0; | ||
| 813 | + padding: 0; | ||
| 814 | +} | ||
| 815 | +.sort_block ul li { | ||
| 816 | + display: inline-block; | ||
| 817 | + margin: 0 0.5em; | ||
| 818 | + list-style: none; | ||
| 819 | +} | ||
| 820 | +.sort_block ul li a:after { | ||
| 821 | + display: inline-block; | ||
| 822 | + /*font-family: 'Glyphicons Halflings';*/ | ||
| 823 | + font-style: normal; | ||
| 824 | + font-weight: normal; | ||
| 825 | + line-height: 1; | ||
| 826 | + -webkit-font-smoothing: antialiased; | ||
| 827 | +} | ||
| 828 | +.sort_block ul li a.asc:after { | ||
| 829 | + content: "↓"; | ||
| 830 | +} | ||
| 831 | +.sort_block ul li a.desc:after { | ||
| 832 | + content: "↑"; | ||
| 805 | } | 833 | } |
| 806 | \ No newline at end of file | 834 | \ No newline at end of file |