Nazarii Kotiuk
10 years ago
parent
e07b2dbe0c
commit
a5c730d553
64 changed files with 1159 additions and 998 deletions
@ -1,101 +1,101 @@ |
|||||||
{% extends 'blank.html' %} |
{% extends 'blank.html' %} |
||||||
|
|
||||||
{% load static %} |
{% load static %} |
||||||
{% load i18n %} |
{% load i18n %} |
||||||
{% load template_filters %} |
{% load template_filters %} |
||||||
|
|
||||||
|
|
||||||
{% block main_part %} |
{% block main_part %} |
||||||
<section class="layout main-part"> |
<section class="layout main-part"> |
||||||
<div class="layout-wrap"> |
<div class="layout-wrap"> |
||||||
<aside> |
<aside> |
||||||
<div class="sbg"></div> |
<div class="sbg"></div> |
||||||
{% include 'menu.html' %} |
{% include 'menu.html' %} |
||||||
<hr/> |
<hr/> |
||||||
|
|
||||||
{% include 'client/includes/feedback.html' %} |
{% include 'client/includes/feedback.html' %} |
||||||
<hr /> |
<hr /> |
||||||
|
|
||||||
{% include 'client/includes/online_consult.html' %} |
{% include 'client/includes/online_consult.html' %} |
||||||
|
|
||||||
{% block aside_banner1 %} |
{% block aside_banner1 %} |
||||||
{% if theme_for_filter.id == 27 or theme_for_filter.id == 9 or theme_for_filter.id == 48 %} |
{% if theme_for_filter.id == 27 or theme_for_filter.id == 9 or theme_for_filter.id == 48 %} |
||||||
<div class="sbnr"> |
<div class="sbnr"> |
||||||
<div class="sbnr-wrap"> |
<div class="sbnr-wrap"> |
||||||
<a href="/redirect/redirect/11/" target="_blank"> |
<a href="/redirect/redirect/11/" target="_blank"> |
||||||
<img src="{% static 'client/img/partners/ipsa_.gif' %}" alt="" /> |
<img src="{% static 'client/img/partners/ipsa_.gif' %}" alt="" /> |
||||||
</a> |
</a> |
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
{% endif %} |
{% endif %} |
||||||
{% endblock %} |
{% endblock %} |
||||||
|
|
||||||
{% include 'client/includes/services.html' %} |
{% include 'client/includes/services.html' %} |
||||||
<hr /> |
<hr /> |
||||||
|
|
||||||
{% include 'client/includes/announces.html' %} |
{% include 'client/includes/announces.html' %} |
||||||
|
|
||||||
{% block asside_banner2 %} |
{% block asside_banner2 %} |
||||||
|
|
||||||
{% endblock %} |
{% endblock %} |
||||||
{% include 'client/includes/side_confs.html' %} |
{% include 'client/includes/side_confs.html' %} |
||||||
<hr /> |
<hr /> |
||||||
<div class="s-news-list"> |
<div class="s-news-list"> |
||||||
{% include 'client/includes/news.html' with news=news_list %} |
{% include 'client/includes/news.html' with news=news_list %} |
||||||
</div> |
</div> |
||||||
|
|
||||||
{% block aside_vk %} |
{% block aside_vk %} |
||||||
<div class="vk-widget"> |
<div class="vk-widget"> |
||||||
{% include 'client/includes/social_widjet.html' %} |
{% include 'client/includes/social_widjet.html' %} |
||||||
</div> |
</div> |
||||||
{% endblock %} |
{% endblock %} |
||||||
</aside> |
</aside> |
||||||
|
|
||||||
<div class="mcl"> |
<div class="mcl"> |
||||||
{% with search_form=search_form %} |
{% with search_form=search_form %} |
||||||
{% include 'client/includes/catalog_search.html' %} |
{% include 'client/includes/catalog_search.html' %} |
||||||
{% endwith %} |
{% endwith %} |
||||||
{% block under_search_baner %} |
{% block under_search_baner %} |
||||||
{% include 'client/includes/banners/under_search.html' %} |
{% include 'client/includes/banners/under_search.html' %} |
||||||
{% endblock %} |
{% endblock %} |
||||||
|
|
||||||
{% block bread_scrumbs %} |
{% block bread_scrumbs %} |
||||||
|
|
||||||
{% endblock %} |
{% endblock %} |
||||||
|
|
||||||
<div class="page-title"> |
<div class="page-title"> |
||||||
{% block page_title %} |
{% block page_title %} |
||||||
|
|
||||||
{% endblock %} |
{% endblock %} |
||||||
</div> |
</div> |
||||||
|
|
||||||
{% block page_filter %} |
{% block page_filter %} |
||||||
{% endblock %} |
{% endblock %} |
||||||
|
|
||||||
{% block page_body %} |
{% block page_body %} |
||||||
<div class="page-body clearfix"> |
<div class="page-body clearfix"> |
||||||
{% block content_list %} |
{% block content_list %} |
||||||
{% endblock %} |
{% endblock %} |
||||||
|
|
||||||
{% block paginator %} |
{% block paginator %} |
||||||
|
|
||||||
|
|
||||||
{% endblock %} |
{% endblock %} |
||||||
|
|
||||||
{% block content_footer_banner %} |
{% block content_footer_banner %} |
||||||
{% endblock %} |
{% endblock %} |
||||||
</div> |
</div> |
||||||
|
|
||||||
{% block content_text %} |
{% block content_text %} |
||||||
{% comment %} |
{% comment %} |
||||||
{% with filter=filter %} |
{% with filter=filter %} |
||||||
{% include 'includes/event_list_description.html' %} |
{% include 'includes/event_list_description.html' %} |
||||||
{% endwith %} |
{% endwith %} |
||||||
{% endcomment %} |
{% endcomment %} |
||||||
|
|
||||||
{% endblock %} |
{% endblock %} |
||||||
{% endblock %} |
{% endblock %} |
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
</section> |
</section> |
||||||
{% endblock %} |
{% endblock %} |
||||||
|
|||||||
@ -0,0 +1,10 @@ |
|||||||
|
{% load static %} |
||||||
|
{% load thumbnail %} |
||||||
|
|
||||||
|
{% if obj.logo %} |
||||||
|
{% thumbnail obj.logo "100x100" format="PNG" as im %} |
||||||
|
<img src="{{ im.url }}" width="{{ im.width }}" height="{{ im.height }}" class="pic" alt=""> |
||||||
|
{% endthumbnail %} |
||||||
|
{% else %} |
||||||
|
<img src="{% static 'client/img/no-logo.png' %}" class="pic" alt="" /> |
||||||
|
{% endif %} |
||||||
@ -0,0 +1,11 @@ |
|||||||
|
{% load static %} |
||||||
|
{% load thumbnail %} |
||||||
|
|
||||||
|
|
||||||
|
{% if obj.get_blog_preview %} |
||||||
|
{% thumbnail obj.get_blog_preview.file_path "220x100" as im %} |
||||||
|
<img src="{{ im.url }}" width="{{ im.width }}" height="{{ im.height }}" class="pic" alt=""> |
||||||
|
{% endthumbnail %} |
||||||
|
{% else %} |
||||||
|
<img src="{% static 'client/img/_del-temp/review-1.jpg' %}" class="pic" alt="" /> |
||||||
|
{% endif %} |
||||||
@ -0,0 +1,12 @@ |
|||||||
|
{% load static %} |
||||||
|
{% load thumbnail %} |
||||||
|
|
||||||
|
{% if obj.get_blog_preview %} |
||||||
|
{% thumbnail obj.get_blog_preview2.file_path "250x180" as im %} |
||||||
|
<img src="{{ im.url }}" width="{{ im.width }}" height="{{ im.height }}" class="pic" alt=""> |
||||||
|
{% endthumbnail %} |
||||||
|
{% else %} |
||||||
|
<div class="cli-pict"> |
||||||
|
<img src="{% static 'client/img/no-logo.png' %}" class="no-logo" alt="" /> |
||||||
|
</div> |
||||||
|
{% endif %} |
||||||
@ -0,0 +1,23 @@ |
|||||||
|
<div class="rq-to-hide"> |
||||||
|
<div class="s-comments"> |
||||||
|
<div class="cat-list sc-comments"> |
||||||
|
{% for blog in object_list %} |
||||||
|
<div class="cl-item"> |
||||||
|
<div class="acticle_list_big"> |
||||||
|
{% include 'includes/article/article_preview.html' with obj=blog %} |
||||||
|
<h3><a href="{{ blog.get_permanent_url }}" title="">{{ blog.main_title }}</a></h3> |
||||||
|
{{ blog.preview|safe }} |
||||||
|
<strong><span>{{ blog.publish_date|date:"d E Y" }}</span>{% if blog.tag.all.exists %}{% include 'includes/article_tags.html' with obj=blog %}{% endif %}</strong> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
{% if forloop.counter == 5 or objects|length < 5 %} |
||||||
|
{% include 'client/includes/banners/catalog_inner_2.html' %} |
||||||
|
{% endif %} |
||||||
|
|
||||||
|
{% if forloop.counter == 10 %} |
||||||
|
{% include 'client/includes/banners/catalog_inner.html' %} |
||||||
|
{%endif %} |
||||||
|
{% endfor %} |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
@ -0,0 +1,19 @@ |
|||||||
|
{% load i18n %} |
||||||
|
{% load template_filters %} |
||||||
|
{% load tempalte_tags %} |
||||||
|
|
||||||
|
|
||||||
|
{% if month or year %} |
||||||
|
{% else %} |
||||||
|
{% get_date_reverse %} |
||||||
|
<div class="p-filter clearfix"> |
||||||
|
<div class="pf-body"> |
||||||
|
<div class="pf-label">{% trans 'Период' %}:</div> |
||||||
|
{% with path=request.path|without_page now=now %} |
||||||
|
{% for month in monthes_period %} |
||||||
|
<a href="{{ path }}{{ month.date|date:'Y' }}/{{ month.month_url }}/">{{ month.name|lower }} {{ month.date|date:'Y' }}</a>{% if month != monthes_period|last %},{% endif %} |
||||||
|
{% endfor %} |
||||||
|
{% endwith %} |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
{% endif %} |
||||||
@ -0,0 +1,22 @@ |
|||||||
|
<div class="rq-to-hide"> |
||||||
|
<div class="cat-list sc-comments"> |
||||||
|
{% for news in object_list %} |
||||||
|
<div class="cl-item"> |
||||||
|
<div class="acticle_list"> |
||||||
|
<a href="{{ news.get_permanent_url }}" title=""> |
||||||
|
{% include 'includes/article/news_preview.html' with obj=news %}</a> |
||||||
|
<h3><a href="{{ news.get_permanent_url }}" title="">{{ news.main_title|safe }}</a></h3> |
||||||
|
{{ news.preview|safe }} |
||||||
|
<strong><span>{{ news.publish_date|date:"d E Y" }}</span>{% with event=news.get_event %}{% if event %}<a href="{{ event.get_permanent_url }}" title=""><b>{{ event.name }}</b></a>{% endif %}{% endwith %}</strong> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
{% if forloop.counter == 5 or objects|length < 5 %} |
||||||
|
{% include 'client/includes/banners/catalog_inner_2.html' %} |
||||||
|
{% endif %} |
||||||
|
|
||||||
|
{% if forloop.counter == 10 %} |
||||||
|
{% include 'client/includes/banners/catalog_inner.html' %} |
||||||
|
{%endif %} |
||||||
|
{% endfor %} |
||||||
|
</div> |
||||||
|
</div> |
||||||
@ -0,0 +1,10 @@ |
|||||||
|
{% load static %} |
||||||
|
{% load thumbnail %} |
||||||
|
|
||||||
|
{% if obj.logo %} |
||||||
|
{% thumbnail obj.logo "40x40" as im %} |
||||||
|
<img src="{{ im.url }}" width="{{ im.width }}" height="{{ im.height }}" class="pic" alt=""> |
||||||
|
{% endthumbnail %} |
||||||
|
{% else %} |
||||||
|
<img src="{% static 'client/img/no-logo.png' %}" class="pic" alt="" /> |
||||||
|
{% endif %} |
||||||
@ -0,0 +1,10 @@ |
|||||||
|
{% load static %} |
||||||
|
{% load thumbnail %} |
||||||
|
|
||||||
|
{% if obj.logo %} |
||||||
|
{% thumbnail obj.logo "80x80" as im %} |
||||||
|
<img src="{{ im.url }}" width="{{ im.width }}" height="{{ im.height }}" class="pic" alt=""> |
||||||
|
{% endthumbnail %} |
||||||
|
{% else %} |
||||||
|
<img src="{% static 'client/img/no-logo.png' %}" class="pic" alt="" /> |
||||||
|
{% endif %} |
||||||
@ -0,0 +1,10 @@ |
|||||||
|
{% load static %} |
||||||
|
{% load thumbnail %} |
||||||
|
|
||||||
|
{% if obj.logo %} |
||||||
|
{% thumbnail obj.logo "70x70" as im %} |
||||||
|
<img src="{{ im.url }}" width="{{ im.width }}" height="{{ im.height }}" class="pic" alt=""> |
||||||
|
{% endthumbnail %} |
||||||
|
{% else %} |
||||||
|
<img src="{% static 'client/img/no-logo.png' %}" class="pic" alt="" /> |
||||||
|
{% endif %} |
||||||
@ -0,0 +1,10 @@ |
|||||||
|
{% load static %} |
||||||
|
{% load thumbnail %} |
||||||
|
|
||||||
|
{% if obj.logo %} |
||||||
|
{% thumbnail obj.logo "70x70" format="PNG" as im %} |
||||||
|
<img src="{{ im.url }}" width="{{ im.width }}" height="{{ im.height }}" class="pic" alt=""> |
||||||
|
{% endthumbnail %} |
||||||
|
{% else %} |
||||||
|
<img src="{% static 'client/img/no-logo.png' %}" class="pic" alt="" /> |
||||||
|
{% endif %} |
||||||
@ -0,0 +1,10 @@ |
|||||||
|
{% load static %} |
||||||
|
{% load thumbnail %} |
||||||
|
|
||||||
|
{% if obj.logo %} |
||||||
|
{% thumbnail obj.logo "70x70" format="PNG" as im %} |
||||||
|
<img src="{{ im.url }}" width="{{ im.width }}" height="{{ im.height }}" class="pic" alt=""> |
||||||
|
{% endthumbnail %} |
||||||
|
{% else %} |
||||||
|
<img src="{% static 'client/img/no-logo.png' %}" class="pic" alt="" /> |
||||||
|
{% endif %} |
||||||
@ -0,0 +1,10 @@ |
|||||||
|
{% load static %} |
||||||
|
{% load thumbnail %} |
||||||
|
|
||||||
|
{% if obj.logo %} |
||||||
|
{% thumbnail obj.logo "70x70" format="PNG" as im %} |
||||||
|
<img src="{{ im.url }}" width="{{ im.width }}" height="{{ im.height }}" class="pic" alt=""> |
||||||
|
{% endthumbnail %} |
||||||
|
{% else %} |
||||||
|
<img src="{% static 'client/img/no-logo.png' %}" class="pic" alt="" /> |
||||||
|
{% endif %} |
||||||
@ -1,19 +1,19 @@ |
|||||||
{% load static %} |
{% load static %} |
||||||
{% load template_filters %} |
{% load template_filters %} |
||||||
|
|
||||||
<div class="abn"> |
<div class="abn"> |
||||||
{% with r=False|random4 %} |
{% with r=False|random4 %} |
||||||
{% ifequal r 0 %} |
{% ifequal r 0 %} |
||||||
<a target="_blank" href="/redirect/redirect/57/"><img src="{% static 'client/img/partners/cemat15_900x130_bilet.gif' %}" alt="" /></a> |
<a target="_blank" href="/redirect/redirect/57/"><img src="{% static 'client/img/partners/cemat15_900x130_bilet.gif' %}" alt="" /></a> |
||||||
{% endifequal %} |
{% endifequal %} |
||||||
{% ifequal r 1 %} |
{% ifequal r 1 %} |
||||||
<a target="_blank" href="/redirect/redirect/58/"><img src="{% static 'client/img/partners/beach.png' %}" alt="" /></a> |
<a target="_blank" href="/redirect/redirect/58/"><img src="{% static 'client/img/partners/beach.png' %}" alt="" /></a> |
||||||
{% endifequal %} |
{% endifequal %} |
||||||
{% ifequal r 2 %} |
{% ifequal r 2 %} |
||||||
<a target="_blank" href="/redirect/redirect/59/"><img src="{% static 'client/img/partners/mims15_900x130_bilet.gif' %}" alt="" /></a> |
<a target="_blank" href="/redirect/redirect/59/"><img src="{% static 'client/img/partners/mims15_900x130_bilet.gif' %}" alt="" /></a> |
||||||
{% endifequal %} |
{% endifequal %} |
||||||
{% ifequal r 3 %} |
{% ifequal r 3 %} |
||||||
<a target="_blank" href="/redirect/redirect/61/"><img src="{% static 'client/img/partners/IPSA_2015_web_900x130.gif' %}" alt="" /></a> |
<a target="_blank" href="/redirect/redirect/61/"><img src="{% static 'client/img/partners/IPSA_2015_web_900x130.gif' %}" alt="" /></a> |
||||||
{% endifequal %} |
{% endifequal %} |
||||||
{% endwith %} |
{% endwith %} |
||||||
</div> |
</div> |
||||||
@ -1,154 +1,154 @@ |
|||||||
{% load static %} |
{% load static %} |
||||||
{% load i18n %} |
{% load i18n %} |
||||||
{% load template_filters %} |
{% load template_filters %} |
||||||
{% with objects=object_list %} |
{% with objects=object_list %} |
||||||
{% if objects %} |
{% if objects %} |
||||||
<ul class="cat-list cl-exhibitions"> |
<ul class="cat-list cl-exhibitions"> |
||||||
|
|
||||||
{% for obj in objects %} |
{% for obj in objects %} |
||||||
<li class="cl-item {% if obj.canceled %}canceled{% endif %}"> |
<li class="cl-item {% if obj.canceled %}canceled{% endif %}"> |
||||||
<div class="cl-item-wrap clearfix"> |
<div class="cl-item-wrap clearfix"> |
||||||
<a href="{{ obj.get_permanent_url }}"> |
<a href="{{ obj.get_permanent_url }}"> |
||||||
{% if obj.canceled %} |
{% if obj.canceled %} |
||||||
<div class="cancel"></div> |
<div class="cancel"></div> |
||||||
{% else %} |
{% else %} |
||||||
{% if obj.expohit %} |
{% if obj.expohit %} |
||||||
<div class="hit"></div> |
<div class="hit"></div> |
||||||
{% endif %} |
{% endif %} |
||||||
{% endif %} |
{% endif %} |
||||||
<div class="cli-pict"> |
<div class="cli-pict"> |
||||||
{% with obj=obj %} |
{% with obj=obj %} |
||||||
{% include 'client/includes/show_logo.html' %} |
{% include 'client/includes/show_logo.html' %} |
||||||
{% endwith %} |
{% endwith %} |
||||||
</div> |
</div> |
||||||
</a> |
</a> |
||||||
<div class="cli-info"> |
<div class="cli-info"> |
||||||
<div class="cli-top clearfix"> |
<div class="cli-top clearfix"> |
||||||
{% if obj.quality_label.ufi.is_set %} |
{% if obj.quality_label.ufi.is_set %} |
||||||
<div class="cli-approved"> |
<div class="cli-approved"> |
||||||
<img src="{% static 'client/img/approved-logo.png' %}" alt="" title="Approved Event" /> |
<img src="{% static 'client/img/approved-logo.png' %}" alt="" title="Approved Event" /> |
||||||
</div> |
</div> |
||||||
{% endif %} |
{% endif %} |
||||||
<header> |
<header> |
||||||
<div class="cli-title"><a href="{{ obj.get_permanent_url }}">{{ obj.name|safe }}</a></div> |
<div class="cli-title"><a href="{{ obj.get_permanent_url }}">{{ obj.name|safe }}</a></div> |
||||||
</header> |
</header> |
||||||
<div class="cli-descr"> |
<div class="cli-descr"> |
||||||
{{ obj.main_title|safe }} |
{{ obj.main_title|safe }} |
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
<div class="cli-bot clearfix"> |
<div class="cli-bot clearfix"> |
||||||
<div class="cli-date"> |
<div class="cli-date"> |
||||||
{% with obj=obj %} |
{% with obj=obj %} |
||||||
{% include 'client/includes/show_date_block.html' %} |
{% include 'client/includes/show_date_block.html' %} |
||||||
{% endwith %} |
{% endwith %} |
||||||
</div> |
</div> |
||||||
{% if obj.country %} |
{% if obj.country %} |
||||||
<div class="cli-place"> |
<div class="cli-place"> |
||||||
<a href="{{ obj.catalog }}country/{{ obj.country.url }}/">{{ obj.country }}</a>, <a href="{{ obj.catalog }}city/{{ obj.city.url }}/">{{ obj.city }}</a> |
<a href="{{ obj.catalog }}country/{{ obj.country.url }}/">{{ obj.country }}</a>, <a href="{{ obj.catalog }}city/{{ obj.city.url }}/">{{ obj.city }}</a> |
||||||
{% if obj.place %} |
{% if obj.place %} |
||||||
, <a href="/places/{{ obj.place.url }}/">{{ obj.place }}</a> |
, <a href="/places/{{ obj.place.url }}/">{{ obj.place }}</a> |
||||||
{% endif %} |
{% endif %} |
||||||
</div> |
</div> |
||||||
{% endif %} |
{% endif %} |
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
<div class="cli-buttons clearfix"> |
<div class="cli-buttons clearfix"> |
||||||
<div class="cli-m-buttons"> |
<div class="cli-m-buttons"> |
||||||
{% include 'client/includes/exposition/services.html' with obj=obj %} |
{% include 'client/includes/exposition/services.html' with obj=obj %} |
||||||
{% include 'client/includes/calendar_button.html' with obj=obj%} |
{% include 'client/includes/calendar_button.html' with obj=obj%} |
||||||
<div class="{% if request.user.is_authenticated%}note-wrap{% else %}note-wrap-disabled{% endif %}"> |
<div class="{% if request.user.is_authenticated%}note-wrap{% else %}note-wrap-disabled{% endif %}"> |
||||||
{% with note=obj|note_by_user:request.user %} |
{% with note=obj|note_by_user:request.user %} |
||||||
<a class="button green icon-note {% if note %}active{% endif %} note-button" href="/expo/add-note/{{ obj.url }}/">{% trans 'заметка' %}</a> |
<a class="button green icon-note {% if note %}active{% endif %} note-button" href="/expo/add-note/{{ obj.url }}/">{% trans 'заметка' %}</a> |
||||||
<div class="note-overlay"> |
<div class="note-overlay"> |
||||||
<form action=""> |
<form action=""> |
||||||
<textarea name="note_text" class="note-text"> {{ note }}</textarea> |
<textarea name="note_text" class="note-text"> {{ note }}</textarea> |
||||||
</form> |
</form> |
||||||
</div> |
</div> |
||||||
{% endwith %} |
{% endwith %} |
||||||
</div> |
</div> |
||||||
{% if request.user.is_admin %} |
{% if request.user.is_admin %} |
||||||
<div class="note-wrap"> |
<div class="note-wrap"> |
||||||
<a class="button green " href="/admin/exposition/{{ obj.url }}/">{% trans 'изменить' %}</a> |
<a class="button green " href="/admin/exposition/{{ obj.url }}/">{% trans 'изменить' %}</a> |
||||||
</div> |
</div> |
||||||
{% endif %} |
{% endif %} |
||||||
<div></div> |
<div></div> |
||||||
</div> |
</div> |
||||||
<div class="cli-s-buttons"> |
<div class="cli-s-buttons"> |
||||||
{% include 'client/buttons/booking_button.html' with object=obj %} |
{% include 'client/buttons/booking_button.html' with object=obj %} |
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
<footer class="clearfix"> |
<footer class="clearfix"> |
||||||
<div class="cli-stats"> |
<div class="cli-stats"> |
||||||
{% if obj.visitors %} |
{% if obj.visitors %} |
||||||
<span class="visitors" title="Посетители">{{ obj.visitors }}</span> |
<span class="visitors" title="Посетители">{{ obj.visitors }}</span> |
||||||
{% endif %} |
{% endif %} |
||||||
{% if obj.members %} |
{% if obj.members %} |
||||||
<span class="participants" title="Участники">{{ obj.members }}</span> |
<span class="participants" title="Участники">{{ obj.members }}</span> |
||||||
{% endif %} |
{% endif %} |
||||||
</div> |
</div> |
||||||
<div class="cli-tags"> |
<div class="cli-tags"> |
||||||
{% include 'client/includes/exposition/tags.html' with obj=obj %} |
{% include 'client/includes/exposition/tags.html' with obj=obj %} |
||||||
</div> |
</div> |
||||||
</footer> |
</footer> |
||||||
</li> |
</li> |
||||||
|
|
||||||
{% if forloop.counter == 8 %} |
{% if forloop.counter == 8 %} |
||||||
<!-- Яндекс.Директ --> |
<!-- Яндекс.Директ --> |
||||||
<script type="text/javascript"> |
<script type="text/javascript"> |
||||||
yandex_partner_id = 58151; |
yandex_partner_id = 58151; |
||||||
yandex_site_bg_color = 'FFFFFF'; |
yandex_site_bg_color = 'FFFFFF'; |
||||||
yandex_ad_format = 'direct'; |
yandex_ad_format = 'direct'; |
||||||
yandex_font_size = 1; |
yandex_font_size = 1; |
||||||
yandex_direct_type = 'horizontal'; |
yandex_direct_type = 'horizontal'; |
||||||
yandex_direct_border_type = 'block'; |
yandex_direct_border_type = 'block'; |
||||||
yandex_direct_limit = 3; |
yandex_direct_limit = 3; |
||||||
yandex_direct_title_font_size = 3; |
yandex_direct_title_font_size = 3; |
||||||
yandex_direct_border_radius = true; |
yandex_direct_border_radius = true; |
||||||
yandex_direct_links_underline = false; |
yandex_direct_links_underline = false; |
||||||
yandex_direct_header_bg_color = 'FEEAC7'; |
yandex_direct_header_bg_color = 'FEEAC7'; |
||||||
yandex_direct_bg_color = 'FFF9F0'; |
yandex_direct_bg_color = 'FFF9F0'; |
||||||
yandex_direct_border_color = 'FBE5C0'; |
yandex_direct_border_color = 'FBE5C0'; |
||||||
yandex_direct_title_color = '666666'; |
yandex_direct_title_color = '666666'; |
||||||
yandex_direct_url_color = '000000'; |
yandex_direct_url_color = '000000'; |
||||||
yandex_direct_text_color = '000000'; |
yandex_direct_text_color = '000000'; |
||||||
yandex_direct_hover_color = 'FF3333'; |
yandex_direct_hover_color = 'FF3333'; |
||||||
yandex_direct_sitelinks_color = '666666'; |
yandex_direct_sitelinks_color = '666666'; |
||||||
yandex_direct_favicon = false; |
yandex_direct_favicon = false; |
||||||
yandex_no_sitelinks = false; |
yandex_no_sitelinks = false; |
||||||
document.write('<scr'+'ipt type="text/javascript" src="//an.yandex.ru/system/context.js"></scr'+'ipt>'); |
document.write('<scr'+'ipt type="text/javascript" src="//an.yandex.ru/system/context.js"></scr'+'ipt>'); |
||||||
</script> |
</script> |
||||||
{%endif %} |
{%endif %} |
||||||
{% endfor %} |
{% endfor %} |
||||||
|
|
||||||
</ul> |
</ul> |
||||||
{% else %} |
{% else %} |
||||||
<p class="message-not-found"> |
<p class="message-not-found"> |
||||||
<span class="message"> |
<span class="message"> |
||||||
{% trans "Выставки по указанным параметрам не найдены. Попробуйте задать менее точный запрос по теме или расширить период времени" %} |
{% trans "Выставки по указанным параметрам не найдены. Попробуйте задать менее точный запрос по теме или расширить период времени" %} |
||||||
</span> |
</span> |
||||||
</p> |
</p> |
||||||
{% endif %} |
{% endif %} |
||||||
|
|
||||||
{% endwith %} |
{% endwith %} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
{% block scripts %} |
{% block scripts %} |
||||||
{% if request.GET.debug == '1' %} |
{% if request.GET.debug == '1' %} |
||||||
<script src="{% static 'client/js/_modules/block.exposition.list.js' %}"></script> |
<script src="{% static 'client/js/_modules/block.exposition.list.js' %}"></script> |
||||||
{% else %} |
{% else %} |
||||||
<script src="{% static 'client/js_min/_modules/block.exposition.list.min.js' %}"></script> |
<script src="{% static 'client/js_min/_modules/block.exposition.list.min.js' %}"></script> |
||||||
{% endif %}<script> |
{% endif %}<script> |
||||||
EXPO.exposition.list.init({ |
EXPO.exposition.list.init({ |
||||||
note:{ |
note:{ |
||||||
wrapClass:'note-wrap', |
wrapClass:'note-wrap', |
||||||
wrapDisabledClass:'note-wrap-disabled', |
wrapDisabledClass:'note-wrap-disabled', |
||||||
buttonClass:'note-button', |
buttonClass:'note-button', |
||||||
inputClass:'note-text' |
inputClass:'note-text' |
||||||
}, |
}, |
||||||
addCalendarText:"{% trans 'В расписание' %}", |
addCalendarText:"{% trans 'В расписание' %}", |
||||||
removeCalendarText:"{% trans 'Из расписания' %}" |
removeCalendarText:"{% trans 'Из расписания' %}" |
||||||
}); |
}); |
||||||
</script> |
</script> |
||||||
{% endblock %} |
{% endblock %} |
||||||
@ -1,480 +1,480 @@ |
|||||||
@font-face { |
@font-face { |
||||||
font-family: 'pf_dindisplay_prolight'; |
font-family: 'pf_dindisplay_prolight'; |
||||||
src: url('../fonts/pfdindisplaypro-light-webfont.eot'); |
src: url('../fonts/pfdindisplaypro-light-webfont.eot'); |
||||||
src: url('../fonts/pfdindisplaypro-light-webfont.eot?#iefix') format('embedded-opentype'), |
src: url('../fonts/pfdindisplaypro-light-webfont.eot?#iefix') format('embedded-opentype'), |
||||||
url('../fonts/pfdindisplaypro-light-webfont.woff2') format('woff2'), |
url('../fonts/pfdindisplaypro-light-webfont.woff2') format('woff2'), |
||||||
url('../fonts/pfdindisplaypro-light-webfont.woff') format('woff'), |
url('../fonts/pfdindisplaypro-light-webfont.woff') format('woff'), |
||||||
url('../fonts/pfdindisplaypro-light-webfont.ttf') format('truetype'), |
url('../fonts/pfdindisplaypro-light-webfont.ttf') format('truetype'), |
||||||
url('../fonts/pfdindisplaypro-light-webfont.svg#pf_dindisplay_prolight') format('svg'); |
url('../fonts/pfdindisplaypro-light-webfont.svg#pf_dindisplay_prolight') format('svg'); |
||||||
font-weight: normal; |
font-weight: normal; |
||||||
font-style: normal; |
font-style: normal; |
||||||
} |
} |
||||||
@font-face { |
@font-face { |
||||||
font-family: 'pf_dindisplay_promedium'; |
font-family: 'pf_dindisplay_promedium'; |
||||||
src: url('../fonts/pfdindisplaypro-med-webfont.eot'); |
src: url('../fonts/pfdindisplaypro-med-webfont.eot'); |
||||||
src: url('../fonts/pfdindisplaypro-med-webfont.eot?#iefix') format('embedded-opentype'), |
src: url('../fonts/pfdindisplaypro-med-webfont.eot?#iefix') format('embedded-opentype'), |
||||||
url('../fonts/pfdindisplaypro-med-webfont.woff2') format('woff2'), |
url('../fonts/pfdindisplaypro-med-webfont.woff2') format('woff2'), |
||||||
url('../fonts/pfdindisplaypro-med-webfont.woff') format('woff'), |
url('../fonts/pfdindisplaypro-med-webfont.woff') format('woff'), |
||||||
url('../fonts/pfdindisplaypro-med-webfont.ttf') format('truetype'), |
url('../fonts/pfdindisplaypro-med-webfont.ttf') format('truetype'), |
||||||
url('../fonts/pfdindisplaypro-med-webfont.svg#pf_dindisplay_promedium') format('svg'); |
url('../fonts/pfdindisplaypro-med-webfont.svg#pf_dindisplay_promedium') format('svg'); |
||||||
font-weight: normal; |
font-weight: normal; |
||||||
font-style: normal; |
font-style: normal; |
||||||
} |
} |
||||||
@font-face { |
@font-face { |
||||||
font-family: 'pf_dindisplay_proregular'; |
font-family: 'pf_dindisplay_proregular'; |
||||||
src: url('../fonts/pfdindisplaypro-reg-webfont.eot'); |
src: url('../fonts/pfdindisplaypro-reg-webfont.eot'); |
||||||
src: url('../fonts/pfdindisplaypro-reg-webfont.eot?#iefix') format('embedded-opentype'), |
src: url('../fonts/pfdindisplaypro-reg-webfont.eot?#iefix') format('embedded-opentype'), |
||||||
url('../fonts/pfdindisplaypro-reg-webfont.woff2') format('woff2'), |
url('../fonts/pfdindisplaypro-reg-webfont.woff2') format('woff2'), |
||||||
url('../fonts/pfdindisplaypro-reg-webfont.woff') format('woff'), |
url('../fonts/pfdindisplaypro-reg-webfont.woff') format('woff'), |
||||||
url('../fonts/pfdindisplaypro-reg-webfont.ttf') format('truetype'), |
url('../fonts/pfdindisplaypro-reg-webfont.ttf') format('truetype'), |
||||||
url('../fonts/pfdindisplaypro-reg-webfont.svg#pf_dindisplay_proregular') format('svg'); |
url('../fonts/pfdindisplaypro-reg-webfont.svg#pf_dindisplay_proregular') format('svg'); |
||||||
font-weight: normal; |
font-weight: normal; |
||||||
font-style: normal; |
font-style: normal; |
||||||
} |
} |
||||||
@font-face { |
@font-face { |
||||||
font-family: 'MyriadProRegular'; |
font-family: 'MyriadProRegular'; |
||||||
src: url('../fonts/myriad_pro-webfont.eot'); |
src: url('../fonts/myriad_pro-webfont.eot'); |
||||||
src: url('../fonts/myriad_pro-webfont.eot?#iefix') format('embedded-opentype'), |
src: url('../fonts/myriad_pro-webfont.eot?#iefix') format('embedded-opentype'), |
||||||
url('../fonts/myriad_pro-webfont.woff') format('woff'), |
url('../fonts/myriad_pro-webfont.woff') format('woff'), |
||||||
url('../fonts/myriad_pro-webfont.ttf') format('truetype'); |
url('../fonts/myriad_pro-webfont.ttf') format('truetype'); |
||||||
font-weight: normal; |
font-weight: normal; |
||||||
font-style: normal; |
font-style: normal; |
||||||
} |
} |
||||||
body.pr { |
body.pr { |
||||||
margin:0; |
margin:0; |
||||||
color:#090909; |
color:#090909; |
||||||
font:20px/24px 'pf_dindisplay_proregular', Arial, Helvetica, sans-serif; |
font:20px/24px 'pf_dindisplay_proregular', Arial, Helvetica, sans-serif; |
||||||
background:#fff; |
background:#fff; |
||||||
min-width:1000px; |
min-width:1000px; |
||||||
} |
} |
||||||
.pr img { |
.pr img { |
||||||
border-style:none; |
border-style:none; |
||||||
vertical-align:top; |
vertical-align:top; |
||||||
} |
} |
||||||
.pr a { |
.pr a { |
||||||
color:#090909; |
color:#090909; |
||||||
outline:none; |
outline:none; |
||||||
} |
} |
||||||
.pr a:hover { |
.pr a:hover { |
||||||
text-decoration:none; |
text-decoration:none; |
||||||
} |
} |
||||||
.pr * { |
.pr * { |
||||||
outline:none; |
outline:none; |
||||||
} |
} |
||||||
.pr input { |
.pr input { |
||||||
font:100% Arial, Helvetica, sans-serif; |
font:100% Arial, Helvetica, sans-serif; |
||||||
vertical-align:middle; |
vertical-align:middle; |
||||||
} |
} |
||||||
.pr form, .pr fieldset { |
.pr form, .pr fieldset { |
||||||
margin:0; |
margin:0; |
||||||
padding:0; |
padding:0; |
||||||
border-style:none; |
border-style:none; |
||||||
} |
} |
||||||
.pr header, |
.pr header, |
||||||
.pr nav, |
.pr nav, |
||||||
.pr section, |
.pr section, |
||||||
.pr article, |
.pr article, |
||||||
.pr aside, |
.pr aside, |
||||||
.pr footer, |
.pr footer, |
||||||
.pr figure, |
.pr figure, |
||||||
.pr menu, |
.pr menu, |
||||||
.pr dialog { |
.pr dialog { |
||||||
display: block; |
display: block; |
||||||
} |
} |
||||||
#pr-wrapper{ |
#pr-wrapper{ |
||||||
width:100%; |
width:100%; |
||||||
overflow:hidden; |
overflow:hidden; |
||||||
} |
} |
||||||
.pr-center{ |
.pr-center{ |
||||||
width:964px; |
width:964px; |
||||||
margin:0 auto; |
margin:0 auto; |
||||||
padding:0 18px; |
padding:0 18px; |
||||||
} |
} |
||||||
.pr-center:after{
display:block;
clear:both;
content:'';
} |
.pr-center:after{ display:block; clear:both; content:'';} |
||||||
#pr-header{ |
#pr-header{ |
||||||
overflow:hidden; |
overflow:hidden; |
||||||
min-height:98px; |
min-height:98px; |
||||||
padding:62px 0 10px; |
padding:62px 0 10px; |
||||||
} |
} |
||||||
.pr-logo{ |
.pr-logo{ |
||||||
float:left; |
float:left; |
||||||
width:254px; |
width:254px; |
||||||
height:74px; |
height:74px; |
||||||
background:url(../images/pr-logo.png) no-repeat; |
background:url(../images/pr-logo.png) no-repeat; |
||||||
text-indent:-9999px; |
text-indent:-9999px; |
||||||
overflow:hidden; |
overflow:hidden; |
||||||
} |
} |
||||||
.pr-logo a{ |
.pr-logo a{ |
||||||
display:block; |
display:block; |
||||||
height:100%; |
height:100%; |
||||||
} |
} |
||||||
.pr-slogan{ |
.pr-slogan{ |
||||||
float:left; |
float:left; |
||||||
margin:0 0 0 20px; |
margin:0 0 0 20px; |
||||||
background:url(../images/pr-line01.png) no-repeat 0 50%; |
background:url(../images/pr-line01.png) no-repeat 0 50%; |
||||||
padding:28px 0 20px 20px; |
padding:28px 0 20px 20px; |
||||||
color:#454545; |
color:#454545; |
||||||
font:19px/21px 'pf_dindisplay_prolight', Arial, Helvetica, sans-serif; |
font:19px/21px 'pf_dindisplay_prolight', Arial, Helvetica, sans-serif; |
||||||
text-transform:uppercase; |
text-transform:uppercase; |
||||||
} |
} |
||||||
.pr-search-icon{ |
.pr-search-icon{ |
||||||
background:url(../images/pr-icon01.png) no-repeat; |
background:url(../images/pr-icon01.png) no-repeat; |
||||||
width:17px; |
width:17px; |
||||||
height:19px; |
height:19px; |
||||||
display:inline-block; |
display:inline-block; |
||||||
vertical-align:top; |
vertical-align:top; |
||||||
margin:0 1px 0 3px; |
margin:0 1px 0 3px; |
||||||
} |
} |
||||||
.pr-header-box{ |
.pr-header-box{ |
||||||
float:right; |
float:right; |
||||||
text-align:right; |
text-align:right; |
||||||
margin:-4px 0 0; |
margin:-4px 0 0; |
||||||
} |
} |
||||||
.pr-phone{ |
.pr-phone{ |
||||||
font-size: 25px; |
font-size: 25px; |
||||||
line-height:30px; |
line-height:30px; |
||||||
text-decoration:none; |
text-decoration:none; |
||||||
color:#454545; |
color:#454545; |
||||||
display:inline-block; |
display:inline-block; |
||||||
vertical-align:top; |
vertical-align:top; |
||||||
margin:0 0 5px; |
margin:0 0 5px; |
||||||
} |
} |
||||||
.pr-social{ |
.pr-social{ |
||||||
margin:0;
padding:0;
list-style:none; |
margin:0; padding:0; list-style:none; |
||||||
font-size: 0; |
font-size: 0; |
||||||
line-height:0; |
line-height:0; |
||||||
} |
} |
||||||
.pr-social li{ |
.pr-social li{ |
||||||
display:inline-block; |
display:inline-block; |
||||||
vertical-align:middle; |
vertical-align:middle; |
||||||
margin:0 0 0 6px; |
margin:0 0 0 6px; |
||||||
-webkit-transition: all 100ms linear; |
-webkit-transition: all 100ms linear; |
||||||
-moz-transition: all 100ms linear; |
-moz-transition: all 100ms linear; |
||||||
-ms-transition: all 100ms linear; |
-ms-transition: all 100ms linear; |
||||||
-o-transition: all 100ms linear; |
-o-transition: all 100ms linear; |
||||||
transition: all 100ms linear; |
transition: all 100ms linear; |
||||||
} |
} |
||||||
.pr-social li:hover{ |
.pr-social li:hover{ |
||||||
opacity:0.8; |
opacity:0.8; |
||||||
} |
} |
||||||
#pr-promo{ |
#pr-promo{ |
||||||
background:url(../images/pr-img01.jpg) no-repeat 50% 0; |
background:url(../images/pr-img01.jpg) no-repeat 50% 0; |
||||||
background-size:cover; |
background-size:cover; |
||||||
min-height:400px; |
min-height:400px; |
||||||
padding:35px 0 47px; |
padding:35px 0 47px; |
||||||
color:#fff; |
color:#fff; |
||||||
} |
} |
||||||
#pr-promo .pr-center{ |
#pr-promo .pr-center{ |
||||||
padding:0 25px; |
padding:0 25px; |
||||||
width:950px; |
width:950px; |
||||||
} |
} |
||||||
#pr-promo h1{ |
#pr-promo h1{ |
||||||
font-weight:normal; |
font-weight:normal; |
||||||
margin:0 0 16px; |
margin:0 0 16px; |
||||||
font:39px/39px 'pf_dindisplay_prolight', Arial, Helvetica, sans-serif; |
font:39px/39px 'pf_dindisplay_prolight', Arial, Helvetica, sans-serif; |
||||||
color:#fff; |
color:#fff; |
||||||
} |
} |
||||||
#pr-promo h2{ |
#pr-promo h2{ |
||||||
font-weight:normal; |
font-weight:normal; |
||||||
margin:0 0 15px; |
margin:0 0 15px; |
||||||
font:27px/33px 'pf_dindisplay_promedium', Arial, Helvetica, sans-serif; |
font:27px/33px 'pf_dindisplay_promedium', Arial, Helvetica, sans-serif; |
||||||
color:#99fbff; |
color:#99fbff; |
||||||
} |
} |
||||||
#pr-promo p{ |
#pr-promo p{ |
||||||
margin:0; |
margin:0; |
||||||
} |
} |
||||||
.pr-promo-text{ |
.pr-promo-text{ |
||||||
max-width:400px; |
max-width:400px; |
||||||
margin:0 0 22px; |
margin:0 0 22px; |
||||||
} |
} |
||||||
.pr .pr-promo-text a{ |
.pr .pr-promo-text a{ |
||||||
color:#fff; |
color:#fff; |
||||||
} |
} |
||||||
.pr-form{ |
.pr-form{ |
||||||
width:509px; |
width:509px; |
||||||
text-align:center; |
text-align:center; |
||||||
} |
} |
||||||
.pr-form .pr-row{ |
.pr-form .pr-row{ |
||||||
overflow:hidden; |
overflow:hidden; |
||||||
margin:0 0 14px; |
margin:0 0 14px; |
||||||
} |
} |
||||||
.pr-input{ |
.pr-input{ |
||||||
float:left; |
float:left; |
||||||
height:46px; |
height:46px; |
||||||
width:186px; |
width:186px; |
||||||
padding:0 44px 0 18px; |
padding:0 44px 0 18px; |
||||||
margin:0 0 0 13px; |
margin:0 0 0 13px; |
||||||
background:#fff; |
background:#fff; |
||||||
border-radius:4px; |
border-radius:4px; |
||||||
position:relative; |
position:relative; |
||||||
} |
} |
||||||
.pr-input:first-child{ |
.pr-input:first-child{ |
||||||
margin:0; |
margin:0; |
||||||
} |
} |
||||||
.pr-input:after{
content:''; |
.pr-input:after{ content:''; |
||||||
position:absolute; |
position:absolute; |
||||||
top:13px; |
top:13px; |
||||||
right:14px; |
right:14px; |
||||||
width:20px; |
width:20px; |
||||||
height:20px;
} |
height:20px;} |
||||||
.pr-input.pr-name:after{ |
.pr-input.pr-name:after{ |
||||||
background:url(../images/pr-icon02.png) no-repeat 50% 50%; |
background:url(../images/pr-icon02.png) no-repeat 50% 50%; |
||||||
} |
} |
||||||
.pr-input.pr-email:after{ |
.pr-input.pr-email:after{ |
||||||
background:url(../images/pr-icon03.png) no-repeat 50% 50%; |
background:url(../images/pr-icon03.png) no-repeat 50% 50%; |
||||||
} |
} |
||||||
.pr-form input{ |
.pr-form input{ |
||||||
padding:0; |
padding:0; |
||||||
border:none; |
border:none; |
||||||
color:#000; |
color:#000; |
||||||
font:17px/21px 'pf_dindisplay_promedium', Arial, Helvetica, sans-serif; |
font:17px/21px 'pf_dindisplay_promedium', Arial, Helvetica, sans-serif; |
||||||
height:24px; |
height:24px; |
||||||
margin:12px 0 0; |
margin:12px 0 0; |
||||||
} |
} |
||||||
.pr-form input:focus::-webkit-input-placeholder { |
.pr-form input:focus::-webkit-input-placeholder { |
||||||
color:transparent; |
color:transparent; |
||||||
} |
} |
||||||
.pr-form input:focus:-moz-placeholder { |
.pr-form input:focus:-moz-placeholder { |
||||||
color:transparent; |
color:transparent; |
||||||
} |
} |
||||||
.pr-form input:focus:-ms-input-placeholder { |
.pr-form input:focus:-ms-input-placeholder { |
||||||
color:transparent; |
color:transparent; |
||||||
} |
} |
||||||
.pr-form input:focus::-moz-placeholder { |
.pr-form input:focus::-moz-placeholder { |
||||||
color:transparent; |
color:transparent; |
||||||
} |
} |
||||||
.pr-form input::-webkit-input-placeholder { /* WebKit browsers */ |
.pr-form input::-webkit-input-placeholder { /* WebKit browsers */ |
||||||
color:#808080; |
color:#808080; |
||||||
opacity:1; |
opacity:1; |
||||||
} |
} |
||||||
.pr-form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ |
.pr-form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ |
||||||
color:#808080; |
color:#808080; |
||||||
opacity:1; |
opacity:1; |
||||||
} |
} |
||||||
.pr-form input::-moz-placeholder { /* Mozilla Firefox 19+ */ |
.pr-form input::-moz-placeholder { /* Mozilla Firefox 19+ */ |
||||||
color:#808080; |
color:#808080; |
||||||
opacity:1; |
opacity:1; |
||||||
} |
} |
||||||
.pr-form input:-ms-input-placeholder { /* Internet Explorer 10+ */ |
.pr-form input:-ms-input-placeholder { /* Internet Explorer 10+ */ |
||||||
color:#808080; |
color:#808080; |
||||||
opacity:1; |
opacity:1; |
||||||
} |
} |
||||||
.pr-form button{ |
.pr-form button{ |
||||||
display:block; |
display:block; |
||||||
border:2px solid #fff; |
border:2px solid #fff; |
||||||
border-radius:4px; |
border-radius:4px; |
||||||
background:#ff6900; |
background:#ff6900; |
||||||
height:64px; |
height:64px; |
||||||
font: 30px/58px 'pf_dindisplay_proregular', Arial, Helvetica, sans-serif; |
font: 30px/58px 'pf_dindisplay_proregular', Arial, Helvetica, sans-serif; |
||||||
text-align:center; |
text-align:center; |
||||||
text-transform:uppercase; |
text-transform:uppercase; |
||||||
color:#fff; |
color:#fff; |
||||||
width:100%; |
width:100%; |
||||||
cursor:pointer; |
cursor:pointer; |
||||||
-webkit-transition: all 100ms linear; |
-webkit-transition: all 100ms linear; |
||||||
-moz-transition: all 100ms linear; |
-moz-transition: all 100ms linear; |
||||||
-ms-transition: all 100ms linear; |
-ms-transition: all 100ms linear; |
||||||
-o-transition: all 100ms linear; |
-o-transition: all 100ms linear; |
||||||
transition: all 100ms linear; |
transition: all 100ms linear; |
||||||
} |
} |
||||||
.pr-form button:hover{ |
.pr-form button:hover{ |
||||||
opacity:0.9; |
opacity:0.9; |
||||||
} |
} |
||||||
#pr-content{ |
#pr-content{ |
||||||
padding:59px 0 26px; |
padding:59px 0 26px; |
||||||
overflow:hidden; |
overflow:hidden; |
||||||
} |
} |
||||||
.pr .pr-interesting-form{ |
.pr .pr-interesting-form{ |
||||||
overflow:hidden; |
overflow:hidden; |
||||||
margin:0 0 50px; |
margin:0 0 50px; |
||||||
} |
} |
||||||
.pr-interesting{ |
.pr-interesting{ |
||||||
float:left; |
float:left; |
||||||
width:300px; |
width:300px; |
||||||
margin:0 85px 0 0; |
margin:0 85px 0 0; |
||||||
} |
} |
||||||
.pr-interesting h3{ |
.pr-interesting h3{ |
||||||
font-weight:normal; |
font-weight:normal; |
||||||
margin:0 0 14px; |
margin:0 0 14px; |
||||||
font:27px/27px 'MyriadProRegular', Arial, Helvetica, sans-serif; |
font:27px/27px 'MyriadProRegular', Arial, Helvetica, sans-serif; |
||||||
color:#080808; |
color:#080808; |
||||||
} |
} |
||||||
.pr-interesting h4{ |
.pr-interesting h4{ |
||||||
font-weight:normal; |
font-weight:normal; |
||||||
margin:0 17px 18px; |
margin:0 17px 18px; |
||||||
font-size: 20px; |
font-size: 20px; |
||||||
line-height:22px; |
line-height:22px; |
||||||
color:#060606; |
color:#060606; |
||||||
} |
} |
||||||
.pr-interesting-list{ |
.pr-interesting-list{ |
||||||
margin:0;
padding:0;
list-style:none; |
margin:0; padding:0; list-style:none; |
||||||
font-size: 17px; |
font-size: 17px; |
||||||
line-height:21px; |
line-height:21px; |
||||||
color:#010100; |
color:#010100; |
||||||
} |
} |
||||||
.pr-interesting-list li{ |
.pr-interesting-list li{ |
||||||
margin:0 0 7px; |
margin:0 0 7px; |
||||||
} |
} |
||||||
.pr-close{ |
.pr-close{ |
||||||
background:url(../images/pr-icon04.png) no-repeat; |
background:url(../images/pr-icon04.png) no-repeat; |
||||||
width:12px; |
width:12px; |
||||||
height:12px; |
height:12px; |
||||||
display:inline-block; |
display:inline-block; |
||||||
vertical-align:top; |
vertical-align:top; |
||||||
margin:4px 3px 0 0; |
margin:4px 3px 0 0; |
||||||
text-decoration:none; |
text-decoration:none; |
||||||
} |
} |
||||||
.pr-interesting-box{ |
.pr-interesting-box{ |
||||||
overflow:hidden; |
overflow:hidden; |
||||||
} |
} |
||||||
.pr-interesting-wrap{ |
.pr-interesting-wrap{ |
||||||
overflow:hidden; |
overflow:hidden; |
||||||
margin:0 0 38px; |
margin:0 0 38px; |
||||||
} |
} |
||||||
.pr-interesting-col{ |
.pr-interesting-col{ |
||||||
margin:0 0 0 8px;
padding:0;
list-style:none; |
margin:0 0 0 8px; padding:0; list-style:none; |
||||||
float:left; |
float:left; |
||||||
width:285px; |
width:285px; |
||||||
} |
} |
||||||
.pr-interesting-col:first-child{ |
.pr-interesting-col:first-child{ |
||||||
margin:0; |
margin:0; |
||||||
} |
} |
||||||
.pr-interesting-col li{ |
.pr-interesting-col li{ |
||||||
margin:0 0 16px; |
margin:0 0 16px; |
||||||
} |
} |
||||||
.pr .pr-btn-open{ |
.pr .pr-btn-open{ |
||||||
display:block; |
display:block; |
||||||
height:65px; |
height:65px; |
||||||
border:2px solid #ff7d22; |
border:2px solid #ff7d22; |
||||||
text-align:center; |
text-align:center; |
||||||
padding:0 20px; |
padding:0 20px; |
||||||
font:24px/65px 'MyriadProRegular', Arial, Helvetica, sans-serif; |
font:24px/65px 'MyriadProRegular', Arial, Helvetica, sans-serif; |
||||||
color:#ff6900; |
color:#ff6900; |
||||||
-webkit-transition: all 100ms linear; |
-webkit-transition: all 100ms linear; |
||||||
-moz-transition: all 100ms linear; |
-moz-transition: all 100ms linear; |
||||||
-ms-transition: all 100ms linear; |
-ms-transition: all 100ms linear; |
||||||
-o-transition: all 100ms linear; |
-o-transition: all 100ms linear; |
||||||
transition: all 100ms linear; |
transition: all 100ms linear; |
||||||
} |
} |
||||||
.pr .pr-btn-open:hover{ |
.pr .pr-btn-open:hover{ |
||||||
opacity:0.8; |
opacity:0.8; |
||||||
} |
} |
||||||
.pr-btn-open span{ |
.pr-btn-open span{ |
||||||
display:inline-block; |
display:inline-block; |
||||||
vertical-align:top; |
vertical-align:top; |
||||||
padding:0 0 0 22px; |
padding:0 0 0 22px; |
||||||
background:url(../images/pr-icon05.png) no-repeat 0 47%; |
background:url(../images/pr-icon05.png) no-repeat 0 47%; |
||||||
} |
} |
||||||
.pr-interesting-col label{ |
.pr-interesting-col label{ |
||||||
display:block; |
display:block; |
||||||
overflow:hidden; |
overflow:hidden; |
||||||
cursor:pointer; |
cursor:pointer; |
||||||
padding:0 0 0 10px; |
padding:0 0 0 10px; |
||||||
line-height:25px; |
line-height:25px; |
||||||
text-decoration:underline; |
text-decoration:underline; |
||||||
} |
} |
||||||
.pr-interesting-col label:hover{ |
.pr-interesting-col label:hover{ |
||||||
text-decoration:none; |
text-decoration:none; |
||||||
} |
} |
||||||
div.pr-check, |
div.pr-check, |
||||||
div.pr-radio { |
div.pr-radio { |
||||||
float: left; |
float: left; |
||||||
width: 24px; |
width: 24px; |
||||||
height: 24px; |
height: 24px; |
||||||
position: relative; |
position: relative; |
||||||
background:url(../images/pr-icon06.png) no-repeat; |
background:url(../images/pr-icon06.png) no-repeat; |
||||||
cursor: pointer; |
cursor: pointer; |
||||||
} |
} |
||||||
div.pr-check.checked{ |
div.pr-check.checked{ |
||||||
background-position:0 -40px; |
background-position:0 -40px; |
||||||
} |
} |
||||||
div.pr-radio.checked{ |
div.pr-radio.checked{ |
||||||
background-position:-0 -40px; |
background-position:-0 -40px; |
||||||
} |
} |
||||||
div.check.disabled, |
div.check.disabled, |
||||||
div.check.disabled + label { |
div.check.disabled + label { |
||||||
cursor: default !important; |
cursor: default !important; |
||||||
} |
} |
||||||
div.pr-radio.disabled, |
div.pr-radio.disabled, |
||||||
div.pr-radio.disabled + label{ |
div.pr-radio.disabled + label{ |
||||||
cursor: default !important; |
cursor: default !important; |
||||||
} |
} |
||||||
.pr-subscription{ |
.pr-subscription{ |
||||||
overflow:hidden; |
overflow:hidden; |
||||||
} |
} |
||||||
.pr-subscription h3{ |
.pr-subscription h3{ |
||||||
font-weight:normal; |
font-weight:normal; |
||||||
margin:0 0 46px; |
margin:0 0 46px; |
||||||
font:27px/33px 'pf_dindisplay_promedium', Arial, Helvetica, sans-serif; |
font:27px/33px 'pf_dindisplay_promedium', Arial, Helvetica, sans-serif; |
||||||
color:#000; |
color:#000; |
||||||
} |
} |
||||||
.pr-subscription-box{ |
.pr-subscription-box{ |
||||||
overflow:hidden; |
overflow:hidden; |
||||||
} |
} |
||||||
.pr-subscription-list{ |
.pr-subscription-list{ |
||||||
float:left; |
float:left; |
||||||
width:300px; |
width:300px; |
||||||
margin: 0 85px 0 0; |
margin: 0 85px 0 0; |
||||||
padding:0;
list-style:none; |
padding:0; list-style:none; |
||||||
} |
} |
||||||
.pr-subscription-list li{ |
.pr-subscription-list li{ |
||||||
margin:0 0 27px; |
margin:0 0 27px; |
||||||
} |
} |
||||||
.pr-subscription-row{ |
.pr-subscription-row{ |
||||||
overflow:hidden; |
overflow:hidden; |
||||||
margin:0 0 5px; |
margin:0 0 5px; |
||||||
} |
} |
||||||
.pr-subscription-list label{ |
.pr-subscription-list label{ |
||||||
overflow:hidden; |
overflow:hidden; |
||||||
display:block; |
display:block; |
||||||
padding:0 0 0 12px; |
padding:0 0 0 12px; |
||||||
cursor:pointer; |
cursor:pointer; |
||||||
font-size: 23px; |
font-size: 23px; |
||||||
line-height:26px; |
line-height:26px; |
||||||
} |
} |
||||||
.pr-subscription-row:hover label{ |
.pr-subscription-row:hover label{ |
||||||
color:#ff6900; |
color:#ff6900; |
||||||
} |
} |
||||||
.pr-subscription-list .pr-title{ |
.pr-subscription-list .pr-title{ |
||||||
margin:0 0 0 36px; |
margin:0 0 0 36px; |
||||||
color:#482500; |
color:#482500; |
||||||
font-size: 17px; |
font-size: 17px; |
||||||
line-height:21px; |
line-height:21px; |
||||||
} |
} |
||||||
.pr-subscription-list p{ |
.pr-subscription-list p{ |
||||||
margin:0 0 5px; |
margin:0 0 5px; |
||||||
} |
} |
||||||
.pr .pr-subscription-list .pr-title a{ |
.pr .pr-subscription-list .pr-title a{ |
||||||
color:#ff6900; |
color:#ff6900; |
||||||
} |
} |
||||||
.pr-subscription-col{ |
.pr-subscription-col{ |
||||||
overflow:hidden; |
overflow:hidden; |
||||||
padding:88px 0 0; |
padding:88px 0 0; |
||||||
text-align:center; |
text-align:center; |
||||||
} |
} |
||||||
.pr-subscription-col button{ |
.pr-subscription-col button{ |
||||||
display:block; |
display:block; |
||||||
background:#ff6900; |
background:#ff6900; |
||||||
height:92px; |
height:92px; |
||||||
font: 35px/92px 'pf_dindisplay_prolight', Arial, Helvetica, sans-serif; |
font: 35px/92px 'pf_dindisplay_prolight', Arial, Helvetica, sans-serif; |
||||||
text-align:center; |
text-align:center; |
||||||
text-transform:uppercase; |
text-transform:uppercase; |
||||||
color:#fff; |
color:#fff; |
||||||
width:100%; |
width:100%; |
||||||
margin:0 0 36px; |
margin:0 0 36px; |
||||||
border:none; |
border:none; |
||||||
cursor:pointer; |
cursor:pointer; |
||||||
-webkit-transition: all 100ms linear; |
-webkit-transition: all 100ms linear; |
||||||
-moz-transition: all 100ms linear; |
-moz-transition: all 100ms linear; |
||||||
-ms-transition: all 100ms linear; |
-ms-transition: all 100ms linear; |
||||||
-o-transition: all 100ms linear; |
-o-transition: all 100ms linear; |
||||||
transition: all 100ms linear; |
transition: all 100ms linear; |
||||||
} |
} |
||||||
.pr-subscription-col button:hover{ |
.pr-subscription-col button:hover{ |
||||||
opacity:0.9; |
opacity:0.9; |
||||||
} |
} |
||||||
.pr-subscription-col strong{ |
.pr-subscription-col strong{ |
||||||
font-weight:normal; |
font-weight:normal; |
||||||
font:18px/22px 'pf_dindisplay_promedium', Arial, Helvetica, sans-serif; |
font:18px/22px 'pf_dindisplay_promedium', Arial, Helvetica, sans-serif; |
||||||
color:#8f9698; |
color:#8f9698; |
||||||
} |
} |
||||||
|
|||||||
@ -1,28 +1,28 @@ |
|||||||
$(document).ready(function(){ |
$(document).ready(function(){ |
||||||
$('.pr-form input, .pr-form textarea').placeholder(); |
$('.pr-form input, .pr-form textarea').placeholder(); |
||||||
$('.pr-btn-open').click(function(){ |
$('.pr-btn-open').click(function(){ |
||||||
_this = $(this); |
_this = $(this); |
||||||
$('.pr-interesting-box').find('.pr-interesting-col li').slideDown(200, function(){ |
$('.pr-interesting-box').find('.pr-interesting-col li').slideDown(200, function(){ |
||||||
_this.fadeOut(400); |
_this.fadeOut(400); |
||||||
}); |
}); |
||||||
return false; |
return false; |
||||||
}); |
}); |
||||||
$('.pr form input').iCheck({ |
$('.pr form input').iCheck({ |
||||||
checkboxClass: 'pr-check', |
checkboxClass: 'pr-check', |
||||||
radioClass: 'pr-radio', |
radioClass: 'pr-radio', |
||||||
increaseArea: '20%' // optional
|
increaseArea: '20%' // optional
|
||||||
}); |
}); |
||||||
$('.pr-interesting-form .pr-checkbox:checkbox').on('ifToggled', function(){ |
$('.pr-interesting-form .pr-checkbox:checkbox').on('ifToggled', function(){ |
||||||
$('.pr-interesting-list').html(''); |
$('.pr-interesting-list').html(''); |
||||||
$('.pr-interesting-form input:checkbox').each(function(){ |
$('.pr-interesting-form input:checkbox').each(function(){ |
||||||
if ($(this).is(':checked')){ |
if ($(this).is(':checked')){ |
||||||
$('.pr-interesting-list').append('<li data-id="'+$(this).attr('id')+'"><a class="pr-close" href="#"> </a> '+$(this).parent().parent().find('label').text()+'</li>'); |
$('.pr-interesting-list').append('<li data-id="'+$(this).attr('id')+'"><a class="pr-close" href="#"> </a> '+$(this).parent().parent().find('label').text()+'</li>'); |
||||||
} |
} |
||||||
}) |
}) |
||||||
}); |
}); |
||||||
$('.pr-interesting-list').on('click', '.pr-close', function(){ |
$('.pr-interesting-list').on('click', '.pr-close', function(){ |
||||||
var _id = $(this).parent().attr('data-id'); |
var _id = $(this).parent().attr('data-id'); |
||||||
$('.pr-interesting-form input:checkbox#'+_id).iCheck('uncheck'); |
$('.pr-interesting-form input:checkbox#'+_id).iCheck('uncheck'); |
||||||
return false; |
return false; |
||||||
}); |
}); |
||||||
}); |
}); |
||||||
Loading…
Reference in new issue