forked from Li/psmreborn
pretty scroll bar
This commit is contained in:
parent
45fa627d88
commit
fced59ec00
|
@ -101,7 +101,7 @@ include("header.php");
|
|||
<hr><?php echo printDescription($description, "en") ?><hr>
|
||||
</div>
|
||||
|
||||
<div id="psm-screenshots">
|
||||
<div id="psm-screenshots" class="blue-scrollbar">
|
||||
<?php echo printScreenshotsImgTags($screenshot, $latestVersion, $game) ?>
|
||||
</div>
|
||||
|
||||
|
@ -249,6 +249,9 @@ include("header.php");
|
|||
$hasSimulator = file_exists("decrypted-files/".$titleid.".zip");
|
||||
$isPlayablePending = false;
|
||||
|
||||
preg_match('/https?:\/\/(?:www\.)?(.+[^\/])/', $website, $website_array);
|
||||
$websitePretty = $website_array[1];
|
||||
|
||||
if($searchUsed)
|
||||
{
|
||||
$search = $_GET["search"];
|
||||
|
@ -345,7 +348,7 @@ include("header.php");
|
|||
</tbody>
|
||||
</table>
|
||||
<object>
|
||||
<a class="white" href="<?php echo $website ?>"><?php echo $website ?></a>
|
||||
<a class="white" href="<?php echo $website ?>"><?php echo $websitePretty ?></a>
|
||||
</object>
|
||||
</div>
|
||||
</a>
|
||||
|
|
37
style.css
37
style.css
|
@ -16,6 +16,7 @@
|
|||
.sitename > span {
|
||||
height: 100%;
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.sitemap {
|
||||
|
@ -207,6 +208,10 @@
|
|||
flex-direction: column;
|
||||
}
|
||||
|
||||
.psm-game-info > object > a {
|
||||
padding-left: 4px;
|
||||
}
|
||||
|
||||
.psm-meta {
|
||||
backdrop-filter: blur(10px);
|
||||
}
|
||||
|
@ -241,8 +246,7 @@
|
|||
}
|
||||
|
||||
.psm-meta > #psm-description{
|
||||
margin: 2%;
|
||||
font-weight: bold;
|
||||
margin: 2% 2% 0%;
|
||||
width: 96%;
|
||||
}
|
||||
|
||||
|
@ -427,7 +431,6 @@
|
|||
}
|
||||
|
||||
.button-disabled{
|
||||
|
||||
width: 300px;
|
||||
height: 50px;
|
||||
|
||||
|
@ -442,3 +445,31 @@
|
|||
cursor: arrow;
|
||||
border-radius: 20px;
|
||||
}
|
||||
|
||||
a {
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.blue-scrollbar::-webkit-scrollbar-track
|
||||
{
|
||||
box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
|
||||
background-color: #11101000;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.blue-scrollbar::-webkit-scrollbar
|
||||
{
|
||||
width: 10px;
|
||||
background-color: rgba(0,0,0,0);
|
||||
}
|
||||
|
||||
.blue-scrollbar::-webkit-scrollbar-thumb
|
||||
{
|
||||
border-radius: 10px;
|
||||
background-image: linear-gradient(90deg, rgba(245,148,215,1) 0%, rgba(167,234,255,1) 94%);
|
||||
}
|
||||
|
||||
.blue-scrollbar {
|
||||
padding-bottom: 10px;
|
||||
margin-bottom: 2.5%;
|
||||
}
|
Loading…
Reference in New Issue