Веталь

Виталий
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
@@ -170,4 +170,4 @@ $this-&gt;registerJs (&quot;
         </ul>
     </div>
     <div class="both"></div>
-</div>
 \ No newline at end of file
+</div>
@@ -67,7 +67,7 @@ nav input[type=&quot;submit&quot;]{width:35px;height:29px;border:none;background:url(&#39;../i
 .basket span.more {margin-bottom: -1px}
 .menu{
     background:#596065;
-    /*border:1px solid #e8e8e8;*/
+    border:1px solid #e8e8e8;
 }
 .menu ul{margin:0px;padding:0px;list-style:none;}
 .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
 .productRightBar{float:right;width:280px;margin-left:20px;}
 .productLeftBar h1{font-size:27px;border-bottom:1px solid #d2d2d2;margin-bottom:10px;}
  
-ul.product_mod{list-style:none;margin:10px 0px 0px 0px;padding:0px;}
-ul.product_mod li{float:left;margin-right:7px;}
-ul.product_mod li img{border:1px solid #d2d2d2;}
+ul.product_mod{list-style:none;margin:10px 0 0 0;padding:0; float: left;}
+ul.product_mod li{
+    float:left;
+    width: 46px;
+    height: 46px;
+    background: #fff;
+    border: 1px solid #d2d2d2;
+    margin: 7px 7px 0 0;
+    text-align: center;
+}
+ul.product_mod li a{
+    width: 46px;
+    height: 46px;
+    display: table-cell;
+    vertical-align: middle;
+}
+ul.product_mod li img{
+    vertical-align: middle;
+    max-width: 46px;
+    max-height: 46px;
+}
  
-ul.product_colors{list-style:none;margin:10px 0px 0px 0px;padding:0px;}
-ul.product_colors li{float:left;margin-right:7px;}
-ul.product_colors li img{border:1px solid #d2d2d2;}
+ul.product_colors{list-style:none;margin:30px 0 0 0 ;padding:0; float: left;}
+ul.product_colors li{
+    float:left;
+    margin:10px 10px 0 0;
+    width: 98px;
+    height: 98px;
+    text-align: center;
+    border: 1px solid #d2d2d2;
+}
+ul.product_colors li a {
+    width: 98px;
+    height: 98px;
+    vertical-align: middle;
+    display: table-cell;
+}
+ul.product_colors li img{
+    max-width: 98px;
+    max-height: 98px;
+    vertical-align: middle;
+}
 .productLeftBar .begin{text-transform: uppercase;font-weight:bold;}
  
 .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;}
     border: 2px solid #fff;
     box-shadow: 0px 0px 5px 0px rgba(54, 54, 54, 0.75);
 }
-#HOME_SLIDER .jssorb03 .av {
-    background: none;
-}
-#HOME_SLIDER .jssorb03 div.av:hover, #HOME_SLIDER .jssorb03 div.av:active {
+
+#HOME_SLIDER .jssorb03 div.av:hover, #HOME_SLIDER .jssorb03 div.av:active, #HOME_SLIDER .jssorb03 .av  {
     cursor: default;
-    background: none;
+    background: #333;
 }
 .special-products {
     padding-top: 30px;