commit 88c0e7aee9f859441358a3703fcd4c2ed8051cc8 Author: Serghei MIHAI Date: Wed Aug 6 16:06:23 2014 +0200 initial commit diff --git a/Makefile b/Makefile new file mode 100644 index 0000000..7d81d7a --- /dev/null +++ b/Makefile @@ -0,0 +1,38 @@ +VERSION=`git describe | sed 's/^v//; s/-/./g' ` +NAME="cud-themes" + +prefix = /usr + +all: + @(echo "Nothing to build. Please use make install.") + +clean: + rm -rf build sdist + +build: clean + mkdir -p build/$(NAME)-$(VERSION) + for i in *; do \ + if [ "$$i" != "build" ]; then \ + cp -R "$$i" build/$(NAME)-$(VERSION); \ + fi; \ + done + +install: + mkdir -p $(DESTDIR)$(prefix)/share/authentic2/cud + mkdir -p $(DESTDIR)$(prefix)/share/portail-citoyen2/cud + cp -r idp/* $(DESTDIR)$(prefix)/share/authentic2/cud + cp -r portail-citoyen/* $(DESTDIR)$(prefix)/share/portail-citoyen2/cud + +dist-bzip2: build + mkdir sdist + cd build && tar cfj ../sdist/$(NAME)-$(VERSION).tar.bz2 . + +version: + @(echo $(VERSION)) + +name: + @(echo $(NAME)) + +fullname: + @(echo $(NAME)-$(VERSION)) + diff --git a/idp/auth/login.html b/idp/auth/login.html new file mode 100644 index 0000000..a6bbecf --- /dev/null +++ b/idp/auth/login.html @@ -0,0 +1,28 @@ +{% extends "base.html" %} +{% load i18n %} + +{% block title %} +{% trans "Log in" %} +{% endblock %} + +{% block content %} + +
+{% for name, content in methods %} + +{% endfor %} +
+ +{% endblock %} + +{% block extra_scripts %} + + + + +{% endblock %} diff --git a/idp/auth/login_form.html b/idp/auth/login_form.html new file mode 100644 index 0000000..c47bc0e --- /dev/null +++ b/idp/auth/login_form.html @@ -0,0 +1,20 @@ +{% load i18n %} +
+
+{% csrf_token %} +{{ form.as_p }} + +{% if cancel %} + +{% endif %} +
+
+ +
+{% if can_reset_password %} +

→ {% trans "Forgot password?" %} {% trans "Reset it!" %}

+{% endif %} +{% if registration_authorized %} +

→ {% trans "Not a member?" %} {% trans "Register!" %}

+{% endif %} +
diff --git a/idp/auth/login_password_profile.html b/idp/auth/login_password_profile.html new file mode 100644 index 0000000..f2e8117 --- /dev/null +++ b/idp/auth/login_password_profile.html @@ -0,0 +1,11 @@ +{% load i18n %} +

{% trans "Password" %}

+ +
+{% if user.has_usable_password %} +

{% trans "Change password" %}

+{% else %} +{% comment %}

{% trans "Set password" %}

{% endcomment %} +{% endif %} +
+ diff --git a/idp/base.html b/idp/base.html new file mode 100644 index 0000000..f371119 --- /dev/null +++ b/idp/base.html @@ -0,0 +1,74 @@ + +{% load i18n staticfiles %} + + + + + {% block title %}Authentic{% endblock %} + + {% block extra_scripts %} + {% endblock %} + + +
+ + +
+
+ {% block breadcumb %} + + {% endblock %} +
+ {% block menu %} + {% endblock %} + +
+
+ {% block content %} + {% endblock %} +
+
+
+ + +
+ {% block bottom-content %} + {% endblock %} +
+
+ + + + + + diff --git a/idp/idp/account_management.html b/idp/idp/account_management.html new file mode 100644 index 0000000..57f6a00 --- /dev/null +++ b/idp/idp/account_management.html @@ -0,0 +1,39 @@ +{% extends "base.html" %} +{% load i18n %} + +{% block title %} +{% trans "Authentic - Account Management" %} +{% endblock %} + + +{% block content %} +
+

{% trans "Account Management" %}

+

{% trans "Profile" %}

+
+{% if profile %} +
+{% for key, values in profile %} +
{{ key|capfirst }}
+
{% if values|length == 1 %}{{ values.0 }}{% else %} +
    + {% for value in values %} +
  • {{ value }}
    • + {% endfor %} +
+{% endif %} +
+{% endfor %} +
+{% endif %} +

{% trans "Change email" %}

+

{% trans "Edit profile" %}

+

{% trans "Delete profile" %}

+
+

{% trans "Credentials" %}

+ {% for html_block in frontends_block %} + {{ html_block|safe }} + {% endfor %} +

{% trans "Back" %}

+
+{% endblock %} diff --git a/idp/idp/homepage.html b/idp/idp/homepage.html new file mode 100644 index 0000000..f236585 --- /dev/null +++ b/idp/idp/homepage.html @@ -0,0 +1,55 @@ +{% extends "base.html" %} +{% load i18n %} + +{% block title %} +{% trans "Authentic" %} +{% endblock %} + + +{% block content %} + +{% if account_management %} +
+

+ {% trans "Account Management" %} +

+
+{% endif %} + + +{% if authorized_services %} +
+

{% trans "Services" %}

+ +
+{% endif %} + +{% if user.is_staff %} + +{% endif %} + +{% endblock %} diff --git a/idp/idp/logout.html b/idp/idp/logout.html new file mode 100644 index 0000000..7707615 --- /dev/null +++ b/idp/idp/logout.html @@ -0,0 +1,41 @@ +{% extends "base.html" %} +{% load i18n %} + +{% block title %} +{% trans "Logout" %} +{% endblock %} +{% block bodyargs %} +onload="window.iframe_count -= 1" +{% endblock %} + +{% comment %}Initialize iframe coutndown {% endcomment %} +{% block extra_scripts %} + +{% endblock %} + +{% block content %} +

{% trans message %}

+ + + + + + +{% endblock %} diff --git a/idp/profiles/edit_profile.html b/idp/profiles/edit_profile.html new file mode 100644 index 0000000..6125bb5 --- /dev/null +++ b/idp/profiles/edit_profile.html @@ -0,0 +1,18 @@ +{% extends "base.html" %} +{% load i18n %} + +{% block title %}{% trans "Create profile" %}{% endblock %} + +{% block content %} + +{% endblock %} diff --git a/idp/profiles/email_change.html b/idp/profiles/email_change.html new file mode 100644 index 0000000..8d9a544 --- /dev/null +++ b/idp/profiles/email_change.html @@ -0,0 +1,15 @@ +{% extends "base.html" %} +{% load i18n %} + +{% block title %}{% trans "Email change" %}{% endblock %} + +{% block content %} + +{% endblock %} diff --git a/idp/profiles/email_change_body.txt b/idp/profiles/email_change_body.txt new file mode 100644 index 0000000..d49344c --- /dev/null +++ b/idp/profiles/email_change_body.txt @@ -0,0 +1,17 @@ +{% load i18n %}{% blocktrans with name=user.get_short_name site=site.name old_email=user.email %}Hi {{ name }} ! + +You asked for changing your email on {{ site }} from: + + {{ old_email }} + +to: + + {{ email }} + +To validate this change please click on the following link: + + {{ link }} + +-- +{{ site }} +{% endblocktrans %} diff --git a/idp/profiles/email_change_subject.txt b/idp/profiles/email_change_subject.txt new file mode 100644 index 0000000..d8e9b16 --- /dev/null +++ b/idp/profiles/email_change_subject.txt @@ -0,0 +1 @@ +{% load i18n %}{% blocktrans with site_name=site.name %}Change email on {{ site_name }}{% endblocktrans %} diff --git a/idp/registration/activate.html b/idp/registration/activate.html new file mode 100644 index 0000000..640352e --- /dev/null +++ b/idp/registration/activate.html @@ -0,0 +1,22 @@ +{% extends "base.html" %} +{% load i18n %} + +{% block title %} +{% trans "Account activation" %} +{% endblock %} + +{% block content %} + +{% if account %} + +

{% trans "Account successfully activated" %}

+ +

{% trans "Log in" %}

+ +{% else %} + +

{% trans "Account activation failed" %}

+ +{% endif %} + +{% endblock %} diff --git a/idp/registration/activation_complete.html b/idp/registration/activation_complete.html new file mode 100644 index 0000000..49b05e9 --- /dev/null +++ b/idp/registration/activation_complete.html @@ -0,0 +1,6 @@ +{% extends "base.html" %} +{% load i18n %} + +{% block content %} +{% trans "Your account is now activated" %} +{% endblock %} diff --git a/idp/registration/activation_email.txt b/idp/registration/activation_email.txt new file mode 100644 index 0000000..911df01 --- /dev/null +++ b/idp/registration/activation_email.txt @@ -0,0 +1,6 @@ +{% load i18n %} +{% trans "Activate account at" %} {{ site.name }}: + +http://{{ site.domain }}{% url 'registration_activate' activation_key %} + +{% blocktrans %}Link is valid for {{ expiration_days }} days.{% endblocktrans %} diff --git a/idp/registration/activation_email_subject.txt b/idp/registration/activation_email_subject.txt new file mode 100644 index 0000000..24f477c --- /dev/null +++ b/idp/registration/activation_email_subject.txt @@ -0,0 +1 @@ +{% load i18n %}{% trans "Account activation on" %} {{ site.name }} diff --git a/idp/registration/delete_account.html b/idp/registration/delete_account.html new file mode 100644 index 0000000..d0c9a61 --- /dev/null +++ b/idp/registration/delete_account.html @@ -0,0 +1,18 @@ +{% extends "base.html" %} +{% load i18n %} + +{% block title %} +{% trans "Delete account" %} +{% endblock %} + + +{% block content %} +
+
+ {% csrf_token %} +

{% trans "Delete my account and all my personal datas ?" %}

+ + +
+
+{% endblock %} diff --git a/idp/registration/logout.html b/idp/registration/logout.html new file mode 100644 index 0000000..cf6fb78 --- /dev/null +++ b/idp/registration/logout.html @@ -0,0 +1,11 @@ +{% extends "base.html" %} +{% load i18n %} + +{% block title %} +{% trans "Logging out" %} +{% endblock %} + +{% block content %} +

{% trans "Logged out" %}

+

{% trans "Back" %}

+{% endblock %} diff --git a/idp/registration/password_change_done.html b/idp/registration/password_change_done.html new file mode 100644 index 0000000..eedeb5e --- /dev/null +++ b/idp/registration/password_change_done.html @@ -0,0 +1,10 @@ +{% extends "base.html" %} +{% load i18n %} + +{% block title %} +{% trans "Changing password" %} +{% endblock %} + +{% block content %} +

{% trans "Password changed" %}

+{% endblock %} diff --git a/idp/registration/password_change_form.html b/idp/registration/password_change_form.html new file mode 100644 index 0000000..e7bfd01 --- /dev/null +++ b/idp/registration/password_change_form.html @@ -0,0 +1,17 @@ +{% extends "base.html" %} +{% load i18n %} + +{% block title %} +{% trans "Changing password" %} +{% endblock %} + +{% block content %} +
+
+ {% csrf_token %} + {{ form.as_p }} + + +
+
+{% endblock %} diff --git a/idp/registration/password_reset_complete.html b/idp/registration/password_reset_complete.html new file mode 100644 index 0000000..7cb6bf1 --- /dev/null +++ b/idp/registration/password_reset_complete.html @@ -0,0 +1,14 @@ +{% extends "base.html" %} +{% load i18n %} + +{% block title %} +{% trans "Password reset successfully" %} +{% endblock %} + +{% block content %} + +

{% trans "Password reset successfully" %}

+ +

{% trans "Log in" %}

+ +{% endblock %} diff --git a/idp/registration/password_reset_confirm.html b/idp/registration/password_reset_confirm.html new file mode 100644 index 0000000..3cbc2f9 --- /dev/null +++ b/idp/registration/password_reset_confirm.html @@ -0,0 +1,25 @@ +{% extends "base.html" %} +{% load i18n %} + +{% block title %} +{% trans "Resetting password" %} +{% endblock %} + +{% block content %} + +{% if validlink %} + +
+ {% csrf_token %} + {{ form.as_p }} + + +
+ +{% else %} + +

{% trans "Password reset failed" %}

+ +{% endif %} + +{% endblock %} diff --git a/idp/registration/password_reset_done.html b/idp/registration/password_reset_done.html new file mode 100644 index 0000000..57b0500 --- /dev/null +++ b/idp/registration/password_reset_done.html @@ -0,0 +1,11 @@ +{% extends "base.html" %} +{% load i18n %} + +{% block title %} +{% trans "Resetting password" %} +{% endblock %} + + +{% block content %} +

{% trans "Email with password reset instructions has been sent." %}

+{% endblock %} diff --git a/idp/registration/password_reset_email.html b/idp/registration/password_reset_email.html new file mode 100644 index 0000000..f5f09ec --- /dev/null +++ b/idp/registration/password_reset_email.html @@ -0,0 +1,5 @@ +{% load i18n %} +{% blocktrans %}Reset password at {{ site_name }}{% endblocktrans %}: +{% block reset_link %} +{{ protocol }}://{{ domain }}{% url 'auth_password_reset_confirm' uidb36=uid token=token %} +{% endblock %} diff --git a/idp/registration/password_reset_form.html b/idp/registration/password_reset_form.html new file mode 100644 index 0000000..60fd8ba --- /dev/null +++ b/idp/registration/password_reset_form.html @@ -0,0 +1,19 @@ +{% extends "base.html" %} +{% load i18n %} + +{% block title %} +{% trans "Resetting password" %} +{% endblock %} + +{% block content %} +
+

{% trans "Resetting password" %}

+ +
+ {% csrf_token %} + {{ form.as_p }} + + +
+
+{% endblock %} diff --git a/idp/registration/registration_closed.html b/idp/registration/registration_closed.html new file mode 100644 index 0000000..9e30c48 --- /dev/null +++ b/idp/registration/registration_closed.html @@ -0,0 +1,10 @@ +{% extends "base.html" %} +{% load i18n %} + +{% block title %} +{% trans "Registration closed" %} +{% endblock %} + +{% block content %} +

{% trans "Registration closed" %}

+{% endblock %} diff --git a/idp/registration/registration_complete.html b/idp/registration/registration_complete.html new file mode 100644 index 0000000..11fe8db --- /dev/null +++ b/idp/registration/registration_complete.html @@ -0,0 +1,11 @@ +{% extends "base.html" %} +{% load i18n %} + +{% block title %} +{% trans "Successful registration" %} +{% endblock %} + +{% block content %} +

{% trans "You are now registered. Activation email sent." %}

+

{% trans "Back" %}

+{% endblock %} diff --git a/idp/registration/registration_form.html b/idp/registration/registration_form.html new file mode 100644 index 0000000..8cbc056 --- /dev/null +++ b/idp/registration/registration_form.html @@ -0,0 +1,25 @@ +{% extends "base.html" %} +{% load i18n %} + +{% block title %} +{% trans "Registration" %} +{% endblock %} + +{% load breadcrumbs %} +{% block breadcrumbs %} +{{ block.super }} +{% breadcrumb_url 'Register' %} +{% endblock %} + +{% block content %} + +{% endblock %} diff --git a/idp/static/authentic2/css/FontAwesome.otf b/idp/static/authentic2/css/FontAwesome.otf new file mode 100644 index 0000000..3461e3f Binary files /dev/null and b/idp/static/authentic2/css/FontAwesome.otf differ diff --git a/idp/static/authentic2/css/Museo500-Regular.otf b/idp/static/authentic2/css/Museo500-Regular.otf new file mode 100644 index 0000000..da52e9c Binary files /dev/null and b/idp/static/authentic2/css/Museo500-Regular.otf differ diff --git a/idp/static/authentic2/css/Museo_Slab.otf b/idp/static/authentic2/css/Museo_Slab.otf new file mode 100644 index 0000000..84ceaca Binary files /dev/null and b/idp/static/authentic2/css/Museo_Slab.otf differ diff --git a/idp/static/authentic2/css/button_connexion.gif b/idp/static/authentic2/css/button_connexion.gif new file mode 100644 index 0000000..0c563f4 Binary files /dev/null and b/idp/static/authentic2/css/button_connexion.gif differ diff --git a/idp/static/authentic2/css/style.css b/idp/static/authentic2/css/style.css new file mode 100644 index 0000000..d380722 --- /dev/null +++ b/idp/static/authentic2/css/style.css @@ -0,0 +1,1262 @@ +@font-face { + font-family: 'Museo500'; + src: url(Museo500-Regular.otf); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'MuseoSlab'; + src: url(Museo_Slab.otf); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'FontAwesome'; + src: url(FontAwesome.otf); + font-weight: normal; + font-style: normal; +} + +html, body { margin: 0; font-family: arial, sans-serif; font-size: 13px;} +a { text-decoration: none; } +a:hover { text-decoration: underline; } +h1, h2, h3 { margin-top: 0; } + +div#single-title, #nav, +#top, h2 { + font-family: MuseoSlab, sans-serif; + font-weight: normal; +} + +h3, h4 { + font-family: Museo500, sans-serif; + font-weight: normal; +} + + + +a { + -webkit-transition: color 200ms ease-out; +} + +/* layout */ + +body { + overflow-x: hidden; + background: white; +} + +div#page { + width: 100%; + background: #fff; +} + +div#header { + background-color: #014c90; + width: 100%; + margin: 0 0 0 0; + top: 0px; + z-index: 0; + +} + +div#top { + margin: 0 auto; +} + +div#top h1 { + width: 10em; + text-align: center; + padding-top: 3em; + padding-left: 2em; + margin-left: 20px; + font-size: 120%; + font-weight: bold; +} + +div#top h1 a { + color: white; + text-shadow: #6374AB 0px 0px 3px; +} + +div#top a img { + border: 0; + visibility: hidden; +} + +div#main-content-wrapper { + position: relative; + z-index: 100; + background: linear-gradient(to right, #1a76c3, #c6dcf1); +} + +div#main-content { + margin: 0; + min-height: 300px; +} + +div#footer { + width: 990px; + clear: both; + padding: 0px; + margin: 10px auto 0 auto; + position: relative; +} + +p#legal, p#faq { + color: #666; + margin: 0; + margin-top: 2em; + font-size: .9em; + display: inline-block; + padding-top: 5px; + float: left; +} + +p#legal { + float: right; +} + +#content { + position: relative; + margin:0 auto; + color: rgb(58, 58, 58); + width: 990px; + background: linear-gradient(to right, #1a76c3, #cde0f1); + padding: 0.4em 0; +} + +div#content a { + color: #37a7da; +} + +div#content a:hover { + text-decoration: underline; +} + +#menu { + font-size: 130%; + margin-top: -1px; +} + +#menu ul { + background: #0d92e1; + font-size: 110%; + padding: 5px 0; + width: 990px; + margin: 0 auto; +} + +#menu li { + display: inline; + margin: 0px 10px 0 0; + background: #37a7da; + border: 5px solid transparent; + border-width: 2px 5px; + -webkit-transition: all .2s ease-in-out; + -moz-transition: all .2s ease-in-out; +} + +#menu li a { + color: white; + text-transform: uppercase; + white-space: pre; +} + +#menu li:hover { + background-color: #f4bc03; + border-color: #f4bc03; +} + +#menu li:hover a { + text-decoration: none; +} + +#menu li.selected, #menu li.ancestor { + background: #515151; + border-color: #515151; +} + +#menu li.selected a { + color: white; +} + +#left, #right, div.login, div.account { + background: #fff; + margin: 0 10px; +} + +#left, #right { + width: 45%; +} + +#left { + float: left; +} + +#right { + float: right; +} + +#right h2, #left h2, div.login h1, div.account h1 { + padding: .2em 2em; + background: #dddf10; + position: relative; +} + +div.login, div.account { + width: 500px; + margin: 20px auto; + border-radius: .3em; + padding: 3px; +} + +#right h2:before, #left h2:before, div.login h1:before, div.account h1:before { + position: absolute; + font: normal 1.2em FontAwesome; + content: '\f061'; + background: #d8d8d8; + top: 0; + left: 0; + bottom:0; + padding: .2em .3em; +} + +br.clear { + clear: both; +} + +#error-404, #error-500, #content .block, #password-changed { + background: white; + font-size: 110%; + margin-bottom: 1em; +} + +#content .block h2 { + background: transparent; + font-weight: normal; + color: white; + text-transform: uppercase; + padding: 6px 10px 6px 10px; + color: #333; + font-size: 130%; + cursor: default; /* someday, perhaps, cursor: move */ + border-bottom: 1px solid #ddd; +} + +#content .block h2.feeds { + background-image: url(Picto-Bulle.png); +} + +#content .block h2.newsletters { + background-image: url(Picto-coeur.png); +} + +#content .block h3, +#content .block p { + margin: 1ex 10px; + padding-bottom: 1px; +} + +#content .demarches ul, +#content ul.mes-demarches { + list-style: none; + padding-left: 0px; + margin: 0px; +} + +#content .demarches ul { + -webkit-column-count: 2; + -moz-column-count: 2; + column-count: 2; +} + +#content ul.mes-demarches li, +#content .demarches ul li { + margin: 1ex 0 10px 1ex; + padding-left: 10px; + -webkit-column-break-inside: avoid; + -moz-column-break-inside: avoid; + column-break-inside: avoid; +} + +#content .demarches .toutes-les-demarches { + padding: 10px 0 10px 0; + margin-left: 20px; +} + +#content .toutes-les-demarches a { + font-size: 130%; +} + +#content .toutes-les-demarches a:before { + content: "▹ "; +} + +#commune-selector { + margin-left: 5px; + margin-bottom: 10px; +} + +#content #futurs-demarches { + overflow-y: hidden; + margin: 5px; + padding-bottom: 15px; +} + +#content #futurs-demarches.selected { + display: block; +} + +div#single-title { + background: #0d92e1; + font-size: 110%; + padding: 5px 0; + width: 990px; + margin: 0 auto; +} + +div#single-title ul { + margin: 0 .5em; + padding: 0; + font: normal 1em Arial; +} + +div#single-title ul li { + list-style-type: none; + display: inline; +} + +body.narrow-page #main-content { + background: white; + margin-top: 0; + padding: 10px 10px 0 10px; +} + +body.narrow-page #main-content form div input { + display: block; + margin-left: 10px; + margin-bottom: 2ex; +} + +div#welcome { + text-align: justify; + margin: 0 1em; +} + +div#welcome h2 { + margin: 1ex 0; + font-size: 300%; + background: transparent url(e54.png) left center no-repeat; + padding-left: 70px; + text-align: left; + width: 150%; +} + +div#welcome { + float: left; + width: 60%; +} + +span.helptext { + color: #666; +} + +body.narrow-page div.right { + width: 30%; + float: right; + margin: 1ex auto; +} + +body.narrow-page div.right form { + text-align: left; + background: white; + margin: 10px 10px; + padding: 10px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + border: 1px solid #ccc; + box-shadow: 0px 2px 3px rgba(0, 0, 0, .4); + -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, .4); + -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, .4); + +} + +body.narrow-page div.right form div label { + width: 14em; + display: block; + padding-top: 3px; + color: #777; +} + +body.narrow-page div.right form div input { + width: 16em; +} + +body.narrow-page div.right form div.form-field-required label:after { + content: ""; +} + +body.narrow-page div.right form > input { + display: block; + margin: 1em auto 0 auto; + background: #37a7da; + color: white; + border: none; + padding: 3px 1em; +} + +div.login-actions { + text-align: center; +} + + +.region-header { + width: 990px; + margin: 0 auto; +} + +#toplinks { + background: #4e4e4e; + width: 990px; +} + +#toplinks span { + width: 100%; + display: block; + margin: 0; + padding: 0; + color: #888; + background: url(button_connexion.gif) left center no-repeat; + border: 1px solid #e9e9e9; + line-height: 20px; + height: 22px; +} + +#toplinks a { + color: #fff; + border: 1px solid transparent; +} + +#toplinks a:hover { + text-decoration: none; + color: #222; +} + +#toplinks a.restricted { + color: white; + float: right; + padding: 0 1ex; + border: 1px outset #888; + background: #37a7da; +} + +div#username { + float: right; + padding: 5px 5px 5px 5px; + background: white; + line-height: 20px; + height: 22px; + border: 1px solid white; +} + +ul.newsList { + list-style: none; +} + +ul.newsList li.abonne { + margin: 0; + padding: 0; +} + +.abonne { + padding-left: 20px; + background: transparent url(Validation.png) center left no-repeat; +} + +.nonAbonne { + padding-left: 20px; + background: transparent url(Annulation.png) center left no-repeat; +} + +/* page de profil */ +#my-informations { + margin-bottom: 15px; + padding: 0px; +} + +#my-informations p { + padding: 0 5px; +} + +#my-informations select, +#my-informations input { + margin-left: 10px; + display: block; +} + +/* forms error reporting */ + +.errorlist { + list-style: none; + padding-left: 0; + margin-left: 0; +} + +ul.errorlist li { + display: block; + color: #f44; +} + +.form-field-required label:after { + content: '*'; + color: #D90024; +} + +ul.errorlist + p { + margin-top: 0px; +} + + + +.passerelle-register-plugin input + label { + background: transparent url(Annulation.png) center left no-repeat; +} + +.passerelle-register-plugin input:checked + label { + background: transparent url(Validation.png) center left no-repeat; +} + +.passerelle-register-plugin td input { + display: none +} +.passerelle-register-plugin td label { + padding-left: 2em; +} + +div.block form { + padding: 0 1ex; +} + +table.announces { + width: 100%; + margin-bottom: 1em; +} + +table.announces thead td { + font-weight: bold; +} + +table.announces thead th { + width: 30%; +} + +table.announces tbody td { + text-align: center; +} + +table.announces tbody th { + width: 35%; + text-align: left; + font-weight: normal; +} + +#agglolinks { + position: absolute; + right: 0; + top: -140px; +} + +#agglolinks > a, #agglolinks > span > a { + width: 130px; +} + +#agglolinks a, #agglolinks span { + display: inline-block; + margin-left: 10px; + color: white; + text-transform: uppercase; + text-align: center; + padding: 5px 5px; + font-size: 16px; +} + +#agglolinks a.agglo-mon-agglo, #agglolinks a.agglo-mes-e-services { + background: #37a7da; +} + +#agglolinks a.agglo-connaitre { + background: #d90024; +} + +#agglolinks a.agglo-vivre { + background: #1f4791; +} + +#agglolinks a.agglo-entreprendre { + background: #a3d117; +} + +#agglolinks span.agglo-mes-e-services > a { + background: #37a7da; + width: 150px; +} + +ul.agglo-autres-services-menu { + display: none; + position: relative; + padding: 0px; + margin: 10px; + margin-top: 0px; + width: 160px; + z-index: 10; + background: rgba(246, 132, 35, 0.5); + border-bottom: 5px solid #37a7da; +} + +ul.agglo-autres-services-menu li { + list-style: none; + background: #FFA824; + opacity: 0.9; + -webkit-transition: all .2s ease-in-out; + -moz-transition: all .2s ease-in-out; + transition: all .2s ease-in-out; + border-left: 5px solid #37a7da; + border-right: 5px solid #37a7da; +} + +ul.agglo-autres-services-menu li:hover { + background: #f4bc03; + opacity: 1.0; +} + +#agglolinks ul.agglo-autres-services-menu li a { + display: block; + margin-left: 0; + -webkit-transition: all .2s ease-in-out; + -moz-transition: all .2s ease-in-out; + transition: all .2s ease-in-out; + overflow: hidden; + white-space: nowrap; +} + +#agglolinks ul.agglo-autres-services-menu li a:hover { + letter-spacing: 1px; + font-weight: bold; +} + +#agglolinks span.agglo-mes-e-services:hover ul.agglo-autres-services-menu { + float: right; + position: absolute; + display: block; +} + +.chapeau { + font-style: italic; + font-size: 110%; +} + +/* mon compte */ +#my-informations-form { + width: 90%; + padding-bottom: 1em; +} + +#my-informations-form input[type~=text] { + width: 100%; +} + +#id_edit-profile-email_wrap, #id_edit-profile-address_wrap { + clear: both; +} + +#id_edit-profile-first_name_wrap, #id_edit-profile-phone_wrap, #id_edit-profile-postal_code_wrap { + width: 45%; + float: left; +} + +#id_edit-profile-last_name_wrap, #id_edit-profile-mobile_wrap, #id_edit-profile-city_wrap { + width: 45%; + float: right; +} + +/* pied de page */ +#footer-menu { + position: absolute; + display: block; + top: 20px; + left: 20px; + width: 435px; + list-style: none; + margin: 0; + padding: 0; + text-align: left; +} + +.footer-menu-leaf { + display: inline; + margin: 0; + padding: 0; + padding-right: 20px; + padding-bottom: 20px; + float: left; +} + +.footer-menu-leaf-link, .footer-menu-leaf-link:hover { + display: block; + width: 125px; + height: 26px; + line-height: 26px; + background: #ffffff; + text-align: center; + text-transform: uppercase; + color: #515151; + text-decoration: none; + font-size: 14px; +} + +.clear { + clear: both; +} + +#my-password { + padding-bottom: 1ex; +} + +#my-password p { + font-weight: bold; +} + +#my-password p a { + color: inherit; + padding: 1ex; +} + +ul.show-user-feeds { + padding-left: 2em; +} + +ul.show-user-feeds li { + list-style: disc; + background: url(mediathk.png) left center no-repeat; + min-height: 30px; + padding-bottom: 4px; +} + +ul.show-user-feeds li.aquarium { background-image: url(aquarium.png); } +ul.show-user-feeds li.conservatoire { background-image: url(conservatoire.png); } +ul.show-user-feeds li.ecolothk { background-image: url(ecolothk.png); } +ul.show-user-feeds li.facebook { background-image: url(facebook.png); } +ul.show-user-feeds li.lattara { background-image: url(lattara.png); } +ul.show-user-feeds li.mediathk { background-image: url(mediathk.png); } +ul.show-user-feeds li.opendata { background-image: url(opendata.png); } +ul.show-user-feeds li.planet { background-image: url(planet.png); } + +#id_new_password1_help_text, #id_password1_help_text { + font-style: italic; + font-size: 90%; + color: red; +} + +/* saml post page */ +.post-redirect { + background: white; +} + +#messages { + margin-left: 210px; +} + +#messages ul { + padding: 0; + margin: 0; + color: #333; + list-style: none; +} + +#messages li.warning { +} + +#messages li.error { +} + +#messages li.info { +} + +/* registration form */ +img.captcha { + float: left; +} + +#id_captcha_1 { + width: 13em; +} + +div#logo { + background: url('../img/logo.png') no-repeat; + width: 990px; + height: 126px; + margin: 0 auto; +} + +#nav { + margin: 0 auto; + padding: 0px 0; + width: 180px; + margin: 17px auto; + font-size: 110%; + float: left; + position: relative; + z-index: 1000; +} + +#nav ul { + margin: 0; + padding: 0; + list-style: none; +} + +#nav li { + margin: 1ex 0; + padding: 1ex; + border: 1px solid #a5a7aa; + border-width: 1px 0px; + text-align: center; +} + +#nav a { + color: #404041; + text-decoration: none; +} + +#nav li.selected:after, +#nav li.ancestor:after, +#nav li a:hover, +#nav li.selected a, +#nav li.ancestor a { + color: #e0007a; +} + + +div.block { + text-align: left; + background: white; + margin: 10px 10px; + padding: 10px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + border: 1px solid #ccc; + box-shadow: 0px 2px 3px rgba(0, 0, 0, .4); + -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, .4); + -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, .4); +} + +h2#welcome-title { + margin-top: 2em; + margin-bottom: 1em; +} + +select, +input[type="text"], +input[type="password"] { + border: 1px solid #aaa; + background: white url(field-shade.png) top left repeat-x; + padding: 1px; + border-radius: 2px; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + color: black; + -webkit-transition: background 200ms ease-out; + display: block; +} + +input[type="text"]:focus, +input[type="password"]:focus { + border: 1px solid #888; + background: white; +} + +div#registration { + width: 40em; + text-align: justify; + margin: 2em auto; +} + +div#registration form { + margin: 2em 0; +} + +div#registration label { + display: block; + width: 15em; + float: left; + text-align: right; + padding-right: 1em; + color: #777; + padding-top: 0; +} + +div#registration ul.errorlist { + margin: 0; + padding-left: 16em; +} + +div#registration input[type="submit"] { + margin-left: 17em; +} + +#toplinks span.logged-in { + background: none; + border: none; + padding: .2em .5em; + color: #fff; +} + +#toplinks a.restricted { + color: white; + float: right; + padding: 0.5ex 1ex; + border: 1px outset #888; + background: #672290; + position: absolute; + top: -3em; + right: 3px; +} + + +#toplinks a.logout { + background: #808080; + display: inline-block; + padding-left: 30px; + padding-right: 1em; + margin-right: -2px; + position: relative; +} + +#toplinks a.logout:before { + font-family: FontAwesome; + content: '\f00d'; + background: #f15a25; + margin-right: .5em; + position: absolute; + top: 1px; + left: 1px; + bottom: 1px; + padding: 0px 4px; +} + +#real-content { + text-align: justify; + margin-top: 1em; +} + +#help-content { + padding-top: 10px; +} + +#help-menu-content li.selected > a { + color: #000; + font-weight: bold; +} + +ul.account-management-plugin { + padding-left: 1em; + margin: 0; +} + +ul.account-management-plugin li { + list-style-type: none; +} + +.block form label { + color: #777; + padding-top: 1ex; + display: block; +} + +.block form select, +.block form input[type="text"], +.block form input[type="password"] { + margin-left: 10px; +} + +.block ul.feed-list { + padding: 0; + padding-left: 1em; +} + +.block li.feed-list-item { + list-style: none; + padding: 0; +} + +.block li.feed-list-item label { + display: inline; +} + +p.fullname { + display: inline; + margin-right: 1.5em; +} + +div#favoris { + width: 650px; + display: inline-block; + vertical-align: top; + margin-right: 2em; +} + +div#favoris ul { + margin: 0; + padding: 0; + margin-bottom: .4em; +} + +div#favoris #tabs li { + font: bold 1.1em Museo500; + display: inline; + list-style-type: none; + padding: .4em .5em; + border-radius: .3em .3em 0 0; + background: #a2d3fe; + margin-right: .2em; +} + +div#favoris #tabs li.main { + background: #fdee21; +} + +#favoris #listing { + background: #fff; + padding: .6em; +} + +#favoris .commune, #favoris .list { + background: #9adfff; + height: 240px; + display: inline-block; + width: 250px; + margin: 0; + vertical-align: top; +} + +#favoris .list { + width: 360px; + height: 220px; + background: #fdd18a; + margin: 0; + padding: 10px; +} + +#favoris .list li { + list-style-type: none; + display: inline-table; + width: 102px; + height: 97px; + margin: .6em; +} + +.list li.scolaire { + background: url('../img/scolaire.png') no-repeat; +} + +.list li.culturel { + background: url('../img/culturel.png') no-repeat; +} + +.list li.etat_civil { + background: url('../img/etat_civil.png') no-repeat; +} + +.list li.environnement { + background: url('../img/environnement.png') no-repeat; +} + +.list li.urbanisme { + background: url('../img/urbanisme.png') no-repeat; +} + +.list li.service_technique { + background: url('../img/service_technique.png') no-repeat; +} + +#actualites { + margin-right: 1em; + display: inline-block; +} + +#actualites .alaune { + background: #fff; + border-radius: .2em; + width: 280px; + padding: .5em; + height: 130px; + overflow: hidden; + border: 1px solid #aaa; +} + +#actualites .alaune h2 { + color: #006fa9; + border-bottom: 1px solid #006fa9; +} + +#actualites .actions ul { + margin: 0; + padding: 0; +} + +#actualites .actions li { + background: #fff; + margin: .4em 0; + list-style-type: none; + font: normal 1.2em Museo500; + color: #006fa9; + padding: .2em .5em; + padding-left: 2.5em; + position: relative; +} + +#actualites .actions li:before { + position: absolute; + top: 0; + left: 0; + bottom: 0; + color: #000; + padding: .2em .3em; + font: normal 1.2em FontAwesome; + content: '\f061'; + background: #fdee21; +} + +span.strong { + font-weight: bold; +} + +#bottom { + background: linear-gradient(to bottom, #707088, #fff); +} + +#teleservices { + color: #006fa9; + font: bold 1.1em Museo500; + width: 990px; + margin: 0 auto; +} + +#teleservices .filter { + background: #fdee21; + padding: .3em .7em; +} + +#teleservices .filter div, #teleservices .filter input, #teleservices .filter select { + font-weight: normal; + display: inline-block; +} + +#teleservices .filter .header { + border-right: 1px dotted #006fa9; + margin-right: 1em; + width: 20%; + font-weight: bold; +} + +#teleservices .filter .keywords { + width: 35%; + text-transform: uppercase; +} + +#teleservices .filter .categories { + width: 35%; + text-transform: uppercase; +} + +#teleservices ul { + margin: 0; + padding: 1em; + background: rgba(100, 100, 100, 0.5); +} + +#teleservices ul li { + display: inline-block; + margin: 0 2em; + width: 131px; +} + +#teleservices ul li div.thumb { + height: 79px; +} + +#teleservices .thumb.loisirs { + background: url('../img/loisirs.png') no-repeat; +} + +#teleservices .thumb.securite { + background: url('../img/securite.png') no-repeat; +} + +#teleservices .thumb.citoyen { + background: url('../img/citoyen.png') no-repeat; +} + +#teleservices .thumb.paiement { + background: url('../img/paiement.png') no-repeat; +} + +#teleservices ul li p.title { + font: bold 1em Museo500; + background: #f15a25; + text-align: center; + color: #fff; +} + +#teleservices ul li p { + background: #fff; + font: normal .8em Arial; + color: #000; + margin: 0; + padding: 0 .5em; +} + +.socialaccount_ballot ul { + background: #dbdbdb; + margin-left: 20px; + padding: 5px 0px; + padding-left: 20px; +} + +.login form { + padding: 10px; + font-family: Museo500; +} + +.login form label { + float: left; + width: 150px; +} + +.login form input[type=text], .login form input[type=password] { + border: 1px solid #cdcdcd; + width: 200px; +} + + +button[type=submit], input[type=submit] { + background: #23b574; + color: #fff; + border: 0; + font-family: Museo500; +} + +.account #profile { + background: #e7e7e7; + margin: 0 .5em; + padding: .3em .5em; +} + +#profile dt { + font-weight: bold; +} \ No newline at end of file diff --git a/portail-citoyen/account/login.html b/portail-citoyen/account/login.html new file mode 100644 index 0000000..1eafd28 --- /dev/null +++ b/portail-citoyen/account/login.html @@ -0,0 +1,44 @@ +{% extends "base.html" %} + +{% load i18n %} +{% load account %} +{% load url from future %} + +{% block head_title %}{% trans "Sign In" %}{% endblock %} + +{% block content %} +
+

{% trans "Sign In" %}

+{% if socialaccount.providers %} +

{% blocktrans with site.name as site_name %}Please sign in with one +of your existing third party accounts. Or, sign up +for a {{site_name}} account and sign in below:{% endblocktrans %}

+ +
+ +
    + {% include "socialaccount/snippets/provider_list.html" with process="login" %} +
+ + + +
+ +{% include "socialaccount/snippets/login_extra.html" %} + +{% else %} +

{% blocktrans %}If you have not created an account yet, then please +sign up first.{% endblocktrans %}

+{% endif %} + + +
+{% endblock %} diff --git a/portail-citoyen/base.html b/portail-citoyen/base.html new file mode 100644 index 0000000..c6103b4 --- /dev/null +++ b/portail-citoyen/base.html @@ -0,0 +1,75 @@ + +{% load menu_tags cms_tags sekizai_tags i18n portail_citoyen_tags staticfiles i18n %} + + + + + {% page_attribute "page_title" %} + + {% render_block "css" %} + {% block extra_scripts %} + {% endblock %} + + + {% cms_toolbar %} +
+ +
+ + +
+
+ {% block content %} + {% endblock %} +
+
+
+
+ {% block bottom-content %} + {% endblock %} +
+ +
+ {% render_block "js" %} + {% if messages %} + + {% endif %} + + diff --git a/portail-citoyen/portail_citoyen/base_help.html b/portail-citoyen/portail_citoyen/base_help.html new file mode 100644 index 0000000..038b33b --- /dev/null +++ b/portail-citoyen/portail_citoyen/base_help.html @@ -0,0 +1,24 @@ +{% extends "base.html" %} +{% load cms_tags %} +{% load menu_tags %} + +{% block content %} +
+
+

Utilisation du compte citoyen

+
+

Sommaire

+
    + {% show_menu 2 3 0 1 %} +
+
+
+

{% page_attribute "page_title" %}

+ {% block center %} + {% placeholder "center" %} + {% endblock %} +
+
+
+
+{% endblock %} diff --git a/portail-citoyen/portail_citoyen/base_one_column.html b/portail-citoyen/portail_citoyen/base_one_column.html new file mode 100644 index 0000000..6b7d654 --- /dev/null +++ b/portail-citoyen/portail_citoyen/base_one_column.html @@ -0,0 +1,12 @@ +{% extends "base.html" %} +{% load cms_tags %} + +{% block content %} +
+
+ {% block center %} + {% placeholder "center" %} + {% endblock %} +
+
+{% endblock %} diff --git a/portail-citoyen/portail_citoyen/base_two_columns.html b/portail-citoyen/portail_citoyen/base_two_columns.html new file mode 100644 index 0000000..07dd0db --- /dev/null +++ b/portail-citoyen/portail_citoyen/base_two_columns.html @@ -0,0 +1,18 @@ +{% extends "base.html" %} +{% load cms_tags %} + +{% block content %} +
+
+ {% block left %} + {% placeholder "left" %} + {% endblock %} +
+ +
+
+{% endblock %} diff --git a/portail-citoyen/portail_citoyen/base_two_rows.html b/portail-citoyen/portail_citoyen/base_two_rows.html new file mode 100644 index 0000000..53eb9cf --- /dev/null +++ b/portail-citoyen/portail_citoyen/base_two_rows.html @@ -0,0 +1,20 @@ +{% extends "base.html" %} +{% load cms_tags %} + +{% block content %} +
+
+ {% block left %} + {% placeholder "top" %} + {% endblock %} +
+
+
+{% endblock %} +{% block bottom-content %} +
+ {% block right %} + {% placeholder "bottom" %} + {% endblock %} +
+{% endblock %} diff --git a/portail-citoyen/portail_citoyen/block.html b/portail-citoyen/portail_citoyen/block.html new file mode 100644 index 0000000..68ade7f --- /dev/null +++ b/portail-citoyen/portail_citoyen/block.html @@ -0,0 +1,3 @@ +
+ {{ body|safe }} +
diff --git a/portail-citoyen/portail_citoyen/form.html b/portail-citoyen/portail_citoyen/form.html new file mode 100644 index 0000000..40b0632 --- /dev/null +++ b/portail-citoyen/portail_citoyen/form.html @@ -0,0 +1,11 @@ +{% load i18n %} +
+ {% csrf_token %} + {% include "portail_citoyen/form_fields.html" with form=form %} + + + {% if not no_cancel_button %} + + {% endif %} +
diff --git a/portail-citoyen/portail_citoyen/form_fields.html b/portail-citoyen/portail_citoyen/form_fields.html new file mode 100644 index 0000000..76b3a2d --- /dev/null +++ b/portail-citoyen/portail_citoyen/form_fields.html @@ -0,0 +1,11 @@ + {{ form.non_field_errors }} + {% for field in form %} +
+ {{ field.errors }} + + {{ field }} + {% if field.help_text %} +

{{ field.help_text }}

+ {% endif %} +
+ {% endfor %} diff --git a/portail-citoyen/portail_citoyen/top-menu.html b/portail-citoyen/portail_citoyen/top-menu.html new file mode 100644 index 0000000..baf1ddf --- /dev/null +++ b/portail-citoyen/portail_citoyen/top-menu.html @@ -0,0 +1,11 @@ +{% load menu_tags %} +{% for child in children %} +
  • + {{ child.get_menu_title }} + {% if child.children %} + + {% endif %} +
    • +{% endfor %} diff --git a/portail-citoyen/static/portail_citoyen/css/FontAwesome.otf b/portail-citoyen/static/portail_citoyen/css/FontAwesome.otf new file mode 100644 index 0000000..3461e3f Binary files /dev/null and b/portail-citoyen/static/portail_citoyen/css/FontAwesome.otf differ diff --git a/portail-citoyen/static/portail_citoyen/css/Museo500-Regular.otf b/portail-citoyen/static/portail_citoyen/css/Museo500-Regular.otf new file mode 100644 index 0000000..da52e9c Binary files /dev/null and b/portail-citoyen/static/portail_citoyen/css/Museo500-Regular.otf differ diff --git a/portail-citoyen/static/portail_citoyen/css/Museo_Slab.otf b/portail-citoyen/static/portail_citoyen/css/Museo_Slab.otf new file mode 100644 index 0000000..84ceaca Binary files /dev/null and b/portail-citoyen/static/portail_citoyen/css/Museo_Slab.otf differ diff --git a/portail-citoyen/static/portail_citoyen/css/admin.css b/portail-citoyen/static/portail_citoyen/css/admin.css new file mode 100644 index 0000000..ff0b12f --- /dev/null +++ b/portail-citoyen/static/portail_citoyen/css/admin.css @@ -0,0 +1,46 @@ +/** + * theming styles + * + */ + +#header { + background: url(/static/admin_tools/images/admin-tools.png) 0 0 repeat-x; +} + +#header #branding h1 { + margin: 0; + padding: 5px 10px; +/* text-indent: -9999px; + background: transparent url(../images/logo-portail-citoyen.png) 10px 5px no-repeat; + height: 31px; + width: 93px; */ +} + +div.breadcrumbs { + display: block; + padding: 10px 15px; + border: 0; + background-position: 0 -8px; + border-bottom: 1px solid #ededed; +} + +div.breadcrumbs a { + display: inline; +} + +.selector { + width: 980px; + float: left; +} + +.selector select { + width: 470px; + height: 17.2em; +} + +.selector-available, .selector-chosen { + float: left; + width: 470px; + text-align: center; + margin-bottom: 5px; +} diff --git a/portail-citoyen/static/portail_citoyen/css/button_connexion.gif b/portail-citoyen/static/portail_citoyen/css/button_connexion.gif new file mode 100644 index 0000000..0c563f4 Binary files /dev/null and b/portail-citoyen/static/portail_citoyen/css/button_connexion.gif differ diff --git a/portail-citoyen/static/portail_citoyen/css/e54.png b/portail-citoyen/static/portail_citoyen/css/e54.png new file mode 100644 index 0000000..504e266 Binary files /dev/null and b/portail-citoyen/static/portail_citoyen/css/e54.png differ diff --git a/portail-citoyen/static/portail_citoyen/css/style.css b/portail-citoyen/static/portail_citoyen/css/style.css new file mode 100644 index 0000000..d380722 --- /dev/null +++ b/portail-citoyen/static/portail_citoyen/css/style.css @@ -0,0 +1,1262 @@ +@font-face { + font-family: 'Museo500'; + src: url(Museo500-Regular.otf); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'MuseoSlab'; + src: url(Museo_Slab.otf); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'FontAwesome'; + src: url(FontAwesome.otf); + font-weight: normal; + font-style: normal; +} + +html, body { margin: 0; font-family: arial, sans-serif; font-size: 13px;} +a { text-decoration: none; } +a:hover { text-decoration: underline; } +h1, h2, h3 { margin-top: 0; } + +div#single-title, #nav, +#top, h2 { + font-family: MuseoSlab, sans-serif; + font-weight: normal; +} + +h3, h4 { + font-family: Museo500, sans-serif; + font-weight: normal; +} + + + +a { + -webkit-transition: color 200ms ease-out; +} + +/* layout */ + +body { + overflow-x: hidden; + background: white; +} + +div#page { + width: 100%; + background: #fff; +} + +div#header { + background-color: #014c90; + width: 100%; + margin: 0 0 0 0; + top: 0px; + z-index: 0; + +} + +div#top { + margin: 0 auto; +} + +div#top h1 { + width: 10em; + text-align: center; + padding-top: 3em; + padding-left: 2em; + margin-left: 20px; + font-size: 120%; + font-weight: bold; +} + +div#top h1 a { + color: white; + text-shadow: #6374AB 0px 0px 3px; +} + +div#top a img { + border: 0; + visibility: hidden; +} + +div#main-content-wrapper { + position: relative; + z-index: 100; + background: linear-gradient(to right, #1a76c3, #c6dcf1); +} + +div#main-content { + margin: 0; + min-height: 300px; +} + +div#footer { + width: 990px; + clear: both; + padding: 0px; + margin: 10px auto 0 auto; + position: relative; +} + +p#legal, p#faq { + color: #666; + margin: 0; + margin-top: 2em; + font-size: .9em; + display: inline-block; + padding-top: 5px; + float: left; +} + +p#legal { + float: right; +} + +#content { + position: relative; + margin:0 auto; + color: rgb(58, 58, 58); + width: 990px; + background: linear-gradient(to right, #1a76c3, #cde0f1); + padding: 0.4em 0; +} + +div#content a { + color: #37a7da; +} + +div#content a:hover { + text-decoration: underline; +} + +#menu { + font-size: 130%; + margin-top: -1px; +} + +#menu ul { + background: #0d92e1; + font-size: 110%; + padding: 5px 0; + width: 990px; + margin: 0 auto; +} + +#menu li { + display: inline; + margin: 0px 10px 0 0; + background: #37a7da; + border: 5px solid transparent; + border-width: 2px 5px; + -webkit-transition: all .2s ease-in-out; + -moz-transition: all .2s ease-in-out; +} + +#menu li a { + color: white; + text-transform: uppercase; + white-space: pre; +} + +#menu li:hover { + background-color: #f4bc03; + border-color: #f4bc03; +} + +#menu li:hover a { + text-decoration: none; +} + +#menu li.selected, #menu li.ancestor { + background: #515151; + border-color: #515151; +} + +#menu li.selected a { + color: white; +} + +#left, #right, div.login, div.account { + background: #fff; + margin: 0 10px; +} + +#left, #right { + width: 45%; +} + +#left { + float: left; +} + +#right { + float: right; +} + +#right h2, #left h2, div.login h1, div.account h1 { + padding: .2em 2em; + background: #dddf10; + position: relative; +} + +div.login, div.account { + width: 500px; + margin: 20px auto; + border-radius: .3em; + padding: 3px; +} + +#right h2:before, #left h2:before, div.login h1:before, div.account h1:before { + position: absolute; + font: normal 1.2em FontAwesome; + content: '\f061'; + background: #d8d8d8; + top: 0; + left: 0; + bottom:0; + padding: .2em .3em; +} + +br.clear { + clear: both; +} + +#error-404, #error-500, #content .block, #password-changed { + background: white; + font-size: 110%; + margin-bottom: 1em; +} + +#content .block h2 { + background: transparent; + font-weight: normal; + color: white; + text-transform: uppercase; + padding: 6px 10px 6px 10px; + color: #333; + font-size: 130%; + cursor: default; /* someday, perhaps, cursor: move */ + border-bottom: 1px solid #ddd; +} + +#content .block h2.feeds { + background-image: url(Picto-Bulle.png); +} + +#content .block h2.newsletters { + background-image: url(Picto-coeur.png); +} + +#content .block h3, +#content .block p { + margin: 1ex 10px; + padding-bottom: 1px; +} + +#content .demarches ul, +#content ul.mes-demarches { + list-style: none; + padding-left: 0px; + margin: 0px; +} + +#content .demarches ul { + -webkit-column-count: 2; + -moz-column-count: 2; + column-count: 2; +} + +#content ul.mes-demarches li, +#content .demarches ul li { + margin: 1ex 0 10px 1ex; + padding-left: 10px; + -webkit-column-break-inside: avoid; + -moz-column-break-inside: avoid; + column-break-inside: avoid; +} + +#content .demarches .toutes-les-demarches { + padding: 10px 0 10px 0; + margin-left: 20px; +} + +#content .toutes-les-demarches a { + font-size: 130%; +} + +#content .toutes-les-demarches a:before { + content: "▹ "; +} + +#commune-selector { + margin-left: 5px; + margin-bottom: 10px; +} + +#content #futurs-demarches { + overflow-y: hidden; + margin: 5px; + padding-bottom: 15px; +} + +#content #futurs-demarches.selected { + display: block; +} + +div#single-title { + background: #0d92e1; + font-size: 110%; + padding: 5px 0; + width: 990px; + margin: 0 auto; +} + +div#single-title ul { + margin: 0 .5em; + padding: 0; + font: normal 1em Arial; +} + +div#single-title ul li { + list-style-type: none; + display: inline; +} + +body.narrow-page #main-content { + background: white; + margin-top: 0; + padding: 10px 10px 0 10px; +} + +body.narrow-page #main-content form div input { + display: block; + margin-left: 10px; + margin-bottom: 2ex; +} + +div#welcome { + text-align: justify; + margin: 0 1em; +} + +div#welcome h2 { + margin: 1ex 0; + font-size: 300%; + background: transparent url(e54.png) left center no-repeat; + padding-left: 70px; + text-align: left; + width: 150%; +} + +div#welcome { + float: left; + width: 60%; +} + +span.helptext { + color: #666; +} + +body.narrow-page div.right { + width: 30%; + float: right; + margin: 1ex auto; +} + +body.narrow-page div.right form { + text-align: left; + background: white; + margin: 10px 10px; + padding: 10px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + border: 1px solid #ccc; + box-shadow: 0px 2px 3px rgba(0, 0, 0, .4); + -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, .4); + -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, .4); + +} + +body.narrow-page div.right form div label { + width: 14em; + display: block; + padding-top: 3px; + color: #777; +} + +body.narrow-page div.right form div input { + width: 16em; +} + +body.narrow-page div.right form div.form-field-required label:after { + content: ""; +} + +body.narrow-page div.right form > input { + display: block; + margin: 1em auto 0 auto; + background: #37a7da; + color: white; + border: none; + padding: 3px 1em; +} + +div.login-actions { + text-align: center; +} + + +.region-header { + width: 990px; + margin: 0 auto; +} + +#toplinks { + background: #4e4e4e; + width: 990px; +} + +#toplinks span { + width: 100%; + display: block; + margin: 0; + padding: 0; + color: #888; + background: url(button_connexion.gif) left center no-repeat; + border: 1px solid #e9e9e9; + line-height: 20px; + height: 22px; +} + +#toplinks a { + color: #fff; + border: 1px solid transparent; +} + +#toplinks a:hover { + text-decoration: none; + color: #222; +} + +#toplinks a.restricted { + color: white; + float: right; + padding: 0 1ex; + border: 1px outset #888; + background: #37a7da; +} + +div#username { + float: right; + padding: 5px 5px 5px 5px; + background: white; + line-height: 20px; + height: 22px; + border: 1px solid white; +} + +ul.newsList { + list-style: none; +} + +ul.newsList li.abonne { + margin: 0; + padding: 0; +} + +.abonne { + padding-left: 20px; + background: transparent url(Validation.png) center left no-repeat; +} + +.nonAbonne { + padding-left: 20px; + background: transparent url(Annulation.png) center left no-repeat; +} + +/* page de profil */ +#my-informations { + margin-bottom: 15px; + padding: 0px; +} + +#my-informations p { + padding: 0 5px; +} + +#my-informations select, +#my-informations input { + margin-left: 10px; + display: block; +} + +/* forms error reporting */ + +.errorlist { + list-style: none; + padding-left: 0; + margin-left: 0; +} + +ul.errorlist li { + display: block; + color: #f44; +} + +.form-field-required label:after { + content: '*'; + color: #D90024; +} + +ul.errorlist + p { + margin-top: 0px; +} + + + +.passerelle-register-plugin input + label { + background: transparent url(Annulation.png) center left no-repeat; +} + +.passerelle-register-plugin input:checked + label { + background: transparent url(Validation.png) center left no-repeat; +} + +.passerelle-register-plugin td input { + display: none +} +.passerelle-register-plugin td label { + padding-left: 2em; +} + +div.block form { + padding: 0 1ex; +} + +table.announces { + width: 100%; + margin-bottom: 1em; +} + +table.announces thead td { + font-weight: bold; +} + +table.announces thead th { + width: 30%; +} + +table.announces tbody td { + text-align: center; +} + +table.announces tbody th { + width: 35%; + text-align: left; + font-weight: normal; +} + +#agglolinks { + position: absolute; + right: 0; + top: -140px; +} + +#agglolinks > a, #agglolinks > span > a { + width: 130px; +} + +#agglolinks a, #agglolinks span { + display: inline-block; + margin-left: 10px; + color: white; + text-transform: uppercase; + text-align: center; + padding: 5px 5px; + font-size: 16px; +} + +#agglolinks a.agglo-mon-agglo, #agglolinks a.agglo-mes-e-services { + background: #37a7da; +} + +#agglolinks a.agglo-connaitre { + background: #d90024; +} + +#agglolinks a.agglo-vivre { + background: #1f4791; +} + +#agglolinks a.agglo-entreprendre { + background: #a3d117; +} + +#agglolinks span.agglo-mes-e-services > a { + background: #37a7da; + width: 150px; +} + +ul.agglo-autres-services-menu { + display: none; + position: relative; + padding: 0px; + margin: 10px; + margin-top: 0px; + width: 160px; + z-index: 10; + background: rgba(246, 132, 35, 0.5); + border-bottom: 5px solid #37a7da; +} + +ul.agglo-autres-services-menu li { + list-style: none; + background: #FFA824; + opacity: 0.9; + -webkit-transition: all .2s ease-in-out; + -moz-transition: all .2s ease-in-out; + transition: all .2s ease-in-out; + border-left: 5px solid #37a7da; + border-right: 5px solid #37a7da; +} + +ul.agglo-autres-services-menu li:hover { + background: #f4bc03; + opacity: 1.0; +} + +#agglolinks ul.agglo-autres-services-menu li a { + display: block; + margin-left: 0; + -webkit-transition: all .2s ease-in-out; + -moz-transition: all .2s ease-in-out; + transition: all .2s ease-in-out; + overflow: hidden; + white-space: nowrap; +} + +#agglolinks ul.agglo-autres-services-menu li a:hover { + letter-spacing: 1px; + font-weight: bold; +} + +#agglolinks span.agglo-mes-e-services:hover ul.agglo-autres-services-menu { + float: right; + position: absolute; + display: block; +} + +.chapeau { + font-style: italic; + font-size: 110%; +} + +/* mon compte */ +#my-informations-form { + width: 90%; + padding-bottom: 1em; +} + +#my-informations-form input[type~=text] { + width: 100%; +} + +#id_edit-profile-email_wrap, #id_edit-profile-address_wrap { + clear: both; +} + +#id_edit-profile-first_name_wrap, #id_edit-profile-phone_wrap, #id_edit-profile-postal_code_wrap { + width: 45%; + float: left; +} + +#id_edit-profile-last_name_wrap, #id_edit-profile-mobile_wrap, #id_edit-profile-city_wrap { + width: 45%; + float: right; +} + +/* pied de page */ +#footer-menu { + position: absolute; + display: block; + top: 20px; + left: 20px; + width: 435px; + list-style: none; + margin: 0; + padding: 0; + text-align: left; +} + +.footer-menu-leaf { + display: inline; + margin: 0; + padding: 0; + padding-right: 20px; + padding-bottom: 20px; + float: left; +} + +.footer-menu-leaf-link, .footer-menu-leaf-link:hover { + display: block; + width: 125px; + height: 26px; + line-height: 26px; + background: #ffffff; + text-align: center; + text-transform: uppercase; + color: #515151; + text-decoration: none; + font-size: 14px; +} + +.clear { + clear: both; +} + +#my-password { + padding-bottom: 1ex; +} + +#my-password p { + font-weight: bold; +} + +#my-password p a { + color: inherit; + padding: 1ex; +} + +ul.show-user-feeds { + padding-left: 2em; +} + +ul.show-user-feeds li { + list-style: disc; + background: url(mediathk.png) left center no-repeat; + min-height: 30px; + padding-bottom: 4px; +} + +ul.show-user-feeds li.aquarium { background-image: url(aquarium.png); } +ul.show-user-feeds li.conservatoire { background-image: url(conservatoire.png); } +ul.show-user-feeds li.ecolothk { background-image: url(ecolothk.png); } +ul.show-user-feeds li.facebook { background-image: url(facebook.png); } +ul.show-user-feeds li.lattara { background-image: url(lattara.png); } +ul.show-user-feeds li.mediathk { background-image: url(mediathk.png); } +ul.show-user-feeds li.opendata { background-image: url(opendata.png); } +ul.show-user-feeds li.planet { background-image: url(planet.png); } + +#id_new_password1_help_text, #id_password1_help_text { + font-style: italic; + font-size: 90%; + color: red; +} + +/* saml post page */ +.post-redirect { + background: white; +} + +#messages { + margin-left: 210px; +} + +#messages ul { + padding: 0; + margin: 0; + color: #333; + list-style: none; +} + +#messages li.warning { +} + +#messages li.error { +} + +#messages li.info { +} + +/* registration form */ +img.captcha { + float: left; +} + +#id_captcha_1 { + width: 13em; +} + +div#logo { + background: url('../img/logo.png') no-repeat; + width: 990px; + height: 126px; + margin: 0 auto; +} + +#nav { + margin: 0 auto; + padding: 0px 0; + width: 180px; + margin: 17px auto; + font-size: 110%; + float: left; + position: relative; + z-index: 1000; +} + +#nav ul { + margin: 0; + padding: 0; + list-style: none; +} + +#nav li { + margin: 1ex 0; + padding: 1ex; + border: 1px solid #a5a7aa; + border-width: 1px 0px; + text-align: center; +} + +#nav a { + color: #404041; + text-decoration: none; +} + +#nav li.selected:after, +#nav li.ancestor:after, +#nav li a:hover, +#nav li.selected a, +#nav li.ancestor a { + color: #e0007a; +} + + +div.block { + text-align: left; + background: white; + margin: 10px 10px; + padding: 10px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + border: 1px solid #ccc; + box-shadow: 0px 2px 3px rgba(0, 0, 0, .4); + -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, .4); + -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, .4); +} + +h2#welcome-title { + margin-top: 2em; + margin-bottom: 1em; +} + +select, +input[type="text"], +input[type="password"] { + border: 1px solid #aaa; + background: white url(field-shade.png) top left repeat-x; + padding: 1px; + border-radius: 2px; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + color: black; + -webkit-transition: background 200ms ease-out; + display: block; +} + +input[type="text"]:focus, +input[type="password"]:focus { + border: 1px solid #888; + background: white; +} + +div#registration { + width: 40em; + text-align: justify; + margin: 2em auto; +} + +div#registration form { + margin: 2em 0; +} + +div#registration label { + display: block; + width: 15em; + float: left; + text-align: right; + padding-right: 1em; + color: #777; + padding-top: 0; +} + +div#registration ul.errorlist { + margin: 0; + padding-left: 16em; +} + +div#registration input[type="submit"] { + margin-left: 17em; +} + +#toplinks span.logged-in { + background: none; + border: none; + padding: .2em .5em; + color: #fff; +} + +#toplinks a.restricted { + color: white; + float: right; + padding: 0.5ex 1ex; + border: 1px outset #888; + background: #672290; + position: absolute; + top: -3em; + right: 3px; +} + + +#toplinks a.logout { + background: #808080; + display: inline-block; + padding-left: 30px; + padding-right: 1em; + margin-right: -2px; + position: relative; +} + +#toplinks a.logout:before { + font-family: FontAwesome; + content: '\f00d'; + background: #f15a25; + margin-right: .5em; + position: absolute; + top: 1px; + left: 1px; + bottom: 1px; + padding: 0px 4px; +} + +#real-content { + text-align: justify; + margin-top: 1em; +} + +#help-content { + padding-top: 10px; +} + +#help-menu-content li.selected > a { + color: #000; + font-weight: bold; +} + +ul.account-management-plugin { + padding-left: 1em; + margin: 0; +} + +ul.account-management-plugin li { + list-style-type: none; +} + +.block form label { + color: #777; + padding-top: 1ex; + display: block; +} + +.block form select, +.block form input[type="text"], +.block form input[type="password"] { + margin-left: 10px; +} + +.block ul.feed-list { + padding: 0; + padding-left: 1em; +} + +.block li.feed-list-item { + list-style: none; + padding: 0; +} + +.block li.feed-list-item label { + display: inline; +} + +p.fullname { + display: inline; + margin-right: 1.5em; +} + +div#favoris { + width: 650px; + display: inline-block; + vertical-align: top; + margin-right: 2em; +} + +div#favoris ul { + margin: 0; + padding: 0; + margin-bottom: .4em; +} + +div#favoris #tabs li { + font: bold 1.1em Museo500; + display: inline; + list-style-type: none; + padding: .4em .5em; + border-radius: .3em .3em 0 0; + background: #a2d3fe; + margin-right: .2em; +} + +div#favoris #tabs li.main { + background: #fdee21; +} + +#favoris #listing { + background: #fff; + padding: .6em; +} + +#favoris .commune, #favoris .list { + background: #9adfff; + height: 240px; + display: inline-block; + width: 250px; + margin: 0; + vertical-align: top; +} + +#favoris .list { + width: 360px; + height: 220px; + background: #fdd18a; + margin: 0; + padding: 10px; +} + +#favoris .list li { + list-style-type: none; + display: inline-table; + width: 102px; + height: 97px; + margin: .6em; +} + +.list li.scolaire { + background: url('../img/scolaire.png') no-repeat; +} + +.list li.culturel { + background: url('../img/culturel.png') no-repeat; +} + +.list li.etat_civil { + background: url('../img/etat_civil.png') no-repeat; +} + +.list li.environnement { + background: url('../img/environnement.png') no-repeat; +} + +.list li.urbanisme { + background: url('../img/urbanisme.png') no-repeat; +} + +.list li.service_technique { + background: url('../img/service_technique.png') no-repeat; +} + +#actualites { + margin-right: 1em; + display: inline-block; +} + +#actualites .alaune { + background: #fff; + border-radius: .2em; + width: 280px; + padding: .5em; + height: 130px; + overflow: hidden; + border: 1px solid #aaa; +} + +#actualites .alaune h2 { + color: #006fa9; + border-bottom: 1px solid #006fa9; +} + +#actualites .actions ul { + margin: 0; + padding: 0; +} + +#actualites .actions li { + background: #fff; + margin: .4em 0; + list-style-type: none; + font: normal 1.2em Museo500; + color: #006fa9; + padding: .2em .5em; + padding-left: 2.5em; + position: relative; +} + +#actualites .actions li:before { + position: absolute; + top: 0; + left: 0; + bottom: 0; + color: #000; + padding: .2em .3em; + font: normal 1.2em FontAwesome; + content: '\f061'; + background: #fdee21; +} + +span.strong { + font-weight: bold; +} + +#bottom { + background: linear-gradient(to bottom, #707088, #fff); +} + +#teleservices { + color: #006fa9; + font: bold 1.1em Museo500; + width: 990px; + margin: 0 auto; +} + +#teleservices .filter { + background: #fdee21; + padding: .3em .7em; +} + +#teleservices .filter div, #teleservices .filter input, #teleservices .filter select { + font-weight: normal; + display: inline-block; +} + +#teleservices .filter .header { + border-right: 1px dotted #006fa9; + margin-right: 1em; + width: 20%; + font-weight: bold; +} + +#teleservices .filter .keywords { + width: 35%; + text-transform: uppercase; +} + +#teleservices .filter .categories { + width: 35%; + text-transform: uppercase; +} + +#teleservices ul { + margin: 0; + padding: 1em; + background: rgba(100, 100, 100, 0.5); +} + +#teleservices ul li { + display: inline-block; + margin: 0 2em; + width: 131px; +} + +#teleservices ul li div.thumb { + height: 79px; +} + +#teleservices .thumb.loisirs { + background: url('../img/loisirs.png') no-repeat; +} + +#teleservices .thumb.securite { + background: url('../img/securite.png') no-repeat; +} + +#teleservices .thumb.citoyen { + background: url('../img/citoyen.png') no-repeat; +} + +#teleservices .thumb.paiement { + background: url('../img/paiement.png') no-repeat; +} + +#teleservices ul li p.title { + font: bold 1em Museo500; + background: #f15a25; + text-align: center; + color: #fff; +} + +#teleservices ul li p { + background: #fff; + font: normal .8em Arial; + color: #000; + margin: 0; + padding: 0 .5em; +} + +.socialaccount_ballot ul { + background: #dbdbdb; + margin-left: 20px; + padding: 5px 0px; + padding-left: 20px; +} + +.login form { + padding: 10px; + font-family: Museo500; +} + +.login form label { + float: left; + width: 150px; +} + +.login form input[type=text], .login form input[type=password] { + border: 1px solid #cdcdcd; + width: 200px; +} + + +button[type=submit], input[type=submit] { + background: #23b574; + color: #fff; + border: 0; + font-family: Museo500; +} + +.account #profile { + background: #e7e7e7; + margin: 0 .5em; + padding: .3em .5em; +} + +#profile dt { + font-weight: bold; +} \ No newline at end of file diff --git a/portail-citoyen/static/portail_citoyen/img/citoyen.png b/portail-citoyen/static/portail_citoyen/img/citoyen.png new file mode 100644 index 0000000..6f68cad Binary files /dev/null and b/portail-citoyen/static/portail_citoyen/img/citoyen.png differ diff --git a/portail-citoyen/static/portail_citoyen/img/culturel.png b/portail-citoyen/static/portail_citoyen/img/culturel.png new file mode 100644 index 0000000..afe68ad Binary files /dev/null and b/portail-citoyen/static/portail_citoyen/img/culturel.png differ diff --git a/portail-citoyen/static/portail_citoyen/img/environnement.png b/portail-citoyen/static/portail_citoyen/img/environnement.png new file mode 100644 index 0000000..edc8e95 Binary files /dev/null and b/portail-citoyen/static/portail_citoyen/img/environnement.png differ diff --git a/portail-citoyen/static/portail_citoyen/img/etat_civil.png b/portail-citoyen/static/portail_citoyen/img/etat_civil.png new file mode 100644 index 0000000..d5b3ae7 Binary files /dev/null and b/portail-citoyen/static/portail_citoyen/img/etat_civil.png differ diff --git a/portail-citoyen/static/portail_citoyen/img/logo.png b/portail-citoyen/static/portail_citoyen/img/logo.png new file mode 100644 index 0000000..0c2b649 Binary files /dev/null and b/portail-citoyen/static/portail_citoyen/img/logo.png differ diff --git a/portail-citoyen/static/portail_citoyen/img/loisirs.png b/portail-citoyen/static/portail_citoyen/img/loisirs.png new file mode 100644 index 0000000..3a2e688 Binary files /dev/null and b/portail-citoyen/static/portail_citoyen/img/loisirs.png differ diff --git a/portail-citoyen/static/portail_citoyen/img/paiement.png b/portail-citoyen/static/portail_citoyen/img/paiement.png new file mode 100644 index 0000000..b1c4bc1 Binary files /dev/null and b/portail-citoyen/static/portail_citoyen/img/paiement.png differ diff --git a/portail-citoyen/static/portail_citoyen/img/scolaire.png b/portail-citoyen/static/portail_citoyen/img/scolaire.png new file mode 100644 index 0000000..08a39ca Binary files /dev/null and b/portail-citoyen/static/portail_citoyen/img/scolaire.png differ diff --git a/portail-citoyen/static/portail_citoyen/img/securite.png b/portail-citoyen/static/portail_citoyen/img/securite.png new file mode 100644 index 0000000..0deed1f Binary files /dev/null and b/portail-citoyen/static/portail_citoyen/img/securite.png differ diff --git a/portail-citoyen/static/portail_citoyen/img/service_technique.png b/portail-citoyen/static/portail_citoyen/img/service_technique.png new file mode 100644 index 0000000..7be13c3 Binary files /dev/null and b/portail-citoyen/static/portail_citoyen/img/service_technique.png differ diff --git a/portail-citoyen/static/portail_citoyen/img/urbanisme.png b/portail-citoyen/static/portail_citoyen/img/urbanisme.png new file mode 100644 index 0000000..cca9ff7 Binary files /dev/null and b/portail-citoyen/static/portail_citoyen/img/urbanisme.png differ diff --git a/portail-citoyen/templates.old/base.html b/portail-citoyen/templates.old/base.html new file mode 100644 index 0000000..716afbe --- /dev/null +++ b/portail-citoyen/templates.old/base.html @@ -0,0 +1,87 @@ + +{% load menu_tags cms_tags sekizai_tags i18n portail_citoyen_tags staticfiles i18n %} + + + + + {% page_attribute "page_title" %} + + {% render_block "css" %} + {% block extra_scripts %} + {% endblock %} + + + {% cms_toolbar %} +
    + +
    +
    + {% block breadcumb %} +
      + {% show_breadcrumb %} +
    + {% endblock %} +
    + {% block menu %} + + + + {% endblock %} + +
    +
    + {% block content %} + {% endblock %} +
    +
    +
    +
    + {% block bottom-content %} + {% endblock %} +
    + +
    + {% render_block "js" %} + {% if messages %} + + {% endif %} + +