j1m_gallery 0.0.1

data/assets/themes/j1/owl_carousel/css/themes/sample/j1_sample.less

@@ -0,0 +1,184 @@
+/* OWL CAROUSEL
+================================================== */
+.owl-carousel .owl-item {
+	.item{position:relative;}
+}
+.owl-carousel.owl-margins .owl-item {
+	.item {
+		margin-right: @margin-xxs;
+		margin-left: @margin-xxs;
+	}
+}
+
+/*** pagination ***/
+
+/* small device */
+
+
+.owl-theme .owl-controls{
+	margin-top:@margin-default;
+	.owl-page span.owl-numbers, .owl-buttons div 
+	{
+		width:@line-height-computed;
+		height: @line-height-computed;
+		line-height: @line-height-computed;
+		padding:0;
+	}
+
+	.owl-buttons {
+		.owl-next, .owl-prev{
+			i[class^="icon-"]:before, i[class*=" icon-"]:before {
+				margin:0;
+				text-align: center;
+				font-size:0.8em;
+			}
+
+		}
+		.owl-prev i.icon-owl-navigation-left:before {
+			content: @icon-owl-navigation-left;
+		}
+
+		.owl-next i.icon-owl-navigation-right:before {
+			content: @icon-owl-navigation-right;
+		}
+
+	}
+}
+
+
+
+/* Captions mamangement */
+.caption-wrapper{
+
+	position: absolute;
+	top: 0;
+	right: auto;
+	width: 100%;
+	height: 100%;
+	.caption{
+		display: table;
+		height: 100%;
+		width: 100%;
+		padding: @padding-default;
+
+		h1, h2, h3, h4, h5, h6, p{
+			&:first-child{
+				margin-top:0; 
+			}
+			&:last-child{
+				margin-bottom:0; 
+			}
+		}
+		
+		&.right{
+			position: absolute;
+			right: 0;
+			left:auto;
+			height: 100%;
+			width: 50%;
+			
+		}
+		&.left{
+			height: 100%;
+			width: 50%;
+			
+		}
+		.caption-body-wrapper{
+			text-align:left; 
+			display:inline-block;
+		}
+	}
+	.caption-content-position{
+		display: table-cell;
+		padding-right:10px;
+		padding-left:10px;
+		&.v-top{
+			vertical-align: top;
+		}
+		&.v-middle{
+			vertical-align: middle;	
+		}
+		&.v-bottom{
+			vertical-align: bottom;	
+		}
+	}
+}
+
+
+.owl-theme.neko-owl-theme-1{
+	&:hover{
+		.owl-controls, .owl-controls .owl-buttons div{
+			opacity:1;
+		}
+	}
+
+	.owl-wrapper {
+		z-index: 1;
+
+	}
+	.owl-controls {
+		margin-top: -30px;
+		display: block;
+		width: 100%;
+		opacity:0;
+		.owl-pagination {
+			z-index: 9999;
+			display: block;
+			position: relative;
+		}
+
+		.owl-page span {
+			background:white;
+		}
+		.owl-page.active span{
+			opacity:1;
+		}
+		.owl-buttons {
+			div{
+				position: absolute;
+				top: 50%;
+				z-index: 2000;
+				margin: 0;
+				margin-top: -50px;
+				height: 100px;
+				width: 50px;
+				border-radius: 0;
+				line-height: 100px;
+				opacity:0;
+				-webkit-transition: all 0.8s ease-out;
+				-moz-transition: all 0.8s ease-out;
+				-o-transition: all 0.8s ease-out;
+				-ms-transition: all 0.8s ease-out;
+				transition: all 0.8s ease-out;
+
+			}
+			.owl-prev {
+				left: 0;
+			}
+			.owl-next {
+				right: 0;
+			}
+		}
+	}
+}
+
+.owl-theme.neko-owl-left-nav {
+	.owl-controls {
+		text-align: left;
+		.owl-prev, .owl-next{
+				text-align:center;
+			}
+	}
+}
+
+.owl-theme.neko-owl-right-nav {
+	.owl-controls {
+		text-align: right;
+		.owl-prev, .owl-next{
+				text-align:center;
+			}
+	}
+}
+/*.arrows-middle .owl-buttons div{
+	position:absolute;
+}*/

data/assets/themes/j1/owl_carousel/css/themes/sample/j1_samples.css

@@ -0,0 +1,523 @@
+/*
+ # -----------------------------------------------------------------------------
+ #  J1: ~/assets/themes/j1/owl_carousel_v1/css/owl.j1_unify_theme.css
+ #  Provides CSS styles for J1 Unify Theme
+ #
+ #  Product/Info:
+ #  http://jekyll.one
+ #
+ #  Copyright (C) 2016 Juergen Adams
+ #
+ #  Licensed under the Creative Commons Attribution 3.0 Unported License.
+ #  For details, see http://creativecommons.org/licenses/by/3.0/.
+ #
+ # -----------------------------------------------------------------------------
+ #  $LastChangedDate: 2016-12-31 13:06:09 +0100 (Sa, 31 Dez 2016) $
+ #  $LastChangedRevision: 25 $
+ #  $LastChangedBy: jadams $
+ # -----------------------------------------------------------------------------
+*/
+
+
+.owl-carousel .item{
+  margin: 3px;
+}
+.owl-carousel .item img{
+  display: block;
+  width: 100%;
+  height: auto;
+}
+
+.owl-carousel .item p {
+  margin: 3px;
+}
+
+.owl-btn {
+  color: #777;
+  cursor: pointer;
+  font-size: 18px;
+  padding: 2px 9px;
+  text-align: center;
+  background: #f5f5f5;
+}
+
+.owl-btn:hover {
+  color: #fff;
+  background: #72c02c;
+}
+
+/*Owl Carousel v1*/
+.owl-carousel-v1 .owl-navigation {
+  text-align: right;
+  margin-bottom: 20px;
+}
+
+.owl-carousel-v1 .item {
+  margin: 0 5px;
+}
+
+.owl-carousel-v1 .item img {
+  text-align: center;
+}
+
+.owl-carousel-v1 .owl-pagination {
+  display: none;
+}
+
+/*Owl Carousel v2*/
+.owl-carousel-v2 .owl-slider-v2 {
+  margin-bottom: 20px;
+}
+
+.owl-carousel-v2 .item {
+  margin: 0 15px;
+}
+
+.owl-carousel-v2 .item img {
+  text-align: center;
+}
+
+.owl-carousel-v2 .owl-navigation {
+  text-align: center;
+}
+
+.owl-carousel-v2 .owl-pagination {
+  display: none;
+}
+
+/*Owl Carousel v3*/
+.owl-carousel-v3 .item {
+  margin: 0 15px;
+}
+
+.owl-carousel-v3 .item img {
+  text-align: center;
+}
+
+.owl-carousel-v3 .owl-pagination {
+  display: none;
+}
+
+/*Owl Carousel v4*/
+.owl-carousel-v4 .owl-wrapper-outer {
+  margin-bottom: 20px;
+}
+
+.owl-carousel-v4 .item {
+  margin: 0 3px;
+}
+
+.owl-carousel-v4 .item img {
+  width: 100%;
+}
+
+/*Owl Carousel v5*/
+.owl-carousel-v5 .owl-wrapper-outer {
+  margin-bottom: 20px;
+}
+
+.owl-carousel-v5 .owl-controls .owl-page.active span,
+.owl-carousel-v5 .owl-controls.clickable .owl-page:hover span {
+  background: #72c02c;
+}
+
+.owl-carousel-v5 .owl-controls .owl-page span {
+  margin: 5px 3px !important;
+}
+
+/*Owl Slider v6*/
+.owl-carousel-v6 .owl-carousel-item {
+	margin: 0 10px;
+	padding: 7px 0;
+	text-align: center;
+	position: relative;
+	border: 1px solid #e4e2e2;
+}
+
+.owl-carousel-v6 .owl-carousel-item img {
+	width: 150px;
+	height: auto;
+}
+
+.owl-carousel-v6 .owl-wrapper-outer {
+	margin-bottom: 20px;
+}
+
+.owl-carousel-v6 .owl-controls .owl-page span {
+	margin: 5px 3px !important;
+}
+
+/*Owl Pagination*/
+.owl-pagination {
+  text-align: center !important;
+}
+
+.owl-theme .owl-controls .owl-page.active span,
+.owl-theme .owl-controls.clickable .owl-page:hover span {
+  opacity: 1;
+  filter: Alpha(Opacity=100);/*IE7 fix*/
+}
+
+.owl-theme .owl-controls .owl-page {
+  zoom: 1;
+  display: inline-block;
+  *display: inline;/*IE7 life-saver */
+}
+
+.owl-theme .owl-controls .owl-page span {
+  width: 12px;
+  height: 12px;
+  opacity: 0.3;
+  display: block;
+  margin: 5px 7px;
+  background: #bbb;
+  filter: Alpha(Opacity=50);/*IE7 fix*/
+  border-radius: 50% !important;
+}
+
+/*Owl Carousel Style v1*/
+.owl-carousel-style-v1 img {
+  width: 120px;
+  height: auto;
+}
+
+/*Owl Carousel Style v2*/
+.owl-carousel-style-v2 .item {
+  margin: 0 3px;
+  background: #fafafa;
+  text-align: center;
+  border: solid 1px #eee;
+}
+
+.owl-carousel-style-v2 .item img {
+  padding: 0 3px;
+  display: inline-block;
+}
+
+.owl-carousel-style-v2 .item:hover {
+  background: #f7f7f7;
+  border-color: #e5e5e5;
+  transition: all 0.4s ease-in-out;
+}
+
+.owl-carousel-style-v2 .owl-pagination {
+  display: none;
+}
+
+/*Owl Clients v2
+------------------------------------*/
+.owl-clients-v1 img {
+  width: 120px;
+  height: auto;
+}
+
+.owl-clients-v1 .owl-pagination {
+    display: none;
+}
+
+/*Owl Carousel - Testimonials v3
+------------------------------------*/
+/*Testimonials Section*/
+.testimonials-v3 {
+  padding: 100px 0;
+  font-family: "Open Sans", Arial, sans-serif;
+}
+
+.testimonials-v3 ul {
+  margin: 0;
+  padding: 0;
+  text-align: center;
+  position: relative;
+}
+
+.testimonials-v3 li img {
+  width: 150px;
+  height: 150px;
+  margin-bottom: 10px;
+}
+
+.testimonials-v3 li > p {
+  font-size: 14px;
+}
+
+.testimonials-v3 .testimonials-v3-title {
+  font-size: 22px;
+  font-weight: 200;
+  margin-bottom: 20px;
+}
+
+.testimonials-v3 .testimonials-v3-title p {
+  color: #72c02c;
+  margin-bottom: 0;
+}
+
+.testimonials-v3 .testimonials-v3-title span {
+  color: #777;
+  display: block;
+  font-size: 14px;
+}
+
+/*Testimonials Owl Navigation*/
+.testimonials-v3 .owl-pagination {
+  display: none;
+}
+
+.testimonials-v3 .owl-buttons .owl-prev,
+.testimonials-v3 .owl-buttons .owl-next {
+  padding: 13px;
+  position: relative;
+  margin: 15px 2px 0;
+  background: #f5f5f5;
+  display: inline-block;
+}
+
+.testimonials-v3 .owl-buttons .owl-prev:after,
+.testimonials-v3 .owl-buttons .owl-next:after {
+	top: 0;
+	color: #bbb;
+	font-size: 16px;
+	position: absolute;
+	font-weight: normal;
+	display: inline-block;
+	font-family: FontAwesome;
+}
+
+.testimonials-v3 .owl-buttons .owl-prev:after {
+  left: 10px;
+  content: "\f104";
+}
+
+.testimonials-v3 .owl-buttons .owl-next:after {
+  right: 10px;
+  content: "\f105";
+}
+
+.testimonials-v3 .owl-buttons .owl-prev:hover:after,
+.testimonials-v3 .owl-buttons .owl-next:hover:after {
+  color: #fff;
+}
+
+.testimonials-v3 .owl-buttons .owl-prev:hover,
+.testimonials-v3 .owl-buttons .owl-next:hover {
+  background: #72c02c;
+  transition: background 0.4s ease-in-out;
+}
+
+/*Recent Works (Owl Carousel)
+------------------------------------*/
+.owl-work-v1 .owl-navigation {
+  top: 3px;
+  position: relative;
+}
+
+.owl-work-v1 .owl-navigation {
+  margin-bottom: 10px;
+}
+
+.owl-work-v1 .item a {
+  text-align: center;
+}
+
+.owl-work-v1 .item a:hover {
+  text-decoration: none;
+}
+
+.owl-work-v1 .item a:hover strong {
+  color: #555;
+}
+
+.owl-work-v1 .item em.overflow-hidden {
+  display: block;
+}
+
+.owl-work-v1 .item a span {
+  display: block;
+  padding: 10px;
+  border-bottom: solid 2px #eee;
+}
+
+.owl-work-v1 .item a strong {
+  color: #555;
+  display: block;
+}
+
+.owl-work-v1 .item a i {
+  color: #777;
+}
+
+.owl-work-v1 .item a img {
+	transition: all 0.8s ease-in-out;
+}
+
+.owl-work-v1 .item a:hover img {
+	opacity: 0.8;
+	transform: scale(1.2) rotate(3deg);
+}
+
+.owl-work-v1 .item a:hover span {
+	border-bottom: solid 2px #72c02c;
+	transition: all 0.3s ease-in-out;
+}
+
+/*Parallax Twitter (Owl Carousel)
+------------------------------------*/
+.parallax-twitter {
+  color: #fff;
+  padding: 100px 0;
+  position: relative;
+  text-align: center;
+  background: #333 url(../img/bg/19.jpg) 50% 0 fixed;
+  background-size: cover;
+  background-position: center center;
+}
+
+.parallax-twitter:after {
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  content: " ";
+  position: absolute;
+  background: rgba(0,0,0,0.5);
+}
+
+.parallax-twitter:before {
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  content: " ";
+  position: absolute;
+  background: url(../img/patterns/gridtile.png) repeat;
+}
+
+.parallax-twitter-in {
+  z-index: 1;
+  position: relative;
+}
+
+/*Twitter Block (owl-controls)*/
+.parallax-twitter-in ul {
+  margin: 0;
+}
+
+.parallax-twitter-in li {
+  color: #fff;
+}
+
+.parallax-twitter-in li p {
+  color: #fff;
+  font-size: 18px;
+  font-weight: 200;
+}
+
+.parallax-twitter-in li a {
+  color: #eee;
+  text-decoration: underline;
+}
+
+.parallax-twitter-in li a:hover {
+  text-decoration: none;
+}
+
+.parallax-twitter-in li span {
+  color: #ddd;
+  display: block;
+  font-size: 14px;
+  font-weight: 400;
+  margin-bottom: 20px;
+}
+
+.parallax-twitter-in .owl-page {
+  width: 18px;
+}
+
+/*Clients Section (Owl Carousel)
+------------------------------------*/
+.clients-section {
+  padding: 60px 0;
+  position: relative;
+  background: #333 url(../img/bg/7.jpg) 50% fixed;
+  background-size: cover;
+  background-position: center center;
+}
+
+.clients-section:after {
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  content: " ";
+  position: absolute;
+  background: rgba(0,0,0,0.8);
+}
+
+.clients-section:before {
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  content: " ";
+  position: absolute;
+  background: url(../img/patterns/gridtile.png) repeat;
+}
+
+.clients-section .title-v1 p,
+.clients-section .title-v1 h2 {
+  color: #fff;
+}
+
+.clients-section ul {
+  padding: 0;
+  z-index: 1;
+  list-style: none;
+}
+
+.clients-section li {
+  margin: 0 3px;
+  background: #fff;
+}
+
+.clients-section li a {
+  padding: 10px;
+  display: block;
+  overflow: hidden;
+  text-align: center;
+  transition: all 0.3s ease-in-out;
+}
+
+.clients-section li a:hover {
+  -transform: scale(1.2);
+}
+
+.clients-section img {
+  width: 100px;
+  height: 100px;
+}
+
+.clients-section .owl-pagination {
+  display: none;
+}
+
+/* Owl Video
+------------------------------------*/
+.owl-video img {
+  position: relative;
+  text-align: center;
+  margin: 0 auto 20px;
+}
+
+.owl-video img.video-play {
+  top: 50%;
+  left: 50%;
+  margin-top: -52px;
+  margin-left: -52px;
+  position: absolute;
+}
+
+.owl-video .owl-controls .owl-page span {
+  margin: 5px 3px;
+}
+
+
+