srizan/archived-TwisterOS
1
0
Fork 0
mirror of https://github.com/SrIzan10/TwisterOS.git synced 2026-05-01 11:05:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix carousel

Browse Source
This commit is contained in:
phoenixbyrd
2021-07-04 15:41:17 -04:00
parent 29ebda1e9a
commit e8da7fbede
2 changed files with 10 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
carousel.css
View File

@@ -169,18 +169,19 @@
opacity: 1;
}
#item-11:target ~ .item-11, #item-1:target ~ .item-12 {
#item-11:target ~ .item-11, #item-12:target ~ .item-12 {
z-index: 11;
opacity: 1;
}
#item-12:target ~ .item-12, #item-1:target ~ .item-13 {
z-index: 11;
#item-12:target ~ .item-12, #item-13:target ~ .item-13 {
z-index: 12;
opacity: 1;
}
#item-13:target ~ .item-13, #item-1:target ~ .item-1 {
z-index: 11;
z-index: 12;
opacity: 1;
}

8
index.html
View File

@@ -39,9 +39,11 @@
<span id="item-9"></span>
<span id="item-10"></span>
<span id="item-11"></span>
<span id="item-12"></span>
<span id="item-13"></span>
<div class="carousel-item item-1">
<a class="arrow arrow-prev" href="#item-11"></a>
<a class="arrow arrow-prev" href="#item-13"></a>
<a class="arrow arrow-next" href="#item-2"></a>
</div>
@@ -95,12 +97,12 @@
<a class="arrow arrow-next" href="#item-12"></a>
</div>
<div class="carousel-item item-11">
<div class="carousel-item item-12">
<a class="arrow arrow-prev" href="#item-11"></a>
<a class="arrow arrow-next" href="#item-13"></a>
</div>
<div class="carousel-item item-11">
<div class="carousel-item item-13">
<a class="arrow arrow-prev" href="#item-12"></a>
<a class="arrow arrow-next" href="#item-1"></a>
</div>