slider css fix

opencart · Dec 8, 2014 · 870c406 · 870c406
1 parent cd2ea65
commit 870c406
Show file tree

Hide file tree

Showing 3 changed files with 42 additions and 56 deletions.
diff --git a/changelog.md b/changelog.md
@@ -1,5 +1,7 @@
 # OpenCart 2.0 change log
 
+## v2.0.1.1 (Release date: 06.12.2014)
+
 ## v2.0.1.0 (Release date: 30.11.2014)
 #### Bugs fixed
 * Changed namespace issues in DB driver files.

diff --git a/upload/catalog/view/javascript/jquery/owl-carousel/owl.carousel.css b/upload/catalog/view/javascript/jquery/owl-carousel/owl.carousel.css
@@ -13,49 +13,45 @@
 	height: 0;
 }
 /* display none until init */
-.owl-carousel{
+.owl-carousel {
 	display: none;
 	position: relative;
 	width: 100%;
 	-ms-touch-action: pan-y;
 }
-.owl-carousel .owl-wrapper{
+.owl-carousel .owl-wrapper {
 	display: none;
 	position: relative;
 	-webkit-transform: translate3d(0px, 0px, 0px);
 }
-.owl-carousel .owl-wrapper-outer{
+.owl-carousel .owl-wrapper-outer {
 	overflow: hidden;
 	position: relative;
 	width: 100%;
 }
-.owl-carousel .owl-wrapper-outer.autoHeight{
+.owl-carousel .owl-wrapper-outer.autoHeight {
 	-webkit-transition: height 500ms ease-in-out;
 	-moz-transition: height 500ms ease-in-out;
 	-ms-transition: height 500ms ease-in-out;
 	-o-transition: height 500ms ease-in-out;
 	transition: height 500ms ease-in-out;
 }
-
-.owl-carousel .owl-item{
+.owl-carousel .owl-item {
 	float: left;
 }
-.owl-controls .owl-page,
-.owl-controls .owl-buttons div{
+.owl-controls .owl-page, .owl-controls .owl-buttons div {
 	cursor: pointer;
 }
 .owl-controls .owl-buttons div {
-  position: absolute;
+	position: absolute;
 }
-
-.owl-controls .owl-buttons .owl-prev{
-  left: 10px;
-  top: 50%; 
+.owl-controls .owl-buttons .owl-prev {
+	left: 10px;
+	top: 50%;
 }
-
-.owl-controls .owl-buttons .owl-next{
-  right: 10px;
-  top: 50%;
+.owl-controls .owl-buttons .owl-next {
+	right: 10px;
+	top: 50%;
 }
 .owl-controls {
 	-webkit-user-select: none;
@@ -65,65 +61,52 @@
 	user-select: none;
 	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-
 /* mouse grab icon */
-.grabbing { 
-    cursor:url(grabbing.png) 8 8, move;
+.grabbing {
+	cursor: url(grabbing.png) 8 8, move;
 }
-
 /* fix */
-.owl-carousel  .owl-wrapper,
-.owl-carousel  .owl-item{
+.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
 	-webkit-backface-visibility: hidden;
-	-moz-backface-visibility:    hidden;
-	-ms-backface-visibility:     hidden;
-  -webkit-transform: translate3d(0,0,0);
-  -moz-transform: translate3d(0,0,0);
-  -ms-transform: translate3d(0,0,0);
+	-moz-backface-visibility: hidden;
+	-ms-backface-visibility: hidden;
+	-webkit-transform: translate3d(0, 0, 0);
+	-moz-transform: translate3d(0, 0, 0);
+	-ms-transform: translate3d(0, 0, 0);
 }
-
 /* OpenCart Code */
 .owl-carousel {
-	margin: 0 0 60px; 
-	background: #fff; 
-	border: 4px solid #fff; 
-	position: relative;
+	margin: 0 0 60px;
+	background: #fff;
+	border: 4px solid #fff;
 	direction: ltr !important;
-	-webkit-border-radius: 4px; 
-	-moz-border-radius: 4px; 
-	-o-border-radius: 4px; 
-	border-radius: 4px; 
-	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); 
-	-moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); 
-	-o-box-shadow: 0 1px 4px rgba(0,0,0,.2); 
+	-webkit-border-radius: 4px;
+	-moz-border-radius: 4px;
+	-o-border-radius: 4px;
+	border-radius: 4px;
+	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
+	-moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
+	-o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
 	box-shadow: 0 1px 4px rgba(0,0,0,.2);
-	overflow: hidden;
 }
 .owl-carousel .owl-buttons div {
-	opacity: 0; 
+	opacity: 0;
 	color: rgba(0,0,0,0.8);
 	text-shadow: 1px 1px 0 rgba(255,255,255,0.3);
 	transition: all .3s ease;
 }
 .owl-carousel:hover .owl-buttons div {
 	opacity: 0.7;
 }
-.owl-carousel .owl-buttons div i {
-	font-size: 40px;
-	margin: -20px 0 0;
-}
-
 .owl-carousel .owl-buttons .owl-prev {
-	left: -50px;  
+	left: 10px;
 }
 .owl-carousel .owl-buttons .owl-next {
-	right: -50px; 
-}
-.owl-carousel:hover .owl-buttons .owl-prev {
-	left: 10px; 
+	right: 10px;
 }
-.owl-carousel:hover .owl-buttons .owl-next {
-	right: 10px; 
+.owl-carousel .owl-buttons div i {
+	font-size: 40px;
+	margin: -20px 0 0;
 }
 .owl-pagination {
 	text-align: center;
@@ -140,7 +123,7 @@
 	height: 11px;
 	background: rgba(0, 0, 0, 0.5);
 	border-radius: 20px;
-	box-shadow: inset 0 0 3px rgba(0,0,0,0.3);	
+	box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
 }
 .owl-controls .owl-page.active span {
 	background: rgba(0, 0, 0, 0.9);

diff --git a/upload/catalog/view/theme/default/stylesheet/stylesheet.css b/upload/catalog/view/theme/default/stylesheet/stylesheet.css
@@ -4,6 +4,7 @@ body {
 	color: #666;
 	font-size: 12px;
 	line-height: 20px;
+	width: 100%;
 }
 h1, h2, h3, h4, h5, h6 {
 	color: #444;
@@ -690,7 +691,7 @@ h2.price {
 
 /* fixed colum left + content + right*/
 @media (min-width: 768px) {
-    #column-left  .product-layout .col-md-3{
+    #column-left  .product-layout .col-md-3 {
        width: 100%;
     }
     #column-left + #content .product-layout .col-md-3 {