Updated styling and javascript for carousels and snippets

README.md

@@ -20,6 +20,10 @@ Installation
 Changelog
 ---------
 
+## 1.1.0.2-alpha, May 2, 2016
+
+- Updated styling and javascript for carousels and snippets
+
 ## 1.1.0.1-alpha, April 28, 2016
 
 - Styling updates for carousels

assets/less/carousel/carousel-and-snippet.less

@@ -70,9 +70,8 @@
 	position: relative;
 	clear: both;
 	margin: 0 auto;
-	max-width: 100%;
-	height: 100%;
-	width: 100%;
+	height: 200px;
+	width: 200px;;
 	list-style: none;
 	text-align: center;
 	display: block;
@@ -110,6 +109,7 @@
 	color: @blue-corn;
 	-webkit-backface-visibility: hidden;
 	backface-visibility: hidden;
+	overflow: hidden;
 }
 
 .grid-item figure figcaption::before,
@@ -156,10 +156,11 @@ figure.effect-winston {
 	background-position: center;
 	background-size: contain;
 	background-repeat: no-repeat;
-	width: 200px;
-	height: 200px;
+	// width: 200px;
+	// height: 200px;
 	-webkit-transition: opacity 0.45s;
 	transition: opacity 0.45s;
+	overflow: hidden;
 }
 
 figure.effect-winston img {

assets/less/form/form.less

@@ -847,6 +847,30 @@ body.mata-cms {
 	}
 }
 
+#media-modal {
+	.qq-upload-list-selector {
+		position: relative;
+		margin: 0 4px;
+
+		.qq-upload-spinner {
+
+			height: 3px;
+			width: 0%;
+			background: #b471a3;
+			.transition(width 0.4s);
+			opacity: 1;
+			display: block !important;
+			position: absolute;
+			top: 0px;
+			left: 0px;
+
+			&.success {
+				background: #78b572;
+			}
+		}
+	}
+}
+
 .qq-hide {
 	display: none !important;
 }

web/js/layout/forms.js

@@ -128,3 +128,13 @@ mata.form.checkFormChange = function() {
 		return true;
 	}
 }
+
+$(window).load(function() {
+
+    $(document).on('mouseenter', 'figure.effect-winston', function() {
+        $(this).addClass('hover')
+    }).on('mouseleave', 'figure.effect-winston', function() {
+        $(this).removeClass('hover')
+    });
+
+});

web/js/layout/main.js

@@ -131,6 +131,11 @@ jQuery(document).ready(function($) {
 
 	//this function update the .cd-marker position
 	function updateSelectedNav(type) {
+
+
+		if($('.cd-selected').length == 0)
+			return;
+
 		var selectedItem = $('.cd-selected'),
 		selectedItemPosition = selectedItem.index() + 1,
 		leftPosition = selectedItem.offset().left,