nka/ps4-gametime
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

CSS style using color pallet and background image... not sure about it ?

Browse Source
This commit is contained in:
Sebastien Plante
2018-12-05 09:38:16 -05:00
parent ea05581d14
commit 4d212ac009
8 changed files with 27 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
class.php
View File

@@ -73,7 +73,7 @@ class ps4 {
$url = $row["thumbnail_url"]; $url = $row["thumbnail_url"];
} }
} else { } else {
$url = "no-thumbnail.png"; $url = "images/no-thumbnail.png";
} }
return $url; return $url;
} }

0
playstation-minimalism.jpg → images/background/playstation-minimalism.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 114 KiB

After

Width:  |  Height:  |  Size: 114 KiB

BIN
images/background/playstation-minimalism2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 106 KiB

BIN
images/background/wp2127868.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 164 KiB

0
no-thumbnail.png → images/no-thumbnail.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.7 KiB

After

Width:  |  Height:  |  Size: 5.7 KiB

1
index.php
View File

@@ -17,6 +17,7 @@ $details = isset($_GET['details']) ? $_GET['details'] : "";
<meta name="viewport" content="width=device-width, initial-scale=0.80, maximum-scale=3, minimum-scale=0.80"> <meta name="viewport" content="width=device-width, initial-scale=0.80, maximum-scale=3, minimum-scale=0.80">
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Barlow' rel='stylesheet'>
<script type="text/javascript" src="updatethumbnail.js"></script> <script type="text/javascript" src="updatethumbnail.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script type="text/javascript"> <script type="text/javascript">

4
page.php
View File

@@ -12,7 +12,7 @@ $details = isset($_GET['details']) ? $_GET['details'] : "";
?> ?>
<div class="center500 padding-bottom-10"> <div class="refresh center500">
<strong>Last refresh : </strong> <?php echo date(DATE_RFC2822) ?> <strong>Last refresh : </strong> <?php echo date(DATE_RFC2822) ?>
</div> </div>
@@ -75,7 +75,7 @@ foreach ($games as $key => $value) {
echo "<img src=\"".$ps4->thumbnailurl($games[$key]["game_id"])."\" border=0 weight=\"80px\" height=\"80px\" onclick=\"thumbnailupdateurl('". $games[$key]["game_id"] ."', '". $games[$key]["game_name"] ."', '". $rootpage ."', '". $orderby ."', '". $details ."');\">"; echo "<img src=\"".$ps4->thumbnailurl($games[$key]["game_id"])."\" border=0 weight=\"80px\" height=\"80px\" onclick=\"thumbnailupdateurl('". $games[$key]["game_id"] ."', '". $games[$key]["game_name"] ."', '". $rootpage ."', '". $orderby ."', '". $details ."');\">";
echo "</div>"; echo "</div>";
echo "<div class=\"info\">"; echo "<div class=\"info\">";
echo "<strong>". $games[$key]["game_name"] ."</strong> (". $games[$key]["game_id"] .")"; echo "<strong>". $games[$key]["game_name"] ."</strong>";
echo "<br/>"; echo "<br/>";
echo "<div class=\"gameinfoline\"><div class=\"gameinfohead\">Total Time Played</div><div class=\"gameinfoseparator\"></div><div class=\"gameinfodetails\"><a href=\"".$rootpage."?orderby=".$orderby."&details="; echo "<div class=\"gameinfoline\"><div class=\"gameinfohead\">Total Time Played</div><div class=\"gameinfoseparator\"></div><div class=\"gameinfodetails\"><a href=\"".$rootpage."?orderby=".$orderby."&details=";
if ($details != $games[$key]["game_id"]) { if ($details != $games[$key]["game_id"]) {

30
style.css
View File

@@ -1,5 +1,18 @@
body{ body{
background-color: #d3d3d3; background-color: #eff4f9;
background-image: url("images/background/playstation-minimalism2.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
font-family: 'Barlow';font-size: 16px;
}
.refresh{
background: #cadbeb;
border: 1px solid #5f94c2;
border-radius: 2px;
display: block;
padding-bottom: 3px;
margin-bottom: 10px;
} }
.thumbnail { .thumbnail {
@@ -24,12 +37,13 @@ body{
.game{ .game{
width: 500px; width: 500px;
background: #00b0bc; background: #cadbeb;
border: 1px solid #027c84; border: 1px solid #3b6f9d;
border-radius: 2px; border-radius: 2px;
margin-top: 10px; margin-top: 10px;
display: block; display: block;
overflow: auto; overflow: auto;
opacity: 0.9;
} }
#message { #message {
@@ -67,17 +81,19 @@ body{
} }
.orderby { .orderby {
color: #1f3b53;
font-weight: bold;
align-content: center; align-content: center;
display: inline-block; display: inline-block;
background-color: #B7B7B7; background-color: #95b8d7;
border: 1px solid #333333; border: 1px solid #274a68;
border-radius: 2px; border-radius: 2px;
} }
.material-icons.md-arrow { .material-icons.md-arrow {
color: #848484; color: #5f94c2;
} }
.material-icons.md-arrow.md-active { color: #027c84; } .material-icons.md-arrow.md-active { color: #274a68; }
.vertical-align-middle { .vertical-align-middle {
vertical-align: middle; vertical-align: middle;
} }