First Commit

_static/assets/LESS/LESS_BS3/smarty/layout-item-box.less

@@ -0,0 +1,141 @@
+/** Item Box
+ **************************************************************** **/
+.item-box {
+	overflow:hidden;
+	margin:0;
+	position:relative;
+	box-shadow:rgba(0,0,0,0.1) 0 0 5px;
+
+
+	-webkit-border-radius:0;
+	   -moz-border-radius:0;
+			border-radius:0;
+}
+.mix-grid .item-box,
+#portfolio .item-box {
+	box-shadow:none;
+}
+	.item-box.fullwidth {
+		max-width:100%;
+	}
+	section.alternate .item-box {
+		background-color:rgba(0,0,0,0.05);
+	}
+
+
+.item-box figure {
+	width:100%;
+	display:block;
+	margin-bottom:0;
+	overflow:hidden;
+	position:relative;
+	text-align:center;
+}
+	.item-box.fixed-box figure img {
+		width:100%;
+		height:auto;
+	}
+
+.item-box-desc {
+	padding:30px 20px 20px 20px;
+	overflow:hidden;
+	margin-bottom:10px;
+	text-align:left !important;
+}
+.item-box-desc p {
+	margin-top:20px;
+	display:block;
+	overflow:hidden; 
+	text-overflow:ellipsis;
+	/*white-space: nowrap;*/
+}
+	.item-box.fixed-box .item-box-desc p {
+		height:98px;
+	}
+.item-box-desc h2,
+.item-box-desc h3,
+.item-box-desc h4,
+.item-box-desc h5 {
+	padding:0; margin:0;
+}
+.item-box .item-box-desc small {
+	display:block;
+}
+
+.item-box.fixed-box .item-box-desc {
+	height:256px;
+}
+
+.item-box.fixed-box figure {
+	max-height:263px;
+}
+
+.item-box .socials {
+	border-top:#eee 1px solid;
+	text-align:center;
+	display:block;
+}
+
+
+/* hover */
+.item-box .item-hover {
+	opacity: 0;
+	filter: alpha(opacity=0);
+	position:absolute;
+	left:0; right:0; top:0; bottom:0;
+	text-align:center;
+	color:#fff;
+
+	-webkit-transition: all 0.3s;
+	   -moz-transition: all 0.3s;
+		 -o-transition: all 0.3s;
+			transition: all 0.3s;
+}
+.item-box .item-hover,
+.item-box .item-hover button,
+.item-box .item-hover a {
+	color:#fff;
+}
+.item-box .item-hover .inner {
+	position:absolute;
+	display:block;
+	left:0; right:0; top:50%;
+	margin-top:-10px;
+	margin-bottom:0;
+	width:100%;
+	z-index:100;
+	line-height:23px;
+}
+.item-box:hover .item-hover {
+	opacity: 1;
+	filter: alpha(opacity=100);
+}
+
+.item-box .item-hover .inner .ico-rounded>span {
+	color:#666;
+	background-color:#fff;
+	width:50px; 
+	height:50px;
+	line-height:50px !important;
+	margin:-20px  5px 0 5px;
+
+	-webkit-transition: all 0.3s;
+	   -moz-transition: all 0.3s;
+		 -o-transition: all 0.3s;
+			transition: all 0.3s;
+
+	-webkit-border-bottom-right-radius: 20px;
+		-webkit-border-top-left-radius: 20px;
+		-moz-border-radius-bottomright: 20px;
+			-moz-border-radius-topleft: 20px;
+			border-bottom-right-radius: 20px;
+				border-top-left-radius: 20px;
+}
+
+
+.nav-pills>li.active>a, 
+.nav-pills>li.active>a:hover, 
+.nav-pills>li.active>a:focus {
+	color:#333;
+	background-color:rgba(0,0,0,0.07);
+}