expo-169 ready

templates/client/404_test.html

@@ -1,17 +1,31 @@
 {% extends 'base_catalog.html' %}
 
 {% block content_list %}
-    <div>Страница не найдена</div>
-    
-    <ul>
-     {% for item in expo_themes %}
-         <li><a href="/expo/theme/{{ item.url }}/">{{ item.name }}&nbsp;({{ item.expo_count }})</a></li>
-    {% endfor %}
-    </ul>
 
-    <ul>
-     {% for item in conf_themes %}
-         <li><a href="/conference/theme/{{ item.url }}/">{{ item.name }}&nbsp;({{ item.conference_count }})</a></li>
-    {% endfor %}
-    </ul>
+	<div class="page-title">
+    	<h1>Запрашиваемая страница не найдена</h1>
+	</div>
+<div class="m-article error-404">
+	<span class="figure">404:</span>
+    <p class="title">Возможно у нее изменился адрес или же она была удалена.<br> Воспользуйтесь поиском по названию, расширенной формой поиска или каталогом событий.</p>
+	<div class="clearfix"></div>
+	<hr/>
+    <section>
+		<h2>Каталог выставок</h2>
+		<ul class="items-list">
+			{% for item in expo_themes %}
+			<li><a href="/expo/theme/{{ item.url }}/">{{ item.name }}&nbsp;({{ item.expo_count }})</a></li>
+			{% endfor %}
+		</ul>
+	</section>
+	<hr/>
+	<section >
+		<h2>Каталог конференций</h2>
+		<ul class="items-list">
+		 {% for item in conf_themes %}
+			 <li><a href="/conference/theme/{{ item.url }}/">{{ item.name }}&nbsp;({{ item.conference_count }})</a></li>
+		{% endfor %}
+		</ul>
+	</section>
+</div>
 {% endblock %}

templates/client/static_client/css/main.css

@@ -13873,4 +13873,28 @@ hr + .rq-note {
 \**************************/
 .organizer-modal .organizer-name{
 	border-bottom: 1px solid #f26c2a;
+}
+
+/************************\
+# 404 not found page
+\***********************/
+
+.error-404 .items-list{
+	-webkit-column-count: 3; /* Chrome, Safari, Opera */
+	-moz-column-count: 3; /* Firefox */
+	column-count: 3;
+}
+.error-404 .title{
+	font-size: 16px;
+	padding-top: 12px;
+}
+.error-404 .figure{
+	display: block;
+	font-family: dindisplay_pro,sans-serif;
+	color: #f60;
+	float: left;
+	font-size: 96px;
+	margin-right: 22px;
+	line-height: 1em;
+
 }