diff options
-rw-r--r-- | media/icons/readme | 1 | ||||
-rw-r--r-- | media/pictures/readme | 1 | ||||
-rw-r--r-- | media/route_files/readme | 1 | ||||
-rw-r--r-- | mobile_settings.py | 11 | ||||
-rw-r--r-- | static/saclay/css/saclay.css | 15 | ||||
-rw-r--r-- | static/saclay/css/styles.css | 3882 | ||||
-rw-r--r-- | static/saclay/images/handler-hide.png | bin | 232 -> 1110 bytes | |||
-rw-r--r-- | static/saclay/images/handler-show.png | bin | 224 -> 1111 bytes | |||
-rw-r--r-- | static/saclay/images/logo_mobile.png | bin | 0 -> 9066 bytes | |||
-rw-r--r-- | static/saclay/images/subcategories/cult_7_off.png | bin | 0 -> 305 bytes | |||
-rw-r--r-- | static/saclay/images/subcategories/cult_7_on.png | bin | 0 -> 305 bytes | |||
-rw-r--r-- | static/saclay/images/subcategories/ress_1_off.png | bin | 347 -> 294 bytes | |||
-rw-r--r-- | static/saclay/images/subcategories/ress_1_on.png | bin | 347 -> 294 bytes | |||
-rw-r--r-- | static/saclay/js/SaclayCloud.js | 108 | ||||
-rw-r--r-- | templates/chimere/base.html | 83 | ||||
-rw-r--r-- | templates/chimere/blocks/actions.html | 27 | ||||
-rw-r--r-- | templates/chimere/blocks/page_title.html | 12 | ||||
-rw-r--r-- | templates/chimere/detail.html | 223 | ||||
-rw-r--r-- | templates/chimere/main_map.html | 226 |
19 files changed, 2292 insertions, 2298 deletions
diff --git a/media/icons/readme b/media/icons/readme deleted file mode 100644 index 968559a..0000000 --- a/media/icons/readme +++ /dev/null @@ -1 +0,0 @@ -Icons files are stored here diff --git a/media/pictures/readme b/media/pictures/readme deleted file mode 100644 index a8a7401..0000000 --- a/media/pictures/readme +++ /dev/null @@ -1 +0,0 @@ -Pictures files are stored here diff --git a/media/route_files/readme b/media/route_files/readme deleted file mode 100644 index 90d72ab..0000000 --- a/media/route_files/readme +++ /dev/null @@ -1 +0,0 @@ -Route files are stored here diff --git a/mobile_settings.py b/mobile_settings.py new file mode 100644 index 0000000..4da5a1b --- /dev/null +++ b/mobile_settings.py @@ -0,0 +1,11 @@ +#!/usr/bin/env python +# -*- coding: utf-8 -*- + +try: + from settings import * +except ImportError, e: + print 'Unable to load settings.py:', e + +SITE_ID = 2 +DEBUG = True +TEMPLATE_DEBUG = True diff --git a/static/saclay/css/saclay.css b/static/saclay/css/saclay.css index 5d52b0f..65cf152 100644 --- a/static/saclay/css/saclay.css +++ b/static/saclay/css/saclay.css @@ -515,14 +515,12 @@ /*53 - Mobilités - Lignes et stations bus et cars*/ #li_sub_53 label{ - /*background-image:url('../images/subcategories/mob_3_off.png');*/ - background-image:url('../images/subcategories/mob_3_disabled.png'); + background-image:url('../images/subcategories/mob_3_off.png'); color:#ccc; } #ul_categories .subcategories #li_sub_53 .selected label{ - /*background-image:url('../images/subcategories/mob_3_on.png');*/ - background-image:url('../images/subcategories/mob_3_disabled.png'); + background-image:url('../images/subcategories/mob_3_on.png'); color:#ccc; } @@ -643,3 +641,12 @@ #li_sub_67 .selected label{ background-image:url('../images/subcategories/ress_6_on.png'); } + +/*68 - Culture - Scientifique */ +#li_sub_68 label{ + background-image:url('../images/subcategories/cult_7_off.png'); +} + +#li_sub_68 .selected label{ + background-image:url('../images/subcategories/cult_7_on.png'); +} diff --git a/static/saclay/css/styles.css b/static/saclay/css/styles.css index e132e41..22bbbd6 100644 --- a/static/saclay/css/styles.css +++ b/static/saclay/css/styles.css @@ -1,1939 +1,1943 @@ -/* - * Font colors - */ - -/* main */ -html, h1, h2, -.action li, .ui-dialog .ui-dialog-titlebar, -#layer_selection h4, -#chimere_itinerary_content div.s{ - color:#444; -} - -/* light */ -h2, .cloud h4, #layer_selection, #layer_selection h4, #permalink a, -#chimere_itinerary_panel label, .ui-menu .ui-menu-item a, #submited-window, -#welcome .footer a, label, .map_button a, #marker_hover_content, .notice{ - color:#929288; -} - -/* light darker*/ -#layer_selection li.head{ - color:#a7a799 -} - -/* activated */ -.small-galery p.legend, #detail_footer, #detail_footer a, #chimere_itinerary h4, -h3.warn, .itinerary_label.itinerary_start, .itinerary_label.itinerary_end, -.action li.ui-state-active{ - color:#fff; -} -/* blue*/ -.itinerary_label{ - color:#6f8196; -} - -/* strong */ - -.welcome-dialog h2, .edit h3, h3, h4, legend{ - color:#000; -} - -a, a:link, a:visited, -#footer .map-footer a, #footer .map-footer a:link, -#footer .map-footer a:visited, -#welcome .footer, -caption{ - color:#9da1a1; -} - -/* alternat link */ -.read_more, -.read_less{ - color:#a1a18b; -} - -/* links */ -a, a:link, a:visited, -#footer .map-footer a, #footer .map-footer a:link, -#footer .map-footer a:visited, -#welcome .footer, -caption{ - text-decoration:none; - font-weight:bold; - font-size:0.9em; -} - -#detail_footer, -#detail_footer a{ - text-decoration:none; - text-transform:uppercase; - font-weight:normal; - font-size:0.9em; -} - -/* - * Background colors - */ - -/* default */ -body, #content, -#sidebar, -.action li.ui-button, -#detail_content -{ - background-color:#eee; -} - -/* alternative background */ -#layer_selection #layer_list li.head, -.welcome-dialog h2, #footer-panel, -ul#multimedia_list_content li, #welcome .footer, -#action{ - background-color:#d6d6c4; -} - -.small-galery p.legend, -#detail_footer{ - background-color:#9f9f89; -} - - -/* lighter */ -a#ui-active-menuitem.ui-state-hover, -#chimere_itinerary_panel input[type=text]{ - background-color:#f0f0e9; -} - -.read_more, -.read_less{ - background-color:#c1c1b0; -} - -/* blue */ -#chimere_itinerary h4{ - background-color:#6f8196; -} - -/* light blue */ -#chimere_itinerary_content div.s, -.itinerary_label{ - background-color:#dfe8f3; -} - -/* green */ -.itinerary_label.itinerary_start{ - background-color:#73a44b; -} - -/* red */ -h3.warn, -.itinerary_label.itinerary_end{ - background-color:#a53f3f; -} - -/* light pink */ -div.warning, .errorlist{ - background-color:#fed; -} - -/* blank */ -#edit-panel, #permalink, -#layer_selection h4, #chimere_itinerary_content div.n, -.edit h4{ - background-color:#fff; -} - -/* black */ -.small-galery{ - background-color:#000; -} - -h2, h3{ - background:none; -} - -/* - * Borders - */ -#layer_selection h4, ul#multimedia_list_content li, #layer_selection #layer_list, -#layer_selection #layer_list li, .itinerary_label .label, #footer-panel, -#detail_footer, #areas, #detail, #main-map, div.warning, #content, -.action li.selected, #content .olControlLayerSwitcher .layersDiv, #panel, -#map-footer, #utils-div, #action, #panel #categories, .main_category, -#page_title, #ul_categories .subcategories li, #action-panel, -ul.ui-autocomplete.ui-menu.ui-corner-all.ui-widget-content, .extra-criteria, -#chimere_itinerary_form, .welcome-logo, #permalink{ - border-color:#999; -} - -#id_transport_it span{ - border-color:#AAA; -} -/* - * Images - */ - -.action li{ - background:none; -} - -/* - * Opacity - */ - -#chimere_itinerary_panel, -div#panel{ - opacity:1; -} - -/* - * Position, size, ... - */ - -html, body{ - height:100%; -} - -.ui-button, -.action li{ - padding:2px 18px; -} - -h4{ - font-weight:bold; -} - -hr.clean{ - display:none; -} - -label{ - font-weight:bold; - font-size:0.9em; -} - -h3.warn{ - padding:0.3em; - margin:0; -} - -#permalink{ - position:absolute; - z-index:20; - right:280px; - top:36px; - width:auto; - border-width:1px; - border-style:solid; - padding:2px 12px; -} - -#permalink a{ - font-weight:normal; -} - -/* no title bar dialog */ -.no-titlebar.ui-dialog, -.no-titlebar-simple.ui-dialog, -.no-titlebar-small.ui-dialog, -.welcome-dialog.ui-dialog{ - padding:0; - margin:0; -} - -.no-titlebar-simple.ui-dialog .ui-dialog-content{ - padding:0; -} - -.no-titlebar-simple.ui-dialog .ui-dialog-content p{ - padding:0.5em 1em; -} - -.no-titlebar.ui-dialog .ui-dialog-titlebar, -.no-titlebar-simple.ui-dialog .ui-dialog-titlebar, -.no-titlebar-small.ui-dialog .ui-dialog-titlebar, -.welcome-dialog.ui-dialog .ui-dialog-titlebar{ - background:none; - padding:0; - height:22px; - position:absolute; - z-index:100; - border:none; - color:transparent; - font-size:0; - border-radius:0; - -webkit-border-radius:0; - -moz-border-radius:0; -} - -.no-titlebar-simple.ui-dialog .ui-dialog-titlebar{ - right:10px; -} - -.welcome-dialog.ui-dialog .ui-dialog-titlebar-close{ - right:0; - width:30px; - height:30px; - top:5px; -} - -.welcome-dialog.ui-dialog .ui-widget-header .ui-icon{ - background-image:url(../images/popup/welcome_close.png); - background-position:0 0; - width:30px; - height:30px; -} - -.welcome-dialog.ui-dialog .ui-dialog-titlebar{ - width:100%; - height:84px; -} - -.no-titlebar-small.ui-dialog .ui-dialog-titlebar{ - width:300px; -} - -.no-titlebar.ui-dialog .ui-dialog-titlebar{ - width:650px; -} - -.no-titlebar.ui-dialog .ui-dialog-titlebar-close, -.no-titlebar.ui-dialog .ui-dialog-titlebar-close.ui-state-hover, -.no-titlebar-small.ui-dialog .ui-dialog-titlebar-close, -.no-titlebar-small.ui-dialog .ui-dialog-titlebar-close.ui-state-hover{ - background-image:url(../images/popup/close.png); - background-position:center; - width:100%; - height:22px; - position:absolute; - top:0; - left:0; - margin:0; - padding:0; - border:none; - border-radius:0; - -webkit-border-radius:0; - -moz-border-radius:0; -} - -.no-titlebar-small.ui-dialog .ui-dialog-title { - margin:0; - height:65px; -} - -.no-titlebar-simple.ui-dialog .ui-dialog-titlebar-close .ui-icon{ - float:right; -} - -.no-titlebar.ui-dialog .ui-dialog-titlebar-close .ui-icon, -.no-titlebar-small.ui-dialog .ui-dialog-titlebar-close .ui-icon{ - display:none; -} - -#welcome{ - opacity:1; - padding:0; -} - -.welcome-dialog .title{ - margin:0; - text-align:left; - height:10px; -} - -.welcome-dialog .title h2{ - display:none; -} - -.welcome-dialog h3, .welcome-dialog h4{ - padding:0 1em; -} - -.ui-dialog.ui-widget{ - font-size:0.9em; - padding:0; - margin:0; -} - -.welcome-dialog p{ - padding:0; - margin:0; -} - -.no-titlebar-small .ui-dialog-content.ui-widget-content{ - margin-top:22px; -} - -.welcome-dialog .ui-dialog-content.ui-widget-content, -.no-titlebar .ui-dialog-content.ui-widget-content, -.no-titlebar-small .ui-dialog-content.ui-widget-content{ - position:static; -} - -.no-titlebar .ui-dialog-content.ui-widget-content{ - background-image:url(../images/popup/title_frame.png); - background-repeat:repeat-x; - margin-top:22px; -} -.no-titlebar .ui-dialog-content.ui-widget-content h2{ - margin:2px 0 12px 0; - text-transform:uppercase; -} - -.dialog-content{ -} - -.dialog-content .content{ - overflow:auto; - padding:1em; - max-height:400px; -} - -#multimedia_form{ - background-image:url(../images/popup/multimedia_title.png) ; - background-repeat:no-repeat; - background-position: center top; - padding-top:45px; -} - -#multimedia_form input[type=text]{ - width:250px; - border:1px solid #e0e0d8; - border-radius:0; - -webkit-border-radius:0; - -moz-border-radius:0; - background-color:#e0e0d8; -} - -#submited-window{ - background-image:url(../images/popup/thanks_title.png) ; - background-repeat:no-repeat; - background-position: center top; - padding-top:45px; -} - -/* autocomplete theming */ -ul.ui-autocomplete.ui-menu.ui-corner-all.ui-widget-content{ - border-radius:0; - -webkit-border-radius:0; - -moz-border-radius:0; - font-weight:normal; - padding:0; -} - -.ui-menu .ui-menu-item a{ - border-radius:0; - -webkit-border-radius:0; - -moz-border-radius:0; - font-weight:normal; -} - -a#ui-active-menuitem.ui-state-hover{ - background-image:none; -} - -#logos{ - width:340px; - margin-left:auto; - margin-right:auto; -} - -#welcome_message{ - padding:1em; - margin:0; - /* float:left; - width:334px; */ -} - -#welcome_content{ - height:145px; - overflow:auto; - margin-bottom:1em; -} - -.welcome-col{ - padding:1em; - margin:0; - float:left; - width:430px; -} - -.no-titlebar .footer{ - padding:0.3em 1em; - font-size:0.9em; -} - -.welcome-logo{ - border-top:1px solid; -} - -#welcome .news{ - height:298px; - overflow:auto; - padding:10px -} - -#welcome .footer{ - height:12px; - padding:5px 30px; - text-align:right; - text-transform:uppercase; - background-image:url(../images/plus.png); - background-repeat:no-repeat; - background-position:420px; -} - -#welcome .footer a{ - font-size:12px; -} - -.info{ - border:none; - padding:0; -} - -/* edition */ - -.fieldWrapper{ - padding:2px 7px; -} - -.edit label.error{ - display:none; -} - -.edit .error label.error{ - display:block; -} - -.edit h3{ - text-align:left; - font-size:1.4em; - width:100%; - border-bottom:1px solid; - padding:0 0 0.4em 0; - margin:0; -} - -.edit h4{ - padding:1em 0; - border-top:1px solid; - border-bottom:1px solid; - width:100%; - cursor:pointer; - margin-top:0.5em; -} - -.edit .minified{ - background-image:url(../images/plus_on.png) ; - background-repeat:no-repeat; - background-position: 95% center; -} - -.edit .maximized{ - background-image:url(../images/minus_on.png) ; - background-repeat:no-repeat; - background-position: 95% center; -} - -.notice{ - padding:0.4em; - font-size:0.8em; - margin:0; -} - -.remove-media{ - cursor:pointer; -} - -#chimere_map_menu{ - padding:0; -} - -#chimere_map_menu li{ - padding-left:20px; - background-position:0 center; - background-repeat:no-repeat; -} - -#marker_hover_content{ - border-color:#c1c1b0; - border-bottom-width:0; - margin-bottom:11px; -} - -#marker_hover{ - background-image:url("../images/bottom-arrow.png"); -} - -#map_menu_from{ - background-image:url("../images/menu/icon_from.png"); -} - -#map_menu_to{ - background-image:url("../images/menu/icon_to.png"); -} - -#map_menu_step{ - background-image:url("../images/menu/icon_add.png"); -} - -#map_menu_zoomin{ - background-image:url("../images/menu/icon_plus.png"); -} - -#map_menu_zoomout{ - background-image:url("../images/menu/icon_minus.png"); -} - -#map_menu_center{ - background-image:url("../images/menu/icon_center.png"); -} - -#content{ - border:none; - padding:0; -} - -#page_title{ - top:0; - right:0; - padding:0 30px; - position:relative; - border-bottom-width:1px; - border-bottom-style:solid; - background-color:#fff; - display:none; -} - -#page_title h1{ - text-align:right; - padding:0; - margin:0; - font-size:40px; - font-style:italic; -} - -#page_title h2{ - text-align:right; - padding:0; - margin:0; - font-style:italic; - background-color:#fff; -} - -#topbar{ - height:26px; - padding:0; - background-image:url('../images/background-top.png'); - background-repeat:repeat-x; -} - -#header{ - padding:0; - margin:0; -} - -ul.action, -ul#action-2 { - display:block; - float: left; - margin:0; - padding:0; -} - -#action-3 { - float:right; -} - -#action-3 li { - padding:0; -} - -#action-3.action li:hover{ - cursor:pointer; - background-color:transparent; - font-size:0; -} - - -ul.action li{ - display:block; - float:left; - margin:0; - height:26px; -} - -.action li:hover, -.action li label:hover{ - cursor:pointer; -} - -ul#action{ - width:282px; -} - -#panel #categories{ - clear:both; - border-top-width:1px; - border-top-style:solid; -} - -#action-panel .action li{ - padding:0; - height:38px; - width:138px; - margin-top:22px; -} - -.action li, -.action li a, -.action li label{ - padding:0; - margin:0; - font-size:1.1em; - margin-top:10px; - text-align:center; - width:141px; - display:block; - text-transform:uppercase; - color:transparent; - font-size:0; - border-width:0; -} - -.action li label{ - width:130px; -} - -#action-3.action li, -#action-3.action li a{ - width:86px; -} - -.action li .share a{ - color:transparent; - font-size:0; -} - -#action-3.action li.share-list li, -#action-3.action li.share-list{ - width:auto; -} - -#action-3.action li.share-list li.shared, -#action-3.action li.share-list li.shared a{ - width:26px; - margin:1px 0; -} - -.action li.print-page{ - background-image:url(../images/buttons/button-print-off.png) ; - background-repeat:no-repeat; -} - -.action li.print-page.state-active, -.action li.print-page:hover{ - background-image:url(../images/buttons/button-print-on.png) ; - background-repeat:no-repeat; -} - -.action li.share-icon.state-active, -.action li.share-icon:hover{ - background-image:url(../images/buttons/button-share-on.png) ; - background-repeat:no-repeat; -} - -.action li.share-icon{ - background-image:url(../images/buttons/button-share-off.png) ; - background-repeat:no-repeat; -} - -.action li.share-send.state-active, -.action li.share-send:hover{ - background-image:url(../images/buttons/button-send-on.png) ; - background-repeat:no-repeat; -} - -.action li.share-send{ - background-image:url(../images/buttons/button-send-off.png) ; - background-repeat:no-repeat; -} - -.action li.help-page.state-active, -.action li.help-page:hover{ - background-image:url(../images/buttons/button-help-on.png) ; - background-repeat:no-repeat; -} - -.action li.help-page{ - background-image:url(../images/buttons/button-help-off.png) ; - background-repeat:no-repeat; -} - -#action-carte{ - background-image:url(../images/button-map-off.png) ; - background-repeat:no-repeat; -} - -#action-carte.state-active, -#action-carte:hover{ - background-image:url(../images/button-map-on.png) ; - background-repeat:no-repeat; -} - -#action-participate{ - background-image:url(../images/button-participate-off.png) ; - background-repeat:no-repeat; -} - -#action-participate.state-active, -#action-participate:hover{ - background-image:url(../images/button-participate-on.png) ; - background-repeat:no-repeat; -} - -#action-news{ - background-image:url(../images/button-news-off.png) ; - background-repeat:no-repeat; -} - -#action-news.state-active, -#action-news:hover{ - background-image:url(../images/button-news-on.png) ; - background-repeat:no-repeat; -} - -#action-project{ - background-image:url(../images/button-project-off.png) ; - background-repeat:no-repeat; -} - -#action-project.state-active, -#action-project:hover{ - background-image:url(../images/button-project-on.png) ; - background-repeat:no-repeat; -} - -#action-categories{ - background-image:url(../images/button-cat-off.png) ; - background-repeat:no-repeat; - margin-right:6px; -} - -#action-categories.state-active, -#action-categories:hover{ - background-image:url(../images/button-cat-on.png) ; - background-repeat:no-repeat; -} - -#action-routing{ - background-image:url(../images/button-route-off.png) ; - background-repeat:no-repeat; -} - -#action-routing.state-active, -#action-routing:hover{ - background-image:url(../images/button-route-on.png) ; - background-repeat:no-repeat; -} - - -#action-categories.category-selected label{ - background-image:url(../images/check-active.png) ; - background-repeat:no-repeat; -} - -#action-categories.category-selected.state-active label, -#action-categories.category-selected:hover label{ - background-image:url(../images/check.png) ; - background-repeat:no-repeat; -} - -#action-categories.category-selected label{ - background-position:right center; -} - -#action-edit-marker{ - background-image:url(../images/button-location-off.png) ; - background-repeat:no-repeat; -} - -#action-panel .action li#action-edit-marker{ - width:78px; -} - -#action-edit-marker.state-active, -#action-edit-marker:hover{ - background-image:url(../images/button-location-on.png) ; - background-repeat:no-repeat; -} - -#action-panel .action li#action-edit-route{ - width:98px; -} - -#action-edit-route{ - background-image:url(../images/button-wander-off.png) ; - background-repeat:no-repeat; -} - -#action-edit-route.state-active, -#action-edit-route:hover{ - background-image:url(../images/button-wander-on.png) ; - background-repeat:no-repeat; -} - -#action-panel .action li#action-edit-event{ - width:104px; -} - -#action-edit-event{ - background-image:url(../images/button-event-off.png) ; - background-repeat:no-repeat; -} - -#action-edit-event.state-active, -#action-edit-event:hover{ - background-image:url(../images/button-event-on.png) ; - background-repeat:no-repeat; -} - - -#main-map{ - top:26px; - bottom:0; - height:auto; -} - -#layer_selection{ - top:40px; - left:auto; - right:90px; -} - -#layer_selection h4{ - width:130px; - padding:2px 20px; - background-image:url('../images/display_option.png'); - background-repeat:no-repeat; - text-align:left; -} - -#layer_selection h4.opened{ - background-image:url('../images/display_option_open.png'); -} - -#layer_selection ul#layer_list{ - padding:0; - width:170px; - text-align:right; -} - -#layer_selection ul#layer_list li.head{ - text-align:left; -} - -#layer_selection ul#layer_list li{ - padding:2px 10px; - border-bottom:1px solid; -} - -#layer_selection ul#layer_list input{ - display:none; -} - -#layer_selection ul#layer_list label:hover{ - cursor:pointer; -} - -#layer_selection ul#layer_list li.selected{ - background-image:url('../images/check-small.png'); - background-position:left; - background-repeat:no-repeat; -} - -#edit-actions{ - display:none; -} - -div#map-shadow{ - position:absolute; - left:0; - bottom:0; - top:26px; - width:15px; - z-index:5; -} - -div#map-shadow, -div#sidebar{ - background-color:transparent; - background-image:url('../images/shadow.png'); - background-position:right; - background-repeat:repeat-y; -} - -div#sidebar{ - z-index:7; - width:282px; - top:26px; - position:absolute; - bottom:0; - padding-right:15px; -} - -div#action-panel{ - border-width:0; - border-right-width:1px; - border-style:solid; - z-index:10; - height:60px; - width:282px; - background-image:url(../images/background-small.png) ; - background-repeat:no-repeat; - background-position:center; -} - -div#panel{ - position:absolute; - width:282px; - z-index:10; - max-height:none; - padding:0; - right:auto; - bottom:26px; - top:60px; - border-width:0 1px; - background-image:url('../images/logo.png'); - background-repeat:no-repeat; - background-position:left bottom; -} - -/* share toolbar */ - -a.share_id_email_single{ - width:23px; - overflow:hidden; - background-image:url('../images/email.png'); - display:inline-block; -} -a.share_id_email_single{ - color:transparent; - font-size:0; -} - -#footer-panel{ - text-align:center; - padding:3px; - bottom:0; - position:absolute; - width:275px; - height:22px; -} - -.sidebar-handler{ - height:55px; - width:18px; - position:absolute; - background-position:left top; -} - -#sidebar-handler-hide{ - bottom:102px; - right:-4px; - z-index:10; - background-image:url('../images/handler-hide.png'); - background-repeat:no-repeat; -} - -#sidebar-handler-show{ - bottom:102px; - left:0px; - z-index:6; - background-image:url('../images/handler-show.png'); - background-repeat:no-repeat; -} - -.sidebar-handler:hover{ - cursor:pointer; -} - -div#panel #categories{ - width:auto; -} - -ul#ul_categories{ - padding:0; - width:auto; -} - -#ul_categories li.main_category > span{ - display:block; - height:40px; - padding:0; - margin:0; -} - -#ul_categories li.main_category span{ - display:block; -} - -#ul_categories li.main_category .subcategories li{ - padding:0; - margin:0; - overflow:hidden; -} - -.toggle_category{ - margin-top:13px; - margin-right:2px; -} - -.control_image{ - visibility:hidden; -} - -.map_button{ - display:none; - z-index:20; - top:40px; - left:350px; - position:absolute; - background-color:#fff; - padding:2px 20px; - border:1px solid; - border-color:#c1c1b0; -} - -.main_category > span > label{ - display:block; - width:242px; - padding:0 20px; - height:40px; - line-height:40px; - background-image:url('../images/plus.png'); - background-repeat:no-repeat; - background-position:90% center; - color:#fff; -} - -.main_category > span.category-selected > label{ - background-image:url('../images/plus_on.png'); -} - -.main_category.toggle_minus > span > label{ - background-image:url('../images/minus.png'); -} - -.main_category.toggle_minus > span.category-selected > label{ - background-image:url('../images/minus_on.png'); -} - -#ul_categories .subcategories li label{ - width:274px; - display:block; - padding:5px 0 0 9px; - height:21px; - font-weight:bold; - background-color:#fff; -} - -#ul_categories .subcategories li .selected label{ - color:#fff; -} - -#ul_categories .subcategories input{ - display:none; -} - - - -/* itinéraire */ - -#id_transport.ui-buttonset{ - margin-right:0; -} - -#id_transport_it span, -#id_transport.ui-buttonset label{ - width:122px; - height:25px; - border-radius:0; - -webkit-border-radius:0; - -moz-border-radius:0; - margin-left:1px; - color:transparent; - font-size:0; -} -#id_transport_it span{ - margin-right:-3px; - -} -#id_start_div, #id_end_div{ - padding:0 8px; -} - -#id_transport_it{ - margin:7px 0; -} - -#id_transport_it span{ - display:inline-block; - border-width:1px; - border-style:solid; -} - -#id_transport_it span#id_transport_it_foot, -label[for=id_transport_0]{ - background-image:url('../images/buttons/walk.png'); -} - -#id_transport_it span#id_transport_it_foot.selected, -label[for=id_transport_0]:hover, -label[for=id_transport_0][aria-pressed=true]{ - background-image:url('../images/buttons/walk_on.png'); -} - -#id_transport_it span#id_transport_it_bicycle, -label[for=id_transport_1]{ - background-image:url('../images/buttons/bicycle.png'); -} - -#id_transport_it span#id_transport_it_bicycle.selected, -label[for=id_transport_1]:hover, -label[for=id_transport_1][aria-pressed=true]{ - background-image:url('../images/buttons/bicycle_on.png'); -} - -#chimere_itinerary_panel input[type=text]{ - width:250px; - border:none; - border-radius:0; - -webkit-border-radius:0; - -moz-border-radius:0; -} - -#search_routing, -#id_start_div label[for=id_start], -#id_end_div label[for=id_end], -label.step_label, -#frm-edit-route label.step_label{ - width:250px; - height:25px; - display:block; - color:transparent; - background-color:transparent; - font-size:0; - border:none; - border-radius:0; - -webkit-border-radius:0; - -moz-border-radius:0; -} - -#step_link a{ - font-size:0.9em; - padding:0 8px; -} - -#id_start_div label.start_label, -#id_end_div label.end_label, -#chimere_itinerary_panel label.step_label{ - height:25px; - width:200px; - display:block; - font-size:0; -} - -#id_start_div label.start_label{ - background-image:url('../images/buttons/form_start.png'); -} - -#id_end_div label.end_label{ - background-image:url('../images/buttons/form_finish.png'); -} - -#chimere_itinerary_panel label.step_label{ - color:transparent; - font-size:0; -} -label.step_label{ - background-image:url('../images/buttons/form_step.png'); -} - -#search_routing{ - padding:8px; - background-image:url('../images/buttons/search.png'); -} - -#add_multimedia_list{ - color:transparent; - font-size:0; - width:100%; - position:absolute; - left:0; -} - -ul#multimedia_list_content li{ - width:210px; - margin:0 7px; -} - -#head_multimedia{ - background-image:url('../images/buttons/add.png'); - background-repeat:no-repeat; - background-position:right center; -} - -.extra-criteria{ - border-width:1px; - border-style:solid; - width:264px; -} - -.extra-criteria .extra-label{ - height:25px; - color:transparent; - font-size:0; - background-image:url('../images/buttons/extra_criteria.png'); - background-repeat:no-repeat; -} - -.extra-criteria.opened .extra-label{ - background-image:url('../images/buttons/extra_criteria-open.png'); -} - -.extra-criteria ul{ - list-style:none; - padding:10px 0; - margin:0; - font-weight:bold; - font-size:0.9em; -} - -.extra-form{ - display:none; -} - -/* itinerary */ - -.itinerary_label.itinerary_start, -.itinerary_label.itinerary_end, -#chimere_itinerary h4{ - line-height:18px; - padding:2px 8px; -} -.itinerary_label.itinerary_start .contener, -.itinerary_label.itinerary_end .contener{ - overflow:auto; - width:1000px; - height:36px; - display:block; -} -#chimere_start_label, -#chimere_end_label{ - height:22px; - width:230px; - padding:2px; - display:block; - overflow:hidden; - text-overflow:ellipsis; - -o-text-overflow:ellipsis; - -moz-binding:url('bindings.xml#ellipsis'); -} - -.nominatim-label{ - overflow:hidden; - height:2.6em; -} - -.itinerary_label.itinerary_start .label, -.itinerary_label.itinerary_end .label, -#chimere_itinerary h4{ - text-transform:uppercase; -} - -ul#roadmap_toolbar, ul#roadmap_toolbar li{ - padding:0; -} - -ul#roadmap_toolbar a img{ - vertical-align:bottom; -} -ul#roadmap_toolbar{ - position:absolute; - top:45px; - right:10px; -} - -ul#roadmap_toolbar, ul#roadmap_toolbar ul, ul#roadmap_toolbar li{ - display:inline; - list-style-type:none; -} - -.itinerary_label{ - line-height:18px; - font-style:normal; - padding:0.5em; - border-width:0; - font-weight:bold; -} - -.itinerary_label.itinerary_start, -.itinerary_label.itinerary_end{ -} - -.itinerary_label div.t{ - display:inline; -} - -#chimere_itinerary{ - overflow:hidden; -} - -#chimere_itinerary_panel{ - display:none; - border-width:0; - padding:0.5em; -} - -#chimere_itinerary_form{ - padding:0.5em 0; -} - -#chimere_itinerary_content{ - margin:0; - height:auto; - max-height:250px; -} - -#chimere_itinerary_content span.j{ - display:none; -} - -#chimere_itinerary_action ul{ - margin:0; - padding:0; -} -#chimere_itinerary_action li{ - display:block; - float:left; - margin-top:5px; -} -#chimere_itinerary_action li a{ - height:24px; - display:block; - color:transparent; - font-size:0; -} -#chimere_itinerary_modify{ - background-image:url('../images/buttons/modify.png'); - width:82px; - margin-right:20px; -} -#chimere_itinerary_new{ - background-image:url('../images/buttons/new_search.png'); - width:160px; -} - -#total_label_div{ - margin:0; -} - -#chimere_total_label span.l, -#chimere_itinerary_content span.l{ - display:none; -} - -#chimere_itinerary_content div.s{ - font-size:0.8em; - padding:4px; -} - -#chimere_itinerary_content div.n{ - font-size:0.9em; - padding:4px; -} - -#edit-panel label{ - font-size:0.9em; -} - -#edit-panel h3, -#edit-panel h4, -#edit-panel .notice{ - margin:7px; -} - -#edit-panel h3, -#edit-panel h4{ - text-transform:uppercase; - color:#fff; - font-weight:bold; - font-size:12px; - padding:5px; - width:240px; -} - -#frm-edit-marker h3, -#frm-edit-marker h4{ - background-color:#6f8196; -} - -#frm-edit-route h3, -#frm-edit-route h4{ - background-color:#d38fac; -} - -#frm-edit-event h3, -#frm-edit-event h4{ - background-color:#996998; -} - -#frm-edit-marker label{ - font-weight:bold; - color:#6f8196; -} - -#frm-edit-route label{ - font-weight:bold; - color:#d38fac; -} - -#frm-edit-event label{ - font-weight:bold; - color:#996998; -} - -#frm-edit-marker textarea, -#frm-edit-marker input[type=text]{ - background-color:#dfe8f3; - border:none; -} - -#frm-edit-route textarea, -#frm-edit-route input[type=text]{ - background-color:#f5e4eb; - border:none; -} - -#frm-edit-event textarea, -#frm-edit-event input[type=text]{ - background-color:#f2e4f5; - border:none; -} - -input.hasDatepicker{ - background-image:url(../images/buttons/calendar.png) ; - background-repeat:no-repeat; - background-position:right; - width:120px; -} - -.ui-datepicker th{ - background-color:#996998; -} - -#div_start_date{ - float:left; -} - -#add_media, -#proposition_form_submit{ - width:100%; - display:block; - height:25px; - color:transparent; - font-size:0; - background-image:url(../images/buttons/validate.png) ; - background-repeat:no-repeat; - background-position:center; -} - -#add_media{ - margin:1em 0; -} - -#proposition_form_submit:hover{ - cursor:pointer; -} - -.cloud{ - width:350px; - padding:0; - margin:0; -} - -div.cloud h4{ - margin:0; - padding:0.3em; - font-size:1.2em; - text-align:center; - background-image:url(../images/popup/title_frame.png); - background-repeat:repeat-x; - background-position:center bottom; -} - -.close_img{ - display:block; - overflow:hidden; - width:350px; - height:22px; - background-image:url(../images/popup/close.png); - background-position:center; -} -a.close_img{ - color:transparent; - font-size:0; -} - -.read_more, -.read_less{ - margin:0; - text-align:right; - padding-right:25px; - font-weight:bold; - line-height:22px; -} - -.read_more:hover, -.read_less:hover{ - cursor:pointer; -} - -.read_less, -.read_more{ - background-position:330px 5px; - background-repeat:no-repeat; -} -.read_more{ - background-image:url(../images/plus_alt.png); -} -.read_less{ - background-image:url(../images/minus_alt.png); -} - -#detail_content{ - overflow:auto; - max-height:300px; - padding:0; -} - -#detail_start_date, -#detail_end_date, -#detail_content .description{ - padding:0 1em; -} - -#detail_footer{ - text-align:center; - border-top-width:1px; - border-top-style:solid; -} - -.description_long, .read_less{ - display:none; -} - -.small-gallery{ - width:auto; - margin-top:0; -} - -.small-galery p.legend{ - line-height:22px; -} - -.small-gallery .media-player{ - padding:0 1em; -} - -#frm-edit-route, #frm-edit-event{ - display:none; -} - -#panel textarea{ - height:100px; - width:250px; -} - -input#id_name{ - width:250px; -} - -#itinerary_field #id_transport_div, -#itinerary_field #id_speed_div, -#itinerary_field .extra-criteria -{ - display:none; -} - -.single-line label{ - display:inline-block; - width:95px; - /*IE7*/ - zoom:1; - *display:inline; -} - -.single-line input{ - width:150px; -} - - -#main-map .olControlPanPanel{ - right:60px; - left:auto; -} - -#main-map .olControlZoomPanel{ - right:51px; - left:auto; -} - -#main-map .olControlPanPanel .olButton, -#main-map .olControlZoomPanel .olButton { - background-image: url('../images/map_sprite.png'); -} - -#main-map .olControlPanPanel .olControlPanNorthItemInactive { - background-position:-4px -2px; - width:50px; - height:23px; - right:-50px; - left:auto; -} - -#main-map .olControlPanPanel .olControlPanWestItemInactive { - width:25px; - background-position:-4px -20px; - right:-25px; - left:auto; -} - -#main-map .olControlPanPanel .olControlPanEastItemInactive { - width:25px; - background-position:-29px -20px; - right:-50px; - left:auto; -} - -#main-map .olControlPanPanel .olControlPanSouthItemInactive { - background-position:-4px -38px; - width:50px; - right:-50px; - left:auto; -} - -#main-map .olControlZoomPanel .olControlZoomInItemInactive { - top:-8px; - left:-9px; - background-position:-4px -60px; - width:50px; - height:22px -} - -#main-map .olControlZoomPanel .olControlZoomOutItemInactive { - top:14px; - left:-9px; - background-position:-4px -130px; - width:50px; - height:35px; -} - -#main-map .olControlZoomPanel .olControlZoomToMaxExtentItemInactive { - top:-40px; - left:7px; - background-position:-20px -23px; - width:14px; - height:16px; - display:none; -} - - -/* -.olControlSimplePanZoom #slider, -.olControlSimplePanZoom #zoomin, -.olControlSimplePanZoom #zoomout, -.olControlSimplePanZoom #zoombar, -.olControlSimplePanZoom #panup, -.olControlSimplePanZoom #pandown { - right:15px; - left:auto; -} -.olControlSimplePanZoom #panright { - right:14px; - left:auto; -} - -.olControlSimplePanZoom #panleft { - right:39px; - left:auto; - background-position:-4px -17px; - width:26px; -} - -.olControlSimplePanZoom .button { - background-image: url('../images/map_sprite.png'); -} - -.olControlSimplePanZoom #zoombar{ - width:50px; - height:90px; - background-position:-4px -75px; -} - -.olControlSimplePanZoom #zoomin{ - width:50px; - background-position:-4px -61px; -} -.olControlSimplePanZoom #pandown { - width:50px; - background-position:-4px -40px; -} -.olControlSimplePanZoom #panup{ - width:50px; - background-position:-4px -5px; -} - -.olControlSimplePanZoom #slider { - width:50px; - background-position:-60px -100px; -} -*/ - -#content .olControlLayerSwitcher .maximizeDiv, -#content .olControlLayerSwitcher .minimizeDiv { - display:none; -} - -#utils-div{ - left:auto; - right:28px; -} - -.properties{ - padding: 2px 1em; -} -.properties p{ - padding: 0; - margin:0; -} - -#waiting{ - top:0; - height:100%; - background-color:rgba(255, 255, 255, 0.4); -} - -#waiting-content{ - margin-top:20%; -} - -.main_category.toggle_plus > span > label, -.main_category.toggle_minus > span > label{ - text-transform:uppercase; -} - -#ul_categories .subcategories li .selected label, -.main_category.toggle_plus > span > label, -.main_category.toggle_minus > span > label{ - background-color:#777; -} - -#ul_categories .subcategories li label{ - color:#777; -} - -#ul_categories .subcategories#maincategory_1 li .selected label, -#ul_categories .subcategories#maincategory_2 li .selected label, -#ul_categories .subcategories#maincategory_3 li .selected label, -#ul_categories .subcategories#maincategory_4 li .selected label, -#ul_categories .subcategories#maincategory_5 li .selected label, -#ul_categories .subcategories#maincategory_6 li .selected label, -#ul_categories .subcategories#maincategory_7 li .selected label, -#ul_categories .subcategories#maincategory_8 li .selected label { - color:#fff; -} - -#ul_categories .subcategories#maincategory_1 li .selected label, -.main_category.toggle_plus > span#main_category_1 > label, -.main_category.toggle_minus > span#main_category_1 > label{ - background-color:#cd5a5a; -} - -#ul_categories .subcategories#maincategory_1 li label{ - color:#cd5a5a; -} - -#ul_categories .subcategories#maincategory_2 li .selected label, -.main_category.toggle_plus > span#main_category_2 > label, -.main_category.toggle_minus > span#main_category_2 > label{ - background-color:#996998; -} - -#ul_categories .subcategories#maincategory_2 label{ - color:#996998; -} - -#ul_categories .subcategories#maincategory_3 li .selected label, -.main_category.toggle_plus > span#main_category_3 > label, -.main_category.toggle_minus > span#main_category_3 > label{ - background-color:#c49c86; -} - -#ul_categories .subcategories#maincategory_3 label{ - color:#c49c86; -} - -#ul_categories .subcategories#maincategory_4 li .selected label, -.main_category.toggle_plus > span#main_category_4 > label, -.main_category.toggle_minus > span#main_category_4 > label{ - background-color:#85ae7a; -} - -#ul_categories .subcategories#maincategory_4 label{ - color:#85ae7a; -} - -#ul_categories .subcategories#maincategory_5 li .selected label, -.main_category.toggle_plus > span#main_category_5 > label, -.main_category.toggle_minus > span#main_category_5 > label{ - background-color:#a8adad; -} - -#ul_categories .subcategories#maincategory_5 label{ - color:#a8adad; -} - -#ul_categories .subcategories#maincategory_6 li .selected label, -.main_category.toggle_plus > span#main_category_6 > label, -.main_category.toggle_minus > span#main_category_6 > label{ - background-color:#697c92; -} - -#ul_categories .subcategories#maincategory_6 label{ - color:#697c92; -} - -#ul_categories .subcategories#maincategory_7 li .selected label, -.main_category.toggle_plus > span#main_category_7 > label, -.main_category.toggle_minus > span#main_category_7 > label{ - background-color:#eba44a; -} - -#ul_categories .subcategories#maincategory_7 label{ - color:#eba44a; -} - -#ul_categories .subcategories#maincategory_8 li .selected label, -.main_category.toggle_plus > span#main_category_8 > label, -.main_category.toggle_minus > span#main_category_8 > label{ - background-color:#d38fac; -} - -#ul_categories .subcategories#maincategory_8 label{ - color:#d38fac; -} - +/*
+ * Font colors
+ */
+
+/* main */
+html, h1, h2,
+.action li, .ui-dialog .ui-dialog-titlebar,
+#layer_selection h4,
+#chimere_itinerary_content div.s{
+ color:#444;
+}
+
+/* light */
+h2, .cloud h4, #layer_selection, #layer_selection h4, #permalink a,
+#chimere_itinerary_panel label, .ui-menu .ui-menu-item a, #submited-window,
+#welcome .footer a, label, .map_button a, #marker_hover_content, .notice{
+ color:#929288;
+}
+
+/* light darker*/
+#layer_selection li.head{
+ color:#a7a799
+}
+
+/* activated */
+.small-galery p.legend, #detail_footer, #detail_footer a, #chimere_itinerary h4,
+h3.warn, .itinerary_label.itinerary_start, .itinerary_label.itinerary_end,
+.action li.ui-state-active{
+ color:#fff;
+}
+/* blue*/
+.itinerary_label{
+ color:#6f8196;
+}
+
+/* strong */
+
+.welcome-dialog h2, .edit h3, h3, h4, legend{
+ color:#000;
+}
+
+a, a:link, a:visited,
+#footer .map-footer a, #footer .map-footer a:link,
+#footer .map-footer a:visited,
+#welcome .footer,
+caption{
+ color:#9da1a1;
+}
+
+/* alternat link */
+.read_more,
+.read_less{
+ color:#a1a18b;
+}
+
+/* links */
+a, a:link, a:visited,
+#footer .map-footer a, #footer .map-footer a:link,
+#footer .map-footer a:visited,
+#welcome .footer,
+caption{
+ text-decoration:none;
+ font-weight:bold;
+ font-size:0.9em;
+}
+
+#detail_footer,
+#detail_footer a{
+ text-decoration:none;
+ text-transform:uppercase;
+ font-weight:normal;
+ font-size:0.9em;
+}
+
+/*
+ * Background colors
+ */
+
+/* default */
+body, #content,
+#sidebar,
+.action li.ui-button,
+#detail_content
+{
+ background-color:#eee;
+}
+
+/* alternative background */
+#layer_selection #layer_list li.head,
+.welcome-dialog h2, #footer-panel,
+ul#multimedia_list_content li, #welcome .footer,
+#action{
+ background-color:#d6d6c4;
+}
+
+.small-galery p.legend,
+#detail_footer{
+ background-color:#9f9f89;
+}
+
+
+/* lighter */
+a#ui-active-menuitem.ui-state-hover,
+#chimere_itinerary_panel input[type=text]{
+ background-color:#f0f0e9;
+}
+
+.read_more,
+.read_less{
+ background-color:#c1c1b0;
+}
+
+/* blue */
+#chimere_itinerary h4{
+ background-color:#6f8196;
+}
+
+/* light blue */
+#chimere_itinerary_content div.s,
+.itinerary_label{
+ background-color:#dfe8f3;
+}
+
+/* green */
+.itinerary_label.itinerary_start{
+ background-color:#73a44b;
+}
+
+/* red */
+h3.warn,
+.itinerary_label.itinerary_end{
+ background-color:#a53f3f;
+}
+
+/* light pink */
+div.warning, .errorlist{
+ background-color:#fed;
+}
+
+/* blank */
+#edit-panel, #permalink,
+#layer_selection h4, #chimere_itinerary_content div.n,
+.edit h4{
+ background-color:#fff;
+}
+
+/* black */
+.small-galery{
+ background-color:#000;
+}
+
+h2, h3{
+ background:none;
+}
+
+/*
+ * Borders
+ */
+#layer_selection h4, ul#multimedia_list_content li, #layer_selection #layer_list,
+#layer_selection #layer_list li, .itinerary_label .label, #footer-panel,
+#detail_footer, #areas, #detail, #main-map, div.warning, #content,
+.action li.selected, #content .olControlLayerSwitcher .layersDiv, #panel,
+#map-footer, #utils-div, #action, #panel #categories, .main_category,
+#page_title, #ul_categories .subcategories li, #action-panel,
+ul.ui-autocomplete.ui-menu.ui-corner-all.ui-widget-content, .extra-criteria,
+#chimere_itinerary_form, .welcome-logo, #permalink{
+ border-color:#999;
+}
+
+#id_transport_it span{
+ border-color:#AAA;
+}
+/*
+ * Images
+ */
+
+.action li{
+ background:none;
+}
+
+/*
+ * Opacity
+ */
+
+#chimere_itinerary_panel,
+div#panel{
+ opacity:1;
+}
+
+/*
+ * Position, size, ...
+ */
+
+html, body{
+ height:100%;
+}
+
+.ui-button,
+.action li{
+ padding:2px 18px;
+}
+
+h4{
+ font-weight:bold;
+}
+
+hr.clean{
+ display:none;
+}
+
+label{
+ font-weight:bold;
+ font-size:0.9em;
+}
+
+h3.warn{
+ padding:0.3em;
+ margin:0;
+}
+
+#permalink{
+ position:absolute;
+ z-index:20;
+ right:280px;
+ top:36px;
+ width:auto;
+ border-width:1px;
+ border-style:solid;
+ padding:2px 12px;
+}
+
+#permalink a{
+ font-weight:normal;
+}
+
+/* no title bar dialog */
+.no-titlebar.ui-dialog,
+.no-titlebar-simple.ui-dialog,
+.no-titlebar-small.ui-dialog,
+.welcome-dialog.ui-dialog{
+ padding:0;
+ margin:0;
+}
+
+.no-titlebar-simple.ui-dialog .ui-dialog-content{
+ padding:0;
+}
+
+.no-titlebar-simple.ui-dialog .ui-dialog-content p{
+ padding:0.5em 1em;
+}
+
+.no-titlebar.ui-dialog .ui-dialog-titlebar,
+.no-titlebar-simple.ui-dialog .ui-dialog-titlebar,
+.no-titlebar-small.ui-dialog .ui-dialog-titlebar,
+.welcome-dialog.ui-dialog .ui-dialog-titlebar{
+ background:none;
+ padding:0;
+ height:22px;
+ position:absolute;
+ z-index:100;
+ border:none;
+ color:transparent;
+ font-size:0;
+ border-radius:0;
+ -webkit-border-radius:0;
+ -moz-border-radius:0;
+}
+
+.no-titlebar-simple.ui-dialog .ui-dialog-titlebar{
+ right:10px;
+}
+
+.welcome-dialog.ui-dialog .ui-dialog-titlebar-close{
+ right:0;
+ width:30px;
+ height:30px;
+ top:5px;
+}
+
+.welcome-dialog.ui-dialog .ui-widget-header .ui-icon{
+ background-image:url(../images/popup/welcome_close.png);
+ background-position:0 0;
+ width:30px;
+ height:30px;
+}
+
+.welcome-dialog.ui-dialog .ui-dialog-titlebar{
+ width:100%;
+ height:84px;
+}
+
+.no-titlebar-small.ui-dialog .ui-dialog-titlebar{
+ width:300px;
+}
+
+.no-titlebar.ui-dialog .ui-dialog-titlebar{
+ width:650px;
+}
+
+.no-titlebar.ui-dialog .ui-dialog-titlebar-close,
+.no-titlebar.ui-dialog .ui-dialog-titlebar-close.ui-state-hover,
+.no-titlebar-small.ui-dialog .ui-dialog-titlebar-close,
+.no-titlebar-small.ui-dialog .ui-dialog-titlebar-close.ui-state-hover{
+ background-image:url(../images/popup/close.png);
+ background-position:center;
+ width:100%;
+ height:22px;
+ position:absolute;
+ top:0;
+ left:0;
+ margin:0;
+ padding:0;
+ border:none;
+ border-radius:0;
+ -webkit-border-radius:0;
+ -moz-border-radius:0;
+}
+
+.no-titlebar-small.ui-dialog .ui-dialog-title {
+ margin:0;
+ height:65px;
+}
+
+.no-titlebar-simple.ui-dialog .ui-dialog-titlebar-close .ui-icon{
+ float:right;
+}
+
+.no-titlebar.ui-dialog .ui-dialog-titlebar-close .ui-icon,
+.no-titlebar-small.ui-dialog .ui-dialog-titlebar-close .ui-icon{
+ display:none;
+}
+
+#welcome{
+ opacity:1;
+ padding:0;
+}
+
+.welcome-dialog .title{
+ margin:0;
+ text-align:left;
+ height:10px;
+}
+
+.welcome-dialog .title h2{
+ display:none;
+}
+
+.welcome-dialog h3, .welcome-dialog h4{
+ padding:0 1em;
+}
+
+.ui-dialog.ui-widget{
+ font-size:0.9em;
+ padding:0;
+ margin:0;
+}
+
+.welcome-dialog p{
+ padding:0;
+ margin:0;
+}
+
+.no-titlebar-small .ui-dialog-content.ui-widget-content{
+ margin-top:22px;
+}
+
+.welcome-dialog .ui-dialog-content.ui-widget-content,
+.no-titlebar .ui-dialog-content.ui-widget-content,
+.no-titlebar-small .ui-dialog-content.ui-widget-content{
+ position:static;
+}
+
+.no-titlebar .ui-dialog-content.ui-widget-content{
+ background-image:url(../images/popup/title_frame.png);
+ background-repeat:repeat-x;
+ margin-top:22px;
+}
+.no-titlebar .ui-dialog-content.ui-widget-content h2{
+ margin:2px 0 12px 0;
+ text-transform:uppercase;
+}
+
+.dialog-content{
+}
+
+.dialog-content .content{
+ overflow:auto;
+ padding:1em;
+ max-height:400px;
+}
+
+#multimedia_form{
+ background-image:url(../images/popup/multimedia_title.png) ;
+ background-repeat:no-repeat;
+ background-position: center top;
+ padding-top:45px;
+}
+
+#multimedia_form input[type=text]{
+ width:250px;
+ border:1px solid #e0e0d8;
+ border-radius:0;
+ -webkit-border-radius:0;
+ -moz-border-radius:0;
+ background-color:#e0e0d8;
+}
+
+#submited-window{
+ background-image:url(../images/popup/thanks_title.png) ;
+ background-repeat:no-repeat;
+ background-position: center top;
+ padding-top:45px;
+}
+
+/* autocomplete theming */
+ul.ui-autocomplete.ui-menu.ui-corner-all.ui-widget-content{
+ border-radius:0;
+ -webkit-border-radius:0;
+ -moz-border-radius:0;
+ font-weight:normal;
+ padding:0;
+}
+
+.ui-menu .ui-menu-item a{
+ border-radius:0;
+ -webkit-border-radius:0;
+ -moz-border-radius:0;
+ font-weight:normal;
+}
+
+a#ui-active-menuitem.ui-state-hover{
+ background-image:none;
+}
+
+#logos{
+ width:340px;
+ margin-left:auto;
+ margin-right:auto;
+}
+
+#welcome_message{
+ padding:1em;
+ margin:0;
+ /* float:left;
+ width:334px; */
+}
+
+#welcome_content{
+ height:145px;
+ overflow:auto;
+ margin-bottom:1em;
+}
+
+.welcome-col{
+ padding:1em;
+ margin:0;
+ float:left;
+ width:430px;
+}
+
+.no-titlebar .footer{
+ padding:0.3em 1em;
+ font-size:0.9em;
+}
+
+.welcome-logo{
+ border-top:1px solid;
+}
+
+#welcome .news{
+ height:298px;
+ overflow:auto;
+ padding:10px
+}
+
+#welcome .footer{
+ height:12px;
+ padding:5px 30px;
+ text-align:right;
+ text-transform:uppercase;
+ background-image:url(../images/plus.png);
+ background-repeat:no-repeat;
+ background-position:420px;
+}
+
+#welcome .footer a{
+ font-size:12px;
+}
+
+.info{
+ border:none;
+ padding:0;
+}
+
+/* edition */
+
+.fieldWrapper{
+ padding:2px 7px;
+}
+
+.edit label.error{
+ display:none;
+}
+
+.edit .error label.error{
+ display:block;
+}
+
+.edit h3{
+ text-align:left;
+ font-size:1.4em;
+ width:100%;
+ border-bottom:1px solid;
+ padding:0 0 0.4em 0;
+ margin:0;
+}
+
+.edit h4{
+ padding:1em 0;
+ border-top:1px solid;
+ border-bottom:1px solid;
+ width:100%;
+ cursor:pointer;
+ margin-top:0.5em;
+}
+
+.edit .minified{
+ background-image:url(../images/plus_on.png) ;
+ background-repeat:no-repeat;
+ background-position: 95% center;
+}
+
+.edit .maximized{
+ background-image:url(../images/minus_on.png) ;
+ background-repeat:no-repeat;
+ background-position: 95% center;
+}
+
+.notice{
+ padding:0.4em;
+ font-size:0.8em;
+ margin:0;
+}
+
+.remove-media{
+ cursor:pointer;
+}
+
+#chimere_map_menu{
+ padding:0;
+}
+
+#chimere_map_menu li{
+ padding-left:20px;
+ background-position:0 center;
+ background-repeat:no-repeat;
+}
+
+#marker_hover_content{
+ border-color:#c1c1b0;
+ border-bottom-width:0;
+ margin-bottom:11px;
+}
+
+#marker_hover{
+ background-image:url("../images/bottom-arrow.png");
+}
+
+#map_menu_from{
+ background-image:url("../images/menu/icon_from.png");
+}
+
+#map_menu_to{
+ background-image:url("../images/menu/icon_to.png");
+}
+
+#map_menu_step{
+ background-image:url("../images/menu/icon_add.png");
+}
+
+#map_menu_zoomin{
+ background-image:url("../images/menu/icon_plus.png");
+}
+
+#map_menu_zoomout{
+ background-image:url("../images/menu/icon_minus.png");
+}
+
+#map_menu_center{
+ background-image:url("../images/menu/icon_center.png");
+}
+
+#content{
+ border:none;
+ padding:0;
+}
+
+#page_title{
+ top:0;
+ right:0;
+ padding:0 30px;
+ position:relative;
+ border-bottom-width:1px;
+ border-bottom-style:solid;
+ background-color:#fff;
+ display:none;
+}
+
+#page_title h1{
+ text-align:right;
+ padding:0;
+ margin:0;
+ font-size:40px;
+ font-style:italic;
+}
+
+#page_title h2{
+ text-align:right;
+ padding:0;
+ margin:0;
+ font-style:italic;
+ background-color:#fff;
+}
+
+#topbar{
+ height:26px;
+ padding:0;
+ background-image:url('../images/background-top.png');
+ background-repeat:repeat-x;
+}
+
+#header{
+ padding:0;
+ margin:0;
+}
+
+ul.action,
+ul#action-2 {
+ display:block;
+ float: left;
+ margin:0;
+ padding:0;
+}
+
+#action-3 {
+ float:right;
+}
+
+#action-3 li {
+ padding:0;
+}
+
+#action-3.action li:hover{
+ cursor:pointer;
+ background-color:transparent;
+ font-size:0;
+}
+
+
+ul.action li{
+ display:block;
+ float:left;
+ margin:0;
+ height:26px;
+}
+
+.action li:hover,
+.action li label:hover{
+ cursor:pointer;
+}
+
+ul#action{
+ width:282px;
+}
+
+#panel #categories{
+ clear:both;
+ border-top-width:1px;
+ border-top-style:solid;
+}
+
+#action-panel .action li{
+ padding:0;
+ height:38px;
+ width:138px;
+ margin-top:22px;
+}
+
+.action li,
+.action li a,
+.action li label{
+ padding:0;
+ margin:0;
+ font-size:1.1em;
+ margin-top:10px;
+ text-align:center;
+ width:141px;
+ display:block;
+ text-transform:uppercase;
+ color:transparent;
+ font-size:0;
+ border-width:0;
+}
+
+.action li label{
+ width:130px;
+}
+
+#action-3.action li,
+#action-3.action li a{
+ width:86px;
+}
+
+.action li .share a{
+ color:transparent;
+ font-size:0;
+}
+
+#action-3.action li.share-list li,
+#action-3.action li.share-list{
+ width:auto;
+}
+
+#action-3.action li.share-list li.shared,
+#action-3.action li.share-list li.shared a{
+ width:26px;
+ margin:1px 0;
+}
+
+.action li.print-page{
+ background-image:url(../images/buttons/button-print-off.png) ;
+ background-repeat:no-repeat;
+}
+
+.action li.print-page.state-active,
+.action li.print-page:hover{
+ background-image:url(../images/buttons/button-print-on.png) ;
+ background-repeat:no-repeat;
+}
+
+.action li.share-icon.state-active,
+.action li.share-icon:hover{
+ background-image:url(../images/buttons/button-share-on.png) ;
+ background-repeat:no-repeat;
+}
+
+.action li.share-icon{
+ background-image:url(../images/buttons/button-share-off.png) ;
+ background-repeat:no-repeat;
+}
+
+.action li.share-send.state-active,
+.action li.share-send:hover{
+ background-image:url(../images/buttons/button-send-on.png) ;
+ background-repeat:no-repeat;
+}
+
+.action li.share-send{
+ background-image:url(../images/buttons/button-send-off.png) ;
+ background-repeat:no-repeat;
+}
+
+.action li.help-page.state-active,
+.action li.help-page:hover{
+ background-image:url(../images/buttons/button-help-on.png) ;
+ background-repeat:no-repeat;
+}
+
+.action li.help-page{
+ background-image:url(../images/buttons/button-help-off.png) ;
+ background-repeat:no-repeat;
+}
+
+#action-carte{
+ background-image:url(../images/button-map-off.png) ;
+ background-repeat:no-repeat;
+}
+
+#action-carte.state-active,
+#action-carte:hover{
+ background-image:url(../images/button-map-on.png) ;
+ background-repeat:no-repeat;
+}
+
+#action-participate{
+ background-image:url(../images/button-participate-off.png) ;
+ background-repeat:no-repeat;
+}
+
+#action-participate.state-active,
+#action-participate:hover{
+ background-image:url(../images/button-participate-on.png) ;
+ background-repeat:no-repeat;
+}
+
+#action-news{
+ background-image:url(../images/button-news-off.png) ;
+ background-repeat:no-repeat;
+}
+
+#action-news.state-active,
+#action-news:hover{
+ background-image:url(../images/button-news-on.png) ;
+ background-repeat:no-repeat;
+}
+
+#action-project{
+ background-image:url(../images/button-project-off.png) ;
+ background-repeat:no-repeat;
+}
+
+#action-project.state-active,
+#action-project:hover{
+ background-image:url(../images/button-project-on.png) ;
+ background-repeat:no-repeat;
+}
+
+#action-categories{
+ background-image:url(../images/button-cat-off.png) ;
+ background-repeat:no-repeat;
+ margin-right:6px;
+}
+
+#action-categories.state-active,
+#action-categories:hover{
+ background-image:url(../images/button-cat-on.png) ;
+ background-repeat:no-repeat;
+}
+
+#action-routing{
+ background-image:url(../images/button-route-off.png) ;
+ background-repeat:no-repeat;
+}
+
+#action-routing.state-active,
+#action-routing:hover{
+ background-image:url(../images/button-route-on.png) ;
+ background-repeat:no-repeat;
+}
+
+
+#action-categories.category-selected label{
+ background-image:url(../images/check-active.png) ;
+ background-repeat:no-repeat;
+}
+
+#action-categories.category-selected.state-active label,
+#action-categories.category-selected:hover label{
+ background-image:url(../images/check.png) ;
+ background-repeat:no-repeat;
+}
+
+#action-categories.category-selected label{
+ background-position:right center;
+}
+
+#action-edit-marker{
+ background-image:url(../images/button-location-off.png) ;
+ background-repeat:no-repeat;
+}
+
+#action-panel .action li#action-edit-marker{
+ width:78px;
+}
+
+#action-edit-marker.state-active,
+#action-edit-marker:hover{
+ background-image:url(../images/button-location-on.png) ;
+ background-repeat:no-repeat;
+}
+
+#action-panel .action li#action-edit-route{
+ width:98px;
+}
+
+#action-edit-route{
+ background-image:url(../images/button-wander-off.png) ;
+ background-repeat:no-repeat;
+}
+
+#action-edit-route.state-active,
+#action-edit-route:hover{
+ background-image:url(../images/button-wander-on.png) ;
+ background-repeat:no-repeat;
+}
+
+#action-panel .action li#action-edit-event{
+ width:104px;
+}
+
+#action-edit-event{
+ background-image:url(../images/button-event-off.png) ;
+ background-repeat:no-repeat;
+}
+
+#action-edit-event.state-active,
+#action-edit-event:hover{
+ background-image:url(../images/button-event-on.png) ;
+ background-repeat:no-repeat;
+}
+
+
+#main-map{
+ top:0px;
+ bottom:0;
+ height:auto;
+}
+
+#layer_selection{
+ top:40px;
+ left:auto;
+ right:90px;
+}
+
+#layer_selection h4{
+ width:130px;
+ padding:2px 20px;
+ background-image:url('../images/display_option.png');
+ background-repeat:no-repeat;
+ text-align:left;
+}
+
+#layer_selection h4.opened{
+ background-image:url('../images/display_option_open.png');
+}
+
+#layer_selection ul#layer_list{
+ padding:0;
+ width:170px;
+ text-align:right;
+}
+
+#layer_selection ul#layer_list li.head{
+ text-align:left;
+}
+
+#layer_selection ul#layer_list li{
+ padding:2px 10px;
+ border-bottom:1px solid;
+}
+
+#layer_selection ul#layer_list input{
+ display:none;
+}
+
+#layer_selection ul#layer_list label:hover{
+ cursor:pointer;
+}
+
+#layer_selection ul#layer_list li.selected{
+ background-image:url('../images/check-small.png');
+ background-position:left;
+ background-repeat:no-repeat;
+}
+
+#edit-actions{
+ display:none;
+}
+
+div#map-shadow{
+ position:absolute;
+ left:0;
+ bottom:0;
+ top:0px;
+ width:15px;
+ z-index:5;
+}
+
+div#map-shadow,
+div#sidebar{
+ background-color:transparent;
+ background-image:url('../images/shadow.png');
+ background-position:right;
+ background-repeat:repeat-y;
+}
+
+div#sidebar{
+ z-index:7;
+ width:282px;
+ top:0px;
+ position:absolute;
+ bottom:0;
+ padding-right:15px;
+}
+
+div#action-panel{
+ border-width:0;
+ border-right-width:1px;
+ border-style:solid;
+ z-index:10;
+ height:60px;
+ width:282px;
+ background-image:url(../images/background-small.png) ;
+ background-repeat:no-repeat;
+ background-position:center;
+}
+
+div#panel{
+ position:absolute;
+ width:282px;
+ z-index:10;
+ max-height:none;
+ padding:0;
+ right:auto;
+ bottom:0px;
+ top:0px;
+ border-width:0 1px;
+ background-image:url('../images/logo.png');
+ background-repeat:no-repeat;
+ background-position:left bottom;
+}
+
+/* share toolbar */
+
+a.share_id_email_single{
+ width:23px;
+ overflow:hidden;
+ background-image:url('../images/email.png');
+ display:inline-block;
+}
+a.share_id_email_single{
+ color:transparent;
+ font-size:0;
+}
+
+#footer-panel{
+ text-align:center;
+ padding:3px;
+ bottom:0;
+ position:absolute;
+ width:275px;
+ height:22px;
+}
+
+.sidebar-handler{
+ height:55px;
+ width:34px;
+ position:absolute;
+ background-position:left top;
+}
+
+#sidebar-handler-hide{
+ bottom:102px;
+ right:-20px;
+ z-index:10;
+ background-image:url('../images/handler-hide.png');
+ background-repeat:no-repeat;
+}
+
+#sidebar-handler-show{
+ bottom:102px;
+ left:0px;
+ z-index:6;
+ background-image:url('../images/handler-show.png');
+ background-repeat:no-repeat;
+}
+
+.sidebar-handler:hover{
+ cursor:pointer;
+}
+
+div#panel #categories{
+ width:auto;
+}
+
+ul#ul_categories{
+ padding:0;
+ width:auto;
+}
+
+#ul_categories li.main_category > span{
+ display:block;
+ height:40px;
+ padding:0;
+ margin:0;
+}
+
+#ul_categories li.main_category span{
+ display:block;
+}
+
+#ul_categories li.main_category .subcategories li{
+ padding:0;
+ margin:0;
+ overflow:hidden;
+}
+
+.toggle_category{
+ margin-top:13px;
+ margin-right:2px;
+}
+
+.control_image{
+ visibility:hidden;
+}
+
+.map_button{
+ display:none;
+ z-index:20;
+ top:40px;
+ left:350px;
+ position:absolute;
+ background-color:#fff;
+ padding:2px 20px;
+ border:1px solid;
+ border-color:#c1c1b0;
+}
+
+.main_category > span > label{
+ display:block;
+ width:242px;
+ padding:0 20px;
+ height:40px;
+ line-height:40px;
+ background-image:url('../images/plus.png');
+ background-repeat:no-repeat;
+ background-position:90% center;
+ color:#fff;
+}
+
+.main_category > span.category-selected > label{
+ background-image:url('../images/plus_on.png');
+}
+
+.main_category.toggle_minus > span > label{
+ background-image:url('../images/minus.png');
+}
+
+.main_category.toggle_minus > span.category-selected > label{
+ background-image:url('../images/minus_on.png');
+}
+
+#ul_categories .subcategories li label{
+ width:274px;
+ display:block;
+ padding:5px 0 0 9px;
+ height:21px;
+ font-weight:bold;
+ background-color:#fff;
+}
+
+#ul_categories .subcategories li .selected label{
+ color:#fff;
+}
+
+#ul_categories .subcategories input{
+ display:none;
+}
+
+
+
+/* itinéraire */
+
+#id_transport.ui-buttonset{
+ margin-right:0;
+}
+
+#id_transport_it span,
+#id_transport.ui-buttonset label{
+ width:122px;
+ height:25px;
+ border-radius:0;
+ -webkit-border-radius:0;
+ -moz-border-radius:0;
+ margin-left:1px;
+ color:transparent;
+ font-size:0;
+}
+#id_transport_it span{
+ margin-right:-3px;
+
+}
+#id_start_div, #id_end_div{
+ padding:0 8px;
+}
+
+#id_transport_it{
+ margin:7px 0;
+}
+
+#id_transport_it span{
+ display:inline-block;
+ border-width:1px;
+ border-style:solid;
+}
+
+#id_transport_it span#id_transport_it_foot,
+label[for=id_transport_0]{
+ background-image:url('../images/buttons/walk.png');
+}
+
+#id_transport_it span#id_transport_it_foot.selected,
+label[for=id_transport_0]:hover,
+label[for=id_transport_0][aria-pressed=true]{
+ background-image:url('../images/buttons/walk_on.png');
+}
+
+#id_transport_it span#id_transport_it_bicycle,
+label[for=id_transport_1]{
+ background-image:url('../images/buttons/bicycle.png');
+}
+
+#id_transport_it span#id_transport_it_bicycle.selected,
+label[for=id_transport_1]:hover,
+label[for=id_transport_1][aria-pressed=true]{
+ background-image:url('../images/buttons/bicycle_on.png');
+}
+
+#chimere_itinerary_panel input[type=text]{
+ width:250px;
+ border:none;
+ border-radius:0;
+ -webkit-border-radius:0;
+ -moz-border-radius:0;
+}
+
+#search_routing,
+#id_start_div label[for=id_start],
+#id_end_div label[for=id_end],
+label.step_label,
+#frm-edit-route label.step_label{
+ width:250px;
+ height:25px;
+ display:block;
+ color:transparent;
+ background-color:transparent;
+ font-size:0;
+ border:none;
+ border-radius:0;
+ -webkit-border-radius:0;
+ -moz-border-radius:0;
+}
+
+#step_link a{
+ font-size:0.9em;
+ padding:0 8px;
+}
+
+#id_start_div label.start_label,
+#id_end_div label.end_label,
+#chimere_itinerary_panel label.step_label{
+ height:25px;
+ width:200px;
+ display:block;
+ font-size:0;
+}
+
+#id_start_div label.start_label{
+ background-image:url('../images/buttons/form_start.png');
+}
+
+#id_end_div label.end_label{
+ background-image:url('../images/buttons/form_finish.png');
+}
+
+#chimere_itinerary_panel label.step_label{
+ color:transparent;
+ font-size:0;
+}
+label.step_label{
+ background-image:url('../images/buttons/form_step.png');
+}
+
+#search_routing{
+ padding:8px;
+ background-image:url('../images/buttons/search.png');
+}
+
+#add_multimedia_list{
+ color:transparent;
+ font-size:0;
+ width:100%;
+ position:absolute;
+ left:0;
+}
+
+ul#multimedia_list_content li{
+ width:210px;
+ margin:0 7px;
+}
+
+#head_multimedia{
+ background-image:url('../images/buttons/add.png');
+ background-repeat:no-repeat;
+ background-position:right center;
+}
+
+.extra-criteria{
+ border-width:1px;
+ border-style:solid;
+ width:264px;
+}
+
+.extra-criteria .extra-label{
+ height:25px;
+ color:transparent;
+ font-size:0;
+ background-image:url('../images/buttons/extra_criteria.png');
+ background-repeat:no-repeat;
+}
+
+.extra-criteria.opened .extra-label{
+ background-image:url('../images/buttons/extra_criteria-open.png');
+}
+
+.extra-criteria ul{
+ list-style:none;
+ padding:10px 0;
+ margin:0;
+ font-weight:bold;
+ font-size:0.9em;
+}
+
+.extra-form{
+ display:none;
+}
+
+/* itinerary */
+
+.itinerary_label.itinerary_start,
+.itinerary_label.itinerary_end,
+#chimere_itinerary h4{
+ line-height:18px;
+ padding:2px 8px;
+}
+.itinerary_label.itinerary_start .contener,
+.itinerary_label.itinerary_end .contener{
+ overflow:auto;
+ width:1000px;
+ height:36px;
+ display:block;
+}
+#chimere_start_label,
+#chimere_end_label{
+ height:22px;
+ width:230px;
+ padding:2px;
+ display:block;
+ overflow:hidden;
+ text-overflow:ellipsis;
+ -o-text-overflow:ellipsis;
+ -moz-binding:url('bindings.xml#ellipsis');
+}
+
+.nominatim-label{
+ overflow:hidden;
+ height:2.6em;
+}
+
+.itinerary_label.itinerary_start .label,
+.itinerary_label.itinerary_end .label,
+#chimere_itinerary h4{
+ text-transform:uppercase;
+}
+
+ul#roadmap_toolbar, ul#roadmap_toolbar li{
+ padding:0;
+}
+
+ul#roadmap_toolbar a img{
+ vertical-align:bottom;
+}
+ul#roadmap_toolbar{
+ position:absolute;
+ top:45px;
+ right:10px;
+}
+
+ul#roadmap_toolbar, ul#roadmap_toolbar ul, ul#roadmap_toolbar li{
+ display:inline;
+ list-style-type:none;
+}
+
+.itinerary_label{
+ line-height:18px;
+ font-style:normal;
+ padding:0.5em;
+ border-width:0;
+ font-weight:bold;
+}
+
+.itinerary_label.itinerary_start,
+.itinerary_label.itinerary_end{
+}
+
+.itinerary_label div.t{
+ display:inline;
+}
+
+#chimere_itinerary{
+ overflow:hidden;
+}
+
+#chimere_itinerary_panel{
+ display:none;
+ border-width:0;
+ padding:0.5em;
+}
+
+#chimere_itinerary_form{
+ padding:0.5em 0;
+}
+
+#chimere_itinerary_content{
+ margin:0;
+ height:auto;
+ max-height:250px;
+}
+
+#chimere_itinerary_content span.j{
+ display:none;
+}
+
+#chimere_itinerary_action ul{
+ margin:0;
+ padding:0;
+}
+#chimere_itinerary_action li{
+ display:block;
+ float:left;
+ margin-top:5px;
+}
+#chimere_itinerary_action li a{
+ height:24px;
+ display:block;
+ color:transparent;
+ font-size:0;
+}
+#chimere_itinerary_modify{
+ background-image:url('../images/buttons/modify.png');
+ width:82px;
+ margin-right:20px;
+}
+#chimere_itinerary_new{
+ background-image:url('../images/buttons/new_search.png');
+ width:160px;
+}
+
+#total_label_div{
+ margin:0;
+}
+
+#chimere_total_label span.l,
+#chimere_itinerary_content span.l{
+ display:none;
+}
+
+#chimere_itinerary_content div.s{
+ font-size:0.8em;
+ padding:4px;
+}
+
+#chimere_itinerary_content div.n{
+ font-size:0.9em;
+ padding:4px;
+}
+
+#edit-panel label{
+ font-size:0.9em;
+}
+
+#edit-panel h3,
+#edit-panel h4,
+#edit-panel .notice{
+ margin:7px;
+}
+
+#edit-panel h3,
+#edit-panel h4{
+ text-transform:uppercase;
+ color:#fff;
+ font-weight:bold;
+ font-size:12px;
+ padding:5px;
+ width:240px;
+}
+
+#frm-edit-marker h3,
+#frm-edit-marker h4{
+ background-color:#6f8196;
+}
+
+#frm-edit-route h3,
+#frm-edit-route h4{
+ background-color:#d38fac;
+}
+
+#frm-edit-event h3,
+#frm-edit-event h4{
+ background-color:#996998;
+}
+
+#frm-edit-marker label{
+ font-weight:bold;
+ color:#6f8196;
+}
+
+#frm-edit-route label{
+ font-weight:bold;
+ color:#d38fac;
+}
+
+#frm-edit-event label{
+ font-weight:bold;
+ color:#996998;
+}
+
+#frm-edit-marker textarea,
+#frm-edit-marker input[type=text]{
+ background-color:#dfe8f3;
+ border:none;
+}
+
+#frm-edit-route textarea,
+#frm-edit-route input[type=text]{
+ background-color:#f5e4eb;
+ border:none;
+}
+
+#frm-edit-event textarea,
+#frm-edit-event input[type=text]{
+ background-color:#f2e4f5;
+ border:none;
+}
+
+input.hasDatepicker{
+ background-image:url(../images/buttons/calendar.png) ;
+ background-repeat:no-repeat;
+ background-position:right;
+ width:120px;
+}
+
+.ui-datepicker th{
+ background-color:#996998;
+}
+
+#div_start_date{
+ float:left;
+}
+
+#add_media,
+#proposition_form_submit{
+ width:100%;
+ display:block;
+ height:25px;
+ color:transparent;
+ font-size:0;
+ background-image:url(../images/buttons/validate.png) ;
+ background-repeat:no-repeat;
+ background-position:center;
+}
+
+#add_media{
+ margin:1em 0;
+}
+
+#proposition_form_submit:hover{
+ cursor:pointer;
+}
+
+.cloud{
+ width:350px;
+ padding:0;
+ margin:0;
+}
+
+div.cloud h4{
+ margin:0;
+ padding:0.3em;
+ font-size:1.2em;
+ text-align:center;
+ background-image:url(../images/popup/title_frame.png);
+ background-repeat:repeat-x;
+ background-position:center bottom;
+}
+
+.close_img{
+ display:block;
+ overflow:hidden;
+ width:350px;
+ height:22px;
+ background-image:url(../images/popup/close.png);
+ background-position:center;
+}
+a.close_img{
+ color:transparent;
+ font-size:0;
+}
+
+.read_more,
+.read_less{
+ margin:0;
+ text-align:right;
+ padding-right:25px;
+ font-weight:bold;
+ line-height:22px;
+}
+
+.read_more:hover,
+.read_less:hover{
+ cursor:pointer;
+}
+
+.read_less,
+.read_more{
+ background-position:330px 5px;
+ background-repeat:no-repeat;
+}
+.read_more{
+ background-image:url(../images/plus_alt.png);
+}
+.read_less{
+ background-image:url(../images/minus_alt.png);
+}
+
+#detail_content{
+ overflow:auto;
+ max-height:300px;
+ padding:0;
+}
+
+#detail_start_date,
+#detail_end_date,
+#detail_content .description{
+ padding:0 1em;
+}
+
+#detail_footer{
+ text-align:center;
+ border-top-width:1px;
+ border-top-style:solid;
+}
+
+.description_long, .read_less{
+ display:none;
+}
+
+.small-gallery{
+ width:auto;
+ margin-top:0;
+}
+
+.small-galery p.legend{
+ line-height:22px;
+}
+
+.small-gallery .media-player{
+ padding:0 1em;
+}
+
+#frm-edit-route, #frm-edit-event{
+ display:none;
+}
+
+#panel textarea{
+ height:100px;
+ width:250px;
+}
+
+input#id_name{
+ width:250px;
+}
+
+#itinerary_field #id_transport_div,
+#itinerary_field #id_speed_div,
+#itinerary_field .extra-criteria
+{
+ display:none;
+}
+
+.single-line label{
+ display:inline-block;
+ width:95px;
+ /*IE7*/
+ zoom:1;
+ *display:inline;
+}
+
+.single-line input{
+ width:150px;
+}
+
+
+#main-map .olControlPanPanel{
+ right:60px;
+ left:auto;
+}
+
+#main-map .olControlZoomPanel{
+ right:51px;
+ left:auto;
+}
+
+#main-map .olControlZoom{
+ display:none;
+}
+
+#main-map .olControlPanPanel .olButton,
+#main-map .olControlZoomPanel .olButton {
+ background-image: url('../images/map_sprite.png');
+}
+
+#main-map .olControlPanPanel .olControlPanNorthItemInactive {
+ background-position:-4px -2px;
+ width:50px;
+ height:23px;
+ right:-50px;
+ left:auto;
+}
+
+#main-map .olControlPanPanel .olControlPanWestItemInactive {
+ width:25px;
+ background-position:-4px -20px;
+ right:-25px;
+ left:auto;
+}
+
+#main-map .olControlPanPanel .olControlPanEastItemInactive {
+ width:25px;
+ background-position:-29px -20px;
+ right:-50px;
+ left:auto;
+}
+
+#main-map .olControlPanPanel .olControlPanSouthItemInactive {
+ background-position:-4px -38px;
+ width:50px;
+ right:-50px;
+ left:auto;
+}
+
+#main-map .olControlZoomPanel .olControlZoomInItemInactive {
+ top:-8px;
+ left:-9px;
+ background-position:-4px -60px;
+ width:50px;
+ height:22px
+}
+
+#main-map .olControlZoomPanel .olControlZoomOutItemInactive {
+ top:14px;
+ left:-9px;
+ background-position:-4px -130px;
+ width:50px;
+ height:35px;
+}
+
+#main-map .olControlZoomPanel .olControlZoomToMaxExtentItemInactive {
+ top:-40px;
+ left:7px;
+ background-position:-20px -23px;
+ width:14px;
+ height:16px;
+ display:none;
+}
+
+
+/*
+.olControlSimplePanZoom #slider,
+.olControlSimplePanZoom #zoomin,
+.olControlSimplePanZoom #zoomout,
+.olControlSimplePanZoom #zoombar,
+.olControlSimplePanZoom #panup,
+.olControlSimplePanZoom #pandown {
+ right:15px;
+ left:auto;
+}
+.olControlSimplePanZoom #panright {
+ right:14px;
+ left:auto;
+}
+
+.olControlSimplePanZoom #panleft {
+ right:39px;
+ left:auto;
+ background-position:-4px -17px;
+ width:26px;
+}
+
+.olControlSimplePanZoom .button {
+ background-image: url('../images/map_sprite.png');
+}
+
+.olControlSimplePanZoom #zoombar{
+ width:50px;
+ height:90px;
+ background-position:-4px -75px;
+}
+
+.olControlSimplePanZoom #zoomin{
+ width:50px;
+ background-position:-4px -61px;
+}
+.olControlSimplePanZoom #pandown {
+ width:50px;
+ background-position:-4px -40px;
+}
+.olControlSimplePanZoom #panup{
+ width:50px;
+ background-position:-4px -5px;
+}
+
+.olControlSimplePanZoom #slider {
+ width:50px;
+ background-position:-60px -100px;
+}
+*/
+
+#content .olControlLayerSwitcher .maximizeDiv,
+#content .olControlLayerSwitcher .minimizeDiv {
+ display:none;
+}
+
+#utils-div{
+ left:auto;
+ right:28px;
+}
+
+.properties{
+ padding: 2px 1em;
+}
+.properties p{
+ padding: 0;
+ margin:0;
+}
+
+#waiting{
+ top:0;
+ height:100%;
+ background-color:rgba(255, 255, 255, 0.4);
+}
+
+#waiting-content{
+ margin-top:20%;
+}
+
+.main_category.toggle_plus > span > label,
+.main_category.toggle_minus > span > label{
+ text-transform:uppercase;
+}
+
+#ul_categories .subcategories li .selected label,
+.main_category.toggle_plus > span > label,
+.main_category.toggle_minus > span > label{
+ background-color:#777;
+}
+
+#ul_categories .subcategories li label{
+ color:#777;
+}
+
+#ul_categories .subcategories#maincategory_1 li .selected label,
+#ul_categories .subcategories#maincategory_2 li .selected label,
+#ul_categories .subcategories#maincategory_3 li .selected label,
+#ul_categories .subcategories#maincategory_4 li .selected label,
+#ul_categories .subcategories#maincategory_5 li .selected label,
+#ul_categories .subcategories#maincategory_6 li .selected label,
+#ul_categories .subcategories#maincategory_7 li .selected label,
+#ul_categories .subcategories#maincategory_8 li .selected label {
+ color:#fff;
+}
+
+#ul_categories .subcategories#maincategory_1 li .selected label,
+.main_category.toggle_plus > span#main_category_1 > label,
+.main_category.toggle_minus > span#main_category_1 > label{
+ background-color:#cd5a5a;
+}
+
+#ul_categories .subcategories#maincategory_1 li label{
+ color:#cd5a5a;
+}
+
+#ul_categories .subcategories#maincategory_2 li .selected label,
+.main_category.toggle_plus > span#main_category_2 > label,
+.main_category.toggle_minus > span#main_category_2 > label{
+ background-color:#996998;
+}
+
+#ul_categories .subcategories#maincategory_2 label{
+ color:#996998;
+}
+
+#ul_categories .subcategories#maincategory_3 li .selected label,
+.main_category.toggle_plus > span#main_category_3 > label,
+.main_category.toggle_minus > span#main_category_3 > label{
+ background-color:#c49c86;
+}
+
+#ul_categories .subcategories#maincategory_3 label{
+ color:#c49c86;
+}
+
+#ul_categories .subcategories#maincategory_4 li .selected label,
+.main_category.toggle_plus > span#main_category_4 > label,
+.main_category.toggle_minus > span#main_category_4 > label{
+ background-color:#85ae7a;
+}
+
+#ul_categories .subcategories#maincategory_4 label{
+ color:#85ae7a;
+}
+
+#ul_categories .subcategories#maincategory_5 li .selected label,
+.main_category.toggle_plus > span#main_category_5 > label,
+.main_category.toggle_minus > span#main_category_5 > label{
+ background-color:#a8adad;
+}
+
+#ul_categories .subcategories#maincategory_5 label{
+ color:#a8adad;
+}
+
+#ul_categories .subcategories#maincategory_6 li .selected label,
+.main_category.toggle_plus > span#main_category_6 > label,
+.main_category.toggle_minus > span#main_category_6 > label{
+ background-color:#697c92;
+}
+
+#ul_categories .subcategories#maincategory_6 label{
+ color:#697c92;
+}
+
+#ul_categories .subcategories#maincategory_7 li .selected label,
+.main_category.toggle_plus > span#main_category_7 > label,
+.main_category.toggle_minus > span#main_category_7 > label{
+ background-color:#eba44a;
+}
+
+#ul_categories .subcategories#maincategory_7 label{
+ color:#eba44a;
+}
+
+#ul_categories .subcategories#maincategory_8 li .selected label,
+.main_category.toggle_plus > span#main_category_8 > label,
+.main_category.toggle_minus > span#main_category_8 > label{
+ background-color:#d38fac;
+}
+
+#ul_categories .subcategories#maincategory_8 label{
+ color:#d38fac;
+}
+
diff --git a/static/saclay/images/handler-hide.png b/static/saclay/images/handler-hide.png Binary files differindex 844300a..2d02a29 100644 --- a/static/saclay/images/handler-hide.png +++ b/static/saclay/images/handler-hide.png diff --git a/static/saclay/images/handler-show.png b/static/saclay/images/handler-show.png Binary files differindex f258f87..5ad9615 100644 --- a/static/saclay/images/handler-show.png +++ b/static/saclay/images/handler-show.png diff --git a/static/saclay/images/logo_mobile.png b/static/saclay/images/logo_mobile.png Binary files differnew file mode 100644 index 0000000..33a7718 --- /dev/null +++ b/static/saclay/images/logo_mobile.png diff --git a/static/saclay/images/subcategories/cult_7_off.png b/static/saclay/images/subcategories/cult_7_off.png Binary files differnew file mode 100644 index 0000000..1cef866 --- /dev/null +++ b/static/saclay/images/subcategories/cult_7_off.png diff --git a/static/saclay/images/subcategories/cult_7_on.png b/static/saclay/images/subcategories/cult_7_on.png Binary files differnew file mode 100644 index 0000000..8fae71b --- /dev/null +++ b/static/saclay/images/subcategories/cult_7_on.png diff --git a/static/saclay/images/subcategories/ress_1_off.png b/static/saclay/images/subcategories/ress_1_off.png Binary files differindex 5af2567..1e4b193 100644 --- a/static/saclay/images/subcategories/ress_1_off.png +++ b/static/saclay/images/subcategories/ress_1_off.png diff --git a/static/saclay/images/subcategories/ress_1_on.png b/static/saclay/images/subcategories/ress_1_on.png Binary files differindex d4cad53..0d8b928 100644 --- a/static/saclay/images/subcategories/ress_1_on.png +++ b/static/saclay/images/subcategories/ress_1_on.png diff --git a/static/saclay/js/SaclayCloud.js b/static/saclay/js/SaclayCloud.js index a3f48f4..23da041 100644 --- a/static/saclay/js/SaclayCloud.js +++ b/static/saclay/js/SaclayCloud.js @@ -1,54 +1,54 @@ - -/* set this empty if you put cloud-popup-saclay.png inside your default - * OpenLayers dir */ -var SACLAY_IMAGE_PATH = '../../saclay/images/' - -OpenLayers.Popup.SaclayCloud = - OpenLayers.Class(OpenLayers.Popup.FramedCloud, { - - initialize:function(id, lonlat, contentSize, contentHTML, anchor, closeBox, - closeBoxCallback) { - this.positionBlocks.tc = { - 'offset': new OpenLayers.Pixel(-217, 28), - 'padding': new OpenLayers.Bounds(8, 30, 8, 9), - 'blocks': [ - { // top-left - size: new OpenLayers.Size('auto', 'auto'), - anchor: new OpenLayers.Bounds(0, 51, 22, 0), - position: new OpenLayers.Pixel(0, 0) - }, - { //top-right - size: new OpenLayers.Size(22, 'auto'), - anchor: new OpenLayers.Bounds(null, 50, 0, 0), - position: new OpenLayers.Pixel(-1238, 0) - }, - { //bottom-left - size: new OpenLayers.Size('auto', 19), - anchor: new OpenLayers.Bounds(0, 32, 22, null), - position: new OpenLayers.Pixel(0, -631) - }, - { //bottom-right - size: new OpenLayers.Size(22, 18), - anchor: new OpenLayers.Bounds(null, 32, 0, null), - position: new OpenLayers.Pixel(-1238, -631) - /*anchor: new OpenLayers.Bounds(null, 32, 10, null), - position: new OpenLayers.Pixel(-1228, -632)*/ - }, - { // stem - size: new OpenLayers.Size(54, 35), - anchor: new OpenLayers.Bounds(null, 0, 168, null), - position: new OpenLayers.Pixel(0, -688) - } - ] - }; - - this.calculateRelativePosition = function () {return 'tc';}; - this.autoSize = true; - this.imageSrc = (OpenLayers.Util.getImageLocation(SACLAY_IMAGE_PATH + 'cloud-popup-saclay.png')); - OpenLayers.Popup.Framed.prototype.initialize.apply(this, arguments); - this.contentDiv.className = this.contentDisplayClass; - }, - - CLASS_NAME: "OpenLayers.Popup.SaclayCloud" -}); - +
+/* set this empty if you put cloud-popup-saclay.png inside your default
+ * OpenLayers dir */
+var SACLAY_IMAGE_PATH = '../../saclay/images/'
+
+OpenLayers.Popup.SaclayCloud =
+ OpenLayers.Class(OpenLayers.Popup.FramedCloud, {
+
+ initialize:function(id, lonlat, contentSize, contentHTML, anchor, closeBox,
+ closeBoxCallback) {
+ this.positionBlocks.tc = {
+ 'offset': new OpenLayers.Pixel(-140, 28),
+ 'padding': new OpenLayers.Bounds(8, 30, 8, 9),
+ 'blocks': [
+ { // top-left
+ size: new OpenLayers.Size('auto', 'auto'),
+ anchor: new OpenLayers.Bounds(0, 51, 22, 0),
+ position: new OpenLayers.Pixel(0, 0)
+ },
+ { //top-right
+ size: new OpenLayers.Size(22, 'auto'),
+ anchor: new OpenLayers.Bounds(null, 50, 0, 0),
+ position: new OpenLayers.Pixel(-1238, 0)
+ },
+ { //bottom-left
+ size: new OpenLayers.Size('auto', 19),
+ anchor: new OpenLayers.Bounds(0, 32, 22, null),
+ position: new OpenLayers.Pixel(0, -631)
+ },
+ { //bottom-right
+ size: new OpenLayers.Size(22, 18),
+ anchor: new OpenLayers.Bounds(null, 32, 0, null),
+ position: new OpenLayers.Pixel(-1238, -631)
+ /*anchor: new OpenLayers.Bounds(null, 32, 10, null),
+ position: new OpenLayers.Pixel(-1228, -632)*/
+ },
+ { // stem
+ size: new OpenLayers.Size(54, 35),
+ anchor: new OpenLayers.Bounds(null, 0, 97, null),
+ position: new OpenLayers.Pixel(0, -688)
+ }
+ ]
+ };
+
+ this.calculateRelativePosition = function () {return 'tc';};
+ this.autoSize = true;
+ this.imageSrc = (OpenLayers.Util.getImageLocation(SACLAY_IMAGE_PATH + 'cloud-popup-saclay.png'));
+ OpenLayers.Popup.Framed.prototype.initialize.apply(this, arguments);
+ this.contentDiv.className = this.contentDisplayClass;
+ },
+
+ CLASS_NAME: "OpenLayers.Popup.SaclayCloud"
+});
+
diff --git a/templates/chimere/base.html b/templates/chimere/base.html index bab159f..9bca36c 100644 --- a/templates/chimere/base.html +++ b/templates/chimere/base.html @@ -1,40 +1,43 @@ -{% extends "base.html" %} -{% load chimere_tags i18n %} -{% block extra_head %} -<link rel="shortcut icon" href="{{ STATIC_URL }}saclay/images/favicon.png"/> -<link rel="stylesheet" href="{{ STATIC_URL }}chimere/css/styles.css" /> -<link rel="stylesheet" href="{{ STATIC_URL }}chimere/css/print.css" media='print'/> -<link rel="stylesheet" href="{{ STATIC_URL }}saclay/css/styles.css" /> -{% for css in EXTRA_CSS %}<link rel="stylesheet" href="{{ css }}" />{% endfor %} -<link rel="stylesheet" href="{{ STATIC_URL }}saclay/css/print.css" media='print'/> -{% if MOBILE %} -<link rel="stylesheet" href="{{ STATIC_URL }}chimere/css/mobile.css" /> -<link rel="stylesheet" href="{{ STATIC_URL }}saclay/css/mobile.css" /> -<script src="{{ STATIC_URL }}chimere/js/mobile.chimere.js" type="text/javascript"></script> -<script src="{{ STATIC_URL }}saclay/js/mobile.chimere.js" type="text/javascript"></script>{%endif%} -{% if css_area %} -<link rel="stylesheet" href="{{ css_area }}" />{% endif %} -{% endblock %} -{% block header %} -<noscript> - <div id="no-js-message"> - <p id='no-js' class='warning'>{% trans "You must enable JavaScript in your browser to display Chimère."%}</p> - </div> -</noscript> - {% block page_title %} - {% include "chimere/blocks/page_title.html" %} - {% endblock %} - {% block actions %} - {% include "chimere/blocks/actions.html" %} - {% endblock %} -{% endblock %} -{% block content %} - {% block top %}{% endblock %} - {% block message_map %}{% endblock %} - {% block message_edit %}{% endblock %} - {% block bottom %}{% endblock %} -{% endblock %} -{% block footer %} - {% include "chimere/blocks/footer.html" %} -{% endblock %} - +{% extends "base.html" %}
+{% load chimere_tags i18n %}
+{% block extra_head %}
+<link rel="shortcut icon" href="{{ STATIC_URL }}saclay/images/favicon.png"/>
+<link rel="stylesheet" href="{{ STATIC_URL }}chimere/css/styles.css" />
+<link rel="stylesheet" href="{{ STATIC_URL }}chimere/css/print.css" media='print'/>
+<link rel="stylesheet" href="{{ STATIC_URL }}saclay/css/styles.css" />
+{% for css in EXTRA_CSS %}<link rel="stylesheet" href="{{ css }}" />{% endfor %}
+<link rel="stylesheet" href="{{ STATIC_URL }}saclay/css/print.css" media='print'/>
+{% if MOBILE %}
+<link rel="stylesheet" href="{{ STATIC_URL }}chimere/css/mobile.css" />
+<link rel="stylesheet" href="{{ STATIC_URL }}saclay/css/mobile.css" />
+<script src="{{ STATIC_URL }}chimere/js/mobile.chimere.js" type="text/javascript"></script>
+<script src="{{ STATIC_URL }}saclay/js/mobile.chimere.js" type="text/javascript"></script>{%endif%}
+{% if css_area %}
+<link rel="stylesheet" href="{{ css_area }}" />{% endif %}
+{% endblock %}
+
+<!--
+{% block header %}
+<noscript>
+ <div id="no-js-message">
+ <p id='no-js' class='warning'>{% trans "You must enable JavaScript in your browser to display Chimère."%}</p>
+ </div>
+</noscript>
+ {% block page_title %}
+ {% include "chimere/blocks/page_title.html" %}
+ {% endblock %}
+ {% block actions %}
+ {% include "chimere/blocks/actions.html" %}
+ {% endblock %}
+{% endblock %}
+-->
+{% block content %}
+ {% block top %}{% endblock %}
+ {% block message_map %}{% endblock %}
+ {% block message_edit %}{% endblock %}
+ {% block bottom %}{% endblock %}
+{% endblock %}
+{% block footer %}
+ {% include "chimere/blocks/footer.html" %}
+{% endblock %}
+
diff --git a/templates/chimere/blocks/actions.html b/templates/chimere/blocks/actions.html index dca7fc7..be7f6bd 100644 --- a/templates/chimere/blocks/actions.html +++ b/templates/chimere/blocks/actions.html @@ -1,26 +1 @@ -{% load i18n chimere_tags %} - <div id="topbar"> - <ul id='action' class='action'> - <li id='action-carte' class='state-active'> - {% trans "Map" %} - </li> - <li id='action-participate'> - {% trans "Participate" %} - </li> - </ul> - <ul id='action-2' class='action'> - <li id='action-news'> - {% trans "News" %} - </li> - <li id='action-project' class='dyn-page'> - <a href='{% url chimere:extra_page "" "project"%}'>{% trans "The project" %}</a> - </li> - </ul> - <ul id='action-3' class='action'> - <li class='print-page'><a href='#'>{% trans "Print"%}</a></li> - <li class='share-list'> - {% share_bar %} - </li> - {%comment%}<li class='help-page'><a href='#'>{% trans "Help"%}</a></li>{%endcomment%} - </ul> - </div> +<!-- SUPPRIME POUR VUE MOBILE -->
\ No newline at end of file diff --git a/templates/chimere/blocks/page_title.html b/templates/chimere/blocks/page_title.html index f068b97..785299a 100644 --- a/templates/chimere/blocks/page_title.html +++ b/templates/chimere/blocks/page_title.html @@ -1,5 +1,7 @@ -{% load i18n %} - <div id='page_title'> - <h1>Carte OuVerte</h1> - <h2>du plateau de saclay</h2> - </div> +{% load i18n %}
+<!-- SUPPRIME POUR VUE MOBILE
+ <div id='page_title'>
+ <h1>Carte OuVerte</h1>
+ <h2>du plateau de saclay</h2>
+ </div>
+-->
\ No newline at end of file diff --git a/templates/chimere/detail.html b/templates/chimere/detail.html index 8c49fa4..52165fc 100644 --- a/templates/chimere/detail.html +++ b/templates/chimere/detail.html @@ -1,115 +1,108 @@ -{% load i18n sanitize chimere_tags %} -<a href='#' class='close_img'>{% trans "Close"%}</a> -<h4>{{ marker.name }}</h4> -<div id='detail_content'> - {% if marker.default_pictures or marker.default_pictures or marker.default_multimedia_items%} - <div class='small-gallery'> - {% for picture in marker.default_pictures %} - {% multimedia_render picture %} - {%endfor%} - {% for multimedia_item in marker.default_multimedia_items %} - {% multimedia_render multimedia_item %} - {%endfor%} - </div> - {%endif%} - <div> - {% if dated %} - <p id='detail_start_date'><label>{% trans "Date:" %}</label> <span>{{marker.start_date|date:"D d M Y"}} - {% if marker.end_date %} - {{marker.end_date|date:"D d M Y"}}</p>{% endif %}</span> - {% endif %} - {% if marker.description %} - <div class='description description_short' id='description_short_{{marker.pk}}'>{{ marker.short_desc|sanitize:"p b i br hr strong em span:style a:href:target ul li ol h1 h2 h3 h4 table td tr th"|safe}}{% if marker.description != marker.short_desc%}...{%endif%}</div> - {% if marker.description != marker.short_desc%} - <div id='description_long_{{marker.pk}}' class='description description_long'>{{ marker.description|sanitize:"p b i br hr strong em span:style a:href:target ul li ol h1 h2 h3 h4 table td tr th"|safe}}</div> - {% endif %} - {% endif %} - {% for property in marker.getProperties %}{% if property.value %} - <div class='properties' id='{{property.propertymodel.getAttrName}}'><strong>{{property.propertymodel.name}}</strong> : {% if 'http://' in property.value %}<a href='{{ property.value|sanitize:""}}'>{%endif%}{{ property.value|sanitize:"p b i br hr strong em span:style a:href:target ul li ol h1 h2 h3 h4 table td tr th"|safe}}{% if 'http://' in property.value %}</a>{%endif%}</div> - {%endif%}{% endfor %} - {% if marker.multimedia_items %} - <a href='#' id='show_gallery_link'>{% trans "Show multimedia gallery" %}</a> - {% endif %} - </div> -</div> -<div id='detail_footer'> -{% if marker.description and marker.description != marker.short_desc %} - <p class='read_more' id='read_more_{{marker.pk}}'>{% trans "Read more" %}</p> - <p class='read_less' id='read_less_{{marker.pk}}'>{% trans "Read less" %}</p> -{% endif %} - <div id='detail-action-bar'> - <a class='detail_from' href='#'>{% trans "From" context "routing" %}</a> - | <a class='detail_to' href='#'>{% trans "To" context "routing" %}</a> - | <a class='detail_zoomin' href='#'>{% trans "Zoom in" %}</a> - | <a class='detail_zoomout' href='#'>{% trans "Zoom out" %}</a> - </div> - <ul class='share'> - <li><a href="{{modif_by_email}}">{% trans "Propose a modification" %}</a></li> - <li class='sep'>–</li> - </ul> - {% share_bar marker.name %} - {% comment %} - <a href='{% if marker.route %}{% url chimere:editroute-item area_name_slash|default_if_none:"" marker.route.pk "" %}{%else%}{% url chimere:edit-item area_name_slash|default_if_none:"" marker.pk "" %}{%endif%}'> - {% trans "Submit a modification" %} - </a> - {% endcomment %} -</div> -{% if marker.multimedia_items %} -<div id='gallery-{{marker.pk}}' class='gallery'> - <div class='tabs'> - <ul>{% for item in marker.multimedia_items %} - <li><a href="#tab-{{ forloop.counter }}">{{ item.name }}</a></li>{% endfor %} - </ul> - {% for multimedia_item in marker.multimedia_items %} - <div id="tab-{{ forloop.counter }}" class='{% ifequal multimedia_item.multimedia_type.media_type 'V' %}video{% else %}other{% endifequal %}'> - {% multimedia_render multimedia_item %} - </div>{% endfor %} - </div> -</div> -{% endif %} -<script language='javascript' type='text/javascript'> -<!-- -$('html').addClass('js-on'); -$(function(){ - $("#gallery-{{marker.pk}}").dialog({title:"{{marker.name}}", autoOpen: false, - height: "auto", width: "auto", dialogClass:'no-titlebar'}); - $('div.media-player').jmeEmbedControls(); - $('.tabs').tabs({ - select: function(event, ui) { - //pause all medias - $('video').each(function(index){$(this).pause()}); - $('audio').each(function(index){$(this).pause()}); - //start current tabvideo - $('ui.panel video').each(function(index){ - //prevents a Flash-Bug in IE with newest Flash-Player - $(this).reinitMedia({queue: true}) - .play() - ;}); - $('ui.panel audio').each(function(index){ - //prevents a Flash-Bug in IE with newest Flash-Player - $(this).reinitMedia({queue: true}) - .play() - ;}); - } - }); - $('.video div.media-player').bind('useractive', function(){ - $('div.media-controls', this).stop().animate({opacity: 1}); - }).bind('userinactive', function(){ - $('div.media-controls', this).stop().animate({opacity: 0}); - }); -}); -$("#gallery-{{marker.pk}}").bind( "dialogopen", function(event, ui) { - $("#gallery-{{marker.pk}}").dialog("option", "height", 'auto'); - $("#gallery-{{marker.pk}}").dialog("option", "width", 'auto'); - $("#gallery-{{marker.pk}}").dialog("option", "position", ['center', 'center']); -}); -$("#gallery-{{marker.pk}}").bind( "dialogclose", function(event, ui) { - //pause all medias - $('video').each(function(index){$(this).pause()}); - $('audio').each(function(index){$(this).pause()}); -}); -$('#show_gallery_link').click(function(){ - $("#gallery-{{marker.pk}}").dialog('open'); - return false; -}); -// --> -</script> +{% load i18n sanitize chimere_tags %}
+<a href='#' class='close_img'>{% trans "Close"%}</a>
+<h4>{{ marker.name }}</h4>
+<div id='detail_content'>
+ {% if marker.default_pictures or marker.default_pictures or marker.default_multimedia_items%}
+ <div class='small-gallery'>
+ {% for picture in marker.default_pictures %}
+ {% multimedia_render picture %}
+ {%endfor%}
+ {% for multimedia_item in marker.default_multimedia_items %}
+ {% multimedia_render multimedia_item %}
+ {%endfor%}
+ </div>
+ {%endif%}
+ <div>
+ {% if dated %}
+ <p id='detail_start_date'><label>{% trans "Date:" %}</label> <span>{{marker.start_date|date:"D d M Y"}}
+ {% if marker.end_date %} - {{marker.end_date|date:"D d M Y"}}</p>{% endif %}</span>
+ {% endif %}
+ {% if marker.description %}
+ <div class='description description_short' id='description_short_{{marker.pk}}'>{{ marker.short_desc|sanitize:"p b i br hr strong em span:style a:href:target ul li ol h1 h2 h3 h4 table td tr th"|safe}}{% if marker.description != marker.short_desc%}...{%endif%}</div>
+ {% if marker.description != marker.short_desc%}
+ <div id='description_long_{{marker.pk}}' class='description description_long'>{{ marker.description|sanitize:"p b i br hr strong em span:style a:href:target ul li ol h1 h2 h3 h4 table td tr th"|safe}}</div>
+ {% endif %}
+ {% endif %}
+ {% for property in marker.getProperties %}{% if property.value %}
+ <div class='properties' id='{{property.propertymodel.getAttrName}}'><strong>{{property.propertymodel.name}}</strong> : {% if 'http://' in property.value %}<a href='{{ property.value|sanitize:""}}'>{%endif%}{{ property.value|sanitize:"p b i br hr strong em span:style a:href:target ul li ol h1 h2 h3 h4 table td tr th"|safe}}{% if 'http://' in property.value %}</a>{%endif%}</div>
+ {%endif%}{% endfor %}
+ {% if marker.multimedia_items %}
+ <a href='#' id='show_gallery_link'>{% trans "Show multimedia gallery" %}</a>
+ {% endif %}
+ </div>
+</div>
+<div id='detail_footer'>
+{% if marker.description and marker.description != marker.short_desc %}
+ <p class='read_more' id='read_more_{{marker.pk}}'>{% trans "Read more" %}</p>
+ <p class='read_less' id='read_less_{{marker.pk}}'>{% trans "Read less" %}</p>
+{% endif %}
+ <div id='detail-action-bar'>
+ <a class='detail_from' href='#'>{% trans "From" context "routing" %}</a>
+ | <a class='detail_to' href='#'>{% trans "To" context "routing" %}</a>
+ </div>
+ {% comment %}
+ <a href='{% if marker.route %}{% url chimere:editroute-item area_name_slash|default_if_none:"" marker.route.pk "" %}{%else%}{% url chimere:edit-item area_name_slash|default_if_none:"" marker.pk "" %}{%endif%}'>
+ {% trans "Submit a modification" %}
+ </a>
+ {% endcomment %}
+</div>
+{% if marker.multimedia_items %}
+<div id='gallery-{{marker.pk}}' class='gallery'>
+ <div class='tabs'>
+ <ul>{% for item in marker.multimedia_items %}
+ <li><a href="#tab-{{ forloop.counter }}">{{ item.name }}</a></li>{% endfor %}
+ </ul>
+ {% for multimedia_item in marker.multimedia_items %}
+ <div id="tab-{{ forloop.counter }}" class='{% ifequal multimedia_item.multimedia_type.media_type 'V' %}video{% else %}other{% endifequal %}'>
+ {% multimedia_render multimedia_item %}
+ </div>{% endfor %}
+ </div>
+</div>
+{% endif %}
+<script language='javascript' type='text/javascript'>
+<!--
+$('html').addClass('js-on');
+$(function(){
+ $("#gallery-{{marker.pk}}").dialog({title:"{{marker.name}}", autoOpen: false,
+ height: "auto", width: "auto", dialogClass:'no-titlebar'});
+ $('div.media-player').jmeEmbedControls();
+ $('.tabs').tabs({
+ select: function(event, ui) {
+ //pause all medias
+ $('video').each(function(index){$(this).pause()});
+ $('audio').each(function(index){$(this).pause()});
+ //start current tabvideo
+ $('ui.panel video').each(function(index){
+ //prevents a Flash-Bug in IE with newest Flash-Player
+ $(this).reinitMedia({queue: true})
+ .play()
+ ;});
+ $('ui.panel audio').each(function(index){
+ //prevents a Flash-Bug in IE with newest Flash-Player
+ $(this).reinitMedia({queue: true})
+ .play()
+ ;});
+ }
+ });
+ $('.video div.media-player').bind('useractive', function(){
+ $('div.media-controls', this).stop().animate({opacity: 1});
+ }).bind('userinactive', function(){
+ $('div.media-controls', this).stop().animate({opacity: 0});
+ });
+});
+$("#gallery-{{marker.pk}}").bind( "dialogopen", function(event, ui) {
+ $("#gallery-{{marker.pk}}").dialog("option", "height", 'auto');
+ $("#gallery-{{marker.pk}}").dialog("option", "width", 'auto');
+ $("#gallery-{{marker.pk}}").dialog("option", "position", ['center', 'center']);
+});
+$("#gallery-{{marker.pk}}").bind( "dialogclose", function(event, ui) {
+ //pause all medias
+ $('video').each(function(index){$(this).pause()});
+ $('audio').each(function(index){$(this).pause()});
+});
+$('#show_gallery_link').click(function(){
+ $("#gallery-{{marker.pk}}").dialog('open');
+ return false;
+});
+// -->
+</script>
diff --git a/templates/chimere/main_map.html b/templates/chimere/main_map.html index 3f04fc6..0e4ffd2 100644 --- a/templates/chimere/main_map.html +++ b/templates/chimere/main_map.html @@ -1,112 +1,114 @@ -{% extends "chimere/base.html" %} -{% load i18n unlocalize_point chimere_tags %} -{% block extra_head %} -{% head_jquery %} -{% head_chimere %} -{% head_jme %} -{% head_form %} -<script src="{{ STATIC_URL }}chimere/js/jquery.chimere.js" type="text/javascript"></script> -<script src="{{ STATIC_URL }}saclay/js/SaclayCloud.js" type="text/javascript"></script> -<script src="{{ STATIC_URL }}saclay/js/jquery.form.js" type="text/javascript"></script> - -<script type='text/javascript' language='javascript'> - <!-- - var default_error_message = "{% trans "Error while loading the page... Refresh the page. If the problem persist contact the webmaster." %}"; - var edit_url = "{% url edit %}"; - var edit_event_url = "{% url edit-event %}"; - var edit_route_url = "{% url edit-route %}"; - // --> -</script> -<script src="{{ STATIC_URL }}saclay/js/interface.js" type="text/javascript"></script> -{{ block.super }} -{% endblock %} -{% block message_edit %}{% endblock %} -{% block sidebar %} - <div class='sidebar-handler' id='sidebar-handler-hide'> - </div> - <div id='action-panel'> - <ul id='map-actions' class='action'> - <li id='action-categories' class='state-active'> - <label>{% trans "Categories" %}</label> - </li>{% if itinerary_form %} - <li id='action-routing'> - <label>{% trans "Routing" %}</label> - </li>{% endif %} - </ul> - <ul id='edit-actions' class='action'> - <li id='action-edit-marker' class='state-active'> - <label>{% trans "Location" %}</label> - </li> - <li id='action-edit-route'> - <label>{% trans "Wander" %}</label> - </li> - <li id='action-edit-event'> - <label>{% trans "Event" %}</label> - </li> - </ul> - </div> - <div id='panel'> - <div id='map-panel'> - <form action='.' method='post' name='frm_categories' id='frm_categories'> - <div id='categories'>{# dynamic content #} - </div> - </form> - {% routing %} - </div> - <div id='edit-panel'> - <div id='frm-edit-marker'>{# dynamic content #} - </div> - <div id='frm-edit-route'>{# dynamic content #} - </div> - <div id='frm-edit-event'>{# dynamic content #} - </div> - </div> - </div> - <div class='footer' id='footer-panel'> - {% if contact_email %}<a href='mailto:{{contact_email}}' id='contactus'>{% trans "contact us" %}</a> | {% endif %} - <a href='{% url chimere:extra_page '' 'legal' %}' id='page-legal' class='dyn-page'>{% trans "terms of service, credits" %}</a> - </div> -{% endblock %} -{% block content %} - <div id='category_description'> - </div> - <script type='text/javascript'> - $(function(){ - $('#category_description').dialog({'autoOpen':false, width:630, - 'dialogClass':'no-titlebar'}); - }); - </script> - <div class='sidebar-handler' id='sidebar-handler-show'> - </div> - <div id='detail' class='ui-widget ui-corner-all'></div> - {% if not itinerary_form %}<div class='map_button'> - <a href='#' id='button-move-map' class='toggle-button toggle-button-active' onclick='toggleDrawOff();return false;'> - {% trans "Move on the map" %} - </a> - <a href='#' id='button-draw-map' class='toggle-button toggle-button-inactive' onclick='toggleDrawOn();return false;'> - {% trans "Draw" %} - </a> - </div>{% endif %} - <div id='permalink'></div> - {% display_welcome news_visible %} - {% display_news news_visible %} - {{ block.super }} - <div id='map-shadow'></div> - <div id='default-message'></div> -<script type="text/javascript"> - <!-- - $("#main-map").show(); - // --> -</script> - {% map_menu %} - {% map 'main-map' %} - <div id='chimere_message'></div> - <script type='text/javascript'> - $(function(){$('#chimere_message').dialog({'autoOpen':false, - dialogClass:'no-titlebar-simple', position:'right bottom', - resizable: false});}); - </script> -{% endblock %} -{% block footer %} - <p class='map-footer'>{% include "chimere/blocks/footer.html" %}</p> -{% endblock %} +{% extends "chimere/base.html" %}
+{% load i18n unlocalize_point chimere_tags %}
+{% block extra_head %}
+{% head_jquery %}
+{% head_chimere %}
+{% head_jme %}
+{% head_form %}
+<script src="{{ STATIC_URL }}chimere/js/jquery.chimere.js" type="text/javascript"></script>
+<script src="{{ STATIC_URL }}saclay/js/SaclayCloud.js" type="text/javascript"></script>
+<script src="{{ STATIC_URL }}saclay/js/jquery.form.js" type="text/javascript"></script>
+
+<script type='text/javascript' language='javascript'>
+ <!--
+ var default_error_message = "{% trans "Error while loading the page... Refresh the page. If the problem persist contact the webmaster." %}";
+ var edit_url = "{% url edit %}";
+ var edit_event_url = "{% url edit-event %}";
+ var edit_route_url = "{% url edit-route %}";
+ // -->
+</script>
+<script src="{{ STATIC_URL }}saclay/js/interface.js" type="text/javascript"></script>
+{{ block.super }}
+{% endblock %}
+{% block message_edit %}{% endblock %}
+{% block sidebar %}
+ <div class='sidebar-handler' id='sidebar-handler-hide'>
+ </div>
+ <!-- SUPPRIME POUR LA VUE MOBILE
+ <div id='action-panel'>
+ <ul id='map-actions' class='action'>
+ <li id='action-categories' class='state-active'>
+ <label>{% trans "Categories" %}</label>
+ </li>{% if itinerary_form %}
+ <li id='action-routing'>
+ <label>{% trans "Routing" %}</label>
+ </li>{% endif %}
+ </ul>
+ <ul id='edit-actions' class='action'>
+ <li id='action-edit-marker' class='state-active'>
+ <label>{% trans "Location" %}</label>
+ </li>
+ <li id='action-edit-route'>
+ <label>{% trans "Wander" %}</label>
+ </li>
+ <li id='action-edit-event'>
+ <label>{% trans "Event" %}</label>
+ </li>
+ </ul>
+ </div>
+ FIN SUPPRESSION POUR LA VUE -->
+ <div id='panel'>
+ <div id='map-panel'>
+ <form action='.' method='post' name='frm_categories' id='frm_categories'>
+ <div id='categories'>{# dynamic content #}
+ </div>
+ </form>
+ {% routing %}
+ </div>
+ <div id='edit-panel'>
+ <div id='frm-edit-marker'>{# dynamic content #}
+ </div>
+ <div id='frm-edit-route'>{# dynamic content #}
+ </div>
+ <div id='frm-edit-event'>{# dynamic content #}
+ </div>
+ </div>
+ </div>
+ <!-- SUPPRIME POUR LA VUE MOBILE
+ <div class='footer' id='footer-panel'>
+ {% if contact_email %}<a href='mailto:{{contact_email}}' id='contactus'>{% trans "contact us" %}</a> | {% endif %}
+ <a href='{% url chimere:extra_page '' 'legal' %}' id='page-legal' class='dyn-page'>{% trans "terms of service, credits" %}</a>
+ </div>
+ FIN SUPPRESSION POUR LA VUE -->
+{% endblock %}
+{% block content %}
+ <div id='category_description'>
+ </div>
+ <script type='text/javascript'>
+ $(function(){
+ $('#category_description').dialog({'autoOpen':false, width:630,
+ 'dialogClass':'no-titlebar'});
+ });
+ </script>
+ <div class='sidebar-handler' id='sidebar-handler-show'>
+ </div>
+ <div id='detail' class='ui-widget ui-corner-all'></div>
+ {% if not itinerary_form %}<div class='map_button'>
+ <a href='#' id='button-move-map' class='toggle-button toggle-button-active' onclick='toggleDrawOff();return false;'>
+ {% trans "Move on the map" %}
+ </a>
+ <a href='#' id='button-draw-map' class='toggle-button toggle-button-inactive' onclick='toggleDrawOn();return false;'>
+ {% trans "Draw" %}
+ </a>
+ </div>{% endif %}
+ <div id='permalink'></div>
+ {% display_news news_visible %}
+ {{ block.super }}
+ <div id='map-shadow'></div>
+ <div id='default-message'></div>
+<script type="text/javascript">
+ <!--
+ $("#main-map").show();
+ // -->
+</script>
+ {% map_menu %}
+ {% map 'main-map' %}
+ <div id='chimere_message'></div>
+ <script type='text/javascript'>
+ $(function(){$('#chimere_message').dialog({'autoOpen':false,
+ dialogClass:'no-titlebar-simple', position:'right bottom',
+ resizable: false});});
+ </script>
+{% endblock %}
+{% block footer %}
+{% endblock %}
|