CSS style using color pallet and background image... not sure about it ?
This commit is contained in:
@@ -73,7 +73,7 @@ class ps4 {
|
||||
$url = $row["thumbnail_url"];
|
||||
}
|
||||
} else {
|
||||
$url = "no-thumbnail.png";
|
||||
$url = "images/no-thumbnail.png";
|
||||
}
|
||||
return $url;
|
||||
}
|
||||
|
||||
|
Before Width: | Height: | Size: 114 KiB After Width: | Height: | Size: 114 KiB |
BIN
images/background/playstation-minimalism2.jpg
Normal file
BIN
images/background/playstation-minimalism2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 106 KiB |
BIN
images/background/wp2127868.png
Normal file
BIN
images/background/wp2127868.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 164 KiB |
|
Before Width: | Height: | Size: 5.7 KiB After Width: | Height: | Size: 5.7 KiB |
@@ -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
4
page.php
@@ -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
30
style.css
@@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user