Skip to content

Commit 4e0ef50

Browse files
rxturrxtur
committed
Owl carousel to work with angular
1 parent 162eac6 commit 4e0ef50

12 files changed

Lines changed: 1936 additions & 18 deletions

File tree

‎BlogEngine/BlogEngine.NET/BlogEngine.NET.csproj‎

Lines changed: 13 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
<?xml version="1.0" encoding="utf-8"?>
22
<Project ToolsVersion="12.0" DefaultTargets="Build" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
3+
<Import Project="$(MSBuildExtensionsPath32)\Microsoft\VisualStudio\v$(VisualStudioVersion)\TypeScript\Microsoft.TypeScript.Default.props" Condition="Exists('$(MSBuildExtensionsPath32)\Microsoft\VisualStudio\v$(VisualStudioVersion)\TypeScript\Microsoft.TypeScript.Default.props')" />
34
<Import Project="$(MSBuildExtensionsPath)\$(MSBuildToolsVersion)\Microsoft.Common.props" Condition="Exists('$(MSBuildExtensionsPath)\$(MSBuildToolsVersion)\Microsoft.Common.props')" />
45
<PropertyGroup>
56
<Configuration Condition=" '$(Configuration)' == '' ">Debug</Configuration>
@@ -20,6 +21,7 @@
2021
<IISExpressWindowsAuthentication />
2122
<IISExpressUseClassicPipelineMode />
2223
<UseGlobalApplicationHostFile />
24+
<TypeScriptToolsVersion>1.5</TypeScriptToolsVersion>
2325
</PropertyGroup>
2426
<PropertyGroup Condition=" '$(Configuration)|$(Platform)' == 'Debug|AnyCPU' ">
2527
<DebugSymbols>true</DebugSymbols>
@@ -586,7 +588,11 @@
586588
<Content Include="Content\images\blog\xfn\me.gif" />
587589
<Content Include="Content\images\blog\xfn\sweet.gif" />
588590
<Content Include="Content\images\blog\xfn\sweetMet.gif" />
589-
<Content Include="Scripts\owl.carousel.min.js" />
591+
<Content Include="Content\OwlCarousel\AjaxLoader.gif" />
592+
<Content Include="Content\OwlCarousel\grabbing.png" />
593+
<Content Include="Content\OwlCarousel\owl.carousel.css" />
594+
<Content Include="Content\OwlCarousel\owl.theme.css" />
595+
<Content Include="Content\OwlCarousel\owl.transitions.css" />
590596
<Content Include="Content\star-rating.css" />
591597
<Content Include="Content\toastr.css" />
592598
<Content Include="Content\toastr.min.css" />
@@ -1422,6 +1428,8 @@
14221428
<Content Include="Scripts\moment-with-locales.min.js" />
14231429
<Content Include="Scripts\moment.js" />
14241430
<Content Include="Scripts\moment.min.js" />
1431+
<Content Include="Scripts\owl.carousel.js" />
1432+
<Content Include="Scripts\owl.carousel.min.js" />
14251433
<Content Include="Scripts\syntaxhighlighter\editor_plugin.js" />
14261434
<Content Include="Scripts\syntaxhighlighter\editor_plugin_src.js" />
14271435
<Content Include="Scripts\syntaxhighlighter\images\syntaxhighlighter.gif" />
@@ -2745,11 +2753,15 @@
27452753
<Folder Include="App_Data\posts\" />
27462754
<Folder Include="bin\" />
27472755
</ItemGroup>
2756+
<ItemGroup>
2757+
<Service Include="{4A0DDDB5-7A95-4FBF-97CC-616D07737A77}" />
2758+
</ItemGroup>
27482759
<PropertyGroup>
27492760
<VisualStudioVersion Condition="'$(VisualStudioVersion)' == ''">10.0</VisualStudioVersion>
27502761
<VSToolsPath Condition="'$(VSToolsPath)' == ''">$(MSBuildExtensionsPath32)\Microsoft\VisualStudio\v$(VisualStudioVersion)</VSToolsPath>
27512762
</PropertyGroup>
27522763
<Import Project="$(MSBuildBinPath)\Microsoft.CSharp.targets" />
2764+
<Import Project="$(MSBuildExtensionsPath32)\Microsoft\VisualStudio\v$(VisualStudioVersion)\TypeScript\Microsoft.TypeScript.targets" Condition="Exists('$(MSBuildExtensionsPath32)\Microsoft\VisualStudio\v$(VisualStudioVersion)\TypeScript\Microsoft.TypeScript.targets')" />
27532765
<Import Project="$(VSToolsPath)\WebApplications\Microsoft.WebApplication.targets" Condition="'$(VSToolsPath)' != ''" />
27542766
<Import Project="$(MSBuildExtensionsPath32)\Microsoft\VisualStudio\v10.0\WebApplications\Microsoft.WebApplication.targets" Condition="false" />
27552767
<ProjectExtensions>

‎BlogEngine/BlogEngine.NET/Content/OwlCarousel/AjaxLoader.gif‎

1.48 KB
Loading

‎BlogEngine/BlogEngine.NET/Content/OwlCarousel/grabbing.png‎

116 Bytes
Loading

‎BlogEngine/BlogEngine.NET/Content/OwlCarousel/owl.carousel.css‎

Lines changed: 71 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,71 @@
1+
/*
2+
* Core Owl Carousel CSS File
3+
* v1.3.3
4+
*/
5+
6+
/* clearfix */
7+
.owl-carousel .owl-wrapper:after {
8+
content: ".";
9+
display: block;
10+
clear: both;
11+
visibility: hidden;
12+
line-height: 0;
13+
height: 0;
14+
}
15+
/* display none until init */
16+
.owl-carousel{
17+
display: none;
18+
position: relative;
19+
width: 100%;
20+
-ms-touch-action: pan-y;
21+
}
22+
.owl-carousel .owl-wrapper{
23+
display: none;
24+
position: relative;
25+
-webkit-transform: translate3d(0px, 0px, 0px);
26+
}
27+
.owl-carousel .owl-wrapper-outer{
28+
overflow: hidden;
29+
position: relative;
30+
width: 100%;
31+
}
32+
.owl-carousel .owl-wrapper-outer.autoHeight{
33+
-webkit-transition: height 500ms ease-in-out;
34+
-moz-transition: height 500ms ease-in-out;
35+
-ms-transition: height 500ms ease-in-out;
36+
-o-transition: height 500ms ease-in-out;
37+
transition: height 500ms ease-in-out;
38+
}
39+
40+
.owl-carousel .owl-item{
41+
float: left;
42+
}
43+
.owl-controls .owl-page,
44+
.owl-controls .owl-buttons div{
45+
cursor: pointer;
46+
}
47+
.owl-controls {
48+
-webkit-user-select: none;
49+
-khtml-user-select: none;
50+
-moz-user-select: none;
51+
-ms-user-select: none;
52+
user-select: none;
53+
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
54+
}
55+
56+
/* mouse grab icon */
57+
.grabbing {
58+
cursor:url(grabbing.png) 8 8, move;
59+
}
60+
61+
/* fix */
62+
.owl-carousel .owl-wrapper,
63+
.owl-carousel .owl-item{
64+
-webkit-backface-visibility: hidden;
65+
-moz-backface-visibility: hidden;
66+
-ms-backface-visibility: hidden;
67+
-webkit-transform: translate3d(0,0,0);
68+
-moz-transform: translate3d(0,0,0);
69+
-ms-transform: translate3d(0,0,0);
70+
}
71+

‎BlogEngine/BlogEngine.NET/Content/OwlCarousel/owl.theme.css‎

Lines changed: 79 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,79 @@
1+
/*
2+
* Owl Carousel Owl Demo Theme
3+
* v1.3.3
4+
*/
5+
6+
.owl-theme .owl-controls{
7+
margin-top: 10px;
8+
text-align: center;
9+
}
10+
11+
/* Styling Next and Prev buttons */
12+
13+
.owl-theme .owl-controls .owl-buttons div{
14+
color: #FFF;
15+
display: inline-block;
16+
zoom: 1;
17+
*display: inline;/*IE7 life-saver */
18+
margin: 5px;
19+
padding: 3px 10px;
20+
font-size: 12px;
21+
-webkit-border-radius: 30px;
22+
-moz-border-radius: 30px;
23+
border-radius: 30px;
24+
background: #869791;
25+
filter: Alpha(Opacity=50);/*IE7 fix*/
26+
opacity: 0.5;
27+
}
28+
/* Clickable class fix problem with hover on touch devices */
29+
/* Use it for non-touch hover action */
30+
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
31+
filter: Alpha(Opacity=100);/*IE7 fix*/
32+
opacity: 1;
33+
text-decoration: none;
34+
}
35+
36+
/* Styling Pagination*/
37+
38+
.owl-theme .owl-controls .owl-page{
39+
display: inline-block;
40+
zoom: 1;
41+
*display: inline;/*IE7 life-saver */
42+
}
43+
.owl-theme .owl-controls .owl-page span{
44+
display: block;
45+
width: 12px;
46+
height: 12px;
47+
margin: 5px 7px;
48+
filter: Alpha(Opacity=50);/*IE7 fix*/
49+
opacity: 0.5;
50+
-webkit-border-radius: 20px;
51+
-moz-border-radius: 20px;
52+
border-radius: 20px;
53+
background: #869791;
54+
}
55+
56+
.owl-theme .owl-controls .owl-page.active span,
57+
.owl-theme .owl-controls.clickable .owl-page:hover span{
58+
filter: Alpha(Opacity=100);/*IE7 fix*/
59+
opacity: 1;
60+
}
61+
62+
/* If PaginationNumbers is true */
63+
64+
.owl-theme .owl-controls .owl-page span.owl-numbers{
65+
height: auto;
66+
width: auto;
67+
color: #FFF;
68+
padding: 2px 10px;
69+
font-size: 12px;
70+
-webkit-border-radius: 30px;
71+
-moz-border-radius: 30px;
72+
border-radius: 30px;
73+
}
74+
75+
/* preloading images */
76+
.owl-item.loading{
77+
min-height: 150px;
78+
background: url(AjaxLoader.gif) no-repeat center center
79+
}

‎BlogEngine/BlogEngine.NET/Content/OwlCarousel/owl.transitions.css‎

Lines changed: 163 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,163 @@
1+
/*
2+
* Owl Carousel CSS3 Transitions
3+
* v1.3.2
4+
*/
5+
6+
.owl-origin {
7+
-webkit-perspective: 1200px;
8+
-webkit-perspective-origin-x : 50%;
9+
-webkit-perspective-origin-y : 50%;
10+
-moz-perspective : 1200px;
11+
-moz-perspective-origin-x : 50%;
12+
-moz-perspective-origin-y : 50%;
13+
perspective : 1200px;
14+
}
15+
/* fade */
16+
.owl-fade-out {
17+
z-index: 10;
18+
-webkit-animation: fadeOut .7s both ease;
19+
-moz-animation: fadeOut .7s both ease;
20+
animation: fadeOut .7s both ease;
21+
}
22+
.owl-fade-in {
23+
-webkit-animation: fadeIn .7s both ease;
24+
-moz-animation: fadeIn .7s both ease;
25+
animation: fadeIn .7s both ease;
26+
}
27+
/* backSlide */
28+
.owl-backSlide-out {
29+
-webkit-animation: backSlideOut 1s both ease;
30+
-moz-animation: backSlideOut 1s both ease;
31+
animation: backSlideOut 1s both ease;
32+
}
33+
.owl-backSlide-in {
34+
-webkit-animation: backSlideIn 1s both ease;
35+
-moz-animation: backSlideIn 1s both ease;
36+
animation: backSlideIn 1s both ease;
37+
}
38+
/* goDown */
39+
.owl-goDown-out {
40+
-webkit-animation: scaleToFade .7s ease both;
41+
-moz-animation: scaleToFade .7s ease both;
42+
animation: scaleToFade .7s ease both;
43+
}
44+
.owl-goDown-in {
45+
-webkit-animation: goDown .6s ease both;
46+
-moz-animation: goDown .6s ease both;
47+
animation: goDown .6s ease both;
48+
}
49+
/* scaleUp */
50+
.owl-fadeUp-in {
51+
-webkit-animation: scaleUpFrom .5s ease both;
52+
-moz-animation: scaleUpFrom .5s ease both;
53+
animation: scaleUpFrom .5s ease both;
54+
}
55+
56+
.owl-fadeUp-out {
57+
-webkit-animation: scaleUpTo .5s ease both;
58+
-moz-animation: scaleUpTo .5s ease both;
59+
animation: scaleUpTo .5s ease both;
60+
}
61+
/* Keyframes */
62+
/*empty*/
63+
@-webkit-keyframes empty {
64+
0% {opacity: 1}
65+
}
66+
@-moz-keyframes empty {
67+
0% {opacity: 1}
68+
}
69+
@keyframes empty {
70+
0% {opacity: 1}
71+
}
72+
@-webkit-keyframes fadeIn {
73+
0% { opacity:0; }
74+
100% { opacity:1; }
75+
}
76+
@-moz-keyframes fadeIn {
77+
0% { opacity:0; }
78+
100% { opacity:1; }
79+
}
80+
@keyframes fadeIn {
81+
0% { opacity:0; }
82+
100% { opacity:1; }
83+
}
84+
@-webkit-keyframes fadeOut {
85+
0% { opacity:1; }
86+
100% { opacity:0; }
87+
}
88+
@-moz-keyframes fadeOut {
89+
0% { opacity:1; }
90+
100% { opacity:0; }
91+
}
92+
@keyframes fadeOut {
93+
0% { opacity:1; }
94+
100% { opacity:0; }
95+
}
96+
@-webkit-keyframes backSlideOut {
97+
25% { opacity: .5; -webkit-transform: translateZ(-500px); }
98+
75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
99+
100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
100+
}
101+
@-moz-keyframes backSlideOut {
102+
25% { opacity: .5; -moz-transform: translateZ(-500px); }
103+
75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
104+
100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
105+
}
106+
@keyframes backSlideOut {
107+
25% { opacity: .5; transform: translateZ(-500px); }
108+
75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
109+
100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
110+
}
111+
@-webkit-keyframes backSlideIn {
112+
0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
113+
75% { opacity: .5; -webkit-transform: translateZ(-500px); }
114+
100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
115+
}
116+
@-moz-keyframes backSlideIn {
117+
0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
118+
75% { opacity: .5; -moz-transform: translateZ(-500px); }
119+
100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
120+
}
121+
@keyframes backSlideIn {
122+
0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
123+
75% { opacity: .5; transform: translateZ(-500px); }
124+
100% { opacity: 1; transform: translateZ(0) translateX(0); }
125+
}
126+
@-webkit-keyframes scaleToFade {
127+
to { opacity: 0; -webkit-transform: scale(.8); }
128+
}
129+
@-moz-keyframes scaleToFade {
130+
to { opacity: 0; -moz-transform: scale(.8); }
131+
}
132+
@keyframes scaleToFade {
133+
to { opacity: 0; transform: scale(.8); }
134+
}
135+
@-webkit-keyframes goDown {
136+
from { -webkit-transform: translateY(-100%); }
137+
}
138+
@-moz-keyframes goDown {
139+
from { -moz-transform: translateY(-100%); }
140+
}
141+
@keyframes goDown {
142+
from { transform: translateY(-100%); }
143+
}
144+
145+
@-webkit-keyframes scaleUpFrom {
146+
from { opacity: 0; -webkit-transform: scale(1.5); }
147+
}
148+
@-moz-keyframes scaleUpFrom {
149+
from { opacity: 0; -moz-transform: scale(1.5); }
150+
}
151+
@keyframes scaleUpFrom {
152+
from { opacity: 0; transform: scale(1.5); }
153+
}
154+
155+
@-webkit-keyframes scaleUpTo {
156+
to { opacity: 0; -webkit-transform: scale(1.5); }
157+
}
158+
@-moz-keyframes scaleUpTo {
159+
to { opacity: 0; -moz-transform: scale(1.5); }
160+
}
161+
@keyframes scaleUpTo {
162+
to { opacity: 0; transform: scale(1.5); }
163+
}

0 commit comments

Comments
 (0)