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