Permalink
Browse files

Add background color for alternate rows in tables

  • Loading branch information...
1 parent 39503ee commit f540ad3765f654c4887692da0ae336b34a7878af @karenc committed Aug 7, 2011
View
@@ -78,3 +78,15 @@ FORM {
padding: 10px 5px;
border-top: 2px solid #9BE;
}
+
+TABLE {
+ margin: 20px 0;
+}
+
+TH, TD {
+ padding: 5px 8px;
+}
+
+TR.even {
+ background-color: #ACE;
+}
View
@@ -0,0 +1,3 @@
+jQuery(document).ready(function() {
+ jQuery('table.with-color tr:even').addClass('even');
+});
View
@@ -18,7 +18,7 @@
<div class="tab-content">
{% if started %}
<form action="" method="post">
- <table>
+ <table class="with-color">
<tr>
<th>Question</th>
<th>Answer</th>
View
@@ -20,11 +20,7 @@
<input type="submit" value="Start hunt" />
</form>
{% endif %}
- <div>
- <a href="/hunt/{{ hunt.key.id }}/clues">Clues</a>
- <a href="/hunt/{{ hunt.key.id }}/teams">Teams</a>
- </div>
- <table>
+ <table class="with-color">
<tr><th>Question/Team</th>
{% for team in hunt.teams %}
<th>{{ team.name }}</th>
@@ -1 +1,3 @@
+<script type="text/javascript" src="/js/jquery-1.6.2.min.js"></script>
+<script type="text/javascript" src="/js/main.js"></script>
<link rel="stylesheet" href="/css/main.css" type="text/css" media="screen" />
View
@@ -17,7 +17,7 @@
</div>
<div>
<h2>Your Hunts:</h2>
- <table>
+ <table class="with-color">
<tr>
<th style="width: 130px">Hunt Name</th>
<th style="width: 130px">Status</th>
View
@@ -18,7 +18,7 @@
<div class="tab-content">
{% if started %}
<form action="" method="post">
- <table>
+ <table class="with-color">
<tr>
<th>Name</th>
<th>Phone Number</th>

0 comments on commit f540ad3

Please sign in to comment.