Skip to content

Commit 16a9221

Browse files
AbiGAAbiGA
committed
first commit
0 parents  commit 16a9221

14 files changed

+3308
-0
lines changed

‎LICENSE

Lines changed: 674 additions & 0 deletions
Large diffs are not rendered by default.

‎README.md

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
# GA-Carousel
2+
Image Carousel built using owl carousel. GA-Carousel is highly customisable and can be used to any purpose.
3+
4+
5+
6+
To add nav lines remove ".carousel-class .owl-dots{ display: none;}" from style.css.
7+
8+
9+
10+
11+
For any query feel free to contact at abhishekjoshi724@gmail.com.
12+
13+
14+
Visit http://graphoandroida.com/ to check the amazing work we do at GraphoAndorida.
15+

‎css/bootstrap.min.css

Lines changed: 6 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/font-awesome.min.css

Lines changed: 4 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/jquery.fancybox.css

Lines changed: 258 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,258 @@
1+
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
2+
.fancybox-wrap,
3+
.fancybox-skin,
4+
.fancybox-outer,
5+
.fancybox-inner,
6+
.fancybox-image,
7+
.fancybox-wrap iframe,
8+
.fancybox-wrap object,
9+
.fancybox-nav,
10+
.fancybox-nav span,
11+
.fancybox-tmp
12+
{
13+
padding: 0;
14+
margin: 0;
15+
border: 0;
16+
outline: none;
17+
vertical-align: top;
18+
}
19+
20+
.fancybox-wrap {
21+
position: absolute;
22+
top: 0;
23+
left: 0;
24+
z-index: 8020;
25+
}
26+
27+
.fancybox-skin {
28+
position: relative;
29+
background: #f9f9f9;
30+
color: #444;
31+
text-shadow: none;
32+
-webkit-border-radius: 4px;
33+
-moz-border-radius: 4px;
34+
border-radius: 4px;
35+
}
36+
37+
.fancybox-opened {
38+
z-index: 8030;
39+
}
40+
41+
.fancybox-opened .fancybox-skin {
42+
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
43+
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
44+
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
45+
}
46+
47+
.fancybox-outer, .fancybox-inner {
48+
position: relative;
49+
}
50+
51+
.fancybox-inner {
52+
overflow: hidden;
53+
}
54+
55+
.fancybox-type-iframe .fancybox-inner {
56+
-webkit-overflow-scrolling: touch;
57+
}
58+
59+
.fancybox-error {
60+
color: #444;
61+
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
62+
margin: 0;
63+
padding: 15px;
64+
white-space: nowrap;
65+
}
66+
67+
.fancybox-image, .fancybox-iframe {
68+
display: block;
69+
width: 100%;
70+
height: 100%;
71+
}
72+
73+
.fancybox-image {
74+
max-width: 100%;
75+
max-height: 100%;
76+
}
77+
78+
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
79+
background-image: url('fancybox_sprite.png');
80+
}
81+
82+
#fancybox-loading {
83+
position: fixed;
84+
top: 50%;
85+
left: 50%;
86+
margin-top: -22px;
87+
margin-left: -22px;
88+
background-position: 0 -108px;
89+
opacity: 0.8;
90+
cursor: pointer;
91+
z-index: 8060;
92+
}
93+
94+
#fancybox-loading div {
95+
width: 44px;
96+
height: 44px;
97+
background: url('fancybox_loading.gif') center center no-repeat;
98+
}
99+
100+
.fancybox-close {
101+
position: absolute;
102+
top: -18px;
103+
right: -18px;
104+
width: 36px;
105+
height: 36px;
106+
cursor: pointer;
107+
z-index: 8040;
108+
}
109+
110+
.fancybox-nav {
111+
position: absolute;
112+
top: 0;
113+
width: 40%;
114+
height: 100%;
115+
cursor: pointer;
116+
text-decoration: none;
117+
background: transparent url('blank.gif'); /* helps IE */
118+
-webkit-tap-highlight-color: rgba(0,0,0,0);
119+
z-index: 8040;
120+
}
121+
122+
.fancybox-prev {
123+
left: 0;
124+
}
125+
126+
.fancybox-next {
127+
right: 0;
128+
}
129+
130+
.fancybox-nav span {
131+
position: absolute;
132+
top: 50%;
133+
width: 36px;
134+
height: 34px;
135+
margin-top: -18px;
136+
cursor: pointer;
137+
z-index: 8040;
138+
visibility: hidden;
139+
}
140+
141+
.fancybox-prev span {
142+
left: 10px;
143+
background-position: 0 -36px;
144+
}
145+
146+
.fancybox-next span {
147+
right: 10px;
148+
background-position: 0 -72px;
149+
}
150+
151+
.fancybox-nav:hover span {
152+
visibility: visible;
153+
}
154+
155+
.fancybox-tmp {
156+
position: absolute;
157+
top: -99999px;
158+
left: -99999px;
159+
visibility: hidden;
160+
max-width: 99999px;
161+
max-height: 99999px;
162+
overflow: visible !important;
163+
}
164+
165+
/* Overlay helper */
166+
167+
.fancybox-lock {
168+
overflow: hidden !important;
169+
width: auto;
170+
}
171+
172+
.fancybox-lock body {
173+
overflow: hidden !important;
174+
}
175+
176+
.fancybox-lock-test {
177+
overflow-y: hidden !important;
178+
}
179+
180+
.fancybox-overlay {
181+
position: absolute;
182+
top: 0;
183+
left: 0;
184+
overflow: hidden;
185+
display: none;
186+
z-index: 8010;
187+
background: url('fancybox_overlay.png');
188+
}
189+
190+
.fancybox-overlay-fixed {
191+
position: fixed;
192+
bottom: 0;
193+
right: 0;
194+
}
195+
196+
.fancybox-lock .fancybox-overlay {
197+
overflow: auto;
198+
overflow-y: scroll;
199+
}
200+
201+
/* Title helper */
202+
203+
.fancybox-title {
204+
visibility: hidden;
205+
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
206+
position: relative;
207+
text-shadow: none;
208+
z-index: 8050;
209+
}
210+
211+
.fancybox-opened .fancybox-title {
212+
visibility: visible;
213+
}
214+
215+
.fancybox-title-float-wrap {
216+
position: absolute;
217+
bottom: 0;
218+
right: 50%;
219+
margin-bottom: -35px;
220+
z-index: 8050;
221+
text-align: center;
222+
}
223+
224+
.fancybox-title-float-wrap .child {
225+
display: inline-block;
226+
margin-right: -100%;
227+
padding: 2px 20px;
228+
background: transparent; /* Fallback for web browsers that doesn't support RGBa */
229+
background: rgba(0, 0, 0, 0.8);
230+
-webkit-border-radius: 15px;
231+
-moz-border-radius: 15px;
232+
border-radius: 15px;
233+
text-shadow: 0 1px 2px #222;
234+
color: #FFF;
235+
font-weight: bold;
236+
line-height: 24px;
237+
white-space: nowrap;
238+
}
239+
240+
.fancybox-title-outside-wrap {
241+
position: relative;
242+
margin-top: 10px;
243+
color: #fff;
244+
}
245+
246+
.fancybox-title-inside-wrap {
247+
padding-top: 10px;
248+
}
249+
250+
.fancybox-title-over-wrap {
251+
position: absolute;
252+
bottom: 0;
253+
left: 0;
254+
color: #fff;
255+
padding: 10px;
256+
background: #000;
257+
background: rgba(0, 0, 0, .8);
258+
}

‎css/owl.carousel.min.css

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}
2+
.owl-carousel .animated {
3+
-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both
4+
}
5+
.owl-carousel .owl-animated-in{z-index:0}
6+
.owl-carousel .owl-animated-out{z-index:1}
7+
.owl-carousel .fadeOut {
8+
-webkit-animation-name:fadeOut;animation-name:fadeOut
9+
}
10+
@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
11+
@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
12+
.owl-height{
13+
-webkit-transition:height .5s ease-in-out;-moz-transition:height .5s ease-in-out;-ms-transition:height .5s ease-in-out;-o-transition:height .5s ease-in-out;transition:height .5s ease-in-out
14+
}
15+
.owl-carousel{display:none;width:100%;z-index:1}
16+
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}
17+
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
18+
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}
19+
.owl-carousel .owl-controls .owl-dot,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
20+
.owl-carousel.owl-loaded{display:block}
21+
.owl-carousel.owl-loading{opacity:0;display:block}
22+
.owl-carousel.owl-hidden{opacity:0}
23+
.owl-carousel .owl-refresh .owl-item{display:none}
24+
.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
25+
.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
26+
.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}
27+
.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}
28+
.owl-carousel.owl-rtl{direction:rtl}
29+
.owl-carousel.owl-rtl .owl-item{float:right}
30+
.no-js .owl-carousel{display:block}
31+
.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity .4s ease;-moz-transition:opacity .4s ease;-ms-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}
32+
.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}
33+
.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale .1s ease;-moz-transition:scale .1s ease;-ms-transition:scale .1s ease;-o-transition:scale .1s ease;transition:scale .1s ease}
34+
.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}
35+
.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}
36+
.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity .4s ease;-moz-transition:opacity .4s ease;-ms-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}
37+
.owl-carousel .owl-video-frame{position:relative;z-index:1}

‎css/style.css

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
.carousel-class{ width: 100%; float: left; padding: 100px 0;}
2+
.carousel-class .carousel-box{ width: 100%; float: left;}
3+
.carousel-class .carousel-box img{ width: 100%; opacity: 0.5; cursor: pointer; user-select: none;}
4+
.carousel-class .center { z-index: 2;}
5+
.carousel-class .center .carousel-box{width: 120%; margin-left: -10%; margin-top: -50px; box-shadow: 10px 10px 30px rgba(0,0,0,0.15);}
6+
.carousel-class .center .carousel-box img{opacity: 1;}
7+
.carousel-class .owl-item{padding:30px 0; }
8+
.carousel-class .owl-dots{ display: block;}
9+
.owl-prev {
10+
width: 2%;
11+
position: absolute;
12+
top: 0;
13+
left: 96%;
14+
}
15+
16+
.owl-next {
17+
width: 2%;
18+
top: 0;
19+
background: rgba(255, 255, 255, 0.3);
20+
position: absolute;
21+
left: 100%;
22+
}

0 commit comments

Comments
 (0)