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

update slideshow images

Browse Source
This commit is contained in:
phoenixbyrd
2021-07-04 12:52:59 -04:00
parent e21642670c
commit 9ace00de2b
4 changed files with 36 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
carousel.css
View File

@@ -91,23 +91,33 @@
background:url('images/NewSlideShowImages/Twister10-Dark.png'); background:url('images/NewSlideShowImages/Twister10-Dark.png');
background-size:cover; background-size:cover;
} }
.item-8{ .item-8{
background:url('images/NewSlideShowImages/Twister11-slideshow.png');
background-size:cover;
}
.item-9{
background:url('images/NewSlideShowImages/Twister11-Dark-slideshow.png');
background-size:cover;
}
.item-10{
background:url('images/NewSlideShowImages/iTwister.png'); background:url('images/NewSlideShowImages/iTwister.png');
background-size:cover; background-size:cover;
} }
.item-9{ .item-11{
background:url('images/NewSlideShowImages/iTwister-Dark.png'); background:url('images/NewSlideShowImages/iTwister-Dark.png');
background-size:cover; background-size:cover;
} }
.item-10{ .item-12{
background:url('images/NewSlideShowImages/iTwisterSur.png'); background:url('images/NewSlideShowImages/iTwisterSur.png');
background-size:cover; background-size:cover;
} }
.item-11{ .item-13{
background:url('images/NewSlideShowImages/iTwisterSur-Dark.png'); background:url('images/NewSlideShowImages/iTwisterSur-Dark.png');
background-size:cover; background-size:cover;
} }
@@ -144,7 +154,7 @@
z-index: 7; z-index: 7;
opacity: 1; opacity: 1;
} }
#item-8:target ~ .item-8, #item-9:target ~ .item-9 { #item-8:target ~ .item-8, #item-9:target ~ .item-9 {
z-index: 8; z-index: 8;
opacity: 1; opacity: 1;
} }
@@ -159,7 +169,17 @@
opacity: 1; opacity: 1;
} }
#item-11:target ~ .item-11, #item-1:target ~ .item-1 { #item-11:target ~ .item-11, #item-1:target ~ .item-12 {
z-index: 11;
opacity: 1;
}
#item-12:target ~ .item-12, #item-1:target ~ .item-13 {
z-index: 11;
opacity: 1;
}
#item-13:target ~ .item-13, #item-1:target ~ .item-1 {
z-index: 11; z-index: 11;
opacity: 1; opacity: 1;
} }

BIN
images/NewSlideShowImages/Twister11-Dark-slideshow.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 200 KiB

BIN
images/NewSlideShowImages/Twister11-slideshow.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 204 KiB

10
index.html
View File

@@ -92,6 +92,16 @@
<div class="carousel-item item-11"> <div class="carousel-item item-11">
<a class="arrow arrow-prev" href="#item-10"></a> <a class="arrow arrow-prev" href="#item-10"></a>
<a class="arrow arrow-next" href="#item-12></a>
</div>
<div class="carousel-item item-11">
<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">
<a class="arrow arrow-prev" href="#item-12"></a>
<a class="arrow arrow-next" href="#item-1"></a> <a class="arrow arrow-next" href="#item-1"></a>
</div> </div>
</div> </div>