Redesigned book list

Signed-off-by: Gergely POLONKAI <polesz@w00d5t0ck.info>

src/KekRozsak/FrontBundle/Resources/public/css/book.css

@@ -0,0 +1,34 @@
+/* 
+    Document   : book.css
+    Created on : 2012.08.17., 18:23:37
+    Author     : Gergely Polonkai
+    Description:
+        CSS to style book stuff
+*/
+
+#book-list {
+    border: 1px solid #142965;
+    border-collapse: collapse;
+    margin: 1em auto 1em auto;
+    width: 100%;
+}
+
+#book-list thead td {
+    font-weight: bold;
+    height: 1.5 em;
+    border-bottom: 2px solid #142965;
+    padding: 3px;
+}
+
+#book-list tbody td {
+    padding: 5px;
+    border-bottom: 1px solid #142965;
+}
+
+#book-list tbody tr.odd td {
+    background-color: #abccdc;
+}
+
+#book-list tbody tr.even td {
+    background-color: #c6ecfe;
+}

src/KekRozsak/FrontBundle/Resources/public/css/main.css

@@ -13,7 +13,7 @@
 
 body {
     margin: 0;
-    background-color: #001100;
+    background-color: #000800;
     background-image: url('../images/rose_bg.png');
     background-repeat: no-repeat;
     background-attachment: fixed;

src/KekRozsak/FrontBundle/Resources/views/Book/list.html.twig

@@ -2,11 +2,20 @@
 #}
 {% extends 'KekRozsakFrontBundle:Default:main_template.html.twig' %}
 {% block title %} - Könyvtár{% endblock %}
+
+{% block buttonlist %}
+[Új könyv]
+{% if books|length > 0 %}
+[Saját könyveim]
+[Nálam lévő kölcsönzött könyvek]
+{% endif %}
+{% endblock buttonlist %}
+
 {% block content %}
 <h3>Könyvtár</h3>
-[Saját könyveim] [Nálam lévő kölcsönzött könyvek]
+{{ block('buttonlist') }}
 {% if books|length > 0 %}
-<table>
+<table id="book-list">
     <thead>
         <tr>
             <td>Szerző</td>
@@ -20,7 +29,7 @@
     </thead>
     <tbody>
 {% for book in books %}
-        <tr class="book-row popup-opener" id="book-{{ book.id }}">
+        <tr class="book-row popup-opener {{ cycle(['odd', 'even'], loop.index0) }}" id="book-{{ book.id }}">
             <td class="popup-opener">{{ book.author }}</td>
             <td>{{ book.title }}</td>
             <td>{{ book.year }}</td>
@@ -32,8 +41,10 @@
 {% endfor %}
     </tbody>
 </table>
+{{ block('buttonlist') }}
 {% endif %}
-{% endblock %}
+{% endblock content %}
+
 {% block bottomscripts %}
 <script type="text/javascript">
 $('.book-row').click(function() {