iasd-bootstrap-sass 1.1.0 → 1.2.0

data/stylesheets/_iasd-widgets.scss

@@ -87,17 +87,6 @@
 
 .iasd-widget{
 	margin-bottom: 50px;
-	h1{
-		@include main-title;
-		@include text-overflow();
-		margin: 0 !important;
-	}
-	h2{
-		font-size: 14px !important;
-		line-height: 17px !important;
-		margin: 0 0 10px 0 !important;
-		font-weight: 900 !important;
-	}
 	a{
 		color: $text-color !important;
 		&:hover, &:focus{
@@ -112,6 +101,17 @@
 			}
 		}
 	}
+	h1{
+		@include main-title;
+		@include text-overflow();
+		margin: 0 !important;
+	}
+	h2{
+		font-size: 14px !important;
+		line-height: 17px !important;
+		margin: 0 0 10px 0 !important;
+		font-weight: 900 !important;
+	}
 	p{
 		font-weight: 400;
 		line-height: 15px !important;
@@ -255,6 +255,7 @@ aside {
 		width: 140px;
 		img{
 			@include border-radius(5px);
+			max-width: 100%;
 		}
 		.post-taxonomy-tag{
 			background: $theme-main-color; //IE8 Fallback :(
@@ -296,7 +297,7 @@ aside {
 		}		
 	}
 	.post-horizontal-list-item{
-		margin: 0 0 20px 0;
+		margin: 0 0 10px 0;
 		& > a{
 			@include box-shadow(0 1px 0 $border-base);
 			display: block;
@@ -306,7 +307,8 @@ aside {
 			}
 			h2{
 				display: inline-block;
-				min-height: 34px;
+				height: 34px;
+				overflow: hidden;
 				width: 100%;
 			}
 			figure{
@@ -316,11 +318,10 @@ aside {
 				width: 140px;
 			}
 			p{
-				display: table-cell;
+				display: block;
 				height: 90px;
-				padding: 0 0 10px 0;
-				vertical-align: middle;
-				text-align: left;
+				overflow: hidden;
+				padding: 0;
 			}
 		}
 	}
@@ -333,6 +334,8 @@ aside {
 			}
 			h2{
 				display: inline-block;
+				height: 52px;
+				overflow: hidden;
 			}
 			figure{
 				@include border-radius(5px);
@@ -352,8 +355,10 @@ aside {
 					border: 0 !important;
 				}
 				h2{
+					display: block;
 					font-size: 13px !important;
 					font-weight: 700 !important;
+					height: 66px;
 					padding: 15px 0 0 0;
 				}
 				p{
@@ -384,8 +389,10 @@ aside {
 			}
 			h2{
 				font-size: 20px !important;
+				height: 65px;
 				line-height: 25px !important;
 				margin: 10px 0 0 !important;
+				overflow: hidden;
 				padding: 0 0 15px 0 !important;
 			}
 			figure{
@@ -404,14 +411,16 @@ aside {
 		& > a{
 			@include box-shadow(0 1px 0 $border-base);
 			display: block;
-			min-height: 340px;
+			min-height: 330px;
 			&:hover, &:focus {
 				border: 0 !important;
 			}
 			h2{
 				font-size: 20px !important;
+				height: 48px;
 				line-height: 24px !important;
-				margin: 10px 0 11px !important;
+				margin: 10px 0 21px !important;
+				overflow: hidden;
 			}
 			figure{
 				@include border-radius(5px);
@@ -433,8 +442,8 @@ aside {
 	.more-link{
 		padding-top: 10px;
 		position: relative;
-		top: -20px;
-	}	
+		top: -10px;
+	}
 }
 .entry-content, .iasd-archive {
 	.iasd-widget-posts_grid{
@@ -482,7 +491,7 @@ aside {
 					}
 				}
 				h2{
-					display: table-cell;
+					display: block;
 					height: 85px;
 					vertical-align: middle;	
 				}
@@ -494,17 +503,15 @@ aside {
 				}
 			}
 			&.no-thumb{
-				& > a{
-					
+				& > a{	
 					min-height: 0;
 					padding:{
 						top: 20px;
 					}					
 					h2{
-						display: inline-block;
-						padding: 0 0 10px 0;
-						margin: 0;
-						height: auto;
+						height: 34px;
+						margin: 0 !important;
+						padding: 0 !important;
 					}
 				}
 				& + .no-thumb{
@@ -533,6 +540,9 @@ aside {
 			}
 		}
 	}
+	.iasd-widget-posts_grid .more-link {
+		top: -20px;
+	}
 }
 @media (min-width: $screen-sm) {
 	.col-sm-4{
@@ -634,9 +644,8 @@ aside {
 						}
 					}
 					h2{
-						display: table-cell;
-						height: 90px;
-						vertical-align: middle;	
+						display: block;
+						height: 85px;
 					}
 				}
 				& + .post-vertical-list-item{
@@ -653,9 +662,8 @@ aside {
 							top: 20px;
 						}
 						h2{
-							display: inline-block;
 							padding: 0 0 10px 0;
-							height: auto;
+							height: 44px;
 						}
 					}
 					& + .no-thumb{
@@ -664,6 +672,11 @@ aside {
 				}
 			}
 		}
+		&.col-md-8 {
+			.more-link {
+				top: -20px;
+			}
+		}
 	}
 	.col-md-4{
 		.iasd-widget-posts_grid{
@@ -682,9 +695,8 @@ aside {
 						}
 					}
 					h2{
-						display: table-cell;
-						height: 90px;
-						vertical-align: middle;	
+						display: block;
+						height: 85px;
 					}
 				}
 				& + .post-vertical-list-item{
@@ -701,9 +713,8 @@ aside {
 							top: 20px;
 						}
 						h2{
-							display: inline-block;
 							padding: 0 0 10px 0;
-							height: auto;
+							height: 44px;
 						}
 					}
 					& + .no-thumb{
@@ -713,6 +724,11 @@ aside {
 			}
 		}
 	}
+	.col-md-8 {
+		.more-link {
+			top: -20px;
+		}
+	}
 }
 
 
@@ -737,14 +753,12 @@ aside {
 					border: 0;
 				}
 				h2{
-					display: table-cell;
+					display: block;
 					font-size: 13px !important;
 					font-weight: 700 !important;
-					margin: 0 !important;
 					height: 65px;
-					padding: 13px 0;
-					overflow: hidden;
-					vertical-align: middle;
+					margin: 0 !important;
+					padding: 17px 0 9px 0;
 				}
 				figure{
 					display: table-cell !important;
@@ -784,8 +798,8 @@ aside {
 					padding: 15px 0 15px 15px !important;
 					vertical-align: middle;
 					h2{
-						display: inline-block;
-						height: auto;
+						height: 34px;
+						overflow: hidden;
 						padding: 0;
 					}
 					time{
@@ -803,12 +817,12 @@ aside {
 					height: auto;
 					padding: 0;
 					h2{
-						display: table-cell;
+						display: block;
 						font-size: 20px !important;
 						font-weight: 900 !important;
 						height: 75px;
 						line-height: 24px !important;
-						margin: 5px 0 6px !important;
+						padding: 13px 0 0 0;
 					}
 					figure{
 						@include border-radius(5px);
@@ -920,6 +934,8 @@ aside {
 					h2{
 						font-size: 13px !important;
 						font-weight: 700 !important;
+						display: block;
+						height: 34px;
 						margin: 0 0 6px 0 !important;
 						padding: 0;
 						overflow: hidden;
@@ -946,7 +962,10 @@ aside {
 	}
 	.info {
 		p {
+			display: block;
+			height: 32px;
 			margin: 0 0 10px !important;
+			overflow: hidden;
 		}
 	}
 	.more-link{
@@ -1128,12 +1147,13 @@ aside {
 				padding: 0 10px 0;
 				width: 100%;
 				h2{
-					display: table-cell;
+					display: block;
 					font-size: 13px !important;
 					font-weight: 700 !important;
+					height: 54px;
 					margin: 0 !important;
-					padding: 10px 0;		
-					vertical-align: middle;
+					overflow: hidden;
+					padding: 12px 0 8px 0;
 				}
 				figure{
 					@include border-radius(0);
@@ -1173,20 +1193,19 @@ aside {
 					display: table-cell;	
 					vertical-align: middle;
 					padding: 0 !important;
-					h2, address {
-						@include text-overflow();
-						max-width: 190px;
-					}
 					h2{
 						display: block;
+						height: 17px;
 						padding: 0;
-						margin: 3px 0 0 0 !important;
+						margin-top: 3px !important;
 					}
 					address{
 						display: block;
-						margin: 0;
 						font-size: 12px;
 						font-weight: 400;
+						height: 20px;
+						margin: 0;
+						overflow: hidden;
 					}
 				}
 				&:hover, &:focus{
@@ -1238,6 +1257,7 @@ aside {
 				}
 				&.more-link{
 					padding-left: 10px;
+					top: 0;
 					&:before{
 						display: none;
 					}
@@ -1266,10 +1286,33 @@ aside {
 /* ************** */
 
 .iasd-widget-slider{
+	&.highlights {
+		.owl-carousel {
+			&.header {
+				.slider-item {
+					a {
+						&>figure {
+							figcaption {
+								p {
+									height: auto;
+								}
+							}
+						}
+					}
+				}
+			}
+		}
+	}
 	.owl-carousel{
 		margin-top: 35px;
 		overflow: hidden;
 		position: relative;
+		&.galleries {
+			p {
+				height: 45px;
+				overflow: hidden;
+			}
+		}
 		.owl-wrapper-outer{
 			@include border-radius(5px);
 			background: $body-bg-bevel;
@@ -1314,6 +1357,24 @@ aside {
 				}					
 			}
 		}
+		&.header{
+			.slider-item{
+				min-height: 415px;
+				overflow: hidden;
+				position: relative;
+				a{
+					& > figure{
+						overflow: hidden;
+						img{
+							display: block !important;
+							left: 50%;
+							margin-left: -470px;
+							position: absolute;
+						}
+					}
+				}			
+			}
+		}
 		&.posts{
 			.slider-item{
 				min-height: 300px;
@@ -1327,6 +1388,13 @@ aside {
 							left: 50%;
 							margin-left: -360px;
 							position: absolute;
+							&:hover, &:focus {
+								-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
+								filter: alpha(opacity=100);
+								-moz-opacity: 1;
+								-khtml-opacity: 1;
+								opacity: 1;
+							}
 						}
 					}
 				}			
@@ -1401,12 +1469,17 @@ aside {
 						height: 185px;
 						margin: 0 0 15px 0;
 						overflow: hidden;
+						img {
+							max-width: 100%;
+						}
 					}
 					h2{
 						font-size: 20px !important;
 						font-weight: 900 !important;
+						height: 48px;
 						line-height: 24px !important;
 						margin: 0 !important;
+						overflow: hidden;
 					}
 					time{
 						display: inline-block;
@@ -1456,11 +1529,13 @@ aside {
 							width: 100%;
 							img{
 								margin: 35px 0 0 0;
+								max-width: 145px;
 							}
 						}
 						h2, time{
 							@include text-overflow();
 							display: block;
+							height: 18px;
 							left: 50%;
 							margin: 0 0 0 -70px !important;
 							position: relative;
@@ -1511,11 +1586,13 @@ aside {
 							width: 100%;
 							img{
 								margin: 35px 0 0 0;
+								max-width: 145px;
 							}
 						}
 						h2, time{
 							@include text-overflow();
 							display: block;
+							height: 18px;
 							left: 50%;
 							margin: 0 0 0 -70px !important;
 							position: relative;
@@ -1611,7 +1688,7 @@ aside {
 						font-family: $alt-font-family-sans-serif;
 						font-size: 17px !important;
 						font-weight: 400 !important;
-						height: 20px;
+						height: 22px;
 						left: auto;
 						line-height: 22px !important;
 						margin: 15px auto 5px !important;
@@ -1624,8 +1701,10 @@ aside {
 						font-size: 14px;
 						font-style: normal;
 						font-weight: 900;
+						height: 45px;
 						line-height: 17px;
 						margin: 10px 0;
+						overflow: hidden;
 						padding-top: 10px;
 					}
 					.post-taxonomy-tag{
@@ -1723,6 +1802,12 @@ aside {
 .iasd-widget-slider{
 	.owl-carousel {
 		.slider-item {
+			h3 {
+				& + p {
+					height: 45px;
+					overflow: hidden;
+				}
+			}
 			p {
 				margin: 0 0 10px;
 			}
@@ -1768,8 +1853,7 @@ aside {
 								top: 0 !important;
 								width: 200px !important;
 								h2{
-									display: inline-block;
-									height: auto;
+									height: 87px;
 									line-height: 24px !important;
 									padding: 15px 20px 0;
 									white-space: normal;
@@ -1777,8 +1861,10 @@ aside {
 								p{
 									color: $body-bg;
 									display: inline-block;
+									height: 192px;
 									line-height: 18px !important;
 									margin: 0;
+									overflow: hidden;
 									padding: 15px 20px;
 								}
 							}
@@ -1787,6 +1873,26 @@ aside {
 				}
 			}
 		}
+		.columns {
+			.owl-carousel {
+				.owl-item {
+					a {
+						h3 {
+							height: 62px;
+						}
+					}
+				}
+			}
+		}
+		.owl-carousel {
+			.slider-item {
+				h3 {
+					& + p {
+						height: 75px;
+					}
+				}
+			}
+		}
 	}
 }
 @media (max-width: $screen-sm-max) {
@@ -1997,7 +2103,9 @@ aside {
         	}
         }
         a {
+        	@include text-overflow();
         	color: $alt-text-color !important;
+        	display: block;
         	font-weight: 400 !important;
         	height: auto !important;
         	&:hover {
@@ -2223,7 +2331,6 @@ aside {
 				position: absolute;
 				right: 0;
 				top: 50%;
-				vertical-align: middle;
 				width: 20px;
 			}			
 		}
@@ -2322,4 +2429,21 @@ aside {
 			line-height: 20px !important;
 		}
 	}
+}
+
+/* ***************** */
+/* Posts List Widget */
+/* ***************** */
+
+.iasd-widget-img, .iasd-widget-img_title {
+	img {
+		display: block;
+		height: auto;
+		margin-top: 35px;
+		max-width: 100%;
+	}
+}
+
+.iasd-widget-img {
+	margin-top: -28px;
 }