Make tables stripy.
This commit is contained in:
parent
36637c9f79
commit
8486f59985
|
@ -1,5 +1,6 @@
|
|||
table {
|
||||
border: 1px solid grey;
|
||||
background: #f0fff0;
|
||||
}
|
||||
|
||||
th {
|
||||
|
@ -29,3 +30,11 @@ th.book-medium {
|
|||
th.book-wide {
|
||||
min-width: 35em;
|
||||
}
|
||||
|
||||
tr.header {
|
||||
background: #f5f5f5;
|
||||
}
|
||||
|
||||
tr.odd {
|
||||
background: #ffffe0;
|
||||
}
|
||||
|
|
|
@ -7,11 +7,11 @@ Books by <strong><%= $author->name %></strong>
|
|||
<p/>
|
||||
<div>
|
||||
<table>
|
||||
<tr>
|
||||
<tr class="header">
|
||||
<th class="book-wide">Title</th>
|
||||
</tr>
|
||||
% for my $book ($book_page->all) {
|
||||
<tr>
|
||||
% my $n = 0; for my $book ($book_page->all) {
|
||||
<tr <%== 'class="odd"' if (++$n % 2) %>>
|
||||
<td><%= link_to(
|
||||
trct($book->title, 100) => gutenberg_url($book->gutenberg_id)
|
||||
) %>
|
||||
|
|
|
@ -16,12 +16,12 @@
|
|||
<p/>
|
||||
<div>
|
||||
<table>
|
||||
<tr>
|
||||
<tr class="header">
|
||||
<th class="count">Books</th>
|
||||
<th class="author-wide">Authored by</th>
|
||||
</tr>
|
||||
% for my $author ($author_page->all) {
|
||||
<tr>
|
||||
% my $n = 0; for my $author ($author_page->all) {
|
||||
<tr <%== 'class="odd"' if (++$n % 2) %>>
|
||||
<td class="count"><%= $author->books->count %></td>
|
||||
<td>
|
||||
<%= link_to($author->name => 'author' =>
|
||||
|
|
|
@ -19,11 +19,11 @@ author like '[no author]'.
|
|||
<p/>
|
||||
<div>
|
||||
<table>
|
||||
<tr>
|
||||
<tr class="header">
|
||||
<th class="book-medium">Title</th><th class="author-medium">Author</th>
|
||||
</tr>
|
||||
% for my $book ($book_page->all) {
|
||||
<tr>
|
||||
% my $n = 0; for my $book ($book_page->all) {
|
||||
<tr <%== 'class="odd"' if (++$n % 2) %>>
|
||||
<td><%= link_to(
|
||||
trct($book->title, 50) => gutenberg_url($book->gutenberg_id)
|
||||
) %>
|
||||
|
|
Loading…
Reference in New Issue