NodeBB/nodebb.org
2
0
Fork 0
mirror of https://hk.gh-proxy.com/https://github.com/NodeBB/nodebb.org.git synced 2025-10-03 08:43:39 +08:00
Code Issues Projects Packages Wiki Activity Actions

get rid of some css

Browse source
This commit is contained in:
Barış Soner Uşaklı 2025-03-18 09:38:08 -04:00
parent 7f0a9413ba
commit 9a92c17d8e
3 changed files with 7 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

22
css/style.css
View file

@ -37,28 +37,8 @@ button { font-family: 'Poppins', sans-serif; }
}
.screenshot {
transition: transform 0.3s ease;
position: absolute;
}
.screenshot.desktop {
z-index: 1;
top: 0;
right: 20px;
width: 500px;
}
.screenshot.tablet {
z-index: 2;
top: 80px;
right: 100px;
width: 250px;
}

.screenshot.mobile {
z-index: 3;
top: 150px;
right: 0px;
width: 160px;
}
.screenshot.zoom:hover {
transform: scale(1.05);
z-index: 10;
z-index: 10!important;
}

6
index.html
View file

@ -99,9 +99,9 @@
</div>
<div class="col-12 col-md-6 d-none d-lg-block" style="height: 470px;">
<div class="screenshot-stack position-relative w-100 h-100">
<a href="images/desktop-view.png" target="_blank"><img src="images/desktop-view.png" alt="Desktop Screenshot" class="screenshot zoom desktop shadow rounded-2"></a>
<a href="images/tablet-view.png" target="_blank"><img src="images/tablet-view.png" alt="Tablet Screenshot" class="screenshot zoom tablet shadow rounded-2"></a>
<a href="images/mobile-view.png" target="_blank"><img src="images/mobile-view.png" alt="Mobile Screenshot" class="screenshot zoom mobile shadow rounded-2"></a>
<a href="images/desktop-view.png" target="_blank"><img src="images/desktop-view.png" alt="Desktop Screenshot" class="screenshot position-absolute z-1 zoom desktop shadow rounded-2" style="top:0; right: 20px; width:500px;"></a>
<a href="images/tablet-view.png" target="_blank"><img src="images/tablet-view.png" alt="Tablet Screenshot" class="screenshot position-absolute z-2 zoom tablet shadow rounded-2" style="top: 80px; right: 100px; width:250px;"></a>
<a href="images/mobile-view.png" target="_blank"><img src="images/mobile-view.png" alt="Mobile Screenshot" class="screenshot position-absolute z-3 zoom mobile shadow rounded-2" style="top:150px; right: 0px; width: 160px;"></a>
</div>
</div>
</div>

6
product.html
View file

@ -103,9 +103,9 @@
</div>
<div class="col-12 col-lg-8 col-xl-7 col-xxl-6 d-none d-lg-block" style="height: 400px;">
<div class="screenshot-stack position-relative w-100 h-100">
<img src="images/Microsoft-Surface-Studio.png" alt="Desktop Screenshot" class="screenshot desktop" style="right: 40px;">
<img src="images/Microsoft-Surface-Book.png" alt="Tablet Screenshot" class="screenshot tablet" style="top: 200px; right: 0px;">
<img src="images/Samsung-Galaxy-S10.png" alt="Mobile Screenshot" class="screenshot mobile" style="top: 250px; right:440px;">
<img src="images/Microsoft-Surface-Studio.png" alt="Desktop Screenshot" class="screenshot position-absolute desktop" style="top:0; right: 40px; width: 500px;">
<img src="images/Microsoft-Surface-Book.png" alt="Tablet Screenshot" class="screenshot position-absolute tablet" style="top: 200px; right: 0px; width: 250px">
<img src="images/Samsung-Galaxy-S10.png" alt="Mobile Screenshot" class="screenshot position-absolute mobile" style="top: 250px; right:440px; width: 160px;">
</div>
</div>
</div>