github/meteor
1
1
Fork 0
mirror of https://github.com/meteor/meteor.git synced 2026-05-02 03:01:46 -04:00
Code Issues Packages Projects Releases Wiki Activity

CSS changes to leaderboard

Browse Source
This commit is contained in:
Sashko Stubailo
2014-08-29 15:17:49 -07:00
parent 611298fb50
commit 08249e0797
2 changed files with 11 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
examples/leaderboard/leaderboard.css
View File

@@ -10,8 +10,8 @@ body {
user-select: none;
}
#outer {
width: 600px;
.outer {
width: 400px;
margin: 0 auto;
}
@@ -22,13 +22,13 @@ body {
.player .name {
display: inline-block;
width: 300px;
width: 290px;
font-size: 1.75em;
}
.player .score {
display: inline-block;
width: 100px;
width: 90px;
text-align: right;
font-size: 2em;
font-weight: bold;
@@ -49,8 +49,8 @@ body {
border-style: dashed none none none;
border-color: #ccc;
border-width: 4px;
margin: 50px 10px;
padding: 10px 0px;
margin: 50px 0;
padding: 10px 0;
}
.none {
@@ -58,5 +58,6 @@ body {
}
.inc {
cursor: pointer;
margin: 5px 0;
font-size: 0.6em;
}

5
examples/leaderboard/leaderboard.html
View File

@@ -1,9 +1,10 @@
<head>
<title>Leaderboard</title>
<meta name="viewport" content="width=device-width, user-scalable=no">
</head>
<body>
<div id="outer">
<div class="outer">
{{> leaderboard}}
</div>
</body>
@@ -18,7 +19,7 @@
{{#if selected_name}}
<div class="details">
<div class="name">{{selected_name}}</div>
<input type="button" class="inc" value="Give 5 points" />
<button class="inc">Give 5 points</button>
</div>
{{else}}
<div class="none">Click a player to select</div>