Added basic design to forum pages
This commit is contained in:
		| @@ -3,19 +3,17 @@ | |||||||
| {% block content %} | {% 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> | <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 %} | {% if topic.posts|length > 0 %} | ||||||
| <table> | <table class="post-lista"> | ||||||
| 	<thead> |  | ||||||
| 	</thead> |  | ||||||
| 	<tbody> | 	<tbody> | ||||||
| {% for post in topic.posts %} | {% for post in topic.posts %} | ||||||
| 		<tr> | 		<tr> | ||||||
| 			<td> | 			<td class="szoveg"><div>{{ post.text|raw }}</div></td> | ||||||
|  | 			<td class="felado"> | ||||||
| 				{{ post.createdBy.displayName }}<br /> | 				{{ post.createdBy.displayName }}<br /> | ||||||
| 				{{ post.createdAt|date('Y-m-d H:i') }}<br /> | 				{{ post.createdAt|date('Y-m-d H:i') }}<br /> | ||||||
| 				Admin<br /> | 				Szint<br /> | ||||||
| 				Tagság kezdete: {{ post.createdBy.RegisteredAt|date('Y-m-d') }} | 				Tagság kezdete: {{ post.createdBy.RegisteredAt|date('Y-m-d') }} | ||||||
| 			</td> | 			</td> | ||||||
| 			<td>{{ post.text }}</td> |  | ||||||
| 		</tr> | 		</tr> | ||||||
| {% endfor %} | {% endfor %} | ||||||
| 	</tbody> | 	</tbody> | ||||||
|   | |||||||
| @@ -3,7 +3,7 @@ | |||||||
| {% block content %} | {% block content %} | ||||||
| <h3>Fórum</h3> | <h3>Fórum</h3> | ||||||
| {% for topicGroup in topicGroups %} | {% for topicGroup in topicGroups %} | ||||||
| <table id="temakor-lista"> | <table class="forum-lista"> | ||||||
| 	<thead> | 	<thead> | ||||||
| 		<tr> | 		<tr> | ||||||
| 			<td colspan="2"><a href="{{ path('KekRozsakFrontBundle_forum_topic_list', {topicGroupSlug: topicGroup.slug}) }}">{{ topicGroup.title }}</a></td> | 			<td colspan="2"><a href="{{ path('KekRozsakFrontBundle_forum_topic_list', {topicGroupSlug: topicGroup.slug}) }}">{{ topicGroup.title }}</a></td> | ||||||
| @@ -15,8 +15,8 @@ | |||||||
| 	<tbody> | 	<tbody> | ||||||
| {% if topicGroup.topics|length > 0 %} | {% if topicGroup.topics|length > 0 %} | ||||||
| {% for topic in topicGroup.topics %} | {% for topic in topicGroup.topics %} | ||||||
| 		<tr> | 		<tr class="{{ cycle(['odd', 'even'], loop.index0) }}"> | ||||||
| 			<td>[]</td> | 			<td>[ikon]</td> | ||||||
| 			<td><a href="{{ path('KekRozsakFrontBundle_forum_post_list', {topicGroupSlug: topicGroup.slug, topicSlug: topic.slug}) }}">{{ topic.title }}</a></td> | 			<td><a href="{{ path('KekRozsakFrontBundle_forum_post_list', {topicGroupSlug: topicGroup.slug, topicSlug: topic.slug}) }}">{{ topic.title }}</a></td> | ||||||
| 			<td></td> | 			<td></td> | ||||||
| 			<td></td> | 			<td></td> | ||||||
|   | |||||||
| @@ -3,12 +3,15 @@ | |||||||
| {% block content %} | {% block content %} | ||||||
| <h3><a href="{{ path('KekRozsakFrontBundle_forum_main') }}">Fórum</a> - {{ topicGroup.title }}</h3> | <h3><a href="{{ path('KekRozsakFrontBundle_forum_main') }}">Fórum</a> - {{ topicGroup.title }}</h3> | ||||||
| {% if topicGroup.topics|length > 0 %} | {% if topicGroup.topics|length > 0 %} | ||||||
| <table> | <table class="forum-lista"> | ||||||
| 	<thead> | 	<thead> | ||||||
|  | 		<tr> | ||||||
|  | 			<td></td> | ||||||
|  | 		</tr> | ||||||
| 	</thead> | 	</thead> | ||||||
| 	<tbody> | 	<tbody> | ||||||
| {% for topic in topicGroup.topics %} | {% 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> | 			<td><a href="{{ path('KekRozsakFrontBundle_forum_post_list', { topicGroupSlug: topicGroup.slug, topicSlug: topic.slug }) }}">{{ topic.title }}</a></td> | ||||||
| 		</tr> | 		</tr> | ||||||
| {% endfor %} | {% endfor %} | ||||||
|   | |||||||
| @@ -74,7 +74,7 @@ body { | |||||||
|  |  | ||||||
| #hirek { | #hirek { | ||||||
| 	float: left; | 	float: left; | ||||||
| 	color: #ddddff; | 	color: #aaaacc; | ||||||
| 	width: 215px; | 	width: 215px; | ||||||
| } | } | ||||||
|  |  | ||||||
| @@ -110,32 +110,72 @@ p.hir-datum { | |||||||
| 	margin: 0; | 	margin: 0; | ||||||
| } | } | ||||||
|  |  | ||||||
| #temakor-lista { | h3 a { | ||||||
|  | 	color: #3366ff; | ||||||
|  | 	text-decoration: none; | ||||||
|  | } | ||||||
|  |  | ||||||
|  | .forum-lista { | ||||||
| 	border: 1px solid #3366ff; | 	border: 1px solid #3366ff; | ||||||
| 	border-collapse: collapse; | 	border-collapse: collapse; | ||||||
| 	width: 100%; | 	width: 100%; | ||||||
| 	margin-bottom: 10px; | 	margin-bottom: 20px; | ||||||
| } | } | ||||||
|  |  | ||||||
| #temakor-lista thead td { | .forum-lista thead td { | ||||||
| 	font-weight: bold; | 	font-weight: bold; | ||||||
| 	height: 1.5em; | 	height: 1.5em; | ||||||
| 	border-bottom: 2px solid #3366ff; | 	border-bottom: 2px solid #3366ff; | ||||||
| 	padding: 3px; | 	padding: 3px; | ||||||
| } | } | ||||||
|  |  | ||||||
| #temakor-lista thead td a { | .forum-lista thead td a { | ||||||
| 	color: #3366ff; | 	color: #3366ff; | ||||||
| 	text-decoration: none; | 	text-decoration: none; | ||||||
| } | } | ||||||
|  |  | ||||||
| #temakor-lista tbody td { | .forum-lista tbody td { | ||||||
| 	padding: 3px; | 	padding: 5px; | ||||||
| 	border-bottom: 1px solid #3366ff; | 	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; | 	color: #3366ff; | ||||||
| 	text-decoration: underline; | 	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; | ||||||
|  | } | ||||||
|  |  | ||||||
|   | |||||||
		Reference in New Issue
	
	Block a user