Commit 6f7d5ebcc1ec0266f521e98c38d8a6ee17126a41
1 parent
8df8067a
Веталь
Showing
1 changed file
with
59 additions
and
31 deletions
Show diff stats
frontend/web/css/style.css
| 1 | 1 | html,form, |
| 2 | 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 | 5 | h1,h2,h3{margin:0px;padding:0px 0px 10px 0px;} |
| 6 | 6 | .fl{float:left;} |
| ... | ... | @@ -21,9 +21,9 @@ a:hover{color:#799920;} |
| 21 | 21 | .f{background: #ffffff;} |
| 22 | 22 | |
| 23 | 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 | 28 | nav.top{background:#f5f5f5;padding:10px 0px;border-bottom:1px solid #d2d2d2;font-size:12px;} |
| 29 | 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 | 197 | |
| 198 | 198 | |
| 199 | 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 | 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 | 221 | #data_box .data_wrp{padding:25px 15px 15px 15px;} |
| 222 | 222 | #data_box .data_wrp h1{text-transform: uppercase;} |
| ... | ... | @@ -229,10 +229,10 @@ opacity: 0.5; |
| 229 | 229 | .rightbar .control-label{float:left;width:80px;padding-top:5px;} |
| 230 | 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 | 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 | 237 | .help-block{color:red;font-size:12px;margin-bottom:5px;} |
| 238 | 238 | |
| ... | ... | @@ -337,22 +337,22 @@ ul.social {margin-top: 20px;} |
| 337 | 337 | transition: all 0.5s ease-out; |
| 338 | 338 | } |
| 339 | 339 | .social .fb{background-position:-44px 0; |
| 340 | -cursor: pointer; | |
| 340 | + cursor: pointer; | |
| 341 | 341 | } |
| 342 | 342 | .social .vk{ |
| 343 | -cursor: pointer; | |
| 343 | + cursor: pointer; | |
| 344 | 344 | } |
| 345 | 345 | .social .vk:hover{background-color:#5B7FA6;} |
| 346 | 346 | .social .fb:hover{background-color:#354f89; |
| 347 | 347 | } |
| 348 | 348 | .social .gp{background-position:-132px 0; |
| 349 | -cursor: pointer;} | |
| 349 | + cursor: pointer;} | |
| 350 | 350 | .social .gp:hover{background-color:#c72f21;} |
| 351 | 351 | .social .tw{background-position:-144px 0; |
| 352 | -cursor: pointer;} | |
| 352 | + cursor: pointer;} | |
| 353 | 353 | .social .tw:hover{background-color:#6398c9;} |
| 354 | 354 | .social .ok{background-position:-89px 0; |
| 355 | -cursor: pointer;} | |
| 355 | + cursor: pointer;} | |
| 356 | 356 | .social .ok:hover{background-color:#f88f15;} |
| 357 | 357 | .social ul li a:hover{ |
| 358 | 358 | background-color:#065baa; |
| ... | ... | @@ -802,4 +802,32 @@ a.active{font-weight:bold;text-decoration: underline;} |
| 802 | 802 | display: inline-block; |
| 803 | 803 | margin-right: 3px; |
| 804 | 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 | 834 | \ No newline at end of file | ... | ... |