Added basic design to forum pages

src/KekRozsak/FrontBundle/Resources/views/Forum/post_list.html.twig

@@ -3,19 +3,17 @@
 {% block content %}
 <h3><a href="{{ path('KekRozsakFrontBundle_forum_main') }}">Fórum</a> - <a href="{{ path('KekRozsakFrontBundle_forum_topic_list', { topicGroupSlug: topicGroup.slug }) }}">{{ topicGroup.title }}</a> - {{ topic.title }}</h3>
 {% if topic.posts|length > 0 %}
-<table>
-	<thead>
-	</thead>
+<table class="post-lista">
 	<tbody>
 {% for post in topic.posts %}
 		<tr>
-			<td>
+			<td class="szoveg"><div>{{ post.text|raw }}</div></td>
+			<td class="felado">
 				{{ post.createdBy.displayName }}<br />
 				{{ post.createdAt|date('Y-m-d H:i') }}<br />
-				Admin<br />
+				Szint<br />
 				Tagság kezdete: {{ post.createdBy.RegisteredAt|date('Y-m-d') }}
 			</td>
-			<td>{{ post.text }}</td>
 		</tr>
 {% endfor %}
 	</tbody>

src/KekRozsak/FrontBundle/Resources/views/Forum/topic_group_list.html.twig

@@ -3,7 +3,7 @@
 {% block content %}
 <h3>Fórum</h3>
 {% for topicGroup in topicGroups %}
-<table id="temakor-lista">
+<table class="forum-lista">
 	<thead>
 		<tr>
 			<td colspan="2"><a href="{{ path('KekRozsakFrontBundle_forum_topic_list', {topicGroupSlug: topicGroup.slug}) }}">{{ topicGroup.title }}</a></td>
@@ -15,8 +15,8 @@
 	<tbody>
 {% if topicGroup.topics|length > 0 %}
 {% for topic in topicGroup.topics %}
-		<tr>
-			<td>[]</td>
+		<tr class="{{ cycle(['odd', 'even'], loop.index0) }}">
+			<td>[ikon]</td>
 			<td><a href="{{ path('KekRozsakFrontBundle_forum_post_list', {topicGroupSlug: topicGroup.slug, topicSlug: topic.slug}) }}">{{ topic.title }}</a></td>
 			<td></td>
 			<td></td>

src/KekRozsak/FrontBundle/Resources/views/Forum/topic_list.html.twig

@@ -3,12 +3,15 @@
 {% block content %}
 <h3><a href="{{ path('KekRozsakFrontBundle_forum_main') }}">Fórum</a> - {{ topicGroup.title }}</h3>
 {% if topicGroup.topics|length > 0 %}
-<table>
+<table class="forum-lista">
 	<thead>
+		<tr>
+			<td></td>
+		</tr>
 	</thead>
 	<tbody>
 {% for topic in topicGroup.topics %}
-		<tr>
+		<tr class="{{ cycle(['odd', 'even'], loop.index0) }}">
 			<td><a href="{{ path('KekRozsakFrontBundle_forum_post_list', { topicGroupSlug: topicGroup.slug, topicSlug: topic.slug }) }}">{{ topic.title }}</a></td>
 		</tr>
 {% endfor %}

web/css/kekrozsak_front.css

@@ -74,7 +74,7 @@ body {
 
 #hirek {
 	float: left;
-	color: #ddddff;
+	color: #aaaacc;
 	width: 215px;
 }
 
@@ -110,32 +110,72 @@ p.hir-datum {
 	margin: 0;
 }
 
-#temakor-lista {
+h3 a {
+	color: #3366ff;
+	text-decoration: none;
+}
+
+.forum-lista {
 	border: 1px solid #3366ff;
 	border-collapse: collapse;
 	width: 100%;
-	margin-bottom: 10px;
+	margin-bottom: 20px;
 }
 
-#temakor-lista thead td {
+.forum-lista thead td {
 	font-weight: bold;
 	height: 1.5em;
 	border-bottom: 2px solid #3366ff;
 	padding: 3px;
 }
 
-#temakor-lista thead td a {
+.forum-lista thead td a {
 	color: #3366ff;
 	text-decoration: none;
 }
 
-#temakor-lista tbody td {
-	padding: 3px;
+.forum-lista tbody td {
+	padding: 5px;
 	border-bottom: 1px solid #3366ff;
 }
 
-#temakor-lista tbody td a {
+.forum-lista tbody tr.odd td {
+	background-color: #001144;
+}
+
+.forum-lista tbody tr.even td {
+	background-color: #000000;
+}
+
+.forum-lista tbody td a {
 	color: #3366ff;
 	text-decoration: underline;
 }
 
+.post-lista {
+	border: 1px solid #3366ff;
+	border-collapse: collapse;
+}
+
+.post-lista td {
+	border-style: solid;
+	border-color: #3366ff;
+	border-width: 3px 1px;
+	vertical-align: top;
+	padding: 5px;
+}
+
+.post-lista td.felado {
+	width: 150px !important;
+	font-size: 80%;
+}
+
+.post-lista td.szoveg {
+	width: 510px;
+}
+
+.post-lista td.szoveg div {
+	width: 510px;
+	overflow: auto;
+}
+