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"];
}
} else {
$url = "no-thumbnail.png";
$url = "images/no-thumbnail.png";
}
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">
<link rel="stylesheet" href="style.css">
<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="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<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) ?>
</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 "</div>";
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 "<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"]) {

30
style.css
View File

@@ -1,5 +1,18 @@
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 {
@@ -24,12 +37,13 @@ body{
.game{
width: 500px;
background: #00b0bc;
border: 1px solid #027c84;
background: #cadbeb;
border: 1px solid #3b6f9d;
border-radius: 2px;
margin-top: 10px;
display: block;
overflow: auto;
opacity: 0.9;
}
#message {
@@ -67,17 +81,19 @@ body{
}
.orderby {
color: #1f3b53;
font-weight: bold;
align-content: center;
display: inline-block;
background-color: #B7B7B7;
border: 1px solid #333333;
background-color: #95b8d7;
border: 1px solid #274a68;
border-radius: 2px;
}
.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;
}