move carousel controls out
parent
33ad44efad
commit
24bce90439
|
@ -9,9 +9,6 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
.td-sidebar {
|
.td-sidebar {
|
||||||
padding-top: 5rem;
|
padding-top: 5rem;
|
||||||
|
@ -23,6 +20,17 @@
|
||||||
padding-top: 2.75rem;
|
padding-top: 2.75rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.carousel-control-next, .carousel-control-prev {
|
||||||
|
background-image: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.carousel-control-next {
|
||||||
|
right: -15%
|
||||||
|
}
|
||||||
|
|
||||||
|
.carousel-control-prev {
|
||||||
|
left: -15%
|
||||||
|
}
|
||||||
|
|
||||||
.rounded-img {
|
.rounded-img {
|
||||||
border-radius: 1rem;
|
border-radius: 1rem;
|
||||||
|
|
|
@ -9,13 +9,6 @@ linkTitle = "SelfPrivacy"
|
||||||
<div class="col-xs-12 col-md-4">
|
<div class="col-xs-12 col-md-4">
|
||||||
<div class="container rounded">
|
<div class="container rounded">
|
||||||
<div id="screenshotsCarouselControls" class="carousel slide" data-ride="carousel">
|
<div id="screenshotsCarouselControls" class="carousel slide" data-ride="carousel">
|
||||||
<ol class="carousel-indicators">
|
|
||||||
<li data-target="#screenshotsCarouselControls" data-slide-to="0"></li>
|
|
||||||
<li data-target="#screenshotsCarouselControls" data-slide-to="1"></li>
|
|
||||||
<li data-target="#screenshotsCarouselControls" data-slide-to="2" class="active"></li>
|
|
||||||
<li data-target="#screenshotsCarouselControls" data-slide-to="3"></li>
|
|
||||||
<li data-target="#screenshotsCarouselControls" data-slide-to="4"></li>
|
|
||||||
</ol>
|
|
||||||
<div class="carousel-inner rounded">
|
<div class="carousel-inner rounded">
|
||||||
<div class="carousel-item">
|
<div class="carousel-item">
|
||||||
<img class="d-block w-100" src="/images/screenshots/1-en.png" alt="First slide">
|
<img class="d-block w-100" src="/images/screenshots/1-en.png" alt="First slide">
|
||||||
|
@ -33,6 +26,13 @@ linkTitle = "SelfPrivacy"
|
||||||
<img class="d-block w-100" src="/images/screenshots/5-en.png" alt="Third slide">
|
<img class="d-block w-100" src="/images/screenshots/5-en.png" alt="Third slide">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<ol class="carousel-indicators position-relative">
|
||||||
|
<li data-target="#screenshotsCarouselControls" data-slide-to="0"></li>
|
||||||
|
<li data-target="#screenshotsCarouselControls" data-slide-to="1"></li>
|
||||||
|
<li data-target="#screenshotsCarouselControls" data-slide-to="2" class="active"></li>
|
||||||
|
<li data-target="#screenshotsCarouselControls" data-slide-to="3"></li>
|
||||||
|
<li data-target="#screenshotsCarouselControls" data-slide-to="4"></li>
|
||||||
|
</ol>
|
||||||
<a class="carousel-control-prev" href="#screenshotsCarouselControls" role="button" data-slide="prev">
|
<a class="carousel-control-prev" href="#screenshotsCarouselControls" role="button" data-slide="prev">
|
||||||
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
||||||
<span class="sr-only">Previous</span>
|
<span class="sr-only">Previous</span>
|
||||||
|
|
Loading…
Reference in New Issue