Skip to content

Commit 1e9a70e

Browse files
xh9998xh9998
committed
videos
0 parents  commit 1e9a70e

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

69 files changed

+17665
-0
lines changed

‎.gitattributes‎

Whitespace-only changes.

‎README.md‎

Whitespace-only changes.

‎assets/.DS_Store‎

10 KB
Binary file not shown.

‎assets/css/bulma-carousel.min.css‎

Lines changed: 211 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,211 @@
1+
@-webkit-keyframes spinAround {
2+
from {
3+
-webkit-transform: rotate(0);
4+
transform:rotate(0)
5+
}
6+
7+
to {
8+
-webkit-transform: rotate(359deg);
9+
transform:rotate(359deg)
10+
}
11+
}
12+
13+
@keyframes spinAround {
14+
from {
15+
-webkit-transform: rotate(0);
16+
transform:rotate(0)
17+
}
18+
19+
to {
20+
-webkit-transform: rotate(359deg);
21+
transform:rotate(359deg)
22+
}
23+
}
24+
25+
.slider {
26+
position: relative;
27+
width:100%
28+
}
29+
30+
.slider-container {
31+
display: flex;
32+
flex-wrap: nowrap;
33+
flex-direction: row;
34+
overflow: hidden;
35+
-webkit-transform: translate3d(0, 0, 0);
36+
transform: translate3d(0, 0, 0);
37+
min-height:100%
38+
}
39+
40+
.slider-container.is-vertical {
41+
flex-direction:column
42+
}
43+
44+
.slider-container .slider-item {
45+
flex:none
46+
}
47+
48+
.slider-container .slider-item .image.is-covered img {
49+
-o-object-fit: cover;
50+
object-fit: cover;
51+
-o-object-position: center center;
52+
object-position: center center;
53+
height: 100%;
54+
width:100%
55+
}
56+
57+
.slider-container .slider-item .video-container {
58+
height: 0;
59+
padding-bottom: 0;
60+
padding-top: 56.25%;
61+
margin: 0;
62+
position:relative
63+
}
64+
65+
.slider-container .slider-item .video-container.is-1by1, .slider-container .slider-item .video-container.is-square {
66+
padding-top:100%
67+
}
68+
69+
.slider-container .slider-item .video-container.is-4by3 {
70+
padding-top:75%
71+
}
72+
73+
.slider-container .slider-item .video-container.is-21by9 {
74+
padding-top:42.857143%
75+
}
76+
77+
.slider-container .slider-item .video-container embed, .slider-container .slider-item .video-container iframe, .slider-container .slider-item .video-container object {
78+
position: absolute;
79+
top: 0;
80+
left: 0;
81+
width: 100% !important;
82+
height:100% !important
83+
}
84+
85+
.slider-navigation-next, .slider-navigation-previous {
86+
display: flex;
87+
justify-content: center;
88+
align-items: center;
89+
position: absolute;
90+
width: 42px;
91+
height: 42px;
92+
background: #fff center center no-repeat;
93+
background-size: 20px 20px;
94+
border: 1px solid #fff;
95+
border-radius: 25091983px;
96+
box-shadow: 0 2px 5px #3232321a;
97+
top: 50%;
98+
margin-top: -20px;
99+
left: 0;
100+
cursor: pointer;
101+
transition: opacity .3s, -webkit-transform .3s;
102+
transition: transform .3s, opacity .3s;
103+
transition:transform .3s, opacity .3s, -webkit-transform .3s
104+
}
105+
106+
.slider-navigation-next:hover, .slider-navigation-previous:hover {
107+
-webkit-transform: scale(1.2);
108+
transform:scale(1.2)
109+
}
110+
111+
.slider-navigation-next.is-hidden, .slider-navigation-previous.is-hidden {
112+
display: none;
113+
opacity:0
114+
}
115+
116+
.slider-navigation-next svg, .slider-navigation-previous svg {
117+
width:25%
118+
}
119+
120+
.slider-navigation-next {
121+
left: auto;
122+
right: 0;
123+
background: #fff center center no-repeat;
124+
background-size:20px 20px
125+
}
126+
127+
.slider-pagination {
128+
display: none;
129+
justify-content: center;
130+
align-items: center;
131+
position: absolute;
132+
bottom: 0;
133+
left: 0;
134+
right: 0;
135+
padding: .5rem 1rem;
136+
text-align:center
137+
}
138+
139+
.slider-pagination .slider-page {
140+
background: #fff;
141+
width: 10px;
142+
height: 10px;
143+
border-radius: 25091983px;
144+
display: inline-block;
145+
margin: 0 3px;
146+
box-shadow: 0 2px 5px #3232321a;
147+
transition: -webkit-transform .3s;
148+
transition: transform .3s;
149+
transition: transform .3s, -webkit-transform .3s;
150+
cursor:pointer
151+
}
152+
153+
.slider-pagination .slider-page.is-active, .slider-pagination .slider-page:hover {
154+
-webkit-transform: scale(1.4);
155+
transform:scale(1.4)
156+
}
157+
158+
@media screen and (min-width: 800px) {
159+
.slider-pagination {
160+
display:flex
161+
}
162+
}
163+
164+
.hero.has-carousel {
165+
position:relative
166+
}
167+
168+
.hero.has-carousel + .hero-body, .hero.has-carousel + .hero-footer, .hero.has-carousel + .hero-head {
169+
z-index: 10;
170+
overflow:hidden
171+
}
172+
173+
.hero.has-carousel .hero-carousel {
174+
position: absolute;
175+
top: 0;
176+
left: 0;
177+
bottom: 0;
178+
right: 0;
179+
height: auto;
180+
border: none;
181+
margin: auto;
182+
padding: 0;
183+
z-index:0
184+
}
185+
186+
.hero.has-carousel .hero-carousel .slider {
187+
width: 100%;
188+
max-width: 100%;
189+
overflow: hidden;
190+
height: 100% !important;
191+
max-height: 100%;
192+
z-index:0
193+
}
194+
195+
.hero.has-carousel .hero-carousel .slider .has-background {
196+
max-height:100%
197+
}
198+
199+
.hero.has-carousel .hero-carousel .slider .has-background .is-background {
200+
-o-object-fit: cover;
201+
object-fit: cover;
202+
-o-object-position: center center;
203+
object-position: center center;
204+
height: 100%;
205+
width:100%
206+
}
207+
208+
.hero.has-carousel .hero-body {
209+
margin: 0 3rem;
210+
z-index: 10
211+
}

0 commit comments

Comments
 (0)