schöner jetzt

This commit is contained in:
Luke
2020-08-07 13:59:20 +02:00
parent 31f34b7e7e
commit 158e26bc92
2 changed files with 51 additions and 51 deletions

Binary file not shown.

View File

@@ -1,60 +1,60 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head> <head>
<meta charset="utf-8" /> <meta charset="UTF-8">
<title>Wanteds</title> <meta content="width=device-width, initial-scale=1.0" name="viewport">
<style> <title>Wanteds</title>
html, body {
margin: 0;
padding: 0;
}
#wanteds { <style>
position: absolute; @font-face { font-family: 'Pricedown'; src: url('package://assets/font/Pricedown.ttf'); }
display: flex; html, body { margin: 0; padding: 0; }
justify-content: center;
align-items: center;
top: 40px;
right: 20px;
height: 50px;
padding-top: 10px;
line-height: 50px;
user-select: none;
}
#wanteds img { #wanteds {
width: 35px; position: absolute;
height: 35px; display: flex;
} justify-content: flex-end;
align-items: center;
top: 65px;
right: 22px;
user-select: none;
}
#wanteds span { #wanteds img {
margin-top: 10px; width: 25px;
margin-left: 5px; height: 25px;
margin-right: 15px; margin-right: 5px;
font-size: 30px;
color: white; filter: drop-shadow(0px 0px 1px #000000);
font-family: Arial, Helvetica, sans-serif; -webkit-filter: drop-shadow(0px 0px 1px #000000);
font-weight: bolder; -moz-filter: drop-shadow(0px 0px 1px #000000);
} }
</style>
#wanteds span {
color: white;
font-family: "Pricedown", sans-serif;
font-size: 2.5em;
line-height: 1;
-webkit-text-stroke: 1px black;
margin-top: -5px;
}
</style>
</head> </head>
<body>
<div id="wanteds" style="display: none;">
<img src="package://assets/img/wanteds/star.svg" />
<span id="wanted-count">10</span>
</div>
<script src="package://assets/js/jquery-3.3.1.min.js"></script> <body>
<script type="text/javascript"> <div id="wanteds" style="display: none;">
function setWanteds(count) { <img src="package://assets/img/wanteds/star.svg"> <span id="wanted-count">10</span>
if (count === 0) { </div>
$("#wanteds").hide();
} else { <script src="package://assets/js/jquery-3.3.1.min.js"></script>
$("#wanteds").show(); <script type="text/javascript">
$("#wanted-count").text(count.toString()); function setWanteds(count) {
} if (count === 0) {
} $("#wanteds").hide();
</script> } else {
$("#wanteds").show();
$("#wanted-count").text(count.toString());
}
}
</script>
</body> </body>
</html> </html>