Commit 463e6d522eb7531688808ecf9782f179482873c7
1 parent
5ff85416
Веталь
Showing
2 changed files
with
46 additions
and
13 deletions
Show diff stats
frontend/views/catalog/product.php
frontend/web/css/style.css
| @@ -67,7 +67,7 @@ nav input[type="submit"]{width:35px;height:29px;border:none;background:url('../i | @@ -67,7 +67,7 @@ nav input[type="submit"]{width:35px;height:29px;border:none;background:url('../i | ||
| 67 | .basket span.more {margin-bottom: -1px} | 67 | .basket span.more {margin-bottom: -1px} |
| 68 | .menu{ | 68 | .menu{ |
| 69 | background:#596065; | 69 | background:#596065; |
| 70 | - /*border:1px solid #e8e8e8;*/ | 70 | + border:1px solid #e8e8e8; |
| 71 | } | 71 | } |
| 72 | .menu ul{margin:0px;padding:0px;list-style:none;} | 72 | .menu ul{margin:0px;padding:0px;list-style:none;} |
| 73 | .menu ul li{float:left;border-left:1px solid #8b9094; height: 43px;} | 73 | .menu ul li{float:left;border-left:1px solid #8b9094; height: 43px;} |
| @@ -213,13 +213,48 @@ a.more_map{color:#99a5ad;border-bottom:1px dotted #99a5ad;text-decoration:none;f | @@ -213,13 +213,48 @@ a.more_map{color:#99a5ad;border-bottom:1px dotted #99a5ad;text-decoration:none;f | ||
| 213 | .productRightBar{float:right;width:280px;margin-left:20px;} | 213 | .productRightBar{float:right;width:280px;margin-left:20px;} |
| 214 | .productLeftBar h1{font-size:27px;border-bottom:1px solid #d2d2d2;margin-bottom:10px;} | 214 | .productLeftBar h1{font-size:27px;border-bottom:1px solid #d2d2d2;margin-bottom:10px;} |
| 215 | 215 | ||
| 216 | -ul.product_mod{list-style:none;margin:10px 0px 0px 0px;padding:0px;} | ||
| 217 | -ul.product_mod li{float:left;margin-right:7px;} | ||
| 218 | -ul.product_mod li img{border:1px solid #d2d2d2;} | 216 | +ul.product_mod{list-style:none;margin:10px 0 0 0;padding:0; float: left;} |
| 217 | +ul.product_mod li{ | ||
| 218 | + float:left; | ||
| 219 | + width: 46px; | ||
| 220 | + height: 46px; | ||
| 221 | + background: #fff; | ||
| 222 | + border: 1px solid #d2d2d2; | ||
| 223 | + margin: 7px 7px 0 0; | ||
| 224 | + text-align: center; | ||
| 225 | +} | ||
| 226 | +ul.product_mod li a{ | ||
| 227 | + width: 46px; | ||
| 228 | + height: 46px; | ||
| 229 | + display: table-cell; | ||
| 230 | + vertical-align: middle; | ||
| 231 | +} | ||
| 232 | +ul.product_mod li img{ | ||
| 233 | + vertical-align: middle; | ||
| 234 | + max-width: 46px; | ||
| 235 | + max-height: 46px; | ||
| 236 | +} | ||
| 219 | 237 | ||
| 220 | -ul.product_colors{list-style:none;margin:10px 0px 0px 0px;padding:0px;} | ||
| 221 | -ul.product_colors li{float:left;margin-right:7px;} | ||
| 222 | -ul.product_colors li img{border:1px solid #d2d2d2;} | 238 | +ul.product_colors{list-style:none;margin:30px 0 0 0 ;padding:0; float: left;} |
| 239 | +ul.product_colors li{ | ||
| 240 | + float:left; | ||
| 241 | + margin:10px 10px 0 0; | ||
| 242 | + width: 98px; | ||
| 243 | + height: 98px; | ||
| 244 | + text-align: center; | ||
| 245 | + border: 1px solid #d2d2d2; | ||
| 246 | +} | ||
| 247 | +ul.product_colors li a { | ||
| 248 | + width: 98px; | ||
| 249 | + height: 98px; | ||
| 250 | + vertical-align: middle; | ||
| 251 | + display: table-cell; | ||
| 252 | +} | ||
| 253 | +ul.product_colors li img{ | ||
| 254 | + max-width: 98px; | ||
| 255 | + max-height: 98px; | ||
| 256 | + vertical-align: middle; | ||
| 257 | +} | ||
| 223 | .productLeftBar .begin{text-transform: uppercase;font-weight:bold;} | 258 | .productLeftBar .begin{text-transform: uppercase;font-weight:bold;} |
| 224 | 259 | ||
| 225 | .cost_box{border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;margin:10px 0px;padding:10px 0px;} | 260 | .cost_box{border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;margin:10px 0px;padding:10px 0px;} |
| @@ -897,12 +932,10 @@ a.active{font-weight:bold;text-decoration: underline;} | @@ -897,12 +932,10 @@ a.active{font-weight:bold;text-decoration: underline;} | ||
| 897 | border: 2px solid #fff; | 932 | border: 2px solid #fff; |
| 898 | box-shadow: 0px 0px 5px 0px rgba(54, 54, 54, 0.75); | 933 | box-shadow: 0px 0px 5px 0px rgba(54, 54, 54, 0.75); |
| 899 | } | 934 | } |
| 900 | -#HOME_SLIDER .jssorb03 .av { | ||
| 901 | - background: none; | ||
| 902 | -} | ||
| 903 | -#HOME_SLIDER .jssorb03 div.av:hover, #HOME_SLIDER .jssorb03 div.av:active { | 935 | + |
| 936 | +#HOME_SLIDER .jssorb03 div.av:hover, #HOME_SLIDER .jssorb03 div.av:active, #HOME_SLIDER .jssorb03 .av { | ||
| 904 | cursor: default; | 937 | cursor: default; |
| 905 | - background: none; | 938 | + background: #333; |
| 906 | } | 939 | } |
| 907 | .special-products { | 940 | .special-products { |
| 908 | padding-top: 30px; | 941 | padding-top: 30px; |