Merged 404 template

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><i class="fa fa-circle"></i><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><i class="fa fa-circle"></i><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,70 @@ 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;
+	list-style-type: none;
+	list-style-position: inside;
+	margin: 0;
+	display: block;
+}
+	.error-404 .items-list li{
+		margin-bottom: 8px;
+		display: block;
+		position: relative;
+	}
+	/*.error-404 .items-list li:before{*/
+		/*float: left;*/
+		/*content: "\2022";*/
+
+	/*}*/
+.error-404 .items-list .fa{
+	display: block;
+	float: left;
+	font-size: 6px;
+	line-height: 16px;
+
+}
+		.error-404 .items-list a{
+			display: block;
+
+			margin-left: 16px;
+			line-height: 1.2em;
+			-webkit-transition: all .3s;
+				 -o-transition: all .3s;
+					transition: all .3s;
+			text-decoration: none;
+			color: #464646;
+		}
+	.error-404 .items-list a:hover{
+		color: #ff6600;
+	}
+.error-404 .title{
+	font-size: 16px;
+	padding-top: 12px;
+}
+.error-404 h2{
+	color: #ff6600;
+	font-family: dindisplay_pro,sans-serif;
+	font-size: 30px;
+	line-height: 30px;
+	font-weight: normal;
+}
+.error-404 .figure{
+	display: block;
+	font-family: dindisplay_pro,sans-serif;
+	color: #f60;
+	float: left;
+	font-size: 96px;
+	margin-right: 22px;
+	line-height: 1em;
+
 }