Permalink
Browse files

scroll action

  • Loading branch information...
1 parent 6e1d74b commit a5fc2b7f081a7484cd4765ab228b35cdba50efca @ajacksified committed May 10, 2012
View
@@ -18,7 +18,7 @@ a:visited {
color: #c49d00;
}
-h1, h2, h3, th {
+h1, h2, h3 {
color: #D5AA13;
font-weight: normal;
}
@@ -44,10 +44,100 @@ form {
}
article {
- border-top: solid 1px rgba(255,255,255,.25);
- margin-top: 10px;
- padding-top: 10px;
text-align: center;
+ width: 595px;
+ margin: auto;
+}
+
+.scroll-content {
+ width: 595px;
+ background: transparent url(../img/scroll-middle.png?what=safadsf) top center repeat-y;
+ color: #543;
+}
+
+.scroll-content h1, .scroll-content h2, .scroll-content h3 {
+ margin-top: 0;
+ color: #210;
+}
+
+.scroll-content h3 {
+ margin-top: 2em;
+}
+
+.scroll-content th {
+ color: #210;
+}
+
+.scroll-top {
+ width: 595px;
+ height: 158px;
+ background: transparent url(../img/scroll-top.png?top=2) top left no-repeat;
+ margin-top: 20px;
+}
+
+.scroll-bottom {
+ width: 595px;
+ height: 122px;
+ background: transparent url(../img/scroll-bottom.png) top right no-repeat;
+}
+
+button {
+ color: #fff;
+ padding: .25em .75em;
+
+ background: -moz-linear-gradient(
+ top,
+ #564288 0%,
+ #30254b);
+ background: -webkit-gradient(
+ linear, left top, left bottom,
+ from(#564288),
+ to(#30254b));
+
+ border-radius: 0px;
+ -moz-border-radius: 0px;
+ -webkit-border-radius: 0px;
+ border: 1px solid #261d3b;
+
+ -moz-box-shadow:
+ 0px 1px 3px rgba(000,000,000,0.5),
+ inset 0px 0px 2px rgba(255,255,255,0.7);
+ -webkit-box-shadow:
+ 0px 1px 3px rgba(000,000,000,0.5),
+ inset 0px 0px 2px rgba(255,255,255,0.7);
+ text-shadow:
+ 0px -1px 2px rgba(000,000,000,1),
+ 0px 1px 1px rgba(0,0,0,1);
+ border-radius: 5px;
+}
+
+button:hover {
+ background: -moz-linear-gradient(
+ top,
+ #665298 0%,
+ #40355b);
+ background: -webkit-gradient(
+ linear, left top, left bottom,
+ from(#665298),
+ to(#40355b));
+}
+
+button:active {
+ background: -moz-linear-gradient(
+ top,
+ #30254b 0%,
+ #564288);
+ background: -webkit-gradient(
+ linear, left top, left bottom,
+ from(#30254b),
+ to(#564288));
+}
+
+input {
+ border: solid 1px #564288;
+ border-radius: 5px;
+ box-shadow: none;
+ padding: .25em .75em;
}
table {
@@ -59,18 +149,6 @@ th, td {
padding: .5em;
}
-tr:nth-child(odd){
- background: rgba(255,255,255,.075);
- border-bottom: solid 1px rgba(255,255,255,.25);
-}
-
-tr:hover {
- background: rgba(255,255,255,.15);
- -moz-transition: background .5s;
- -webkit-transition: background .5s;
- transition: background .5s;
-}
-
footer {
margin-top: 2em;
text-align: center;
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
@@ -18,12 +18,12 @@
<body>
<!--[if lte IE 7]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p><![endif]-->
<header>
- <h1>Neflaria PlayerViewer</h1>
+ <img src="img/vector_logo_512.png" alt="Neflaria PlayerViewer" />
</header>
<div role="main" id="main">
<form class="form" action="/" method="GET">
- <label for="player">Player Name</label>
+ <label for="player">Player:</label>
<input type="text" id="player" name="player" />
<button id="submit" type="submit">View</button>
</form>
@@ -36,85 +36,87 @@
</footer>
<script type='text/template' id='playerTemplate'>
- {{#player}}
- <h1>{{name}} {{lastname}}</h1>
- {{#cname}}<h2>Clan {{cname}}</h2>{{/cname}}
+ <div class="scroll-top">&nbsp;</div><div class="scroll-content">
+ {{#player}}
+ <h1>{{name}} {{lastname}}</h1>
+ {{#cname}}<h2>Clan {{cname}}</h2>{{/cname}}
- <table id="stats">
- <tbody>
- <tr>
- <th>Race</th>
- <td>{{race}}</td>
- </tr>
- <tr>
- <th>Gender</th>
- <td>{{gender}}</td>
- </tr>
- {{#rank_name}}
- <tr>
- <th>Rank</th>
- <td>{{rank_name}}</td>
- </tr>
- {{/rank_name}}
- <tr>
- <th>Level</th>
- <td>{{lvl}}</td>
- </tr>
- <tr>
- <th>Last active</th>
- <td>{{actiontime}}</td>
- </tr>
- <tr>
- <th>Last active</th>
- <td>{{actiontime}}</td>
- </tr>
- <tr>
- <th>Total PKs</th>
- <td>{{pks}}</td>
- </tr>
- <tr>
- <th>Completed Quests</th>
- <td>{{compquests}}</td>
- </tr>
- <tr>
- <th>Total Kills</th>
- <td>{{totalkills}}</td>
- </tr>
- <tr>
- <th>Dexterity</th>
- <td>{{dex}}</td>
- </tr>
- <tr>
- <th>Strength</th>
- <td>{{str}}</td>
- </tr>
- <tr>
- <th>Vitality</th>
- <td>{{vit}}</td>
- </tr>
- <tr>
- <th>Wisdom</th>
- <td>{{wis}}</td>
- </tr>
- <tr>
- <th>Intelligence</th>
- <td>{{ntl}}</td>
- </tr>
- <tr>
- <th>Banked Gold</th>
- <td>{{bank}}</td>
- </tr>
- </tbody>
- </table>
+ <table id="stats">
+ <tbody>
+ <tr>
+ <th>Race</th>
+ <td>{{race}}</td>
+ </tr>
+ <tr>
+ <th>Gender</th>
+ <td>{{gender}}</td>
+ </tr>
+ {{#rank_name}}
+ <tr>
+ <th>Rank</th>
+ <td>{{rank_name}}</td>
+ </tr>
+ {{/rank_name}}
+ <tr>
+ <th>Level</th>
+ <td>{{lvl}}</td>
+ </tr>
+ <tr>
+ <th>Last active</th>
+ <td>{{actiontime}}</td>
+ </tr>
+ <tr>
+ <th>Last active</th>
+ <td>{{actiontime}}</td>
+ </tr>
+ <tr>
+ <th>Total PKs</th>
+ <td>{{pks}}</td>
+ </tr>
+ <tr>
+ <th>Completed Quests</th>
+ <td>{{compquests}}</td>
+ </tr>
+ <tr>
+ <th>Total Kills</th>
+ <td>{{totalkills}}</td>
+ </tr>
+ <tr>
+ <th>Dexterity</th>
+ <td>{{dex}}</td>
+ </tr>
+ <tr>
+ <th>Strength</th>
+ <td>{{str}}</td>
+ </tr>
+ <tr>
+ <th>Vitality</th>
+ <td>{{vit}}</td>
+ </tr>
+ <tr>
+ <th>Wisdom</th>
+ <td>{{wis}}</td>
+ </tr>
+ <tr>
+ <th>Intelligence</th>
+ <td>{{ntl}}</td>
+ </tr>
+ <tr>
+ <th>Banked Gold</th>
+ <td>{{bank}}</td>
+ </tr>
+ </tbody>
+ </table>
- <h3>Earned Achievements</h3>
- {{#achievements}}
- <p>{{.}}</p>
- {{/achievements}}
- {{/player}}
- {{^player}}
- <h1>Player not found.</h1>
- {{/player}}
+ <h3>Earned Achievements</h3>
+ {{#achievements}}
+ <p>{{.}}</p>
+ {{/achievements}}
+ {{/player}}
+ {{^player}}
+ <h1>Player not found.</h1>
+ {{/player}}
+ </div><div class="scroll-bottom">&nbsp;</div>
</script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

0 comments on commit a5fc2b7

Please sign in to comment.