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>
|
<hr><?php echo printDescription($description, "en") ?><hr>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="psm-screenshots">
|
<div id="psm-screenshots" class="blue-scrollbar">
|
||||||
<?php echo printScreenshotsImgTags($screenshot, $latestVersion, $game) ?>
|
<?php echo printScreenshotsImgTags($screenshot, $latestVersion, $game) ?>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
@ -248,6 +248,9 @@ include("header.php");
|
||||||
$isPlayable = $playableList[$titleid] == 1 || file_exists("psdp-packages/".$titleid.".psdp");
|
$isPlayable = $playableList[$titleid] == 1 || file_exists("psdp-packages/".$titleid.".psdp");
|
||||||
$hasSimulator = file_exists("decrypted-files/".$titleid.".zip");
|
$hasSimulator = file_exists("decrypted-files/".$titleid.".zip");
|
||||||
$isPlayablePending = false;
|
$isPlayablePending = false;
|
||||||
|
|
||||||
|
preg_match('/https?:\/\/(?:www\.)?(.+[^\/])/', $website, $website_array);
|
||||||
|
$websitePretty = $website_array[1];
|
||||||
|
|
||||||
if($searchUsed)
|
if($searchUsed)
|
||||||
{
|
{
|
||||||
|
@ -345,7 +348,7 @@ include("header.php");
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
<object>
|
<object>
|
||||||
<a class="white" href="<?php echo $website ?>"><?php echo $website ?></a>
|
<a class="white" href="<?php echo $website ?>"><?php echo $websitePretty ?></a>
|
||||||
</object>
|
</object>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
|
|
39
style.css
39
style.css
|
@ -16,6 +16,7 @@
|
||||||
.sitename > span {
|
.sitename > span {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
position: absolute;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sitemap {
|
.sitemap {
|
||||||
|
@ -206,6 +207,10 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.psm-game-info > object > a {
|
||||||
|
padding-left: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
.psm-meta {
|
.psm-meta {
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
|
@ -241,9 +246,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.psm-meta > #psm-description{
|
.psm-meta > #psm-description{
|
||||||
margin: 2%;
|
margin: 2% 2% 0%;
|
||||||
font-weight: bold;
|
width: 96%;
|
||||||
width: 96%;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.psm-meta > #psm-screenshots{
|
.psm-meta > #psm-screenshots{
|
||||||
|
@ -427,7 +431,6 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.button-disabled{
|
.button-disabled{
|
||||||
|
|
||||||
width: 300px;
|
width: 300px;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
|
|
||||||
|
@ -441,4 +444,32 @@
|
||||||
color: #cfd2d3;
|
color: #cfd2d3;
|
||||||
cursor: arrow;
|
cursor: arrow;
|
||||||
border-radius: 20px;
|
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