From 14d55b289d6105e2246acacdafa4363a98f597ba Mon Sep 17 00:00:00 2001 From: Bachir Soussi Chiadmi Date: Wed, 4 Apr 2018 16:31:22 +0200 Subject: [PATCH] improved icon btn footer display --- .../edlptheme/assets/dist/img/random.svg | 2 +- .../edlptheme/assets/dist/img/search.svg | 2 +- .../edlptheme/assets/dist/img/studio.svg | 2 +- .../assets/dist/scripts/history.min.js | 13 +- .../edlptheme/assets/dist/scripts/main.min.js | 1119 ++++++- .../edlptheme/assets/dist/styles/app.min.css | 2711 ++++++++++++++++- .../custom/edlptheme/assets/img/random.svg | 8 +- .../custom/edlptheme/assets/img/search.svg | 13 +- .../custom/edlptheme/assets/img/studio.svg | 10 +- .../custom/edlptheme/assets/styles/app.scss | 2 + 10 files changed, 3822 insertions(+), 60 deletions(-) diff --git a/sites/all/themes/custom/edlptheme/assets/dist/img/random.svg b/sites/all/themes/custom/edlptheme/assets/dist/img/random.svg index 743c1f94e..ecf529062 100644 --- a/sites/all/themes/custom/edlptheme/assets/dist/img/random.svg +++ b/sites/all/themes/custom/edlptheme/assets/dist/img/random.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/sites/all/themes/custom/edlptheme/assets/dist/img/search.svg b/sites/all/themes/custom/edlptheme/assets/dist/img/search.svg index 267ad00c5..2f8b85139 100644 --- a/sites/all/themes/custom/edlptheme/assets/dist/img/search.svg +++ b/sites/all/themes/custom/edlptheme/assets/dist/img/search.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/sites/all/themes/custom/edlptheme/assets/dist/img/studio.svg b/sites/all/themes/custom/edlptheme/assets/dist/img/studio.svg index 180d64214..a85cf8b68 100644 --- a/sites/all/themes/custom/edlptheme/assets/dist/img/studio.svg +++ b/sites/all/themes/custom/edlptheme/assets/dist/img/studio.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/sites/all/themes/custom/edlptheme/assets/dist/scripts/history.min.js b/sites/all/themes/custom/edlptheme/assets/dist/scripts/history.min.js index 5fdc326c4..c981a6e32 100644 --- a/sites/all/themes/custom/edlptheme/assets/dist/scripts/history.min.js +++ b/sites/all/themes/custom/edlptheme/assets/dist/scripts/history.min.js @@ -1,2 +1,11 @@ - -void 0;if(edlp.redirect){void 0;window.localStorage.setItem('edlp_origin_path',edlp.sys_path.replace(/^\//,''));window.localStorage.setItem('edlp_origin_url',window.location.pathname);window.location.replace(window.location.origin);}else{void 0;} \ No newline at end of file +console.log('EDLP THEME HISTORY.js'); +// var edlp is provided by edlp_ajax.module file +if(edlp.redirect){ + console.log('history redirect'); + window.localStorage.setItem('edlp_origin_path', edlp.sys_path.replace(/^\//, '')); + window.localStorage.setItem('edlp_origin_url', window.location.pathname); + // redirect to home + window.location.replace(window.location.origin); +}else{ + console.log('history do not redirect'); +} diff --git a/sites/all/themes/custom/edlptheme/assets/dist/scripts/main.min.js b/sites/all/themes/custom/edlptheme/assets/dist/scripts/main.min.js index c9ba0ead0..2aa197814 100644 --- a/sites/all/themes/custom/edlptheme/assets/dist/scripts/main.min.js +++ b/sites/all/themes/custom/edlptheme/assets/dist/scripts/main.min.js @@ -1,40 +1,1081 @@ +console.log('EDLP THEME MAIN.js'); +(function($, Drupal, drupalSettings) { -void 0;(function($,Drupal,drupalSettings){EdlpTheme=function(){var _ajax_settings=drupalSettings.edlp_ajax;var _$body=$('body');var _is_front=_$body.is('.path-frontpage');var _$corpus_canvas;var _$row=$('main[role="main"]>.layout-content>.row');var _$ajaxLinks;var _audioPlayer;var _randomPlayer;var _compoPlayer;function init(){void 0;initHistory();if(!drupalSettings.path.isFront) -return;initEvents();_audioPlayer=new AudioPlayer();_compoPlayer=new CompoPlayer();initAjaxLinks();};function initEvents(){_$body.on('corpus-map-ready',onCorpusMapReady).on('on-studio-chutier-updated',initAjaxLinks).on('studio-initialized',function(e){_compoPlayer.newCompo();}).on('studio-not-active',function(e){_compoPlayer.deactivate();}).on('on-studio-compo-updated',function(e){initAjaxLinks();_compoPlayer.refresh();}).on('on-studio-compo-opened',function(e){initAjaxLinks();_compoPlayer.newCompo();}).on('search-results-loaded',initAjaxLinks).on('open_entree',closeAllModals).on('close_entree',backToFrontPage);} -function initScrollbars(){};function parseAjaxSysPath(sys_path,view_mode){var ajax_path=sys_path;var node_match=ajax_path.match(/^\/?(node\/\d+)$/g);var term_match=ajax_path.match(/^\/?(taxonomy\/term\/\d+)$/g);if(node_match){ajax_path=_ajax_settings.entityjson_path+'/'+node_match[0];if(view_mode){ajax_path+='/'+view_mode;}}else if(term_match){ajax_path=_ajax_settings.entityjson_path+'/'+term_match[0];ajax_path=ajax_path.replace(/taxonomy\/term/,'taxonomy_term');if(view_mode){ajax_path+='/'+view_mode;}}else{ajax_path+='/ajax'} -return ajax_path;};function ajaxLoadContent(url,sys_path,ajax_path,selector){void 0;_$body.addClass('ajax-loading');var path=window.location.origin+Drupal.url(ajax_path);$.getJSON(path,{}).done(function(data){onAjaxLoaded(data,url,ajax_path,sys_path,selector);}).fail(function(jqxhr,textStatus,error){onAjaxLoadError(jqxhr,textStatus,error,sys_path);});};function onAjaxLoadError(jqxhr,textStatus,error,sys_path){void 0;$('.ajax-loading').removeClass('ajax-loading');_$body.removeClass('ajax-loading');};function onAjaxLoaded(data,url,ajax_path,sys_path,selector){void 0;_$row.removeAttr('style').html(data.rendered);if(sys_path!='productions'){addCloseBtnToCols();} -var body_classes=['path-'+sys_path.replace(/\//g,'-'),'entity-type-'+data.entity_type,'bundle-'+data.bundle,'view-mode-'+data.view_mode];_$body.removeClass().addClass(body_classes.join(' '));m=sys_path.match(/^\/?(node\/\d+)$/g);if(m) -_$body.addClass('path-edlp-node');$('.ajax-loading').removeClass('ajax-loading');$('.is-active').removeClass('is-active');$('.is-active-trail').removeClass('is-active-trail');if(typeof selector!='undefined'){$('a[selector="'+selector+'"]').addClass('is-active');}else{$('a[data-drupal-link-system-path="'+sys_path+'"]').addClass('is-active');} -if(typeof data.bundle!='undefined'&&data.bundle=="page"){$('a[data-drupal-link-system-path="productions"]').addClass('is-active-trail');} -if(typeof data.menu_parents!='undefined'){for(var i=0;i').addClass('close-col-btn').on('click',function(e){var $col=$(this).parents('.col');var theme=$col.attr('theme');if(theme!=''){_$body.trigger({'type':theme+'-col-closed'});} -$col.remove();if(!$('.col',_$row).length){backToFrontPage();}}));});};function initHistory(){initFirstLoad();window.addEventListener('popstate',onHistoryPopState);};function initFirstLoad(){void 0;void 0;var url=window.location.pathname;var origin_sys_path=window.localStorage.getItem('edlp_origin_path');void 0;var origin_url=window.localStorage.getItem('edlp_origin_url');void 0;if(origin_sys_path){var state={ajax_path:parseAjaxSysPath(origin_sys_path),sys_path:origin_sys_path,};void 0;history.replaceState(state,null,origin_url);ajaxLoadContent(null,state.sys_path,state.ajax_path);window.localStorage.removeItem("edlp_origin_path");window.localStorage.removeItem("edlp_origin_url");}else{history.replaceState({home:true},null,url);_$body.attr('booted','booted');}};function onHistoryPopState(e){if(e.state.home){backToFrontPage();}else{ajaxLoadContent(null,e.state.sys_path,e.state.ajax_path)}};function initAjaxLinks(){$('a','#block-mainnavigation').add('a','#block-footer.menu--footer').add('a','#block-productions').add('a','article.node:not(.node--type-enregistrement) h2.node-title').add('a','.productions-subtree').add('a','.productions-parent').addClass('ajax-link');_$ajaxLinks=$('.ajax-link:not(.ajax-enabled)').each(function(i,e){var $this=$(this);if($this.is('.ajax-enable'))return;if($this.attr('data-drupal-link-system-path')){$this.on('click',onClickAjaxLink).addClass('ajax-enable');}});};function onClickAjaxLink(e){e.preventDefault();var $link=$(this);if($link.is('.is-active')) -return false;if($link.is('.audio-link')){_audioPlayer.emmit('stop-shuffle').openDocument({nid:$link.attr('nid'),audio_url:$link.attr('audio_url')});return false;} -var url=$(this).attr('href');var sys_path=$(this).attr('data-drupal-link-system-path');if(sys_path==''){backToFrontPage();return false;} -var view_mode=$link.attr('viewmode');var ajax_path=parseAjaxSysPath(sys_path,view_mode);$link.addClass('ajax-loading');if($link.is('[selector]')){var selector=$link.attr('selector');} -ajaxLoadContent(url,sys_path,ajax_path,selector);return false;};function onCorpusMapReady(e){_$corpus_canvas=$('canvas#corpus-map');_$corpus_canvas.on('corpus-cliked-on-map',function(e){backToFrontPage();}).on('corpus-cliked-on-node',function(e){_audioPlayer.emmit('stop-shuffle').openDocument(e.target_node);});_randomPlayer=new RandomPlayer(e.playlist);_$body.attr('corpus-map','ready');} -function AudioPlayer(){var that=this;this.fid;this.audio=new Audio();this.audio_events=["loadedmetadata","canplay","playing","pause","timeupdate","ended"];this.$container=$('
');this.$btns=$('
').addClass('btns').appendTo(this.$container);this.$previous=$('
').addClass('previous').appendTo(this.$btns);this.$playpause=$('
').addClass('play-pause').appendTo(this.$btns);this.$next=$('
').addClass('next').appendTo(this.$btns);this.$timelinecont=$('
').addClass('time-line-container').appendTo(this.$container);this.$timeline=$('
').addClass('time-line').appendTo(this.$timelinecont);this.$loader=$('
').addClass('loader').appendTo(this.$timeline);this.$cursor=$('
').addClass('cursor').appendTo(this.$timeline);this.$time=$('
').addClass('time').appendTo(this.$container);this.$currentTime=$('
').addClass('current-time').html('00:00').appendTo(this.$time);this.$duration=$('
').addClass('duration').html('00:00').appendTo(this.$time);this.$fav=$('
').addClass('favoris').appendTo(this.$container);this.$cartel=$('
').addClass('cartel').appendTo(this.$container);this.hideTimer=false;this.hideTimeMS=10000;this.currentHistoricIndex=null;this.historic=[];this.shuffle_is_active=false;this.event_handlers={'audio-open-document':[],'audio-play':[],'audio-pause':[],'audio-play-next':[],'audio-ended':[],'stop-shuffle':[]};this.init();};AudioPlayer.prototype={init(){this.$container.appendTo('header[role="banner"] .region-header');this.timeline_w=parseInt(this.$timeline.width());var fn='';for(var i=0;i'+(mins<10?'0':'')+mins+':'+(secs<10?'0':'')+secs+'');this.updateLoadingBar();},updateLoadingBar(){this.$loader.css({'width':parseInt((100*this.audio.buffered.end(0)/this.audio.duration),10)+'%'});if(this.audio.buffered.end(0)0){this.currentHistoricIndex-=1;this.launch();}},playNext(){if(this.currentHistoricIndex'+(mins<10?'0':'')+mins+':'+(secs<10?'0':'')+secs+'');},onEnded(){this.emmit('audio-ended');this.stop();},loadNode(nid){this.$cartel.addClass('loading');var vm='player_cartel';var ajax_path=_ajax_settings.entityjson_path+'/node/'+nid+'/'+vm;var path=window.location.origin+Drupal.url(ajax_path);$.getJSON(path,{}).done(this.onNodeLoaded.bind(this)).fail(this.onNodeLoadFail.bind(this));},onNodeLoaded(data){this.$cartel.html(data.rendered).removeClass('loading');_$body.trigger({'type':'new-audio-cartel-loaded'});initAjaxLinks();},onNodeLoadFail(jqxhr,textStatus,error){void 0;this.$cartel.removeClass('loading').html('');},show(){this.$container.addClass('visible');},showHidePreviousBtn(){if(this.historic.length>1&&this.currentHistoricIndex>0){this.$previous.addClass('is-active');}else{this.$previous.removeClass('is-active');}},showHideNextBtn(){if(this.currentHistoricIndex=0;i--){handler=this.event_handlers[event_name][i];setTimeout(function(){handler(args);},0);} -return this;},} -function RandomPlayer(playlist){this.active=false;this.playlist=playlist;this.$btn=$('').html('Shuffle').addClass('random-player-btn');this.init();};RandomPlayer.prototype={init(){$('
').addClass('block random-player').append(this.$btn).prependTo('.region-footer-right');this.$btn.on('click',this.toggleActive.bind(this));_audioPlayer.on('audio-ended',this.onAudioPlayerEnded.bind(this)).on('audio-play-next',this.onAudioPlayNext.bind(this)).on('stop-shuffle',this.stop.bind(this));},shuffle(){var tempPLaylist=[];for(var i=this.playlist.length-1;i>=0;i--){tempPLaylist.push(this.playlist[i]);} -this.shuffledPlaylist=[];while(tempPLaylist.length>0){var r=Math.floor(Math.random()*tempPLaylist.length);this.shuffledPlaylist.push(tempPLaylist.splice(r,1)[0]);}},toggleActive(e){if(this.active){this.stop();}else{this.start();}},start(){this.active=_audioPlayer.shuffle_is_active=true;this.$btn.addClass('is-active');this.shuffle();this.next();},stop(){this.active=_audioPlayer.shuffle_is_active=false;this.$btn.removeClass('is-active');},next(){if(this.active&&this.shuffledPlaylist.length>0) -_audioPlayer.openDocument(this.shuffledPlaylist.splice(0,1)[0]);},onAudioPlayNext(){this.next();},onAudioPlayerEnded(){this.next();}};function CompoPlayer(){this.active=false;this.playing=false;this.paused=false;this.playlist=[];this.current_index=0;this.$composer=null;this.$compo=null;this.$controls=null;this.init();};CompoPlayer.prototype={init(){_audioPlayer.on('audio-open-document',this.onAudioOpenDocument.bind(this)).on('audio-play',this.onAudioPlayerPlay.bind(this)).on('audio-pause',this.onAudioPlayerPause.bind(this)).on('audio-ended',this.onAudioPlayerEnded.bind(this));},newCompo(){this.initControls();},initControls(){this.$composer=$('.composition_ui .composer');this.$compo=$('.composition_ui .composer .composition');this.$controls=$('.composition_ui .composer .compo-player-controls');if(!this.$controls.is('.ready')&&this.$compo){this.$previous=$('
').addClass('previous').on('click',this.prev.bind(this)).appendTo(this.$controls);this.$playpause=$('
').addClass('play-pause').on('click',this.togglePlayPause.bind(this)).appendTo(this.$controls);this.$next=$('
').addClass('next').on('click',this.next.bind(this)).appendTo(this.$controls);this.$controls.addClass('ready');this.refresh();this.active=true;}},refresh(){this.stop();this.playlist=[];var that=this;$('.field--name-documents .field__item',this.$compo).each(function(i,el){var $link=$('a.audio-link',this);that.playlist.push({item:$(this),audio_url:$link.attr("audio_url"),nid:$link.attr("nid"),});});this.showHideControls();},togglePlayPause(){if(this.playing&&!this.paused){this.pause();}else{if(this.playing&&this.paused){this.play();}else{this.start();}}},start(){this.playing=true;this.play();},play(){if(this.paused){this.paused=false;_audioPlayer.play();}else{_audioPlayer.openDocument(this.playlist[this.current_index],this);} -this.setActiveItem().showHideControls();},pause(){this.paused=true;this.showHideControls();_audioPlayer.stop();},next(){if(this.playing){this.current_index+=1;if(this.current_index=0){this.play();}else{this.stop();}}},stop(){_audioPlayer.stop();this.reset();},reset(){this.playing=false;this.paused=false;this.resetIndex();},resetIndex(){this.current_index=0;this.showHideControls().resetActiveItems();},setActiveItem(){this.resetActiveItems();if(this.playing&&this.current_index>=0){this.playlist[this.current_index].item.addClass('is-active');} -this.showHideControls();return this;},resetActiveItems(){for(var n=0;n0){this.$playpause.addClass('is-active');}else{this.$playpause.removeClass('is-active');}} -if(this.$next){if(this.playing&&this.playlist.length>1&&this.current_index1&&this.current_index>0){this.$previous.addClass('is-active');}else{this.$previous.removeClass('is-active');}} -return this;},deactivate(){this.stop();this.active=false;},onAudioOpenDocument(args){if(args.caller!==this){this.reset();}},onAudioPlayerPlay(){if(this.playing&&this.paused){this.paused=false;this.showHideControls();}},onAudioPlayerPause(){if(this.playing&&!this.paused){this.paused=true;this.showHideControls();}},onAudioPlayerEnded(){this.next();},};function backToFrontPage(){closeAllModals();$('body').removeClass().addClass('path-frontpage');$('a[data-drupal-link-system-path=""]').addClass('is-active');} -function initHome(){addCloseBtnToCols();var $grid=$('.grid',_$row).masonry({itemSelector:'.col',columnWidth:'.col-2',horizontalOrder:true,containerStyle:null,});$grid.imagesLoaded().progress(function(){$grid.masonry('layout');});$grid.imagesLoaded(function(){$grid.masonry('layout');});} -function initProductions(){var $grid=$('.grid',_$row).masonry({itemSelector:'.col',columnWidth:'.col-2',horizontalOrder:true,containerStyle:null,});$grid.imagesLoaded().progress(function(){$grid.masonry('layout');});$grid.imagesLoaded(function(){$grid.masonry('layout');});};function closeAllModals(){_$row.html('');_$ajaxLinks.removeClass('is-active');_$body.trigger({'type':'all-modal-closed'});};function getCookie(name){var v=document.cookie.match('(^|;) ?'+name+'=([^;]*)(;|$)');return v?v[2]:null;} -function setCookie(name,value,days){var d=new Date;d.setTime(d.getTime()+24*60*60*1000*days);document.cookie=name+"="+value+";path=/;expires="+d.toGMTString();} -function deleteCookie(name){setCookie(name,'',-1);} -init();} -$(document).ready(function($){var edlptheme=new EdlpTheme();});})(jQuery,Drupal,drupalSettings); \ No newline at end of file + EdlpTheme = function(){ + var _ajax_settings = drupalSettings.edlp_ajax; + var _$body = $('body'); + var _is_front = _$body.is('.path-frontpage'); + var _$corpus_canvas; + var _$row = $('main[role="main"]>.layout-content>.row'); + var _$ajaxLinks; + var _audioPlayer; + var _randomPlayer; + var _compoPlayer; + + // ___ _ _ + // |_ _|_ _ (_) |_ + // | || ' \| | _| + // |___|_||_|_|\__| + function init(){ + console.log("EdlpTheme init()"); + + initHistory(); + + if(!drupalSettings.path.isFront) + return; + + initEvents(); + + _audioPlayer = new AudioPlayer(); + _compoPlayer = new CompoPlayer(); + + initAjaxLinks(); + + // if (_$body.is('.path-productions')) initProductions(); + // if(_$body.is('.path-frontpage')) initHome(); + // initScrollbars(); + }; + + // ___ _ + // | __|_ _____ _ _| |_ ___ + // | _|\ V / -_) ' \ _(_-< + // |___|\_/\___|_||_\__/__/ + function initEvents(){ + _$body + .on('corpus-map-ready', onCorpusMapReady) + .on('on-studio-chutier-updated', initAjaxLinks) + .on('studio-initialized', function(e){ + _compoPlayer.newCompo(); + }) + .on('studio-not-active', function(e){ + _compoPlayer.deactivate(); + }) + .on('on-studio-compo-updated', function(e){ + initAjaxLinks(); + _compoPlayer.refresh(); + }) + .on('on-studio-compo-opened', function(e){ + initAjaxLinks(); + _compoPlayer.newCompo(); + }) + .on('search-results-loaded', initAjaxLinks) + .on('open_entree', closeAllModals) + .on('close_entree', backToFrontPage); + } + + // ___ _ _ ___ + // / __| __ _ _ ___| | | _ ) __ _ _ _ ___ + // \__ \/ _| '_/ _ \ | | _ \/ _` | '_(_-< + // |___/\__|_| \___/_|_|___/\__,_|_| /__/ + function initScrollbars(){ + // console.log("initScrollbars"); + // TODO: find a better js scroll than overlayScrollbars which does not handle well max-height + overflow-y:auto; + // $('.os-scroll').overlayScrollbars({ + // overflowBehavior:{ + // x:'h', + // y:'scroll', + // clipAlways:false + // } + // }); + }; + + // _ _ + // /_\ (_)__ ___ __ + // / _ \ | / _` \ \ / + // /_/ \_\/ \__,_/_\_\ + // |__/ + function parseAjaxSysPath(sys_path, view_mode){ + // console.log('Theme : parseAjaxSysPath', sys_path); + var ajax_path = sys_path; + + // convert node link to edlp_ajax_node module links + var node_match = ajax_path.match(/^\/?(node\/\d+)$/g); + var term_match = ajax_path.match(/^\/?(taxonomy\/term\/\d+)$/g); + if(node_match){ + ajax_path = _ajax_settings.entityjson_path+'/'+node_match[0]; + // check for viewmode attribute + if(view_mode){ + ajax_path += '/'+view_mode; + } + }else if(term_match){ + ajax_path = _ajax_settings.entityjson_path+'/'+term_match[0]; + ajax_path = ajax_path.replace(/taxonomy\/term/, 'taxonomy_term'); + // check for viewmode attribute + if(view_mode){ + ajax_path += '/'+view_mode; + } + }else{ + // convert other link to ajax + // TODO: we assume that other links (no node, no term) are all from own modules (e.g. productions) !! may not be true !! + ajax_path += '/ajax' + } + return ajax_path; + }; + function ajaxLoadContent(url, sys_path, ajax_path, selector){ + console.log('ajaxLoadContent : url', url); + _$body.addClass('ajax-loading'); + + var path = window.location.origin + Drupal.url(ajax_path); + $.getJSON(path, {}) + .done(function(data){ + onAjaxLoaded(data, url, ajax_path, sys_path, selector); + }) + .fail(function(jqxhr, textStatus, error){ + onAjaxLoadError(jqxhr, textStatus, error, sys_path); + }); + }; + function onAjaxLoadError(jqxhr, textStatus, error, sys_path){ + console.warn('ajaxlink load failed for '+sys_path+' : '+error, jqxhr.responseText); + $('.ajax-loading').removeClass('ajax-loading'); + _$body.removeClass('ajax-loading'); + }; + function onAjaxLoaded(data, url, ajax_path, sys_path, selector){ + console.log('ajax loaded url:'+url+' ajax_path:'+ajax_path+' sys_path:'+sys_path); + + // reset all style may been added by other pages (like masonry for productions) + // and replace all content with newly loaded + // TODO: build a system to replace or append contents (like studio + search) + _$row.removeAttr('style').html(data.rendered); + + // add close btn + if(sys_path != 'productions'){ + addCloseBtnToCols(); + } + + // add body class for currently loaded content + var body_classes = [ + 'path-'+sys_path.replace(/\//g, '-'), + 'entity-type-'+data.entity_type, + 'bundle-'+data.bundle, + 'view-mode-'+data.view_mode + ]; + _$body.removeClass().addClass(body_classes.join(' ')); + + // id node add a generic path-node class to body + m = sys_path.match(/^\/?(node\/\d+)$/g); + if(m) + _$body.addClass('path-edlp-node'); + + // handle clicked link classes + $('.ajax-loading').removeClass('ajax-loading'); + $('.is-active').removeClass('is-active'); + $('.is-active-trail').removeClass('is-active-trail'); + + if(typeof selector != 'undefined'){ + $('a[selector="'+selector+'"]').addClass('is-active'); + }else{ + $('a[data-drupal-link-system-path="'+sys_path+'"]').addClass('is-active'); + } + + // if bundle page (productions) activate production links + if (typeof data.bundle != 'undefined' && data.bundle == "page") { + $('a[data-drupal-link-system-path="productions"]').addClass('is-active-trail'); + } + // if node is in production menu tree, set first level of tree active, e.g. pieces sonores + if (typeof data.menu_parents != 'undefined') { + for (var i = 0; i < data.menu_parents.length; i++) { + var menu_sys_path = data.menu_parents[i]; + $('a[data-drupal-link-system-path="'+menu_sys_path+'"]').addClass('is-active-trail'); + } + } + + // if block attached (eg : from edlp_productions module) + // not used anymore as production block is always present (but not visible) + if(typeof data.block != 'undefined'){ + // if block not already added + if(!$('#'+data.block.id, '.region-'+data.block.region).length){ + $('.region-'+data.block.region).append(data.block.rendered); + } + } + + // initScrollbars(); + + if(sys_path == "productions") + initProductions(); + + initAjaxLinks(); + + // trigger other modules behaviours + _$body.trigger({'type':'new-content-ajax-loaded'}); + // and call druapl behaviours + Drupal.attachBehaviors(_$row[0]); + + _$body.attr('booted', 'booted'); + _$body.removeClass('ajax-loading'); + + + var state = { + ajax_path:ajax_path, + sys_path:sys_path, + }; + // url is null means that we are loading content on popState event + // so we don't record the state again + if(url){ + // console.log('url:'+url+' ; state',state); + // we can not pushestate with absolute url + history.pushState(state, null, url); + } + }; + + function addCloseBtnToCols(){ + $('.col', _$row).each(function(index, el) { + + if($('span.close-col-btn', this).length) + return true; + + $(this).children('.wrapper').append($('') + .addClass('close-col-btn') + .on('click', function(e){ + // check for theme attribute and emmit event + var $col = $(this).parents('.col'); + var theme = $col.attr('theme'); + if(theme != ''){ + _$body.trigger({'type':theme+'-col-closed'}); + } + // remove the col + $col.remove(); + // if row is empty call closeAllModals() + if(!$('.col', _$row).length){ + backToFrontPage(); + } + }) + ); + }); + }; + + // _ _ _ _ + // | || (_)__| |_ ___ _ _ _ _ + // | __ | (_-< _/ _ \ '_| || | + // |_||_|_/__/\__\___/_| \_, | + // |__/ + function initHistory(){ + initFirstLoad(); + window.addEventListener('popstate', onHistoryPopState); + }; + function initFirstLoad(){ + console.log('theme : initFirstLoad()', window.location); + console.log(document.cookie); + var url = window.location.pathname; + // var origin_path = getCookie('edlp_origin_path'); + // console.log('origin_path', origin_path); + var origin_sys_path = window.localStorage.getItem('edlp_origin_path'); + console.log('origin_sys_path', origin_sys_path); + var origin_url = window.localStorage.getItem('edlp_origin_url'); + console.log('origin_url', origin_url); + if(origin_sys_path){ + // create history state + var state = { + ajax_path: parseAjaxSysPath(origin_sys_path), + sys_path: origin_sys_path, + }; + console.log('state', state); + // record history state + history.replaceState(state, null, origin_url); + // load content through ajax + ajaxLoadContent(null, state.sys_path, state.ajax_path); + // reset the storage + window.localStorage.removeItem("edlp_origin_path"); + window.localStorage.removeItem("edlp_origin_url"); + + }else{ + history.replaceState({home:true}, null, url); + _$body.attr('booted', 'booted'); + } + }; + function onHistoryPopState(e){ + //console.log('onPopState',e); + if(e.state.home){ + backToFrontPage(); + }else{ + ajaxLoadContent(null, e.state.sys_path, e.state.ajax_path) + } + }; + + // _ _ _ _ _ + // /_\ (_)__ ___ _| | (_)_ _ | |__ ___ + // / _ \ | / _` \ \ / |__| | ' \| / /(_-< + // /_/ \_\/ \__,_/_\_\____|_|_||_|_\_\/__/ + // |__/ + function initAjaxLinks(){ + // console.log('initAjaxLinks'); + + $('a', '#block-mainnavigation') + .add('a', '#block-footer.menu--footer') + .add('a', '#block-productions') + .add('a', 'article.node:not(.node--type-enregistrement) h2.node-title') + .add('a', '.productions-subtree') + .add('a', '.productions-parent') + // .add('a.index-link, a.notice-link', '#block-edlpentreesblock') + .addClass('ajax-link'); + + _$ajaxLinks = $('.ajax-link:not(.ajax-enabled)') + .each(function(i,e){ + var $this = $(this); + // avoid already ajaxified links + if($this.is('.ajax-enable')) return; + if($this.attr('data-drupal-link-system-path')){ + $this.on('click', onClickAjaxLink).addClass('ajax-enable'); + } + }); + }; + function onClickAjaxLink(e){ + e.preventDefault(); + var $link = $(this); + + if($link.is('.is-active')) + return false; + + // Audio links + // launch audio player and stop here + if($link.is('.audio-link')){ + _audioPlayer + .emmit('stop-shuffle') + .openDocument({ + nid:$link.attr('nid'), + audio_url:$link.attr('audio_url') + }); + return false; + } + + // other links + var url = $(this).attr('href'); + var sys_path = $(this).attr('data-drupal-link-system-path'); + + // front page + // just remove contents and stop here + if(sys_path == ''){ + backToFrontPage(); + return false; + } + + var view_mode = $link.attr('viewmode'); + var ajax_path = parseAjaxSysPath(sys_path, view_mode); + + $link.addClass('ajax-loading'); + + if($link.is('[selector]')){ + var selector = $link.attr('selector'); + } + + ajaxLoadContent(url, sys_path, ajax_path, selector); + return false; + }; + + // ___ + // / __|___ _ _ _ __ _ _ ___ + // | (__/ _ \ '_| '_ \ || (_-< + // \___\___/_| | .__/\_,_/__/ + // |_| + function onCorpusMapReady(e){ + //console.log('theme : onCorpusReady', e); + _$corpus_canvas = $('canvas#corpus-map'); + _$corpus_canvas + .on('corpus-cliked-on-map', function(e) { + //console.log('theme : corpus-cliked-on-map'); + backToFrontPage(); + }) + .on('corpus-cliked-on-node', function(e) { + //console.log('theme : corpus-cliked-on-node', e); + _audioPlayer + .emmit('stop-shuffle') + .openDocument(e.target_node); + }); + + _randomPlayer = new RandomPlayer(e.playlist); + + _$body.attr('corpus-map', 'ready'); + } + + // _ _ _ + // /_\ _ _ __| (_)___ + // / _ \ || / _` | / _ \ + // /_/ \_\_,_\__,_|_\___/ + // + // https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement + // https://docs.microsoft.com/en-us/previous-versions/windows/internet-explorer/ie-developer/samples/gg589528%28v%3dvs.85%29 + // https://www.binarytides.com/using-html5-audio-element-javascript/ + function AudioPlayer(){ + var that = this; + this.fid; + this.audio = new Audio(); + // audio events + this.audio_events = ["loadedmetadata","canplay","playing","pause","timeupdate","ended"]; + + // UI dom objects + this.$container = $('
'); + // btns + this.$btns = $('
').addClass('btns').appendTo(this.$container); + this.$previous = $('
').addClass('previous').appendTo(this.$btns); + this.$playpause = $('
').addClass('play-pause').appendTo(this.$btns); + this.$next = $('
').addClass('next').appendTo(this.$btns); + // timeline + this.$timelinecont= $('
').addClass('time-line-container').appendTo(this.$container); + this.$timeline = $('
').addClass('time-line').appendTo(this.$timelinecont); + this.$loader = $('
').addClass('loader').appendTo(this.$timeline); + this.$cursor = $('
').addClass('cursor').appendTo(this.$timeline); + // time + this.$time = $('
').addClass('time').appendTo(this.$container); + this.$currentTime = $('
').addClass('current-time').html('00:00').appendTo(this.$time); + this.$duration = $('
').addClass('duration').html('00:00').appendTo(this.$time); + // favoris + this.$fav = $('
').addClass('favoris').appendTo(this.$container); + // cartel + this.$cartel = $('
').addClass('cartel').appendTo(this.$container); + + // hiding + this.hideTimer = false; + this.hideTimeMS = 10000; + + // history + this.currentHistoricIndex = null; + this.historic = []; + this.shuffle_is_active = false; + + // object events + this.event_handlers = { + 'audio-open-document':[], + 'audio-play':[], + 'audio-pause':[], + 'audio-play-next':[], + 'audio-ended':[], + 'stop-shuffle':[] + }; + + this.init(); + }; + AudioPlayer.prototype = { + init(){ + // append ui to document + this.$container.appendTo('header[role="banner"] .region-header'); + // record timeline width + this.timeline_w = parseInt(this.$timeline.width()); + // init audio events + var fn = ''; + for (var i = 0; i < this.audio_events.length; i++) { + fn = this.audio_events[i]; + // capitalize first letter of event (only cosmetic :p ) + fn = 'on'+fn.charAt(0).toUpperCase()+fn.slice(1); + this.audio.addEventListener( + this.audio_events[i], + this[fn].bind(this), + true); + } + // init btns events + this.$previous.on('click', this.playPrevious.bind(this)); + this.$playpause.on('click', this.togglePlayPause.bind(this)); + this.$next.on('click', this.playNext.bind(this)); + }, + openDocument(node, caller){ + // console.log('AudioPlayer openDocument', node); + if(typeof node == 'undefined' + || typeof node.nid == 'undefined' + || typeof node.audio_url == 'undfined'){ + console.warn('AudioPlayer openDocument() node is malformed', node); + return false; + } + this.historic.push(node); + this.currentHistoricIndex = this.historic.length-1; + // this.shuffle_mode = shuffle_mode || false; + + // TODO: add an hash tag to be able to share and play audio from any where + + this.emmit('audio-open-document', {caller:caller}); + + this.launch(); + }, + launch(){ + this.clearTimeOutToHide(); + this.setSRC(this.historic[this.currentHistoricIndex].audio_url); + this.loadNode(this.historic[this.currentHistoricIndex].nid); + // emmit new playing doc (e.g.: corpus map nowing that audio played from RandomPlayer) + try { + _$corpus_canvas.trigger({ + 'type':'audio-node-opened', + 'nid':this.historic[this.currentHistoricIndex].nid + }); + } catch (e) { + console.info('AudioPlayer : _$corpus_canvas does not exists'); + } + + this.showHidePreviousBtn(); + this.showHideNextBtn(); + this.show(); + }, + // audio functions + setSRC(url){ + // console.log('AudioPlayer setSRC : url', url); + this.audio.src = url; + }, + onLoadedmetadata(){ + var rem = parseInt(this.audio.duration, 10), + mins = Math.floor(rem/60,10), + secs = rem - mins*60; + this.$duration.html(''+(mins<10 ? '0':'')+mins+':'+(secs<10 ? '0':'')+secs+''); + this.updateLoadingBar(); + }, + updateLoadingBar(){ + this.$loader.css({ + 'width':parseInt((100 * this.audio.buffered.end(0) / this.audio.duration), 10)+'%' + }); + if( this.audio.buffered.end(0) < this.audio.duration ){ + // loop through this function until file is fully loaded + var that = this; + window.requestAnimationFrame(that.updateLoadingBar.bind(that)); + }else{ + //console.log('Audio fully loaded'); + } + }, + onCanplay(){ + this.play(); + }, + play(){ + this.clearTimeOutToHide(); + this.audio.play(); + }, + playPrevious(){ + if(this.currentHistoricIndex > 0){ + this.currentHistoricIndex -= 1; + this.launch(); + } + }, + playNext(){ + if(this.currentHistoricIndex < this.historic.length-1){ + this.currentHistoricIndex += 1; + this.launch(); + }else{ + this.emmit('audio-play-next'); + } + }, + togglePlayPause(e){ + if(this.audio.paused){ + this.audio.play(); + }else{ + this.audio.pause(); + } + }, + stop(){ + // console.log('AudioPlayer stop()'); + this.audio.pause(); + this.timeOutToHide(); + }, + // audio events + onPlaying(){ + this.$btns.addClass('is-playing'); + this.emmit('audio-play'); + }, + onPause(){ + this.$btns.removeClass('is-playing'); + this.emmit('audio-pause'); + }, + onTimeupdate(){ + // move cursor + this.$cursor.css({ + 'left':(this.audio.currentTime/this.audio.duration * this.timeline_w)+"px" + }); + // update time text display + var rem = parseInt(this.audio.currentTime, 10), + mins = Math.floor(rem/60,10), + secs = rem - mins*60; + this.$currentTime.html(''+(mins<10 ? '0':'')+mins+':'+(secs<10 ? '0':'')+secs+''); + }, + onEnded(){ + this.emmit('audio-ended'); + this.stop(); + }, + // cartel functions + loadNode(nid){ + this.$cartel.addClass('loading'); + var vm = 'player_cartel'; + var ajax_path = _ajax_settings.entityjson_path+'/node/'+nid+'/'+vm; + var path = window.location.origin + Drupal.url(ajax_path); + $.getJSON(path, {}) + .done(this.onNodeLoaded.bind(this)) + .fail(this.onNodeLoadFail.bind(this)); + }, + onNodeLoaded(data){ + // console.log('AudioPlayer node loaded'); + this.$cartel.html(data.rendered).removeClass('loading'); + _$body.trigger({'type':'new-audio-cartel-loaded'}); + initAjaxLinks(); + }, + onNodeLoadFail(jqxhr, textStatus, error){ + console.warn('AudioPlayer node load failed', jqxhr.responseText); + this.$cartel.removeClass('loading').html(''); + }, + // global + show(){ + this.$container.addClass('visible'); + }, + showHidePreviousBtn(){ + if(this.historic.length > 1 && this.currentHistoricIndex > 0){ + this.$previous.addClass('is-active'); + }else{ + this.$previous.removeClass('is-active'); + } + }, + showHideNextBtn(){ + if(this.currentHistoricIndex < this.historic.length-1 || this.shuffle_is_active){ + this.$next.addClass('is-active'); + }else{ + this.$next.removeClass('is-active'); + } + }, + timeOutToHide(){ + // console.log('AudioPlayer timeOutToHide()'); + this.clearTimeOutToHide(); + this.hideTimer = setTimeout(this.hide.bind(this), this.hideTimeMS); + }, + clearTimeOutToHide(){ + // console.log('AudioPlayer clearTimeOutToHide()',this.hideTimer); + if(this.hideTimer){ + clearTimeout(this.hideTimer); + this.hideTimer = false; + } + }, + hide(){ + // console.log('AudioPlayer hide()'); + this.$container.removeClass('visible'); + // trigger highlighted node remove on corpus map + try { + _$corpus_canvas.trigger('audio-node-closed'); + } catch (e) { + console.info('AudioPlayer hide() : _$corpus_canvas does not exists'); + } + }, + // object events + on(event_name, handler){ + if(typeof this.event_handlers[event_name] == 'undefined'){ + console.warn('AudioPlayer : event '+event_name+' does not exists'); + } + this.event_handlers[event_name].push(handler); + return this; + }, + emmit(event_name, args){ + // console.log('AudioPlayer emmit() event_name', event_name); + // console.log('AudioPlayer emmit() handlers', this.event_handlers[event_name]); + var handler; + var args = args || {}; + for (var i = this.event_handlers[event_name].length-1; i >= 0 ; i--) { + handler = this.event_handlers[event_name][i]; + // console.log('AudioPlayer emmit() loop handler', handler); + setTimeout(function(){ + // console.log('AudioPlayer emmit() timeout handler', handler); + handler(args); + }, 0); + } + return this; + }, + } + + // ___ _ ___ _ + // | _ \__ _ _ _ __| |___ _ __ | _ \ |__ _ _ _ ___ _ _ + // | / _` | ' \/ _` / _ \ ' \| _/ / _` | || / -_) '_| + // |_|_\__,_|_||_\__,_\___/_|_|_|_| |_\__,_|\_, \___|_| + // |__/ + function RandomPlayer(playlist){ + this.active = false; + this.playlist = playlist; + this.$btn = $('').html('Shuffle').addClass('random-player-btn'); + this.init(); + }; + RandomPlayer.prototype = { + init(){ + // this.shuffle(); + $('
') + .addClass('block random-player') + .append(this.$btn) + // .insertAfter('#block-userlogin, #block-studiolinkblock'); + .prependTo('.region-footer-right'); + + // events + this.$btn.on('click', this.toggleActive.bind(this)); + + // attach an event on AudioPlayer + _audioPlayer + .on('audio-ended', this.onAudioPlayerEnded.bind(this)) + .on('audio-play-next', this.onAudioPlayNext.bind(this)) + .on('stop-shuffle', this.stop.bind(this)); + }, + shuffle(){ + var tempPLaylist = []; + for (var i = this.playlist.length-1; i >= 0 ; i--) { + tempPLaylist.push(this.playlist[i]); + } + this.shuffledPlaylist = []; + while(tempPLaylist.length > 0){ + var r = Math.floor(Math.random() * tempPLaylist.length); + this.shuffledPlaylist.push(tempPLaylist.splice(r,1)[0]); + } + //console.log('RandomPlayer, this.shuffledPlaylist', this.shuffledPlaylist); + }, + toggleActive(e){ + if (this.active) { + this.stop(); + }else{ + this.start(); + } + }, + start(){ + this.active = _audioPlayer.shuffle_is_active = true; + this.$btn.addClass('is-active'); + this.shuffle(); + this.next(); + }, + stop(){ + this.active = _audioPlayer.shuffle_is_active = false; + this.$btn.removeClass('is-active'); + // stop audio player + // _audioPlayer.stop(); + }, + next(){ + if(this.active && this.shuffledPlaylist.length > 0) + _audioPlayer.openDocument(this.shuffledPlaylist.splice(0,1)[0]); + }, + onAudioPlayNext(){ + //console.log('RandomPlayer : onAudioPlayNext()'); + this.next(); + }, + onAudioPlayerEnded(){ + //console.log('RandomPlayer : onAudioPlayerEnded()'); + this.next(); + } + }; + + // ___ ___ _ + // / __|___ _ __ _ __ ___| _ \ |__ _ _ _ ___ _ _ + // | (__/ _ \ ' \| '_ \/ _ \ _/ / _` | || / -_) '_| + // \___\___/_|_|_| .__/\___/_| |_\__,_|\_, \___|_| + // |_| |__/ + function CompoPlayer(){ + this.active = false; + this.playing = false; + this.paused = false; + this.playlist = []; + this.current_index = 0; + this.$composer = null; + this.$compo = null; + this.$controls = null; + this.init(); + }; + CompoPlayer.prototype = { + init(){ + // console.log('CompoPlayer init()'); + // attach an event on AudioPlayer + _audioPlayer + .on('audio-open-document', this.onAudioOpenDocument.bind(this)) + .on('audio-play', this.onAudioPlayerPlay.bind(this)) + .on('audio-pause', this.onAudioPlayerPause.bind(this)) + .on('audio-ended', this.onAudioPlayerEnded.bind(this)); + // .on('audio-play-next', this.onAudioPlayNext.bind(this)); + + // this.newCompo(); + }, + newCompo(){ + //console.log('CompoPlayer newCompo()'); + // this.$compo = $('.composition_ui .composer .composition'); + this.initControls(); + }, + initControls(){ + //console.log('CompoPlayer initControls()'); + this.$composer = $('.composition_ui .composer'); + this.$compo = $('.composition_ui .composer .composition'); + this.$controls = $('.composition_ui .composer .compo-player-controls'); + if(!this.$controls.is('.ready') && this.$compo){ + this.$previous = $('
').addClass('previous') + .on('click', this.prev.bind(this)) + .appendTo(this.$controls); + this.$playpause = $('
').addClass('play-pause') + .on('click', this.togglePlayPause.bind(this)) + .appendTo(this.$controls); + this.$next = $('
').addClass('next') + .on('click', this.next.bind(this)) + .appendTo(this.$controls); + + this.$controls.addClass('ready'); + + this.refresh(); + + this.active = true; + // this.newCompo(); + } + }, + refresh(){ + // console.log('CompoPlayer refresh(), this', this); + this.stop(); + + // load new playlist + this.playlist = []; + var that = this; + $('.field--name-documents .field__item',this.$compo).each(function(i,el){ + var $link = $('a.audio-link',this); + that.playlist.push({ + item:$(this), + audio_url:$link.attr("audio_url"), + nid:$link.attr("nid"), + }); + }); + this.showHideControls(); + }, + togglePlayPause(){ + // console.log('CompoPlayer togglePlayPause'); + if (this.playing && !this.paused) { + this.pause(); + }else{ + if(this.playing && this.paused){ + this.play(); + }else{ + this.start(); + } + } + }, + start(){ + //console.log('start'); + // console.log('CompoPlayer start()'); + this.playing = true; + this.play(); + }, + play(){ + // console.log('play'); + if(this.paused){ + this.paused = false; + _audioPlayer.play(); + }else{ + _audioPlayer.openDocument(this.playlist[this.current_index], this); + } + this.setActiveItem().showHideControls(); + }, + pause(){ + //console.log('pause'); + this.paused = true; + this.showHideControls(); + _audioPlayer.stop(); + }, + next(){ + // console.log('CompoPlayer next()'); + if(this.playing){ + this.current_index += 1; + if(this.current_index < this.playlist.length){ + this.play(); + }else{ + this.stop(); + } + } + }, + prev(){ + // console.log('CompoPlayer prev()'); + if(this.playing){ + this.current_index -= 1; + if(this.current_index >= 0){ + this.play(); + }else{ + this.stop(); + } + } + }, + stop(){ + _audioPlayer.stop(); + this.reset(); + }, + reset(){ + this.playing = false; + this.paused = false; + this.resetIndex(); + }, + resetIndex(){ + this.current_index = 0; + this.showHideControls().resetActiveItems(); + }, + setActiveItem(){ + this.resetActiveItems(); + if(this.playing && this.current_index >= 0){ + this.playlist[this.current_index].item.addClass('is-active'); + } + // this call shoud not be here + this.showHideControls(); + return this; + }, + resetActiveItems(){ + for (var n = 0; n < this.playlist.length; n++) { + // console.log('node',node); + this.playlist[n].item.removeClass('is-active'); + } + return this; + }, + showHideControls(){ + // console.log('CompoPlayer showHideNextBtn(), playing:'+this.playing+', paused:'+this.paused); + // global playing + if(this.$controls){ + if(this.playing && !this.paused){ + this.$controls.addClass('is-playing'); + }else{ + this.$controls.removeClass('is-playing'); + } + } + // playpause + if(this.$playpause){ + if(this.playlist.length > 0){ + this.$playpause.addClass('is-active'); + }else{ + this.$playpause.removeClass('is-active'); + } + } + // next + if(this.$next){ + if(this.playing && this.playlist.length > 1 && this.current_index < this.playlist.length -1){ + this.$next.addClass('is-active'); + }else{ + this.$next.removeClass('is-active'); + } + } + // previous + if(this.$previous){ + if(this.playing && this.playlist.length > 1 && this.current_index > 0){ + this.$previous.addClass('is-active'); + }else{ + this.$previous.removeClass('is-active'); + } + } + return this; + }, + deactivate(){ + this.stop(); + this.active = false; + }, + // _audioPlayer events + onAudioOpenDocument(args){ + if(args.caller !== this){ + // console.log('CompoPlayer onAudioOpenDocument() called by other'); + this.reset(); + } + // else{ + // // console.log('CompoPlayer onAudioOpenDocument() self calling'); + // } + }, + onAudioPlayerPlay(){ + if(this.playing && this.paused){ + this.paused = false; + this.showHideControls(); + } + }, + onAudioPlayerPause(){ + if(this.playing && !this.paused){ + this.paused = true; + this.showHideControls(); + } + }, + onAudioPlayerEnded(){ + this.next(); + }, + // onAudioPlayNext(){ + // this.next(); + // } + }; + + // ___ _ ___ + // | __| _ ___ _ _| |_| _ \__ _ __ _ ___ + // | _| '_/ _ \ ' \ _| _/ _` / _` / -_) + // |_||_| \___/_||_\__|_| \__,_\__, \___| + // |___/ + function backToFrontPage(){ + closeAllModals(); + // assume we are going back to front page + $('body').removeClass().addClass('path-frontpage'); + $('a[data-drupal-link-system-path=""]').addClass('is-active'); + + } + + function initHome(){ + addCloseBtnToCols(); + // console.log('theme : initHome'); + // console.log('theme : initProductions'); + var $grid = $('.grid',_$row).masonry({ + itemSelector:'.col', + columnWidth:'.col-2', + horizontalOrder: true, + containerStyle: null, + // disable initial layout + // initLayout: false, + }); + // bind event + // $grid.masonry( 'on', 'layoutComplete', function() { + // console.log('layout is complete'); + // }); + + // layout Masonry after each image loads + $grid.imagesLoaded().progress( function() { + $grid.masonry('layout'); + }); + + $grid.imagesLoaded(function(){ + $grid.masonry('layout'); + }); + } + + // ___ _ _ _ + // | _ \_ _ ___ __| |_ _ __| |_(_)___ _ _ ___ + // | _/ '_/ _ \/ _` | || / _| _| / _ \ ' \(_-< + // |_| |_| \___/\__,_|\_,_\__|\__|_\___/_||_/__/ + function initProductions(){ + // console.log('theme : initProductions'); + var $grid = $('.grid',_$row).masonry({ + itemSelector:'.col', + columnWidth:'.col-2', + horizontalOrder: true, + containerStyle: null, + // disable initial layout + // initLayout: false, + }); + // bind event + // $grid.masonry( 'on', 'layoutComplete', function() { + // console.log('layout is complete'); + // }); + + // layout Masonry after each image loads + $grid.imagesLoaded().progress( function() { + $grid.masonry('layout'); + }); + + $grid.imagesLoaded(function(){ + $grid.masonry('layout'); + }); + }; + + // __ __ _ _ + // | \/ |___ __| |__ _| |___ + // | |\/| / _ \/ _` / _` | (_-< + // |_| |_\___/\__,_\__,_|_/__/ + function closeAllModals(){ + //console.log('theme : closeAllModals'); + // TODO: animate the remove + _$row.html(''); + _$ajaxLinks.removeClass('is-active'); + _$body.trigger({'type':'all-modal-closed'}); + }; + + // _ _ _ + // | || |___| |_ __ ___ _ _ ___ + // | __ / -_) | '_ \/ -_) '_(_-< + // |_||_\___|_| .__/\___|_| /__/ + // |_| + + // https://plainjs.com/javascript/utilities/set-cookie-get-cookie-and-delete-cookie-5/ + function getCookie(name) { + var v = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)'); + return v ? v[2] : null; + } + function setCookie(name, value, days) { + var d = new Date; + d.setTime(d.getTime() + 24*60*60*1000*days); + document.cookie = name + "=" + value + ";path=/;expires=" + d.toGMTString(); + } + function deleteCookie(name) { setCookie(name, '', -1); } + + init(); + } // end EdlpTheme() + + $(document).ready(function($) { + var edlptheme = new EdlpTheme(); + }); + + +})(jQuery, Drupal, drupalSettings); diff --git a/sites/all/themes/custom/edlptheme/assets/dist/styles/app.min.css b/sites/all/themes/custom/edlptheme/assets/dist/styles/app.min.css index 4df559712..5961467d4 100644 --- a/sites/all/themes/custom/edlptheme/assets/dist/styles/app.min.css +++ b/sites/all/themes/custom/edlptheme/assets/dist/styles/app.min.css @@ -1 +1,2710 @@ -.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-7,.col-8,.col-9{padding-left:0;margin-left:0;vertical-align:top}.col-1,.col-1-offset-1,.col-1-offset-10,.col-1-offset-2,.col-1-offset-3,.col-1-offset-4,.col-1-offset-5,.col-1-offset-6,.col-1-offset-7,.col-1-offset-8,.col-1-offset-9,.col-10,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{vertical-align:top}#block-mainnavigation ul li a,.block-language ul li a,a{color:inherit;text-decoration:none}body{background:#fff}a,a:active,a:focus{outline:0}a:focus{-moz-outline-style:none}.col-1,.col-1-offset-1,.col-1-offset-10,.col-1-offset-11,.col-1-offset-2,.col-1-offset-3,.col-1-offset-4,.col-1-offset-5,.col-1-offset-6,.col-1-offset-7,.col-1-offset-8,.col-1-offset-9,.col-10,.col-10-offset-1,.col-10-offset-2,.col-11,.col-11-offset-1,.col-12,.col-2,.col-2-offset-1,.col-2-offset-10,.col-2-offset-2,.col-2-offset-3,.col-2-offset-4,.col-2-offset-5,.col-2-offset-6,.col-2-offset-7,.col-2-offset-8,.col-2-offset-9,.col-3,.col-3-offset-1,.col-3-offset-2,.col-3-offset-3,.col-3-offset-4,.col-3-offset-5,.col-3-offset-6,.col-3-offset-7,.col-3-offset-8,.col-3-offset-9,.col-4,.col-4-offset-1,.col-4-offset-2,.col-4-offset-3,.col-4-offset-4,.col-4-offset-5,.col-4-offset-6,.col-4-offset-7,.col-4-offset-8,.col-5,.col-5-offset-1,.col-5-offset-2,.col-5-offset-3,.col-5-offset-4,.col-5-offset-5,.col-5-offset-6,.col-5-offset-7,.col-6,.col-6-offset-1,.col-6-offset-2,.col-6-offset-3,.col-6-offset-4,.col-6-offset-5,.col-6-offset-6,.col-7,.col-7-offset-1,.col-7-offset-2,.col-7-offset-3,.col-7-offset-4,.col-7-offset-5,.col-8,.col-8-offset-1,.col-8-offset-2,.col-8-offset-3,.col-8-offset-4,.col-9,.col-9-offset-1,.col-9-offset-2,.col-9-offset-3,.large-col-1,.large-col-10,.large-col-11,.large-col-12,.large-col-2,.large-col-3,.large-col-4,.large-col-5,.large-col-6,.large-col-7,.large-col-8,.large-col-9,.med-col-1,.med-col-10,.med-col-11,.med-col-12,.med-col-2,.med-col-3,.med-col-4,.med-col-5,.med-col-6,.med-col-7,.med-col-8,.med-col-9,.small-col-1,.small-col-10,.small-col-11,.small-col-12,.small-col-2,.small-col-3,.small-col-4,.small-col-5,.small-col-6,.small-col-7,.small-col-8,.small-col-9{width:100%;display:inline-block;font-size:16px;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:normal}.row{font-size:0;white-space:nowrap;position:relative}.row>*{font-size:16px}.col-1{padding-right:1em;width:8.33333%}.col-1:last-child{padding-right:0}@media only screen and (max-width:768px){.small-col-1{padding-left:0;padding-right:1em;margin-left:0;width:8.33333%;vertical-align:top}.small-col-1:last-child{padding-right:0}}@media only screen and (min-width:769px) and (max-width:1080px){.med-col-1{padding-left:0;padding-right:1em;margin-left:0;width:8.33333%;vertical-align:top}.med-col-1:last-child{padding-right:0}}@media only screen and (min-width:1081px){.large-col-1{padding-left:0;padding-right:1em;margin-left:0;width:8.33333%;vertical-align:top}.large-col-1:last-child{padding-right:0}}.col-2{padding-right:1em;width:16.66667%}.col-2:last-child{padding-right:0}@media only screen and (max-width:768px){.small-col-2{padding-left:0;padding-right:1em;margin-left:0;width:16.66667%;vertical-align:top}.small-col-2:last-child{padding-right:0}}@media only screen and (min-width:769px) and (max-width:1080px){.med-col-2{padding-left:0;padding-right:1em;margin-left:0;width:16.66667%;vertical-align:top}.med-col-2:last-child{padding-right:0}}@media only screen and (min-width:1081px){.large-col-2{padding-left:0;padding-right:1em;margin-left:0;width:16.66667%;vertical-align:top}.large-col-2:last-child{padding-right:0}}.col-3{padding-right:1em;width:25%}.col-3:last-child{padding-right:0}@media only screen and (max-width:768px){.small-col-3{padding-left:0;padding-right:1em;margin-left:0;width:25%;vertical-align:top}.small-col-3:last-child{padding-right:0}}@media only screen and (min-width:769px) and (max-width:1080px){.med-col-3{padding-left:0;padding-right:1em;margin-left:0;width:25%;vertical-align:top}.med-col-3:last-child{padding-right:0}}@media only screen and (min-width:1081px){.large-col-3{padding-left:0;padding-right:1em;margin-left:0;width:25%;vertical-align:top}.large-col-3:last-child{padding-right:0}}.col-4{padding-right:1em;width:33.33333%}.col-4:last-child{padding-right:0}@media only screen and (max-width:768px){.small-col-4{padding-left:0;padding-right:1em;margin-left:0;width:33.33333%;vertical-align:top}.small-col-4:last-child{padding-right:0}}@media only screen and (min-width:769px) and (max-width:1080px){.med-col-4{padding-left:0;padding-right:1em;margin-left:0;width:33.33333%;vertical-align:top}.med-col-4:last-child{padding-right:0}}@media only screen and (min-width:1081px){.large-col-4{padding-left:0;padding-right:1em;margin-left:0;width:33.33333%;vertical-align:top}.large-col-4:last-child{padding-right:0}}.col-5{padding-right:1em;width:41.66667%}.col-5:last-child{padding-right:0}@media only screen and (max-width:768px){.small-col-5{padding-left:0;padding-right:1em;margin-left:0;width:41.66667%;vertical-align:top}.small-col-5:last-child{padding-right:0}}@media only screen and (min-width:769px) and (max-width:1080px){.med-col-5{padding-left:0;padding-right:1em;margin-left:0;width:41.66667%;vertical-align:top}.med-col-5:last-child{padding-right:0}}@media only screen and (min-width:1081px){.large-col-5{padding-left:0;padding-right:1em;margin-left:0;width:41.66667%;vertical-align:top}.large-col-5:last-child{padding-right:0}}.col-6{padding-left:0;padding-right:1em;margin-left:0;width:50%}.col-6:last-child{padding-right:0}@media only screen and (max-width:768px){.small-col-6{padding-left:0;padding-right:1em;margin-left:0;width:50%;vertical-align:top}.small-col-6:last-child{padding-right:0}}@media only screen and (min-width:769px) and (max-width:1080px){.med-col-6{padding-left:0;padding-right:1em;margin-left:0;width:50%;vertical-align:top}.med-col-6:last-child{padding-right:0}}@media only screen and (min-width:1081px){.large-col-6{padding-left:0;padding-right:1em;margin-left:0;width:50%;vertical-align:top}.large-col-6:last-child{padding-right:0}}.col-7{padding-right:1em;width:58.33333%}.col-7:last-child{padding-right:0}@media only screen and (max-width:768px){.small-col-7{padding-left:0;padding-right:1em;margin-left:0;width:58.33333%;vertical-align:top}.small-col-7:last-child{padding-right:0}}@media only screen and (min-width:769px) and (max-width:1080px){.med-col-7{padding-left:0;padding-right:1em;margin-left:0;width:58.33333%;vertical-align:top}.med-col-7:last-child{padding-right:0}}@media only screen and (min-width:1081px){.large-col-7{padding-left:0;padding-right:1em;margin-left:0;width:58.33333%;vertical-align:top}.large-col-7:last-child{padding-right:0}}.col-8{padding-right:1em;width:66.66667%}.col-8:last-child{padding-right:0}@media only screen and (max-width:768px){.small-col-8{padding-left:0;padding-right:1em;margin-left:0;width:66.66667%;vertical-align:top}.small-col-8:last-child{padding-right:0}}@media only screen and (min-width:769px) and (max-width:1080px){.med-col-8{padding-left:0;padding-right:1em;margin-left:0;width:66.66667%;vertical-align:top}.med-col-8:last-child{padding-right:0}}@media only screen and (min-width:1081px){.large-col-8{padding-left:0;padding-right:1em;margin-left:0;width:66.66667%;vertical-align:top}.large-col-8:last-child{padding-right:0}}.col-9{padding-right:1em;width:75%}.col-9:last-child{padding-right:0}@media only screen and (max-width:768px){.small-col-9{padding-left:0;padding-right:1em;margin-left:0;width:75%;vertical-align:top}.small-col-9:last-child{padding-right:0}}@media only screen and (min-width:769px) and (max-width:1080px){.med-col-9{padding-left:0;padding-right:1em;margin-left:0;width:75%;vertical-align:top}.med-col-9:last-child{padding-right:0}}@media only screen and (min-width:1081px){.large-col-9{padding-left:0;padding-right:1em;margin-left:0;width:75%;vertical-align:top}.large-col-9:last-child{padding-right:0}}.col-10{padding-right:1em;width:83.33333%}.col-10:last-child{padding-right:0}@media only screen and (max-width:768px){.small-col-10{padding-left:0;padding-right:1em;margin-left:0;width:83.33333%;vertical-align:top}.small-col-10:last-child{padding-right:0}}@media only screen and (min-width:769px) and (max-width:1080px){.med-col-10{padding-left:0;padding-right:1em;margin-left:0;width:83.33333%;vertical-align:top}.med-col-10:last-child{padding-right:0}}@media only screen and (min-width:1081px){.large-col-10{padding-left:0;padding-right:1em;margin-left:0;width:83.33333%;vertical-align:top}.large-col-10:last-child{padding-right:0}}.col-11{padding-right:1em;width:91.66667%}.col-11:last-child{padding-right:0}@media only screen and (max-width:768px){.small-col-11{padding-left:0;padding-right:1em;margin-left:0;width:91.66667%;vertical-align:top}.small-col-11:last-child{padding-right:0}}@media only screen and (min-width:769px) and (max-width:1080px){.med-col-11{padding-left:0;padding-right:1em;margin-left:0;width:91.66667%;vertical-align:top}.med-col-11:last-child{padding-right:0}}@media only screen and (min-width:1081px){.large-col-11{padding-left:0;padding-right:1em;margin-left:0;width:91.66667%;vertical-align:top}.large-col-11:last-child{padding-right:0}}.col-12{padding-right:1em;width:100%}.col-12:last-child{padding-right:0}@media only screen and (max-width:768px){.small-col-12{padding-left:0;padding-right:1em;margin-left:0;width:100%;vertical-align:top}.small-col-12:last-child{padding-right:0}}@media only screen and (min-width:769px) and (max-width:1080px){.med-col-12{padding-left:0;padding-right:1em;margin-left:0;width:100%;vertical-align:top}.med-col-12:last-child{padding-right:0}}@media only screen and (min-width:1081px){.large-col-12{padding-left:0;padding-right:1em;margin-left:0;width:100%;vertical-align:top}.large-col-12:last-child{padding-right:0}}.col-1-offset-1{padding-left:1em;padding-right:1em;margin-left:8.33333%;width:8.33333%}.col-1-offset-1:last-child{padding-right:0}.col-1-offset-2{padding-left:2em;padding-right:1em;margin-left:16.66667%;width:8.33333%}.col-1-offset-2:last-child{padding-right:0}.col-1-offset-3{padding-left:3em;padding-right:1em;margin-left:25%;width:8.33333%}.col-1-offset-3:last-child{padding-right:0}.col-1-offset-4{padding-left:4em;padding-right:1em;margin-left:33.33333%;width:8.33333%}.col-1-offset-4:last-child{padding-right:0}.col-1-offset-5{padding-left:5em;padding-right:1em;margin-left:41.66667%;width:8.33333%}.col-1-offset-5:last-child{padding-right:0}.col-1-offset-6{padding-left:6em;padding-right:1em;margin-left:50%;width:8.33333%}.col-1-offset-6:last-child{padding-right:0}.col-1-offset-7{padding-left:7em;padding-right:1em;margin-left:58.33333%;width:8.33333%}.col-1-offset-7:last-child{padding-right:0}.col-1-offset-8{padding-left:8em;padding-right:1em;margin-left:66.66667%;width:8.33333%}.col-1-offset-8:last-child{padding-right:0}.col-1-offset-9{padding-left:9em;padding-right:1em;margin-left:75%;width:8.33333%}.col-1-offset-9:last-child{padding-right:0}.col-1-offset-10{padding-left:10em;padding-right:1em;margin-left:83.33333%;width:8.33333%}.col-1-offset-10:last-child{padding-right:0}.col-1-offset-11{padding-left:11em;padding-right:1em;margin-left:91.66667%;width:8.33333%;vertical-align:top}.col-2-offset-1,.col-2-offset-10,.col-2-offset-2,.col-2-offset-3,.col-2-offset-4,.col-2-offset-6,.col-2-offset-7,.col-2-offset-8,.col-2-offset-9{width:16.66667%;vertical-align:top}.col-1-offset-11:last-child{padding-right:0}.col-2-offset-1{padding-left:1em;padding-right:1em;margin-left:16.66667%}.col-2-offset-1:last-child{padding-right:0}.col-2-offset-2{padding-left:2em;padding-right:1em;margin-left:33.33333%}.col-2-offset-2:last-child{padding-right:0}.col-2-offset-3{padding-left:3em;padding-right:1em;margin-left:50%}.col-2-offset-3:last-child{padding-right:0}.col-2-offset-4{padding-left:4em;padding-right:1em;margin-left:66.66667%}.col-2-offset-4:last-child{padding-right:0}.col-2-offset-5{padding-left:5em;padding-right:1em;margin-left:83.33333%;width:16.66667%;vertical-align:top}.col-2-offset-5:last-child{padding-right:0}.col-2-offset-6{padding-left:6em;padding-right:1em;margin-left:100%}.col-2-offset-6:last-child{padding-right:0}.col-2-offset-7{padding-left:7em;padding-right:1em;margin-left:116.66667%}.col-2-offset-7:last-child{padding-right:0}.col-2-offset-8{padding-left:8em;padding-right:1em;margin-left:133.33333%}.col-2-offset-8:last-child{padding-right:0}.col-2-offset-9{padding-left:9em;padding-right:1em;margin-left:150%}.col-2-offset-9:last-child{padding-right:0}.col-2-offset-10{padding-left:10em;padding-right:1em;margin-left:166.66667%}.col-2-offset-10:last-child{padding-right:0}.col-3-offset-1{padding-left:1em;padding-right:1em;margin-left:25%;width:25%;vertical-align:top}.col-3-offset-1:last-child{padding-right:0}.col-3-offset-2{padding-left:2em;padding-right:1em;margin-left:50%;width:25%;vertical-align:top}.col-3-offset-2:last-child{padding-right:0}.col-3-offset-3{padding-left:3em;padding-right:1em;margin-left:75%;width:25%;vertical-align:top}.col-3-offset-3:last-child{padding-right:0}.col-3-offset-4{padding-left:4em;padding-right:1em;margin-left:100%;width:25%;vertical-align:top}.col-3-offset-4:last-child{padding-right:0}.col-3-offset-5{padding-left:5em;padding-right:1em;margin-left:125%;width:25%;vertical-align:top}.col-3-offset-5:last-child{padding-right:0}.col-3-offset-6{padding-left:6em;padding-right:1em;margin-left:150%;width:25%;vertical-align:top}.col-3-offset-6:last-child{padding-right:0}.col-3-offset-7{padding-left:7em;padding-right:1em;margin-left:175%;width:25%;vertical-align:top}.col-3-offset-7:last-child{padding-right:0}.col-3-offset-8{padding-left:8em;padding-right:1em;margin-left:200%;width:25%;vertical-align:top}.col-3-offset-8:last-child{padding-right:0}.col-3-offset-9{padding-left:9em;padding-right:1em;margin-left:225%;width:25%;vertical-align:top}.col-4-offset-1,.col-4-offset-2,.col-4-offset-3,.col-4-offset-4,.col-4-offset-5,.col-4-offset-6,.col-4-offset-7,.col-4-offset-8{width:33.33333%;vertical-align:top}.col-3-offset-9:last-child{padding-right:0}.col-4-offset-1{padding-left:1em;padding-right:1em;margin-left:33.33333%}.col-4-offset-1:last-child{padding-right:0}.col-4-offset-2{padding-left:2em;padding-right:1em;margin-left:66.66667%}.col-4-offset-2:last-child{padding-right:0}.col-4-offset-3{padding-left:3em;padding-right:1em;margin-left:100%}.col-4-offset-3:last-child{padding-right:0}.col-4-offset-4{padding-left:4em;padding-right:1em;margin-left:133.33333%}.col-4-offset-4:last-child{padding-right:0}.col-4-offset-5{padding-left:5em;padding-right:1em;margin-left:166.66667%}.col-4-offset-5:last-child{padding-right:0}.col-4-offset-6{padding-left:6em;padding-right:1em;margin-left:200%}.col-4-offset-6:last-child{padding-right:0}.col-4-offset-7{padding-left:7em;padding-right:1em;margin-left:233.33333%}.col-4-offset-7:last-child{padding-right:0}.col-4-offset-8{padding-left:8em;padding-right:1em;margin-left:266.66667%}.col-4-offset-8:last-child{padding-right:0}.col-5-offset-1{padding-left:1em;padding-right:1em;margin-left:41.66667%;width:41.66667%;vertical-align:top}.col-5-offset-1:last-child{padding-right:0}.col-5-offset-2{padding-left:2em;padding-right:1em;margin-left:83.33333%;width:41.66667%;vertical-align:top}.col-5-offset-2:last-child{padding-right:0}.col-5-offset-3{padding-left:3em;padding-right:1em;margin-left:125%;width:41.66667%;vertical-align:top}.col-5-offset-3:last-child{padding-right:0}.col-5-offset-4{padding-left:4em;padding-right:1em;margin-left:166.66667%;width:41.66667%;vertical-align:top}.col-5-offset-4:last-child{padding-right:0}.col-5-offset-5{padding-left:5em;padding-right:1em;margin-left:208.33333%;width:41.66667%;vertical-align:top}.col-5-offset-5:last-child{padding-right:0}.col-5-offset-6{padding-left:6em;padding-right:1em;margin-left:250%;width:41.66667%;vertical-align:top}.col-5-offset-6:last-child{padding-right:0}.col-5-offset-7{padding-left:7em;padding-right:1em;margin-left:291.66667%;width:41.66667%;vertical-align:top}.col-6-offset-1,.col-6-offset-2,.col-6-offset-3,.col-6-offset-4,.col-6-offset-5,.col-6-offset-6{width:50%;vertical-align:top}.col-5-offset-7:last-child{padding-right:0}.col-6-offset-1{padding-left:1em;padding-right:1em;margin-left:50%}.col-6-offset-1:last-child{padding-right:0}.col-6-offset-2{padding-left:2em;padding-right:1em;margin-left:100%}.col-6-offset-2:last-child{padding-right:0}.col-6-offset-3{padding-left:3em;padding-right:1em;margin-left:150%}.col-6-offset-3:last-child{padding-right:0}.col-6-offset-4{padding-left:4em;padding-right:1em;margin-left:200%}.col-6-offset-4:last-child{padding-right:0}.col-6-offset-5{padding-left:5em;padding-right:1em;margin-left:250%}.col-6-offset-5:last-child{padding-right:0}.col-6-offset-6{padding-left:6em;padding-right:1em;margin-left:300%}.col-6-offset-6:last-child{padding-right:0}.col-7-offset-1{padding-left:1em;padding-right:1em;margin-left:58.33333%;width:58.33333%;vertical-align:top}.col-7-offset-1:last-child{padding-right:0}.col-7-offset-2{padding-left:2em;padding-right:1em;margin-left:116.66667%;width:58.33333%;vertical-align:top}.col-7-offset-2:last-child{padding-right:0}.col-7-offset-3{padding-left:3em;padding-right:1em;margin-left:175%;width:58.33333%;vertical-align:top}.col-7-offset-3:last-child{padding-right:0}.col-7-offset-4{padding-left:4em;padding-right:1em;margin-left:233.33333%;width:58.33333%;vertical-align:top}.col-7-offset-4:last-child{padding-right:0}.col-7-offset-5{padding-left:5em;padding-right:1em;margin-left:291.66667%;width:58.33333%;vertical-align:top}.col-8-offset-1,.col-8-offset-2,.col-8-offset-3,.col-8-offset-4{width:66.66667%;vertical-align:top}.col-7-offset-5:last-child{padding-right:0}.col-8-offset-1{padding-left:1em;padding-right:1em;margin-left:66.66667%}.col-8-offset-1:last-child{padding-right:0}.col-8-offset-2{padding-left:2em;padding-right:1em;margin-left:133.33333%}.col-8-offset-2:last-child{padding-right:0}.col-8-offset-3{padding-left:3em;padding-right:1em;margin-left:200%}.col-8-offset-3:last-child{padding-right:0}.col-8-offset-4{padding-left:4em;padding-right:1em;margin-left:266.66667%}.col-8-offset-4:last-child{padding-right:0}.col-9-offset-1{padding-left:1em;padding-right:1em;margin-left:75%;width:75%;vertical-align:top}.col-9-offset-1:last-child{padding-right:0}.col-9-offset-2{padding-left:2em;padding-right:1em;margin-left:150%;width:75%;vertical-align:top}.col-9-offset-2:last-child{padding-right:0}.col-9-offset-3{padding-left:3em;padding-right:1em;margin-left:225%;width:75%;vertical-align:top}.col-10-offset-1,.col-10-offset-2{width:83.33333%;vertical-align:top}.col-9-offset-3:last-child{padding-right:0}.col-10-offset-1{padding-left:1em;padding-right:1em;margin-left:83.33333%}.col-10-offset-1:last-child{padding-right:0}.col-10-offset-2{padding-left:2em;padding-right:1em;margin-left:166.66667%}.col-10-offset-2:last-child{padding-right:0}.col-11-offset-1{padding-left:1em;padding-right:1em;margin-left:91.66667%;width:91.66667%;vertical-align:top}.col-11-offset-1:last-child{padding-right:0}.col.float-right{float:right;padding-right:0;padding-left:1em}body,html{position:relative;width:100%;height:100%;font-family:Georgia,serif;font-style:normal;margin:0;padding:0}body.toolbar-horizontal.toolbar-themes.toolbar-no-tabs{padding-top:24px!important}header[role=banner]{z-index:2;position:relative;padding:0 1em}header[role=banner]>.wrapper{position:relative;padding:.5em 0;border-bottom:1px solid red;height:70px}header[role=banner]>.wrapper>.region{height:100%;position:relative}aside.messages{border:none;z-index:99;position:absolute;left:5%;top:100px;width:80%;max-height:600px;background-color:rgba(255,255,255,.8);padding:0;overflow-y:auto}main[role=main]{z-index:1;position:absolute;left:0;top:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:7em 2em 9em;overflow:hidden;pointer-events:none;height:100%}main[role=main] .layout-content{width:100%;height:100%;overflow:hidden}main[role=main] .layout-content>*{pointer-events:auto}body.toolbar-horizontal.toolbar-themes.toolbar-no-tabs main[role=main]{padding-top:8em}footer[role=contentinfo]{z-index:2;position:fixed;bottom:0;-webkit-box-sizing:content-box;box-sizing:content-box;width:100%;padding:.5em 1em}.os-scroll{height:100%}header[role=banner]{pointer-events:all}#block-edlptheme-branding{display:inline-block}#block-edlptheme-branding h1{margin:0;display:inline-block}#block-edlptheme-branding h1 a.site-name{display:block;width:290px;height:63.8px;background-image:url(../img/logo.svg);background-color:#fff;background-repeat:no-repeat;background-size:contain;white-space:nowrap;text-indent:500px;overflow:hidden}#block-mainnavigation ul li a:before,.block-language ul li a:before{display:inline-block;width:.6em;height:.6em;border:1px solid red;content:""}#block-mainnavigation{float:right;margin-top:25px}#block-mainnavigation ul{margin:0;padding:0;white-space:nowrap}#block-mainnavigation ul li{margin:0;padding:0;display:inline-block}#block-mainnavigation ul li a{font-size:.756em;text-transform:uppercase;margin-left:1em}#block-mainnavigation ul li a:before{margin-right:.3em}#block-mainnavigation ul li a.ajax-loading:before{-webkit-animation:rotation 2s infinite linear;animation:rotation 2s infinite linear}@-webkit-keyframes rotation{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}#block-mainnavigation ul li a.is-active-trail:before,#block-mainnavigation ul li a.is-active:before,#block-mainnavigation ul li a:hover:before{background-color:red}.block-language{float:right;margin-top:24px;margin-left:2em}.block-language ul{margin:0;padding:0}.block-language ul li{display:inline-block;vertical-align:middle;list-style:none}.block-language ul li a{font-size:.69em;text-transform:capitalize;margin-left:.8em}.block-language ul li a:before{margin-right:.3em}.block-language ul li.is-active a:before,.block-language ul li:hover a:before{border-color:red;background-color:red}#corpus-map,main[role=main] .row{opacity:0}body[corpus=map-ready] #corpus-map{-webkit-transition:opacity 2s ease-out;transition:opacity 2s ease-out;opacity:1}main[role=main] .row .col{opacity:1;-webkit-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out}body[booted=booted] main[role=main] .row{-webkit-transition:opacity 1s ease-out;transition:opacity 1s ease-out;opacity:1}body.ajax-loading main[role=main] .row .col:not([theme=edlp_search_search_form]){opacity:.2}main[role=main] .layout-content{pointer-events:none}main[role=main] .layout-content .row{pointer-events:none;height:100%;overflow:hidden}main[role=main] .layout-content .row .col{pointer-events:none;height:100%;position:relative}main[role=main] .layout-content .row .col>.wrapper{pointer-events:all;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;border-top:1px solid red;border-bottom:1px solid red;background-color:rgba(255,255,255,.95);padding:0 0 1em;max-height:100%;overflow-y:auto}main[role=main] .layout-content .row .col>.wrapper>*{padding:0 1em}main[role=main] .layout-content .field.text-formatted a.audio-link{border-bottom:1px dotted red}main[role=main] article.node>h2,main[role=main] h2.title{font-size:.9em;font-weight:400;text-transform:uppercase}main[role=main] article.node p{font-size:.75em;font-weight:400}main[role=main] img{max-width:100%;height:auto}main[role=main] li,main[role=main] ul,main[role=main] ul.inline li:first-child{margin:0;padding:0;list-style:none}main[role=main] span.close-col-btn{pointer-events:all;cursor:pointer;position:absolute;top:0;right:0;padding:0!important;margin:.5em;display:block;width:10px;height:10px;background-image:url(../img/close.svg);background-repeat:no-repeat;background-position:center;background-size:contain}#audio-player{position:absolute;top:0;left:0;background-color:#fff;height:100%;min-width:300px;z-index:20;opacity:0;pointer-events:none;-webkit-transition:opacity .7s ease-in-out;transition:opacity .7s ease-in-out}#audio-player.visible{opacity:1;pointer-events:all}#audio-player>*{display:inline-block;vertical-align:middle;padding:0;max-height:100%}#audio-player .btns>*{display:inline-block;vertical-align:middle;width:20px;height:30px;background-position:center;background-size:contain}#audio-player .btns .play-pause{background-image:url(../img/audio-player-play.svg);padding:0 .3em;cursor:pointer}#audio-player .btns.is-playing .play-pause{background-image:url(../img/audio-player-pause.svg)}#audio-player .btns .next,#audio-player .btns .previous{opacity:.3;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;cursor:auto}#audio-player .btns .next.is-active,#audio-player .btns .previous.is-active{opacity:1;cursor:pointer}#audio-player .btns .previous{background-image:url(../img/audio-player-previous.svg)}#audio-player .btns .next{background-image:url(../img/audio-player-next.svg)}#audio-player .time-line-container .time-line{position:relative;width:70px;height:1px;background-color:#000;overflow:visible;-webkit-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}#audio-player .time-line-container .time-line .loader{width:0;height:100%;background-color:red;top:0;left:0}#audio-player .time-line-container .time-line .cursor{height:10px;width:0;border-left:2px solid red;position:absolute;left:0;top:-5px}#audio-player .time>*{width:70px;text-align:right}#audio-player .time .current-time{font-size:1.4em;font-weight:600}#audio-player .time .duration{font-size:.75em;font-weight:400}#audio-player .favoris{height:100%}#audio-player .cartel{position:relative;max-width:350px;margin-left:1em;background-color:#fff;opacity:1;-webkit-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out;white-space:nowrap}#audio-player .cartel.loading{opacity:0}#audio-player .cartel .actions,#audio-player .cartel .cartels{display:inline-block;vertical-align:top;white-space:normal;position:relative}#audio-player .cartel .actions{width:1.5em}#audio-player .cartel .cartels .first-cartel .entrees{line-height:0}#audio-player .cartel .cartels .first-cartel .entrees span{display:inline-block;width:8px;height:8px;background-color:#000;margin-right:3px}#audio-player .cartel .cartels .first-cartel .entrees span[tid='134']{background-color:var(--e-col-134)}#audio-player .cartel .cartels .first-cartel .entrees span[tid='121']{background-color:var(--e-col-121)}#audio-player .cartel .cartels .first-cartel .entrees span[tid='125']{background-color:var(--e-col-125)}#audio-player .cartel .cartels .first-cartel .entrees span[tid='119']{background-color:var(--e-col-119)}#audio-player .cartel .cartels .first-cartel .entrees span[tid='132']{background-color:var(--e-col-132)}#audio-player .cartel .cartels .first-cartel .entrees span[tid='122']{background-color:var(--e-col-122)}#audio-player .cartel .cartels .first-cartel .entrees span[tid='129']{background-color:var(--e-col-129)}#audio-player .cartel .cartels .first-cartel .entrees span[tid='120']{background-color:var(--e-col-120)}#audio-player .cartel .cartels .first-cartel .entrees span[tid='130']{background-color:var(--e-col-130)}#audio-player .cartel .cartels .first-cartel .entrees span[tid='118']{background-color:var(--e-col-118)}#audio-player .cartel .cartels .first-cartel .entrees span[tid='127']{background-color:var(--e-col-127)}#audio-player .cartel .cartels .first-cartel .entrees span[tid='133']{background-color:var(--e-col-133)}#audio-player .cartel .cartels .first-cartel .entrees span[tid='128']{background-color:var(--e-col-128)}#audio-player .cartel .cartels .first-cartel .entrees span[tid='124']{background-color:var(--e-col-124)}#audio-player .cartel .cartels .first-cartel .entrees span[tid='116']{background-color:var(--e-col-116)}#audio-player .cartel .cartels .first-cartel .entrees span[tid='117']{background-color:var(--e-col-117)}#audio-player .cartel .cartels .first-cartel .entrees span[tid='131']{background-color:var(--e-col-131)}#audio-player .cartel .cartels .first-cartel .entrees span[tid='126']{background-color:var(--e-col-126)}#audio-player .cartel .cartels .first-cartel .entrees span[tid='123']{background-color:var(--e-col-123)}#audio-player .cartel .cartels .first-cartel h2.node-title{margin:.2em 0 0;font-size:1em}#audio-player .cartel .cartels .first-cartel p{margin:0;font-size:.75em}#audio-player .cartel .cartels .second-cartel{position:absolute;top:0;left:0;background-color:#fff;height:100%;min-width:100%;opacity:0;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}#audio-player .cartel .cartels .second-cartel>*{display:inline-block;vertical-align:top}#audio-player .cartel .cartels .second-cartel .col-left a{display:block;font-size:.9em;font-weight:600}#audio-player .cartel .cartels .second-cartel .col-right{font-size:.75em}#audio-player .cartel:hover .second-cartel{opacity:1}.chutier-icon{z-index:1;display:block;position:relative;width:1em;height:1em;overflow:hidden;text-indent:50em;background-position:center;background-repeat:no-repeat;background-size:contain;background-image:url(../img/favori-off.svg);-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}.chutier-icon[action=remove]{background-image:url(../img/favori-on.svg)}.chutier-icon.ajax-loading{opacity:.2}.chutier-icon.not-logedin{overflow:visible}.chutier-icon .popup{display:none;position:absolute;top:0;left:0;width:300px;height:auto;min-height:100px}.chutier-icon .popup .inner{background-color:rgba(255,255,255,.9);border:1px solid red;text-indent:0;padding:.5em;margin:1.2em 0 0 1.2em}.chutier-icon .popup .inner p{margin:0}.chutier-icon:hover .popup{display:block}#studio-ui,.row .col .studio-ui-wrapper{height:100%}#studio-ui .chutier_ui{height:50%;border-bottom:1px solid red;position:relative}#studio-ui .chutier_ui>h2{z-index:10;position:absolute;width:calc(100% - 20px);margin:0;padding:.5em 0;font-size:1em;font-weight:500;text-transform:uppercase;background-color:#fff}#studio-ui .chutier_ui .documents{padding-top:35px;height:calc(100% - 35px);overflow-y:auto;overflow-x:hidden}#studio-ui .chutier_ui .documents li,#studio-ui .chutier_ui .documents ul{margin:0;padding:0;line-height:1.2}#studio-ui .chutier_ui .documents li{display:inline-block;vertical-align:top;width:49%;margin-bottom:.5em;white-space:nowrap}#studio-ui .chutier_ui .documents li>div{display:inline-block;padding-right:2em}#studio-ui .chutier_ui .documents li>div.ui-draggable{cursor:-webkit-grab;cursor:grab}#studio-ui .chutier_ui .documents li .entrees{line-height:0}#studio-ui .chutier_ui .documents li .entrees span{display:inline-block;width:8px;height:8px;background-color:#000;margin-right:3px}#studio-ui .chutier_ui .documents li .entrees span[tid='134']{background-color:var(--e-col-134)}#studio-ui .chutier_ui .documents li .entrees span[tid='121']{background-color:var(--e-col-121)}#studio-ui .chutier_ui .documents li .entrees span[tid='125']{background-color:var(--e-col-125)}#studio-ui .chutier_ui .documents li .entrees span[tid='119']{background-color:var(--e-col-119)}#studio-ui .chutier_ui .documents li .entrees span[tid='132']{background-color:var(--e-col-132)}#studio-ui .chutier_ui .documents li .entrees span[tid='122']{background-color:var(--e-col-122)}#studio-ui .chutier_ui .documents li .entrees span[tid='129']{background-color:var(--e-col-129)}#studio-ui .chutier_ui .documents li .entrees span[tid='120']{background-color:var(--e-col-120)}#studio-ui .chutier_ui .documents li .entrees span[tid='130']{background-color:var(--e-col-130)}#studio-ui .chutier_ui .documents li .entrees span[tid='118']{background-color:var(--e-col-118)}#studio-ui .chutier_ui .documents li .entrees span[tid='127']{background-color:var(--e-col-127)}#studio-ui .chutier_ui .documents li .entrees span[tid='133']{background-color:var(--e-col-133)}#studio-ui .chutier_ui .documents li .entrees span[tid='128']{background-color:var(--e-col-128)}#studio-ui .chutier_ui .documents li .entrees span[tid='124']{background-color:var(--e-col-124)}#studio-ui .chutier_ui .documents li .entrees span[tid='116']{background-color:var(--e-col-116)}#studio-ui .chutier_ui .documents li .entrees span[tid='117']{background-color:var(--e-col-117)}#studio-ui .chutier_ui .documents li .entrees span[tid='131']{background-color:var(--e-col-131)}#studio-ui .chutier_ui .documents li .entrees span[tid='126']{background-color:var(--e-col-126)}#studio-ui .chutier_ui .documents li .entrees span[tid='123']{background-color:var(--e-col-123)}#studio-ui .chutier_ui .documents li a.audio-link{text-transform:capitalize;font-size:.756em;margin-right:.5em;white-space:normal}#studio-ui .chutier_ui .documents li .chutier-icon{display:inline-block;width:.7em;height:.7em;opacity:.8}#studio-ui .composition_ui{height:50%}#studio-ui .composition_ui>h2{z-index:10;position:absolute;width:calc(100% - 20px);margin:0;padding:.5em 0;font-size:1em;font-weight:500;text-transform:uppercase;background-color:#fff}#studio-ui .composition_ui>.wrapper{padding-top:35px;height:calc(100% - 35px);overflow:hidden;white-space:nowrap}#studio-ui .composition_ui>.wrapper section.composer,#studio-ui .composition_ui>.wrapper section.compositions-list{display:inline-block;vertical-align:bottom;height:100%}#studio-ui .composition_ui>.wrapper .compositions-list{width:30%;height:100%;overflow-y:auto;-webkit-box-sizing:border-box;box-sizing:border-box;padding-right:.5em;border-right:1px solid #aaa}#studio-ui .composition_ui>.wrapper .compositions-list li{opacity:1;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}#studio-ui .composition_ui>.wrapper .compositions-list li:hover a.delete-composition-link{opacity:1}#studio-ui .composition_ui>.wrapper .compositions-list li.ajax-loading{opacity:.4}#studio-ui .composition_ui>.wrapper .compositions-list a{font-size:.756em}#studio-ui .composition_ui>.wrapper .compositions-list a.composition-link{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;width:calc(100% - 21px)}#studio-ui .composition_ui>.wrapper .compositions-list a.composition-link:before{content:"";width:7px;height:7px;border:1px solid #000;background-color:#fff;display:inline-block;vertical-align:middle;margin-right:5px}#studio-ui .composition_ui>.wrapper .compositions-list a.composition-link.ajax-loading:before{-webkit-animation:rotation 2s infinite linear;animation:rotation 2s infinite linear}#studio-ui .composition_ui>.wrapper .compositions-list a.composition-link.is-active:before{background-color:#000}#studio-ui .composition_ui>.wrapper .compositions-list a.delete-composition-link{display:inline-block;vertical-align:middle;width:7px;height:7px;margin-left:5px;text-indent:300px;overflow:hidden;background-image:url(../img/delete.svg);background-repeat:no-repeat;background-size:contain;opacity:0;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}#studio-ui .composition_ui>.wrapper .compositions-list a.new-composition-link{display:inline-block;vertical-align:top;overflow:hidden;margin-top:.4em;height:1em;-webkit-transition:height .2s ease-in-out;transition:height .2s ease-in-out}#studio-ui .composition_ui>.wrapper .compositions-list a.new-composition-link:before{content:"+";margin-right:5px}#studio-ui .composition_ui>.wrapper .composer>.composition .field--name-documents .field__item article h2,#studio-ui .field__item.ui-draggable-dragging article h2{margin:0;text-transform:none}#studio-ui .composition_ui>.wrapper .compositions-list a.new-composition-link.folded{height:0}#studio-ui .composition_ui>.wrapper .compositions-list .new-compo-form{opacity:1;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}#studio-ui .composition_ui>.wrapper .compositions-list .new-compo-form input[type=text]{font-size:.756em;padding:0 .5em;width:calc(100% - 50px);height:1.7em;border:none;border-top:1px dotted red;border-bottom:1px dotted red}#studio-ui .composition_ui>.wrapper .compositions-list .new-compo-form button{background:0 0;border:none;font-size:1em;line-height:1;font-weight:700}#studio-ui .composition_ui>.wrapper .compositions-list .new-compo-form.ajax-loading{opacity:.4}#studio-ui .composition_ui>.wrapper .composer{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:.5em;width:69%;opacity:1;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}#studio-ui .composition_ui>.wrapper .composer.ajax-loading{opacity:.3}#studio-ui .composition_ui>.wrapper .composer>*{-webkit-box-sizing:border-box;box-sizing:border-box}#studio-ui .composition_ui>.wrapper .composer>header{height:25px;padding-bottom:5px;font-size:.756em}#studio-ui .composition_ui>.wrapper .composer>.composition{position:relative;height:calc(100% - 60px);padding-bottom:1em}#studio-ui .composition_ui>.wrapper .composer>.composition .field--name-documents{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;width:100%;padding:0 .5em}#studio-ui .composition_ui>.wrapper .composer>.composition .field--name-documents:after,#studio-ui .composition_ui>.wrapper .composer>.composition .field--name-documents:before{content:"";width:calc(100% - 2px);position:absolute;bottom:0;left:0}#studio-ui .composition_ui>.wrapper .composer>.composition .field--name-documents:before{border-top:1px solid #A1A1A1;height:14.5px}#studio-ui .composition_ui>.wrapper .composer>.composition .field--name-documents:after{border-left:1px solid #A1A1A1;border-right:1px solid #A1A1A1;height:29px}#studio-ui .composition_ui>.wrapper .composer>.composition .field--name-documents .field__item{display:inline-block;position:relative;white-space:nowrap;pointer-events:none;width:25px;height:100%;opacity:1;-webkit-transition:opacity .1s ease-in-out;transition:opacity .1s ease-in-out}#studio-ui .composition_ui>.wrapper .composer>.composition .field--name-documents .field__item.ui-draggable-dragging{height:100px}#studio-ui .composition_ui>.wrapper .composer>.composition .field--name-documents .field__item.ready-to-remove{opacity:.3;cursor:crosshair}#studio-ui .composition_ui>.wrapper .composer>.composition .field--name-documents .field__item>*{pointer-events:all}#studio-ui .composition_ui>.wrapper .composer>.composition .field--name-documents .field__item article{position:absolute;bottom:0;-webkit-transform-origin:left top;transform-origin:left top;-webkit-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}#studio-ui .composition_ui>.wrapper .composer>.composition .field--name-documents .field__item article h2 a{white-space:nowrap!important;font-size:.756em}#studio-ui .composition_ui>.wrapper .composer>.composition .field--name-documents .field__item article h2 a:before{content:"";display:inline-block;vertical-align:middle;width:12px;height:12px;border:1px solid #fff;background-color:#fff}#studio-ui .composition_ui>.wrapper .composer>.composition .field--name-documents .field__item .handler{z-index:99;cursor:-webkit-grab;cursor:grab;position:absolute;bottom:0;left:1px;display:block;width:12px;height:12px;-webkit-transform-origin:left top;transform-origin:left top;-webkit-transform:rotateZ(-45deg);transform:rotateZ(-45deg);border:1px solid red;background-color:#fff}#studio-ui .composition_ui>.wrapper .composer>.composition .field--name-documents .field__item.is-active .handler{background-color:red}#studio-ui .composition_ui>.wrapper .composer>.composition .remove-drop-zone{position:absolute;top:0;left:0;width:100%;height:45%;z-index:150}#studio-ui .composition_ui>.wrapper .composer>.actions{padding-top:5px;height:25px}#studio-ui .composition_ui>.wrapper .composer>.actions .compo-player-controls>*{display:inline-block;vertical-align:middle;width:20px;height:30px;background-position:center;background-size:contain}#studio-ui .composition_ui>.wrapper .composer>.actions .compo-player-controls .play-pause{background-image:url(../img/audio-player-play.svg);padding:0 .3em;cursor:pointer}#studio-ui .composition_ui>.wrapper .composer>.actions .compo-player-controls.is-playing .play-pause{background-image:url(../img/audio-player-pause.svg)}#studio-ui .composition_ui>.wrapper .composer>.actions .compo-player-controls .next,#studio-ui .composition_ui>.wrapper .composer>.actions .compo-player-controls .previous{opacity:.3;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;cursor:auto}#studio-ui .composition_ui>.wrapper .composer>.actions .compo-player-controls .next.is-active,#studio-ui .composition_ui>.wrapper .composer>.actions .compo-player-controls .previous.is-active{opacity:1;cursor:pointer}#studio-ui .composition_ui>.wrapper .composer>.actions .compo-player-controls .previous{background-image:url(../img/audio-player-previous.svg)}#studio-ui .composition_ui>.wrapper .composer>.actions .compo-player-controls .next{background-image:url(../img/audio-player-next.svg)}#studio-ui .field__item.ui-draggable-dragging{display:inline-block;position:relative;white-space:nowrap;pointer-events:none;width:25px;height:100%;opacity:1;-webkit-transition:opacity .1s ease-in-out;transition:opacity .1s ease-in-out}#studio-ui .field__item.ui-draggable-dragging.ui-draggable-dragging{height:100px}#studio-ui .field__item.ui-draggable-dragging.ready-to-remove{opacity:.3;cursor:crosshair}#studio-ui .field__item.ui-draggable-dragging>*{pointer-events:all}#studio-ui .field__item.ui-draggable-dragging article{position:absolute;bottom:0;-webkit-transform-origin:left top;transform-origin:left top;-webkit-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}#studio-ui .field__item.ui-draggable-dragging article h2 a{white-space:nowrap!important;font-size:.756em}#studio-ui .field__item.ui-draggable-dragging article h2 a:before{content:"";display:inline-block;vertical-align:middle;width:12px;height:12px;border:1px solid #fff;background-color:#fff}#studio-ui .field__item.ui-draggable-dragging .handler{z-index:99;cursor:-webkit-grab;cursor:grab;position:absolute;bottom:0;left:1px;display:block;width:12px;height:12px;-webkit-transform-origin:left top;transform-origin:left top;-webkit-transform:rotateZ(-45deg);transform:rotateZ(-45deg);border:1px solid red;background-color:#fff}#studio-ui .field__item.ui-draggable-dragging.is-active .handler{background-color:red}.col[theme=edlp_search_search_form],.col[theme=edlp_search_search_form]>.wrapper{position:relative;height:100%}#edlp-search-form{height:100%}#edlp-search-form .fieldgroup{border-bottom:1px solid red;margin-top:1em;margin-bottom:0}#edlp-search-form .fieldgroup legend{font-size:.9em;margin:0;font-weight:500}#edlp-search-form .fieldgroup .fieldset-wrapper{padding-bottom:1em}#edlp-search-form .fieldgroup .form-item{margin:0}#edlp-search-form input[type=text],#edlp-search-form input[type=search]{font-size:.8em;padding:.2em;margin:0;border:1px solid #aaa;border-radius:3px;width:90%}#edlp-search-form #edit-entries .form-item input,#edlp-search-form #edit-entries .form-item label{display:inline-block;vertical-align:middle}#edlp-search-form #edit-entries .form-item label{font-size:.756em}#edlp-search-form #edit-entries .form-item input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:10px;height:10px;border:1px double #000;background-color:#fff}#edlp-search-form #edit-entries .form-item input[type=checkbox]:checked{background-color:#000}#edlp-search-form #edit-entries .form-item input[type=checkbox][value='134']{border-color:var(--e-col-134)}#edlp-search-form #edit-entries .form-item input[type=checkbox][value='134']:checked{background-color:var(--e-col-134)}#edlp-search-form #edit-entries .form-item input[type=checkbox][value='121']{border-color:var(--e-col-121)}#edlp-search-form #edit-entries .form-item input[type=checkbox][value='121']:checked{background-color:var(--e-col-121)}#edlp-search-form #edit-entries .form-item input[type=checkbox][value='125']{border-color:var(--e-col-125)}#edlp-search-form #edit-entries .form-item input[type=checkbox][value='125']:checked{background-color:var(--e-col-125)}#edlp-search-form #edit-entries .form-item input[type=checkbox][value='119']{border-color:var(--e-col-119)}#edlp-search-form #edit-entries .form-item input[type=checkbox][value='119']:checked{background-color:var(--e-col-119)}#edlp-search-form #edit-entries .form-item input[type=checkbox][value='132']{border-color:var(--e-col-132)}#edlp-search-form #edit-entries .form-item input[type=checkbox][value='132']:checked{background-color:var(--e-col-132)}#edlp-search-form #edit-entries .form-item input[type=checkbox][value='122']{border-color:var(--e-col-122)}#edlp-search-form #edit-entries .form-item input[type=checkbox][value='122']:checked{background-color:var(--e-col-122)}#edlp-search-form #edit-entries .form-item input[type=checkbox][value='129']{border-color:var(--e-col-129)}#edlp-search-form #edit-entries .form-item input[type=checkbox][value='129']:checked{background-color:var(--e-col-129)}#edlp-search-form #edit-entries .form-item input[type=checkbox][value='120']{border-color:var(--e-col-120)}#edlp-search-form #edit-entries .form-item input[type=checkbox][value='120']:checked{background-color:var(--e-col-120)}#edlp-search-form #edit-entries .form-item input[type=checkbox][value='130']{border-color:var(--e-col-130)}#edlp-search-form #edit-entries .form-item input[type=checkbox][value='130']:checked{background-color:var(--e-col-130)}#edlp-search-form #edit-entries .form-item input[type=checkbox][value='118']{border-color:var(--e-col-118)}#edlp-search-form #edit-entries .form-item input[type=checkbox][value='118']:checked{background-color:var(--e-col-118)}#edlp-search-form #edit-entries .form-item input[type=checkbox][value='127']{border-color:var(--e-col-127)}#edlp-search-form #edit-entries .form-item input[type=checkbox][value='127']:checked{background-color:var(--e-col-127)}#edlp-search-form #edit-entries .form-item input[type=checkbox][value='133']{border-color:var(--e-col-133)}#edlp-search-form #edit-entries .form-item input[type=checkbox][value='133']:checked{background-color:var(--e-col-133)}#edlp-search-form #edit-entries .form-item input[type=checkbox][value='128']{border-color:var(--e-col-128)}#edlp-search-form #edit-entries .form-item input[type=checkbox][value='128']:checked{background-color:var(--e-col-128)}#edlp-search-form #edit-entries .form-item input[type=checkbox][value='124']{border-color:var(--e-col-124)}#edlp-search-form #edit-entries .form-item input[type=checkbox][value='124']:checked{background-color:var(--e-col-124)}#edlp-search-form #edit-entries .form-item input[type=checkbox][value='116']{border-color:var(--e-col-116)}#edlp-search-form #edit-entries .form-item input[type=checkbox][value='116']:checked{background-color:var(--e-col-116)}#edlp-search-form #edit-entries .form-item input[type=checkbox][value='117']{border-color:var(--e-col-117)}#edlp-search-form #edit-entries .form-item input[type=checkbox][value='117']:checked{background-color:var(--e-col-117)}#edlp-search-form #edit-entries .form-item input[type=checkbox][value='131']{border-color:var(--e-col-131)}#edlp-search-form #edit-entries .form-item input[type=checkbox][value='131']:checked{background-color:var(--e-col-131)}#edlp-search-form #edit-entries .form-item input[type=checkbox][value='126']{border-color:var(--e-col-126)}#edlp-search-form #edit-entries .form-item input[type=checkbox][value='126']:checked{background-color:var(--e-col-126)}#edlp-search-form #edit-entries .form-item input[type=checkbox][value='123']{border-color:var(--e-col-123)}#edlp-search-form #edit-entries .form-item input[type=checkbox][value='123']:checked{background-color:var(--e-col-123)}#edlp-search-form input[type=submit]{font-size:.756em;padding:.1em;margin:1em 0 0;float:right;opacity:1;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}#edlp-search-form.ajax-loading input[type=submit]{opacity:.2;pointer-events:none}.col[theme=edlp_search_results]{opacity:1;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.col[theme=edlp_search_results].ajax-loading{opacity:.2}.col[theme=edlp_search_results] article .entrees span{display:inline-block;width:8px;height:8px;background-color:#000;margin-right:3px}#agenda,body.path-agenda main .col>.wrapper{height:100%}.col[theme=edlp_search_results] article .entrees span[tid='134']{background-color:var(--e-col-134)}.col[theme=edlp_search_results] article .entrees span[tid='121']{background-color:var(--e-col-121)}.col[theme=edlp_search_results] article .entrees span[tid='125']{background-color:var(--e-col-125)}.col[theme=edlp_search_results] article .entrees span[tid='119']{background-color:var(--e-col-119)}.col[theme=edlp_search_results] article .entrees span[tid='132']{background-color:var(--e-col-132)}.col[theme=edlp_search_results] article .entrees span[tid='122']{background-color:var(--e-col-122)}.col[theme=edlp_search_results] article .entrees span[tid='129']{background-color:var(--e-col-129)}.col[theme=edlp_search_results] article .entrees span[tid='120']{background-color:var(--e-col-120)}.col[theme=edlp_search_results] article .entrees span[tid='130']{background-color:var(--e-col-130)}.col[theme=edlp_search_results] article .entrees span[tid='118']{background-color:var(--e-col-118)}.col[theme=edlp_search_results] article .entrees span[tid='127']{background-color:var(--e-col-127)}.col[theme=edlp_search_results] article .entrees span[tid='133']{background-color:var(--e-col-133)}.col[theme=edlp_search_results] article .entrees span[tid='128']{background-color:var(--e-col-128)}.col[theme=edlp_search_results] article .entrees span[tid='124']{background-color:var(--e-col-124)}.col[theme=edlp_search_results] article .entrees span[tid='116']{background-color:var(--e-col-116)}.col[theme=edlp_search_results] article .entrees span[tid='117']{background-color:var(--e-col-117)}.col[theme=edlp_search_results] article .entrees span[tid='131']{background-color:var(--e-col-131)}.col[theme=edlp_search_results] article .entrees span[tid='126']{background-color:var(--e-col-126)}.col[theme=edlp_search_results] article .entrees span[tid='123']{background-color:var(--e-col-123)}.col[theme=edlp_search_results] article h2.node-title{margin:0 0 .3em;font-size:.8em;font-weight:500;text-transform:none}#agenda{position:relative;white-space:nowrap}#agenda div.column{white-space:normal;display:inline-block;vertical-align:top;height:100%}#agenda div.next-event{width:65%}#agenda div.future-past-events{width:33%}#agenda li,#agenda ul{margin:0;padding:0;list-style:none}#agenda article.node--type-evenement h2{font-size:.9em;font-weight:400;text-transform:uppercase}body.path-frontpage .layout-content .row,body.path-productions .layout-content .row{white-space:normal;min-height:100%}body.path-frontpage .layout-content .row .col,body.path-productions .layout-content .row .col{height:auto}body.path-frontpage .layout-content .row .col.col-2:last-child,body.path-productions .layout-content .row .col.col-2:last-child{padding-left:0;padding-right:1em}body.path-frontpage .layout-content .row .col>.wrapper,body.path-productions .layout-content .row .col>.wrapper{margin-bottom:1em;padding:0}body.path-frontpage .layout-content .row .col>.wrapper>*,body.path-productions .layout-content .row .col>.wrapper>*{padding:0}body.path-frontpage .layout-content .row .col>.wrapper article.node .field--name-field-visuel a,body.path-frontpage .layout-content .row .col>.wrapper article.node .field--name-field-visuel img,body.path-productions .layout-content .row .col>.wrapper article.node .field--name-field-visuel a,body.path-productions .layout-content .row .col>.wrapper article.node .field--name-field-visuel img{display:block;width:100%;height:auto}body.path-frontpage .layout-content .row .col>.wrapper article.node header,body.path-productions .layout-content .row .col>.wrapper article.node header{background-color:rgba(255,255,255,.95);-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:.5em 1em}body.path-frontpage .layout-content .row .col>.wrapper article.node header h2.node-title,body.path-productions .layout-content .row .col>.wrapper article.node header h2.node-title{margin:0;font-size:.8em;text-transform:lowercase}body.path-frontpage .layout-content .row .col>.wrapper article.node.node--view-mode-image-2-columns header,body.path-productions .layout-content .row .col>.wrapper article.node.node--view-mode-image-2-columns header{position:absolute;bottom:0;left:0}body.path-frontpage .layout-content .row .col>.wrapper article.node.node--view-mode-image-2-columns header h2.node-title,body.path-productions .layout-content .row .col>.wrapper article.node.node--view-mode-image-2-columns header h2.node-title{font-size:1.2em;font-weight:500}body.path-frontpage .layout-content .row .col>.wrapper article.node.node--view-mode-image-1-columns h2.node-title,body.path-productions .layout-content .row .col>.wrapper article.node.node--view-mode-image-1-columns h2.node-title{font-size:1em;font-weight:500}body.path-frontpage .layout-content .row .col>.wrapper article.node.node--view-mode-text-1-column,body.path-productions .layout-content .row .col>.wrapper article.node.node--view-mode-text-1-column{padding:0 1em}footer{position:relative;pointer-events:none}footer>.wrapper{white-space:nowrap}footer>.wrapper>.region{display:inline-block;vertical-align:baseline;white-space:normal}footer>.wrapper>.region>*{display:inline-block;vertical-align:bottom}footer>.wrapper .region-footer-left{width:12%;text-align:left}footer>.wrapper .region-footer-center{width:72%;overflow:hidden;text-align:center}footer>.wrapper .region-footer-right{min-width:12%;text-align:right}footer #block-footer{display:inline-block;margin-bottom:1em}footer #block-footer ul{margin:0;padding:0}footer #block-footer ul li{pointer-events:all;display:inline-block}footer #block-footer ul li:first-of-type{margin-left:1em}footer #block-footer ul li a{font-size:.756em}footer #block-footer ul li a:before{content:"";display:inline-block;width:7px;height:7px;border:1px solid #000;margin-right:.5em}footer #block-footer ul li a.is-active:before,footer #block-footer ul li a:hover:before{background-color:#000}footer #block-footer ul li a.ajax-loading:before{-webkit-animation:rotation 2s infinite linear;animation:rotation 2s infinite linear}footer nav#block-productions.block-menu ul{margin:0;padding:0}footer nav#block-productions.block-menu ul li{pointer-events:all;display:inline-block;position:relative;list-style:none;margin:0 1.5em 0 0;padding:0;height:200px}footer nav#block-productions.block-menu ul li a{position:absolute;bottom:0;-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotateZ(-45deg);transform:rotateZ(-45deg);color:#000;text-decoration:none;text-transform:uppercase;font-size:.756em;white-space:nowrap}footer nav#block-productions.block-menu ul li:first-of-type{margin-left:1em}footer nav#block-productions.block-menu{position:relative;pointer-events:none;display:none}body.entity-type-node.bundle-page footer nav#block-productions.block-menu,body.path-productions footer nav#block-productions.block-menu{display:inline-block}footer nav#block-productions.block-menu ul{margin-left:-3em;white-space:nowrap}footer nav#block-productions.block-menu ul li a{pointer-events:all;background-color:#fff;padding-right:.4em}footer nav#block-productions.block-menu ul li a:before{content:"";display:inline-block;width:7px;height:7px;border:1px solid red;margin-right:.5em}footer nav#block-productions.block-menu ul li a.is-active-trail:before,footer nav#block-productions.block-menu ul li a.is-active:before,footer nav#block-productions.block-menu ul li a:hover:before{background-color:red}footer nav#block-productions.block-menu ul li a.ajax-loading:before{-webkit-animation:rotation 2s infinite linear;animation:rotation 2s infinite linear}footer .block-block-edlp-entrees{pointer-events:none;display:inline-block}body.entity-type-node.bundle-page footer .block-block-edlp-entrees,body.path-agenda footer .block-block-edlp-entrees,body.path-productions footer .block-block-edlp-entrees{display:none}footer .block-block-edlp-entrees ul{margin:0;white-space:nowrap}footer .block-block-edlp-entrees ul li{display:inline-block;position:relative;list-style:none;padding:0;margin:0;white-space:nowrap;pointer-events:none}footer .block-block-edlp-entrees ul li a{position:absolute;bottom:0;-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotateZ(-45deg);transform:rotateZ(-45deg);color:#000;text-decoration:none;text-transform:uppercase;font-size:.756em;white-space:nowrap}footer .block-block-edlp-entrees ul li span.oblique-wrapper{height:120px;display:inline-block;vertical-align:bottom;position:relative;width:1.5em}footer .block-block-edlp-entrees ul li a.articles-link,footer .block-block-edlp-entrees ul li a.term-link{pointer-events:all;background-color:#fff;padding-right:.4em}footer .block-block-edlp-entrees ul li a.articles-link:before,footer .block-block-edlp-entrees ul li a.term-link:before{content:"";display:inline-block;width:7px;height:7px;border:1px solid #000;background-color:#000;margin-right:.5em;-webkit-transition:background-color .1s ease-in-out;transition:background-color .1s ease-in-out}footer .block-block-edlp-entrees ul li a.articles-link.articles-link,footer .block-block-edlp-entrees ul li a.term-link.articles-link{margin-left:4em;text-transform:capitalize}footer .block-block-edlp-entrees ul li .entree-content{display:inline-block;width:0;overflow:hidden;opacity:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transition-property:width,opacity;transition-property:width,opacity}footer #block-studiolinkblock a,footer .block.random-player a{-webkit-mask-size:contain;-webkit-transition:background-color .3s ease-in-out}footer .block-block-edlp-entrees ul li .entree-content span.oblique-wrapper:first-of-type{margin-left:.5em}footer .block-block-edlp-entrees ul li .entree-content span.oblique-wrapper a{text-transform:none;pointer-events:auto}footer .block-block-edlp-entrees ul li .entree-content span.oblique-wrapper a:before{content:"";display:inline-block;width:5px;height:5px;border:1px solid #000;margin-right:.5em}footer .block-block-edlp-entrees ul li .entree-content span.oblique-wrapper a.ajax-loading:before{-webkit-animation:rotation 2s infinite linear;animation:rotation 2s infinite linear}@keyframes rotation{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}footer .block-block-edlp-entrees ul li .entree-content .term-description{display:inline-block;margin-left:1.5em;text-align:left;width:250px;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;white-space:normal;background-color:rgba(255,255,255,.95);padding:.5em .5em 0}footer #block-edlpsearchlinkblock a,footer #block-studiolinkblock a,footer .block.random-player a{display:block;text-indent:40px;overflow:hidden;cursor:pointer}footer .block-block-edlp-entrees ul li .entree-content .term-description p{font-size:.65em;margin:0}footer .block-block-edlp-entrees ul li[tid='134'] .entree-content span.oblique-wrapper a:before,footer .block-block-edlp-entrees ul li[tid='134'] a.term-link:before{border-color:var(--e-col-134);background-color:var(--e-col-134)}footer .block-block-edlp-entrees ul li[tid='121'] .entree-content span.oblique-wrapper a:before,footer .block-block-edlp-entrees ul li[tid='121'] a.term-link:before{border-color:var(--e-col-121);background-color:var(--e-col-121)}footer .block-block-edlp-entrees ul li[tid='125'] .entree-content span.oblique-wrapper a:before,footer .block-block-edlp-entrees ul li[tid='125'] a.term-link:before{border-color:var(--e-col-125);background-color:var(--e-col-125)}footer .block-block-edlp-entrees ul li[tid='119'] .entree-content span.oblique-wrapper a:before,footer .block-block-edlp-entrees ul li[tid='119'] a.term-link:before{border-color:var(--e-col-119);background-color:var(--e-col-119)}footer .block-block-edlp-entrees ul li[tid='132'] .entree-content span.oblique-wrapper a:before,footer .block-block-edlp-entrees ul li[tid='132'] a.term-link:before{border-color:var(--e-col-132);background-color:var(--e-col-132)}footer .block-block-edlp-entrees ul li[tid='122'] .entree-content span.oblique-wrapper a:before,footer .block-block-edlp-entrees ul li[tid='122'] a.term-link:before{border-color:var(--e-col-122);background-color:var(--e-col-122)}footer .block-block-edlp-entrees ul li[tid='129'] .entree-content span.oblique-wrapper a:before,footer .block-block-edlp-entrees ul li[tid='129'] a.term-link:before{border-color:var(--e-col-129);background-color:var(--e-col-129)}footer .block-block-edlp-entrees ul li[tid='120'] .entree-content span.oblique-wrapper a:before,footer .block-block-edlp-entrees ul li[tid='120'] a.term-link:before{border-color:var(--e-col-120);background-color:var(--e-col-120)}footer .block-block-edlp-entrees ul li[tid='130'] .entree-content span.oblique-wrapper a:before,footer .block-block-edlp-entrees ul li[tid='130'] a.term-link:before{border-color:var(--e-col-130);background-color:var(--e-col-130)}footer .block-block-edlp-entrees ul li[tid='118'] .entree-content span.oblique-wrapper a:before,footer .block-block-edlp-entrees ul li[tid='118'] a.term-link:before{border-color:var(--e-col-118);background-color:var(--e-col-118)}footer .block-block-edlp-entrees ul li[tid='127'] .entree-content span.oblique-wrapper a:before,footer .block-block-edlp-entrees ul li[tid='127'] a.term-link:before{border-color:var(--e-col-127);background-color:var(--e-col-127)}footer .block-block-edlp-entrees ul li[tid='133'] .entree-content span.oblique-wrapper a:before,footer .block-block-edlp-entrees ul li[tid='133'] a.term-link:before{border-color:var(--e-col-133);background-color:var(--e-col-133)}footer .block-block-edlp-entrees ul li[tid='128'] .entree-content span.oblique-wrapper a:before,footer .block-block-edlp-entrees ul li[tid='128'] a.term-link:before{border-color:var(--e-col-128);background-color:var(--e-col-128)}footer .block-block-edlp-entrees ul li[tid='124'] .entree-content span.oblique-wrapper a:before,footer .block-block-edlp-entrees ul li[tid='124'] a.term-link:before{border-color:var(--e-col-124);background-color:var(--e-col-124)}footer .block-block-edlp-entrees ul li[tid='116'] .entree-content span.oblique-wrapper a:before,footer .block-block-edlp-entrees ul li[tid='116'] a.term-link:before{border-color:var(--e-col-116);background-color:var(--e-col-116)}footer .block-block-edlp-entrees ul li[tid='117'] .entree-content span.oblique-wrapper a:before,footer .block-block-edlp-entrees ul li[tid='117'] a.term-link:before{border-color:var(--e-col-117);background-color:var(--e-col-117)}footer .block-block-edlp-entrees ul li[tid='131'] .entree-content span.oblique-wrapper a:before,footer .block-block-edlp-entrees ul li[tid='131'] a.term-link:before{border-color:var(--e-col-131);background-color:var(--e-col-131)}footer .block-block-edlp-entrees ul li[tid='126'] .entree-content span.oblique-wrapper a:before,footer .block-block-edlp-entrees ul li[tid='126'] a.term-link:before{border-color:var(--e-col-126);background-color:var(--e-col-126)}footer .block-block-edlp-entrees ul li[tid='123'] .entree-content span.oblique-wrapper a:before,footer .block-block-edlp-entrees ul li[tid='123'] a.term-link:before{border-color:var(--e-col-123);background-color:var(--e-col-123)}footer .block-block-edlp-entrees ul li .entree-content span.oblique-wrapper a:not(:hover):not(.is-active):before,footer .block-block-edlp-entrees ul li a.articles-link:not(:hover):not(.is-active):before,footer .block-block-edlp-entrees ul li:not(.opened) a.term-link:not(:hover):not(.highlighted):before{background-color:#fff!important}footer .block-block-edlp-entrees ul li.opened a.term-link:after{content:'';position:absolute;left:15px;right:0;bottom:-3px;border-bottom:1px solid grey}footer .block-block-edlp-entrees ul li.opened .entree-content{width:350px;opacity:1}footer .block.random-player{margin-bottom:1em;pointer-events:all;margin-left:.5em}footer .block.random-player a{width:20px;height:20px;margin:0;-webkit-mask-image:url(../img/random.svg);mask-image:url(../img/random.svg);mask-size:contain;background-color:#000;transition:background-color .3s ease-in-out}footer .block.random-player a.is-active{background-color:red}footer #block-studiolinkblock{margin-bottom:1em;pointer-events:all;margin-left:.5em}footer #block-studiolinkblock a{width:20px;height:20px;margin:0;-webkit-mask-image:url(../img/studio.svg);mask-image:url(../img/studio.svg);mask-size:contain;background-color:#000;transition:background-color .3s ease-in-out}footer #block-studiolinkblock a.is-active{background-color:red}footer #block-userlogin{margin-bottom:1em;pointer-events:all;position:relative;width:20px;height:20px}footer #block-userlogin h2{position:relative;width:20px;height:20px;background-image:url(../img/studio.svg);background-size:contain;text-indent:40px;margin:0;overflow:hidden;z-index:1;cursor:pointer}footer #block-userlogin .block-content{z-index:0;position:absolute;right:0;bottom:20px;padding:.5em .5em 20px;background-color:rgba(255,255,255,.95);border-top:1px solid red;border-bottom:1px solid red;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;height:0;opacity:0;pointer-events:none;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;-webkit-transition-property:height,opacity;transition-property:height,opacity}footer #block-userlogin .block-content form{font-size:.75em}footer #block-userlogin .block-content .item-list ul{margin:0}footer #block-userlogin .block-content .item-list li{margin:0;list-style:none}footer #block-userlogin .block-content .item-list li a{color:inherit;text-decoration:none;font-size:.75em;white-space:nowrap}footer #block-userlogin:hover .block-content{height:200px;opacity:1;pointer-events:auto}footer #block-edlpsearchlinkblock{margin-bottom:1em;pointer-events:all;margin-left:.2em}footer #block-edlpsearchlinkblock a{width:20px;height:20px;margin:0;-webkit-mask-image:url(../img/search.svg);mask-image:url(../img/search.svg);-webkit-mask-size:contain;mask-size:contain;background-color:#000;-webkit-transition:background-color .3s ease-in-out;transition:background-color .3s ease-in-out}footer #block-edlpsearchlinkblock a.is-active{background-color:red}.node-popup .inner{position:relative}.node-popup .inner .entrees span{display:inline-block;width:8px;height:8px;background-color:#000;margin-right:3px}.node-popup .inner .entrees span[tid='134']{background-color:var(--e-col-134)}.node-popup .inner .entrees span[tid='121']{background-color:var(--e-col-121)}.node-popup .inner .entrees span[tid='125']{background-color:var(--e-col-125)}.node-popup .inner .entrees span[tid='119']{background-color:var(--e-col-119)}.node-popup .inner .entrees span[tid='132']{background-color:var(--e-col-132)}.node-popup .inner .entrees span[tid='122']{background-color:var(--e-col-122)}.node-popup .inner .entrees span[tid='129']{background-color:var(--e-col-129)}.node-popup .inner .entrees span[tid='120']{background-color:var(--e-col-120)}.node-popup .inner .entrees span[tid='130']{background-color:var(--e-col-130)}.node-popup .inner .entrees span[tid='118']{background-color:var(--e-col-118)}.node-popup .inner .entrees span[tid='127']{background-color:var(--e-col-127)}.node-popup .inner .entrees span[tid='133']{background-color:var(--e-col-133)}.node-popup .inner .entrees span[tid='128']{background-color:var(--e-col-128)}.node-popup .inner .entrees span[tid='124']{background-color:var(--e-col-124)}.node-popup .inner .entrees span[tid='116']{background-color:var(--e-col-116)}.node-popup .inner .entrees span[tid='117']{background-color:var(--e-col-117)}.node-popup .inner .entrees span[tid='131']{background-color:var(--e-col-131)}.node-popup .inner .entrees span[tid='126']{background-color:var(--e-col-126)}.node-popup .inner .entrees span[tid='123']{background-color:var(--e-col-123)}.node-popup .inner .title{margin:.3em 0;font-size:1.2em;font-weight:500}.node-popup .inner .description p{margin:0;font-size:.75em}.node-popup .inner .chutier-icon{position:absolute;top:1em;right:1em}.url-to-video-container{margin:10px auto}.url-to-video-container.no-js{border:1px solid #000}.url-to-video-container.no-js .url-to-video-player{cursor:auto}.url-to-video-container .loader{top:auto;left:auto;-webkit-transform:none;transform:none}.url-to-video-container span.url-to-video-player{padding-bottom:0;height:auto}.url-to-video-container span.url-to-video-player:before{content:"";display:block;padding-top:56.25%}.url-to-video-container span.url-to-video-player .play-button{z-index:5;top:50%} \ No newline at end of file +body { + background: white; } + +a { + color: inherit; + text-decoration: none; } + +a, a:focus, a:active { + outline: none; } + +a:focus { + -moz-outline-style: none; } + +.col-1, .small-col-1, .med-col-1, .large-col-1, .col-2, .small-col-2, .med-col-2, .large-col-2, .col-3, .small-col-3, .med-col-3, .large-col-3, .col-4, .small-col-4, .med-col-4, .large-col-4, .col-5, .small-col-5, .med-col-5, .large-col-5, .col-6, .small-col-6, .med-col-6, .large-col-6, .col-7, .small-col-7, .med-col-7, .large-col-7, .col-8, .small-col-8, .med-col-8, .large-col-8, .col-9, .small-col-9, .med-col-9, .large-col-9, .col-10, .small-col-10, .med-col-10, .large-col-10, .col-11, .small-col-11, .med-col-11, .large-col-11, .col-12, .small-col-12, .med-col-12, .large-col-12, .col-1-offset-1, .col-1-offset-2, .col-1-offset-3, .col-1-offset-4, .col-1-offset-5, .col-1-offset-6, .col-1-offset-7, .col-1-offset-8, .col-1-offset-9, .col-1-offset-10, .col-1-offset-11, .col-2-offset-1, .col-2-offset-2, .col-2-offset-3, .col-2-offset-4, .col-2-offset-5, .col-2-offset-6, .col-2-offset-7, .col-2-offset-8, .col-2-offset-9, .col-2-offset-10, .col-3-offset-1, .col-3-offset-2, .col-3-offset-3, .col-3-offset-4, .col-3-offset-5, .col-3-offset-6, .col-3-offset-7, .col-3-offset-8, .col-3-offset-9, .col-4-offset-1, .col-4-offset-2, .col-4-offset-3, .col-4-offset-4, .col-4-offset-5, .col-4-offset-6, .col-4-offset-7, .col-4-offset-8, .col-5-offset-1, .col-5-offset-2, .col-5-offset-3, .col-5-offset-4, .col-5-offset-5, .col-5-offset-6, .col-5-offset-7, .col-6-offset-1, .col-6-offset-2, .col-6-offset-3, .col-6-offset-4, .col-6-offset-5, .col-6-offset-6, .col-7-offset-1, .col-7-offset-2, .col-7-offset-3, .col-7-offset-4, .col-7-offset-5, .col-8-offset-1, .col-8-offset-2, .col-8-offset-3, .col-8-offset-4, .col-9-offset-1, .col-9-offset-2, .col-9-offset-3, .col-10-offset-1, .col-10-offset-2, .col-11-offset-1 { + width: 100%; + display: inline-block; + font-size: 16px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + white-space: normal; } + +.row { + font-size: 0; + white-space: nowrap; + position: relative; } + .row > * { + font-size: 16px; } + +.col-1 { + padding-left: 0em; + padding-right: 1em; + margin-left: 0%; + width: 8.33333%; + vertical-align: top; } + .col-1:last-child { + padding-right: 0; } + +@media only screen and (max-width: 768px) { + .small-col-1 { + padding-left: 0em; + padding-right: 1em; + margin-left: 0%; + width: 8.33333%; + vertical-align: top; } + .small-col-1:last-child { + padding-right: 0; } } + +@media only screen and (min-width: 769px) and (max-width: 1080px) { + .med-col-1 { + padding-left: 0em; + padding-right: 1em; + margin-left: 0%; + width: 8.33333%; + vertical-align: top; } + .med-col-1:last-child { + padding-right: 0; } } + +@media only screen and (min-width: 1081px) { + .large-col-1 { + padding-left: 0em; + padding-right: 1em; + margin-left: 0%; + width: 8.33333%; + vertical-align: top; } + .large-col-1:last-child { + padding-right: 0; } } + +.col-2 { + padding-left: 0em; + padding-right: 1em; + margin-left: 0%; + width: 16.66667%; + vertical-align: top; } + .col-2:last-child { + padding-right: 0; } + +@media only screen and (max-width: 768px) { + .small-col-2 { + padding-left: 0em; + padding-right: 1em; + margin-left: 0%; + width: 16.66667%; + vertical-align: top; } + .small-col-2:last-child { + padding-right: 0; } } + +@media only screen and (min-width: 769px) and (max-width: 1080px) { + .med-col-2 { + padding-left: 0em; + padding-right: 1em; + margin-left: 0%; + width: 16.66667%; + vertical-align: top; } + .med-col-2:last-child { + padding-right: 0; } } + +@media only screen and (min-width: 1081px) { + .large-col-2 { + padding-left: 0em; + padding-right: 1em; + margin-left: 0%; + width: 16.66667%; + vertical-align: top; } + .large-col-2:last-child { + padding-right: 0; } } + +.col-3 { + padding-left: 0em; + padding-right: 1em; + margin-left: 0%; + width: 25%; + vertical-align: top; } + .col-3:last-child { + padding-right: 0; } + +@media only screen and (max-width: 768px) { + .small-col-3 { + padding-left: 0em; + padding-right: 1em; + margin-left: 0%; + width: 25%; + vertical-align: top; } + .small-col-3:last-child { + padding-right: 0; } } + +@media only screen and (min-width: 769px) and (max-width: 1080px) { + .med-col-3 { + padding-left: 0em; + padding-right: 1em; + margin-left: 0%; + width: 25%; + vertical-align: top; } + .med-col-3:last-child { + padding-right: 0; } } + +@media only screen and (min-width: 1081px) { + .large-col-3 { + padding-left: 0em; + padding-right: 1em; + margin-left: 0%; + width: 25%; + vertical-align: top; } + .large-col-3:last-child { + padding-right: 0; } } + +.col-4 { + padding-left: 0em; + padding-right: 1em; + margin-left: 0%; + width: 33.33333%; + vertical-align: top; } + .col-4:last-child { + padding-right: 0; } + +@media only screen and (max-width: 768px) { + .small-col-4 { + padding-left: 0em; + padding-right: 1em; + margin-left: 0%; + width: 33.33333%; + vertical-align: top; } + .small-col-4:last-child { + padding-right: 0; } } + +@media only screen and (min-width: 769px) and (max-width: 1080px) { + .med-col-4 { + padding-left: 0em; + padding-right: 1em; + margin-left: 0%; + width: 33.33333%; + vertical-align: top; } + .med-col-4:last-child { + padding-right: 0; } } + +@media only screen and (min-width: 1081px) { + .large-col-4 { + padding-left: 0em; + padding-right: 1em; + margin-left: 0%; + width: 33.33333%; + vertical-align: top; } + .large-col-4:last-child { + padding-right: 0; } } + +.col-5 { + padding-left: 0em; + padding-right: 1em; + margin-left: 0%; + width: 41.66667%; + vertical-align: top; } + .col-5:last-child { + padding-right: 0; } + +@media only screen and (max-width: 768px) { + .small-col-5 { + padding-left: 0em; + padding-right: 1em; + margin-left: 0%; + width: 41.66667%; + vertical-align: top; } + .small-col-5:last-child { + padding-right: 0; } } + +@media only screen and (min-width: 769px) and (max-width: 1080px) { + .med-col-5 { + padding-left: 0em; + padding-right: 1em; + margin-left: 0%; + width: 41.66667%; + vertical-align: top; } + .med-col-5:last-child { + padding-right: 0; } } + +@media only screen and (min-width: 1081px) { + .large-col-5 { + padding-left: 0em; + padding-right: 1em; + margin-left: 0%; + width: 41.66667%; + vertical-align: top; } + .large-col-5:last-child { + padding-right: 0; } } + +.col-6 { + padding-left: 0em; + padding-right: 1em; + margin-left: 0%; + width: 50%; + vertical-align: top; } + .col-6:last-child { + padding-right: 0; } + +@media only screen and (max-width: 768px) { + .small-col-6 { + padding-left: 0em; + padding-right: 1em; + margin-left: 0%; + width: 50%; + vertical-align: top; } + .small-col-6:last-child { + padding-right: 0; } } + +@media only screen and (min-width: 769px) and (max-width: 1080px) { + .med-col-6 { + padding-left: 0em; + padding-right: 1em; + margin-left: 0%; + width: 50%; + vertical-align: top; } + .med-col-6:last-child { + padding-right: 0; } } + +@media only screen and (min-width: 1081px) { + .large-col-6 { + padding-left: 0em; + padding-right: 1em; + margin-left: 0%; + width: 50%; + vertical-align: top; } + .large-col-6:last-child { + padding-right: 0; } } + +.col-7 { + padding-left: 0em; + padding-right: 1em; + margin-left: 0%; + width: 58.33333%; + vertical-align: top; } + .col-7:last-child { + padding-right: 0; } + +@media only screen and (max-width: 768px) { + .small-col-7 { + padding-left: 0em; + padding-right: 1em; + margin-left: 0%; + width: 58.33333%; + vertical-align: top; } + .small-col-7:last-child { + padding-right: 0; } } + +@media only screen and (min-width: 769px) and (max-width: 1080px) { + .med-col-7 { + padding-left: 0em; + padding-right: 1em; + margin-left: 0%; + width: 58.33333%; + vertical-align: top; } + .med-col-7:last-child { + padding-right: 0; } } + +@media only screen and (min-width: 1081px) { + .large-col-7 { + padding-left: 0em; + padding-right: 1em; + margin-left: 0%; + width: 58.33333%; + vertical-align: top; } + .large-col-7:last-child { + padding-right: 0; } } + +.col-8 { + padding-left: 0em; + padding-right: 1em; + margin-left: 0%; + width: 66.66667%; + vertical-align: top; } + .col-8:last-child { + padding-right: 0; } + +@media only screen and (max-width: 768px) { + .small-col-8 { + padding-left: 0em; + padding-right: 1em; + margin-left: 0%; + width: 66.66667%; + vertical-align: top; } + .small-col-8:last-child { + padding-right: 0; } } + +@media only screen and (min-width: 769px) and (max-width: 1080px) { + .med-col-8 { + padding-left: 0em; + padding-right: 1em; + margin-left: 0%; + width: 66.66667%; + vertical-align: top; } + .med-col-8:last-child { + padding-right: 0; } } + +@media only screen and (min-width: 1081px) { + .large-col-8 { + padding-left: 0em; + padding-right: 1em; + margin-left: 0%; + width: 66.66667%; + vertical-align: top; } + .large-col-8:last-child { + padding-right: 0; } } + +.col-9 { + padding-left: 0em; + padding-right: 1em; + margin-left: 0%; + width: 75%; + vertical-align: top; } + .col-9:last-child { + padding-right: 0; } + +@media only screen and (max-width: 768px) { + .small-col-9 { + padding-left: 0em; + padding-right: 1em; + margin-left: 0%; + width: 75%; + vertical-align: top; } + .small-col-9:last-child { + padding-right: 0; } } + +@media only screen and (min-width: 769px) and (max-width: 1080px) { + .med-col-9 { + padding-left: 0em; + padding-right: 1em; + margin-left: 0%; + width: 75%; + vertical-align: top; } + .med-col-9:last-child { + padding-right: 0; } } + +@media only screen and (min-width: 1081px) { + .large-col-9 { + padding-left: 0em; + padding-right: 1em; + margin-left: 0%; + width: 75%; + vertical-align: top; } + .large-col-9:last-child { + padding-right: 0; } } + +.col-10 { + padding-left: 0em; + padding-right: 1em; + margin-left: 0%; + width: 83.33333%; + vertical-align: top; } + .col-10:last-child { + padding-right: 0; } + +@media only screen and (max-width: 768px) { + .small-col-10 { + padding-left: 0em; + padding-right: 1em; + margin-left: 0%; + width: 83.33333%; + vertical-align: top; } + .small-col-10:last-child { + padding-right: 0; } } + +@media only screen and (min-width: 769px) and (max-width: 1080px) { + .med-col-10 { + padding-left: 0em; + padding-right: 1em; + margin-left: 0%; + width: 83.33333%; + vertical-align: top; } + .med-col-10:last-child { + padding-right: 0; } } + +@media only screen and (min-width: 1081px) { + .large-col-10 { + padding-left: 0em; + padding-right: 1em; + margin-left: 0%; + width: 83.33333%; + vertical-align: top; } + .large-col-10:last-child { + padding-right: 0; } } + +.col-11 { + padding-left: 0em; + padding-right: 1em; + margin-left: 0%; + width: 91.66667%; + vertical-align: top; } + .col-11:last-child { + padding-right: 0; } + +@media only screen and (max-width: 768px) { + .small-col-11 { + padding-left: 0em; + padding-right: 1em; + margin-left: 0%; + width: 91.66667%; + vertical-align: top; } + .small-col-11:last-child { + padding-right: 0; } } + +@media only screen and (min-width: 769px) and (max-width: 1080px) { + .med-col-11 { + padding-left: 0em; + padding-right: 1em; + margin-left: 0%; + width: 91.66667%; + vertical-align: top; } + .med-col-11:last-child { + padding-right: 0; } } + +@media only screen and (min-width: 1081px) { + .large-col-11 { + padding-left: 0em; + padding-right: 1em; + margin-left: 0%; + width: 91.66667%; + vertical-align: top; } + .large-col-11:last-child { + padding-right: 0; } } + +.col-12 { + padding-left: 0em; + padding-right: 1em; + margin-left: 0%; + width: 100%; + vertical-align: top; } + .col-12:last-child { + padding-right: 0; } + +@media only screen and (max-width: 768px) { + .small-col-12 { + padding-left: 0em; + padding-right: 1em; + margin-left: 0%; + width: 100%; + vertical-align: top; } + .small-col-12:last-child { + padding-right: 0; } } + +@media only screen and (min-width: 769px) and (max-width: 1080px) { + .med-col-12 { + padding-left: 0em; + padding-right: 1em; + margin-left: 0%; + width: 100%; + vertical-align: top; } + .med-col-12:last-child { + padding-right: 0; } } + +@media only screen and (min-width: 1081px) { + .large-col-12 { + padding-left: 0em; + padding-right: 1em; + margin-left: 0%; + width: 100%; + vertical-align: top; } + .large-col-12:last-child { + padding-right: 0; } } + +.col-1-offset-1 { + padding-left: 1em; + padding-right: 1em; + margin-left: 8.33333%; + width: 8.33333%; + vertical-align: top; } + .col-1-offset-1:last-child { + padding-right: 0; } + +.col-1-offset-2 { + padding-left: 2em; + padding-right: 1em; + margin-left: 16.66667%; + width: 8.33333%; + vertical-align: top; } + .col-1-offset-2:last-child { + padding-right: 0; } + +.col-1-offset-3 { + padding-left: 3em; + padding-right: 1em; + margin-left: 25%; + width: 8.33333%; + vertical-align: top; } + .col-1-offset-3:last-child { + padding-right: 0; } + +.col-1-offset-4 { + padding-left: 4em; + padding-right: 1em; + margin-left: 33.33333%; + width: 8.33333%; + vertical-align: top; } + .col-1-offset-4:last-child { + padding-right: 0; } + +.col-1-offset-5 { + padding-left: 5em; + padding-right: 1em; + margin-left: 41.66667%; + width: 8.33333%; + vertical-align: top; } + .col-1-offset-5:last-child { + padding-right: 0; } + +.col-1-offset-6 { + padding-left: 6em; + padding-right: 1em; + margin-left: 50%; + width: 8.33333%; + vertical-align: top; } + .col-1-offset-6:last-child { + padding-right: 0; } + +.col-1-offset-7 { + padding-left: 7em; + padding-right: 1em; + margin-left: 58.33333%; + width: 8.33333%; + vertical-align: top; } + .col-1-offset-7:last-child { + padding-right: 0; } + +.col-1-offset-8 { + padding-left: 8em; + padding-right: 1em; + margin-left: 66.66667%; + width: 8.33333%; + vertical-align: top; } + .col-1-offset-8:last-child { + padding-right: 0; } + +.col-1-offset-9 { + padding-left: 9em; + padding-right: 1em; + margin-left: 75%; + width: 8.33333%; + vertical-align: top; } + .col-1-offset-9:last-child { + padding-right: 0; } + +.col-1-offset-10 { + padding-left: 10em; + padding-right: 1em; + margin-left: 83.33333%; + width: 8.33333%; + vertical-align: top; } + .col-1-offset-10:last-child { + padding-right: 0; } + +.col-1-offset-11 { + padding-left: 11em; + padding-right: 1em; + margin-left: 91.66667%; + width: 8.33333%; + vertical-align: top; } + .col-1-offset-11:last-child { + padding-right: 0; } + +.col-2-offset-1 { + padding-left: 1em; + padding-right: 1em; + margin-left: 16.66667%; + width: 16.66667%; + vertical-align: top; } + .col-2-offset-1:last-child { + padding-right: 0; } + +.col-2-offset-2 { + padding-left: 2em; + padding-right: 1em; + margin-left: 33.33333%; + width: 16.66667%; + vertical-align: top; } + .col-2-offset-2:last-child { + padding-right: 0; } + +.col-2-offset-3 { + padding-left: 3em; + padding-right: 1em; + margin-left: 50%; + width: 16.66667%; + vertical-align: top; } + .col-2-offset-3:last-child { + padding-right: 0; } + +.col-2-offset-4 { + padding-left: 4em; + padding-right: 1em; + margin-left: 66.66667%; + width: 16.66667%; + vertical-align: top; } + .col-2-offset-4:last-child { + padding-right: 0; } + +.col-2-offset-5 { + padding-left: 5em; + padding-right: 1em; + margin-left: 83.33333%; + width: 16.66667%; + vertical-align: top; } + .col-2-offset-5:last-child { + padding-right: 0; } + +.col-2-offset-6 { + padding-left: 6em; + padding-right: 1em; + margin-left: 100%; + width: 16.66667%; + vertical-align: top; } + .col-2-offset-6:last-child { + padding-right: 0; } + +.col-2-offset-7 { + padding-left: 7em; + padding-right: 1em; + margin-left: 116.66667%; + width: 16.66667%; + vertical-align: top; } + .col-2-offset-7:last-child { + padding-right: 0; } + +.col-2-offset-8 { + padding-left: 8em; + padding-right: 1em; + margin-left: 133.33333%; + width: 16.66667%; + vertical-align: top; } + .col-2-offset-8:last-child { + padding-right: 0; } + +.col-2-offset-9 { + padding-left: 9em; + padding-right: 1em; + margin-left: 150%; + width: 16.66667%; + vertical-align: top; } + .col-2-offset-9:last-child { + padding-right: 0; } + +.col-2-offset-10 { + padding-left: 10em; + padding-right: 1em; + margin-left: 166.66667%; + width: 16.66667%; + vertical-align: top; } + .col-2-offset-10:last-child { + padding-right: 0; } + +.col-3-offset-1 { + padding-left: 1em; + padding-right: 1em; + margin-left: 25%; + width: 25%; + vertical-align: top; } + .col-3-offset-1:last-child { + padding-right: 0; } + +.col-3-offset-2 { + padding-left: 2em; + padding-right: 1em; + margin-left: 50%; + width: 25%; + vertical-align: top; } + .col-3-offset-2:last-child { + padding-right: 0; } + +.col-3-offset-3 { + padding-left: 3em; + padding-right: 1em; + margin-left: 75%; + width: 25%; + vertical-align: top; } + .col-3-offset-3:last-child { + padding-right: 0; } + +.col-3-offset-4 { + padding-left: 4em; + padding-right: 1em; + margin-left: 100%; + width: 25%; + vertical-align: top; } + .col-3-offset-4:last-child { + padding-right: 0; } + +.col-3-offset-5 { + padding-left: 5em; + padding-right: 1em; + margin-left: 125%; + width: 25%; + vertical-align: top; } + .col-3-offset-5:last-child { + padding-right: 0; } + +.col-3-offset-6 { + padding-left: 6em; + padding-right: 1em; + margin-left: 150%; + width: 25%; + vertical-align: top; } + .col-3-offset-6:last-child { + padding-right: 0; } + +.col-3-offset-7 { + padding-left: 7em; + padding-right: 1em; + margin-left: 175%; + width: 25%; + vertical-align: top; } + .col-3-offset-7:last-child { + padding-right: 0; } + +.col-3-offset-8 { + padding-left: 8em; + padding-right: 1em; + margin-left: 200%; + width: 25%; + vertical-align: top; } + .col-3-offset-8:last-child { + padding-right: 0; } + +.col-3-offset-9 { + padding-left: 9em; + padding-right: 1em; + margin-left: 225%; + width: 25%; + vertical-align: top; } + .col-3-offset-9:last-child { + padding-right: 0; } + +.col-4-offset-1 { + padding-left: 1em; + padding-right: 1em; + margin-left: 33.33333%; + width: 33.33333%; + vertical-align: top; } + .col-4-offset-1:last-child { + padding-right: 0; } + +.col-4-offset-2 { + padding-left: 2em; + padding-right: 1em; + margin-left: 66.66667%; + width: 33.33333%; + vertical-align: top; } + .col-4-offset-2:last-child { + padding-right: 0; } + +.col-4-offset-3 { + padding-left: 3em; + padding-right: 1em; + margin-left: 100%; + width: 33.33333%; + vertical-align: top; } + .col-4-offset-3:last-child { + padding-right: 0; } + +.col-4-offset-4 { + padding-left: 4em; + padding-right: 1em; + margin-left: 133.33333%; + width: 33.33333%; + vertical-align: top; } + .col-4-offset-4:last-child { + padding-right: 0; } + +.col-4-offset-5 { + padding-left: 5em; + padding-right: 1em; + margin-left: 166.66667%; + width: 33.33333%; + vertical-align: top; } + .col-4-offset-5:last-child { + padding-right: 0; } + +.col-4-offset-6 { + padding-left: 6em; + padding-right: 1em; + margin-left: 200%; + width: 33.33333%; + vertical-align: top; } + .col-4-offset-6:last-child { + padding-right: 0; } + +.col-4-offset-7 { + padding-left: 7em; + padding-right: 1em; + margin-left: 233.33333%; + width: 33.33333%; + vertical-align: top; } + .col-4-offset-7:last-child { + padding-right: 0; } + +.col-4-offset-8 { + padding-left: 8em; + padding-right: 1em; + margin-left: 266.66667%; + width: 33.33333%; + vertical-align: top; } + .col-4-offset-8:last-child { + padding-right: 0; } + +.col-5-offset-1 { + padding-left: 1em; + padding-right: 1em; + margin-left: 41.66667%; + width: 41.66667%; + vertical-align: top; } + .col-5-offset-1:last-child { + padding-right: 0; } + +.col-5-offset-2 { + padding-left: 2em; + padding-right: 1em; + margin-left: 83.33333%; + width: 41.66667%; + vertical-align: top; } + .col-5-offset-2:last-child { + padding-right: 0; } + +.col-5-offset-3 { + padding-left: 3em; + padding-right: 1em; + margin-left: 125%; + width: 41.66667%; + vertical-align: top; } + .col-5-offset-3:last-child { + padding-right: 0; } + +.col-5-offset-4 { + padding-left: 4em; + padding-right: 1em; + margin-left: 166.66667%; + width: 41.66667%; + vertical-align: top; } + .col-5-offset-4:last-child { + padding-right: 0; } + +.col-5-offset-5 { + padding-left: 5em; + padding-right: 1em; + margin-left: 208.33333%; + width: 41.66667%; + vertical-align: top; } + .col-5-offset-5:last-child { + padding-right: 0; } + +.col-5-offset-6 { + padding-left: 6em; + padding-right: 1em; + margin-left: 250%; + width: 41.66667%; + vertical-align: top; } + .col-5-offset-6:last-child { + padding-right: 0; } + +.col-5-offset-7 { + padding-left: 7em; + padding-right: 1em; + margin-left: 291.66667%; + width: 41.66667%; + vertical-align: top; } + .col-5-offset-7:last-child { + padding-right: 0; } + +.col-6-offset-1 { + padding-left: 1em; + padding-right: 1em; + margin-left: 50%; + width: 50%; + vertical-align: top; } + .col-6-offset-1:last-child { + padding-right: 0; } + +.col-6-offset-2 { + padding-left: 2em; + padding-right: 1em; + margin-left: 100%; + width: 50%; + vertical-align: top; } + .col-6-offset-2:last-child { + padding-right: 0; } + +.col-6-offset-3 { + padding-left: 3em; + padding-right: 1em; + margin-left: 150%; + width: 50%; + vertical-align: top; } + .col-6-offset-3:last-child { + padding-right: 0; } + +.col-6-offset-4 { + padding-left: 4em; + padding-right: 1em; + margin-left: 200%; + width: 50%; + vertical-align: top; } + .col-6-offset-4:last-child { + padding-right: 0; } + +.col-6-offset-5 { + padding-left: 5em; + padding-right: 1em; + margin-left: 250%; + width: 50%; + vertical-align: top; } + .col-6-offset-5:last-child { + padding-right: 0; } + +.col-6-offset-6 { + padding-left: 6em; + padding-right: 1em; + margin-left: 300%; + width: 50%; + vertical-align: top; } + .col-6-offset-6:last-child { + padding-right: 0; } + +.col-7-offset-1 { + padding-left: 1em; + padding-right: 1em; + margin-left: 58.33333%; + width: 58.33333%; + vertical-align: top; } + .col-7-offset-1:last-child { + padding-right: 0; } + +.col-7-offset-2 { + padding-left: 2em; + padding-right: 1em; + margin-left: 116.66667%; + width: 58.33333%; + vertical-align: top; } + .col-7-offset-2:last-child { + padding-right: 0; } + +.col-7-offset-3 { + padding-left: 3em; + padding-right: 1em; + margin-left: 175%; + width: 58.33333%; + vertical-align: top; } + .col-7-offset-3:last-child { + padding-right: 0; } + +.col-7-offset-4 { + padding-left: 4em; + padding-right: 1em; + margin-left: 233.33333%; + width: 58.33333%; + vertical-align: top; } + .col-7-offset-4:last-child { + padding-right: 0; } + +.col-7-offset-5 { + padding-left: 5em; + padding-right: 1em; + margin-left: 291.66667%; + width: 58.33333%; + vertical-align: top; } + .col-7-offset-5:last-child { + padding-right: 0; } + +.col-8-offset-1 { + padding-left: 1em; + padding-right: 1em; + margin-left: 66.66667%; + width: 66.66667%; + vertical-align: top; } + .col-8-offset-1:last-child { + padding-right: 0; } + +.col-8-offset-2 { + padding-left: 2em; + padding-right: 1em; + margin-left: 133.33333%; + width: 66.66667%; + vertical-align: top; } + .col-8-offset-2:last-child { + padding-right: 0; } + +.col-8-offset-3 { + padding-left: 3em; + padding-right: 1em; + margin-left: 200%; + width: 66.66667%; + vertical-align: top; } + .col-8-offset-3:last-child { + padding-right: 0; } + +.col-8-offset-4 { + padding-left: 4em; + padding-right: 1em; + margin-left: 266.66667%; + width: 66.66667%; + vertical-align: top; } + .col-8-offset-4:last-child { + padding-right: 0; } + +.col-9-offset-1 { + padding-left: 1em; + padding-right: 1em; + margin-left: 75%; + width: 75%; + vertical-align: top; } + .col-9-offset-1:last-child { + padding-right: 0; } + +.col-9-offset-2 { + padding-left: 2em; + padding-right: 1em; + margin-left: 150%; + width: 75%; + vertical-align: top; } + .col-9-offset-2:last-child { + padding-right: 0; } + +.col-9-offset-3 { + padding-left: 3em; + padding-right: 1em; + margin-left: 225%; + width: 75%; + vertical-align: top; } + .col-9-offset-3:last-child { + padding-right: 0; } + +.col-10-offset-1 { + padding-left: 1em; + padding-right: 1em; + margin-left: 83.33333%; + width: 83.33333%; + vertical-align: top; } + .col-10-offset-1:last-child { + padding-right: 0; } + +.col-10-offset-2 { + padding-left: 2em; + padding-right: 1em; + margin-left: 166.66667%; + width: 83.33333%; + vertical-align: top; } + .col-10-offset-2:last-child { + padding-right: 0; } + +.col-11-offset-1 { + padding-left: 1em; + padding-right: 1em; + margin-left: 91.66667%; + width: 91.66667%; + vertical-align: top; } + .col-11-offset-1:last-child { + padding-right: 0; } + +.col.float-right { + float: right; + padding-right: 0; + padding-left: 1em; } + +body, html { + position: relative; + width: 100%; + height: 100%; + font-family: Georgia, serif; + font-style: normal; + margin: 0; + padding: 0; } + +body.toolbar-horizontal.toolbar-themes.toolbar-no-tabs { + padding-top: 24px !important; } + +header[role="banner"] { + z-index: 2; + position: relative; + padding: 0 1em; } + header[role="banner"] > .wrapper { + position: relative; + padding: 0.5em 0; + border-bottom: 1px solid red; + height: 70px; } + header[role="banner"] > .wrapper > .region { + height: 100%; + position: relative; } + +aside.messages { + border: none; + z-index: 99; + position: absolute; + left: 5%; + top: 100px; + width: 80%; + max-height: 600px; + background-color: rgba(255, 255, 255, 0.8); + padding: 0; + overflow-y: auto; } + +main[role="main"] { + z-index: 1; + position: absolute; + left: 0; + top: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + padding: 7em 2em 9em; + overflow: hidden; + pointer-events: none; + height: 100%; } + main[role="main"] .layout-content { + width: 100%; + height: 100%; + overflow: hidden; } + main[role="main"] .layout-content > * { + pointer-events: auto; } + +body.toolbar-horizontal.toolbar-themes.toolbar-no-tabs main[role="main"] { + padding-top: 8em; } + +footer[role="contentinfo"] { + z-index: 2; + position: fixed; + bottom: 0; + -webkit-box-sizing: content-box; + box-sizing: content-box; + width: 100%; + padding: 0.5em 1em; } + +.os-scroll { + height: 100%; } + +header[role="banner"] { + pointer-events: all; } + +#block-edlptheme-branding { + display: inline-block; } + #block-edlptheme-branding h1 { + margin: 0; + display: inline-block; } + #block-edlptheme-branding h1 a.site-name { + display: block; + width: 290px; + height: 63.8px; + background-image: url(../img/logo.svg); + background-color: white; + background-repeat: no-repeat; + background-size: contain; + white-space: nowrap; + text-indent: 500px; + overflow: hidden; } + +#block-mainnavigation { + float: right; + margin-top: 25px; } + #block-mainnavigation ul { + margin: 0; + padding: 0; + white-space: nowrap; } + #block-mainnavigation ul li { + margin: 0; + padding: 0; + display: inline-block; } + #block-mainnavigation ul li a { + font-size: 0.756em; + color: inherit; + text-decoration: none; + text-transform: uppercase; + margin-left: 1em; } + #block-mainnavigation ul li a:before { + content: ""; + display: inline-block; + width: 0.6em; + height: 0.6em; + border: 1px solid red; + margin-right: 0.3em; } + #block-mainnavigation ul li a.ajax-loading:before { + -webkit-animation: rotation 2s infinite linear; + animation: rotation 2s infinite linear; } + +@-webkit-keyframes rotation { + from { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); } + to { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); } } + +@keyframes rotation { + from { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); } + to { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); } } + #block-mainnavigation ul li a.is-active:before, #block-mainnavigation ul li a.is-active-trail:before, #block-mainnavigation ul li a:hover:before { + background-color: red; } + +.block-language { + float: right; + margin-top: 24px; + margin-left: 2em; } + .block-language ul { + margin: 0; + padding: 0; } + .block-language ul li { + display: inline-block; + vertical-align: middle; + list-style: none; } + .block-language ul li a { + font-size: 0.690em; + color: inherit; + text-decoration: none; + text-transform: capitalize; + margin-left: 0.8em; } + .block-language ul li a:before { + content: ""; + display: inline-block; + width: 0.6em; + height: 0.6em; + border: 1px solid red; + margin-right: 0.3em; } + .block-language ul li.is-active a:before, .block-language ul li:hover a:before { + border-color: red; + background-color: red; } + +#corpus-map { + opacity: 0; } + body[corpus="map-ready"] #corpus-map { + -webkit-transition: opacity 2s ease-out; + transition: opacity 2s ease-out; + opacity: 1; } + +main[role="main"] .row { + opacity: 0; } + main[role="main"] .row .col { + opacity: 1; + -webkit-transition: opacity 0.5s ease-in-out; + transition: opacity 0.5s ease-in-out; } + +body[booted="booted"] main[role="main"] .row { + -webkit-transition: opacity 1s ease-out; + transition: opacity 1s ease-out; + opacity: 1; } + +body.ajax-loading main[role="main"] .row .col:not([theme="edlp_search_search_form"]) { + opacity: 0.2; } + +main[role="main"] .layout-content { + pointer-events: none; } + main[role="main"] .layout-content .row { + pointer-events: none; + height: 100%; + overflow: hidden; } + main[role="main"] .layout-content .row .col { + pointer-events: none; + height: 100%; + position: relative; } + main[role="main"] .layout-content .row .col > .wrapper { + pointer-events: all; + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-top: 1px solid red; + border-bottom: 1px solid red; + background-color: rgba(255, 255, 255, 0.95); + padding: 0 0 1em; + max-height: 100%; + overflow-y: auto; } + main[role="main"] .layout-content .row .col > .wrapper > * { + padding: 0 1em; } + main[role="main"] .layout-content .field.text-formatted a.audio-link { + border-bottom: 1px dotted red; } + +main[role="main"] article.node > h2, main[role="main"] h2.title { + font-size: 0.9em; + font-weight: normal; + text-transform: uppercase; } + +main[role="main"] article.node p { + font-size: 0.75em; + font-weight: normal; } + +main[role="main"] img { + max-width: 100%; + height: auto; } + +main[role="main"] ul, main[role="main"] li, main[role="main"] ul.inline li:first-child { + margin: 0; + padding: 0; + list-style: none; } + +main[role="main"] span.close-col-btn { + pointer-events: all; + cursor: pointer; + position: absolute; + top: 0; + right: 0; + padding: 0 !important; + margin: 0.5em; + display: block; + width: 10px; + height: 10px; + background-image: url(../img/close.svg); + background-repeat: no-repeat; + background-position: center; + background-size: contain; } + +#audio-player { + position: absolute; + top: 0; + left: 0; + background-color: white; + height: 100%; + min-width: 300px; + z-index: 20; + opacity: 0; + pointer-events: none; + -webkit-transition: opacity 0.7s ease-in-out; + transition: opacity 0.7s ease-in-out; } + #audio-player.visible { + opacity: 1; + pointer-events: all; } + #audio-player > * { + display: inline-block; + vertical-align: middle; + padding: 0; + max-height: 100%; } + #audio-player .btns > * { + display: inline-block; + vertical-align: middle; + width: 20px; + height: 30px; + background-position: center; + background-size: contain; } + #audio-player .btns .play-pause { + background-image: url(../img/audio-player-play.svg); + padding: 0 0.3em; + cursor: pointer; } + #audio-player .btns.is-playing .play-pause { + background-image: url(../img/audio-player-pause.svg); } + #audio-player .btns .previous, #audio-player .btns .next { + opacity: 0.3; + -webkit-transition: opacity 0.3s ease-in-out; + transition: opacity 0.3s ease-in-out; + cursor: auto; } + #audio-player .btns .previous.is-active, #audio-player .btns .next.is-active { + opacity: 1; + cursor: pointer; } + #audio-player .btns .previous { + background-image: url(../img/audio-player-previous.svg); } + #audio-player .btns .next { + background-image: url(../img/audio-player-next.svg); } + #audio-player .time-line-container .time-line { + position: relative; + width: 70px; + height: 1px; + background-color: #000; + overflow: visible; + -webkit-transform: rotateZ(-45deg); + transform: rotateZ(-45deg); } + #audio-player .time-line-container .time-line .loader { + width: 0; + height: 100%; + background-color: red; + top: 0; + left: 0; } + #audio-player .time-line-container .time-line .cursor { + height: 10px; + width: 0; + border-left: 2px solid red; + position: absolute; + left: 0; + top: -5px; } + #audio-player .time > * { + width: 70px; + text-align: right; } + #audio-player .time .current-time { + font-size: 1.4em; + font-weight: 600; } + #audio-player .time .duration { + font-size: 0.75em; + font-weight: 400; } + #audio-player .favoris { + height: 100%; } + #audio-player .cartel { + position: relative; + max-width: 350px; + margin-left: 1em; + background-color: white; + opacity: 1; + -webkit-transition: opacity 0.5s ease-in-out; + transition: opacity 0.5s ease-in-out; + white-space: nowrap; } + #audio-player .cartel.loading { + opacity: 0; } + #audio-player .cartel .actions, #audio-player .cartel .cartels { + display: inline-block; + vertical-align: top; + white-space: normal; + position: relative; } + #audio-player .cartel .actions { + width: 1.5em; } + #audio-player .cartel .cartels .first-cartel .entrees { + line-height: 0; } + #audio-player .cartel .cartels .first-cartel .entrees span { + display: inline-block; + width: 8px; + height: 8px; + background-color: black; + margin-right: 3px; } + #audio-player .cartel .cartels .first-cartel .entrees span[tid='134'] { + background-color: var(--e-col-134); } + #audio-player .cartel .cartels .first-cartel .entrees span[tid='121'] { + background-color: var(--e-col-121); } + #audio-player .cartel .cartels .first-cartel .entrees span[tid='125'] { + background-color: var(--e-col-125); } + #audio-player .cartel .cartels .first-cartel .entrees span[tid='119'] { + background-color: var(--e-col-119); } + #audio-player .cartel .cartels .first-cartel .entrees span[tid='132'] { + background-color: var(--e-col-132); } + #audio-player .cartel .cartels .first-cartel .entrees span[tid='122'] { + background-color: var(--e-col-122); } + #audio-player .cartel .cartels .first-cartel .entrees span[tid='129'] { + background-color: var(--e-col-129); } + #audio-player .cartel .cartels .first-cartel .entrees span[tid='120'] { + background-color: var(--e-col-120); } + #audio-player .cartel .cartels .first-cartel .entrees span[tid='130'] { + background-color: var(--e-col-130); } + #audio-player .cartel .cartels .first-cartel .entrees span[tid='118'] { + background-color: var(--e-col-118); } + #audio-player .cartel .cartels .first-cartel .entrees span[tid='127'] { + background-color: var(--e-col-127); } + #audio-player .cartel .cartels .first-cartel .entrees span[tid='133'] { + background-color: var(--e-col-133); } + #audio-player .cartel .cartels .first-cartel .entrees span[tid='128'] { + background-color: var(--e-col-128); } + #audio-player .cartel .cartels .first-cartel .entrees span[tid='124'] { + background-color: var(--e-col-124); } + #audio-player .cartel .cartels .first-cartel .entrees span[tid='116'] { + background-color: var(--e-col-116); } + #audio-player .cartel .cartels .first-cartel .entrees span[tid='117'] { + background-color: var(--e-col-117); } + #audio-player .cartel .cartels .first-cartel .entrees span[tid='131'] { + background-color: var(--e-col-131); } + #audio-player .cartel .cartels .first-cartel .entrees span[tid='126'] { + background-color: var(--e-col-126); } + #audio-player .cartel .cartels .first-cartel .entrees span[tid='123'] { + background-color: var(--e-col-123); } + #audio-player .cartel .cartels .first-cartel h2.node-title { + margin: 0.2em 0 0; + font-size: 1em; } + #audio-player .cartel .cartels .first-cartel p { + margin: 0; + font-size: 0.75em; } + #audio-player .cartel .cartels .second-cartel { + position: absolute; + top: 0; + left: 0; + background-color: white; + height: 100%; + min-width: 100%; + opacity: 0; + -webkit-transition: opacity 0.2s ease-in-out; + transition: opacity 0.2s ease-in-out; } + #audio-player .cartel .cartels .second-cartel > * { + display: inline-block; + vertical-align: top; } + #audio-player .cartel .cartels .second-cartel .col-left a { + display: block; + font-size: 0.90em; + font-weight: 600; } + #audio-player .cartel .cartels .second-cartel .col-right { + font-size: 0.75em; } + #audio-player .cartel:hover .second-cartel { + opacity: 1; } + +.chutier-icon { + z-index: 1; + display: block; + position: relative; + width: 1em; + height: 1em; + overflow: hidden; + text-indent: 50em; + background-position: center; + background-repeat: no-repeat; + background-size: contain; + background-image: url(../img/favori-off.svg); + -webkit-transition: opacity 0.2s ease-in-out; + transition: opacity 0.2s ease-in-out; } + .chutier-icon[action="remove"] { + background-image: url(../img/favori-on.svg); } + .chutier-icon.ajax-loading { + opacity: 0.2; } + .chutier-icon.not-logedin { + overflow: visible; } + .chutier-icon .popup { + display: none; + position: absolute; + top: 0; + left: 0; + width: 300px; + height: auto; + min-height: 100px; } + .chutier-icon .popup .inner { + background-color: rgba(255, 255, 255, 0.9); + border: 1px solid red; + text-indent: 0; + padding: 0.5em; + margin: 1.2em 0 0 1.2em; } + .chutier-icon .popup .inner p { + margin: 0; } + .chutier-icon:hover .popup { + display: block; } + +.row .col .studio-ui-wrapper { + height: 100%; } + +#studio-ui { + height: 100%; } + #studio-ui .chutier_ui { + height: 50%; + border-bottom: 1px solid red; + position: relative; } + #studio-ui .chutier_ui > h2 { + z-index: 10; + position: absolute; + width: calc(100% - 20px); + margin: 0; + padding: 0.5em 0; + font-size: 1em; + font-weight: 500; + text-transform: uppercase; + background-color: white; } + #studio-ui .chutier_ui .documents { + padding-top: 35px; + height: calc(100% - 35px); + overflow-y: auto; + overflow-x: hidden; } + #studio-ui .chutier_ui .documents ul, #studio-ui .chutier_ui .documents li { + margin: 0; + padding: 0; + line-height: 1.2; } + #studio-ui .chutier_ui .documents li { + display: inline-block; + vertical-align: top; + width: 49%; + margin-bottom: 0.5em; + white-space: nowrap; } + #studio-ui .chutier_ui .documents li > div { + display: inline-block; + padding-right: 2em; } + #studio-ui .chutier_ui .documents li > div.ui-draggable { + cursor: -webkit-grab; + cursor: grab; } + #studio-ui .chutier_ui .documents li .entrees { + line-height: 0; } + #studio-ui .chutier_ui .documents li .entrees span { + display: inline-block; + width: 8px; + height: 8px; + background-color: black; + margin-right: 3px; } + #studio-ui .chutier_ui .documents li .entrees span[tid='134'] { + background-color: var(--e-col-134); } + #studio-ui .chutier_ui .documents li .entrees span[tid='121'] { + background-color: var(--e-col-121); } + #studio-ui .chutier_ui .documents li .entrees span[tid='125'] { + background-color: var(--e-col-125); } + #studio-ui .chutier_ui .documents li .entrees span[tid='119'] { + background-color: var(--e-col-119); } + #studio-ui .chutier_ui .documents li .entrees span[tid='132'] { + background-color: var(--e-col-132); } + #studio-ui .chutier_ui .documents li .entrees span[tid='122'] { + background-color: var(--e-col-122); } + #studio-ui .chutier_ui .documents li .entrees span[tid='129'] { + background-color: var(--e-col-129); } + #studio-ui .chutier_ui .documents li .entrees span[tid='120'] { + background-color: var(--e-col-120); } + #studio-ui .chutier_ui .documents li .entrees span[tid='130'] { + background-color: var(--e-col-130); } + #studio-ui .chutier_ui .documents li .entrees span[tid='118'] { + background-color: var(--e-col-118); } + #studio-ui .chutier_ui .documents li .entrees span[tid='127'] { + background-color: var(--e-col-127); } + #studio-ui .chutier_ui .documents li .entrees span[tid='133'] { + background-color: var(--e-col-133); } + #studio-ui .chutier_ui .documents li .entrees span[tid='128'] { + background-color: var(--e-col-128); } + #studio-ui .chutier_ui .documents li .entrees span[tid='124'] { + background-color: var(--e-col-124); } + #studio-ui .chutier_ui .documents li .entrees span[tid='116'] { + background-color: var(--e-col-116); } + #studio-ui .chutier_ui .documents li .entrees span[tid='117'] { + background-color: var(--e-col-117); } + #studio-ui .chutier_ui .documents li .entrees span[tid='131'] { + background-color: var(--e-col-131); } + #studio-ui .chutier_ui .documents li .entrees span[tid='126'] { + background-color: var(--e-col-126); } + #studio-ui .chutier_ui .documents li .entrees span[tid='123'] { + background-color: var(--e-col-123); } + #studio-ui .chutier_ui .documents li a.audio-link { + text-transform: capitalize; + font-size: 0.756em; + margin-right: 0.5em; + white-space: normal; } + #studio-ui .chutier_ui .documents li .chutier-icon { + display: inline-block; + width: 0.7em; + height: 0.7em; + opacity: 0.8; } + #studio-ui .composition_ui { + height: 50%; } + #studio-ui .composition_ui > h2 { + z-index: 10; + position: absolute; + width: calc(100% - 20px); + margin: 0; + padding: 0.5em 0; + font-size: 1em; + font-weight: 500; + text-transform: uppercase; + background-color: white; } + #studio-ui .composition_ui > .wrapper { + padding-top: 35px; + height: calc(100% - 35px); + overflow: hidden; + white-space: nowrap; } + #studio-ui .composition_ui > .wrapper section.compositions-list, #studio-ui .composition_ui > .wrapper section.composer { + display: inline-block; + vertical-align: bottom; + height: 100%; } + #studio-ui .composition_ui > .wrapper .compositions-list { + width: 30%; + height: 100%; + overflow-y: auto; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding-right: 0.5em; + border-right: 1px solid #aaa; } + #studio-ui .composition_ui > .wrapper .compositions-list li { + opacity: 1; + -webkit-transition: opacity 0.3s ease-in-out; + transition: opacity 0.3s ease-in-out; } + #studio-ui .composition_ui > .wrapper .compositions-list li:hover a.delete-composition-link { + opacity: 1; } + #studio-ui .composition_ui > .wrapper .compositions-list li.ajax-loading { + opacity: 0.4; } + #studio-ui .composition_ui > .wrapper .compositions-list a { + font-size: 0.756em; } + #studio-ui .composition_ui > .wrapper .compositions-list a.composition-link { + display: inline-block; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: calc(100% - 21px); } + #studio-ui .composition_ui > .wrapper .compositions-list a.composition-link:before { + content: ""; + width: 7px; + height: 7px; + border: 1px solid black; + background-color: white; + display: inline-block; + vertical-align: middle; + margin-right: 5px; } + #studio-ui .composition_ui > .wrapper .compositions-list a.composition-link.ajax-loading:before { + -webkit-animation: rotation 2s infinite linear; + animation: rotation 2s infinite linear; } + +@keyframes rotation { + from { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); } + to { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); } } + #studio-ui .composition_ui > .wrapper .compositions-list a.composition-link.is-active:before { + background-color: black; } + #studio-ui .composition_ui > .wrapper .compositions-list a.delete-composition-link { + display: inline-block; + vertical-align: middle; + width: 7px; + height: 7px; + margin-left: 5px; + text-indent: 300px; + overflow: hidden; + background-image: url("../img/delete.svg"); + background-repeat: no-repeat; + background-size: contain; + opacity: 0; + -webkit-transition: opacity 0.3s ease-in-out; + transition: opacity 0.3s ease-in-out; } + #studio-ui .composition_ui > .wrapper .compositions-list a.new-composition-link { + display: inline-block; + vertical-align: top; + overflow: hidden; + margin-top: 0.4em; + height: 1em; + -webkit-transition: height 0.2s ease-in-out; + transition: height 0.2s ease-in-out; } + #studio-ui .composition_ui > .wrapper .compositions-list a.new-composition-link:before { + content: "+"; + margin-right: 5px; } + #studio-ui .composition_ui > .wrapper .compositions-list a.new-composition-link.folded { + height: 0; } + #studio-ui .composition_ui > .wrapper .compositions-list .new-compo-form { + opacity: 1; + -webkit-transition: opacity 0.2s ease-in-out; + transition: opacity 0.2s ease-in-out; } + #studio-ui .composition_ui > .wrapper .compositions-list .new-compo-form input[type="text"] { + font-size: 0.756em; + padding: 0 0.5em; + width: calc(100% - 50px); + height: 1.7em; + border: none; + border-top: 1px dotted red; + border-bottom: 1px dotted red; } + #studio-ui .composition_ui > .wrapper .compositions-list .new-compo-form button { + background: none; + border: none; + font-size: 1em; + line-height: 1; + font-weight: bold; } + #studio-ui .composition_ui > .wrapper .compositions-list .new-compo-form.ajax-loading { + opacity: 0.4; } + #studio-ui .composition_ui > .wrapper .composer { + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding-left: 0.5em; + width: 69%; + opacity: 1; + -webkit-transition: opacity 0.3s ease-in-out; + transition: opacity 0.3s ease-in-out; } + #studio-ui .composition_ui > .wrapper .composer.ajax-loading { + opacity: 0.3; } + #studio-ui .composition_ui > .wrapper .composer > * { + -webkit-box-sizing: border-box; + box-sizing: border-box; } + #studio-ui .composition_ui > .wrapper .composer > header { + height: 25px; + padding-bottom: 5px; + font-size: 0.756em; } + #studio-ui .composition_ui > .wrapper .composer > .composition { + position: relative; + height: calc(100% - 60px); + padding-bottom: 1em; } + #studio-ui .composition_ui > .wrapper .composer > .composition .field--name-documents { + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; + height: 100%; + width: 100%; + padding: 0 0.5em; } + #studio-ui .composition_ui > .wrapper .composer > .composition .field--name-documents:before, #studio-ui .composition_ui > .wrapper .composer > .composition .field--name-documents:after { + content: ""; + width: calc(100% - 2px); + position: absolute; + bottom: 0; + left: 0; } + #studio-ui .composition_ui > .wrapper .composer > .composition .field--name-documents:before { + border-top: 1px solid #A1A1A1; + height: 14.5px; } + #studio-ui .composition_ui > .wrapper .composer > .composition .field--name-documents:after { + border-left: 1px solid #A1A1A1; + border-right: 1px solid #A1A1A1; + height: 29px; } + #studio-ui .composition_ui > .wrapper .composer > .composition .field--name-documents .field__item { + display: inline-block; + position: relative; + white-space: nowrap; + pointer-events: none; + width: 25px; + height: 100%; + opacity: 1; + -webkit-transition: opacity 0.1s ease-in-out; + transition: opacity 0.1s ease-in-out; } + #studio-ui .composition_ui > .wrapper .composer > .composition .field--name-documents .field__item.ui-draggable-dragging { + height: 100px; } + #studio-ui .composition_ui > .wrapper .composer > .composition .field--name-documents .field__item.ready-to-remove { + opacity: 0.3; + cursor: crosshair; } + #studio-ui .composition_ui > .wrapper .composer > .composition .field--name-documents .field__item > * { + pointer-events: all; } + #studio-ui .composition_ui > .wrapper .composer > .composition .field--name-documents .field__item article { + position: absolute; + bottom: 0; + -webkit-transform-origin: left top; + transform-origin: left top; + -webkit-transform: rotateZ(-45deg); + transform: rotateZ(-45deg); } + #studio-ui .composition_ui > .wrapper .composer > .composition .field--name-documents .field__item article h2 { + margin: 0; + text-transform: none; } + #studio-ui .composition_ui > .wrapper .composer > .composition .field--name-documents .field__item article h2 a { + white-space: nowrap !important; + font-size: 0.756em; } + #studio-ui .composition_ui > .wrapper .composer > .composition .field--name-documents .field__item article h2 a:before { + content: ""; + display: inline-block; + vertical-align: middle; + width: 12px; + height: 12px; + border: 1px solid white; + background-color: white; } + #studio-ui .composition_ui > .wrapper .composer > .composition .field--name-documents .field__item .handler { + z-index: 99; + cursor: -webkit-grab; + cursor: grab; + position: absolute; + bottom: 0; + left: 1px; + display: block; + width: 12px; + height: 12px; + -webkit-transform-origin: left top; + transform-origin: left top; + -webkit-transform: rotateZ(-45deg); + transform: rotateZ(-45deg); + border: 1px solid red; + background-color: white; } + #studio-ui .composition_ui > .wrapper .composer > .composition .field--name-documents .field__item.is-active .handler { + background-color: red; } + #studio-ui .composition_ui > .wrapper .composer > .composition .remove-drop-zone { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 45%; + z-index: 150; } + #studio-ui .composition_ui > .wrapper .composer > .actions { + padding-top: 5px; + height: 25px; } + #studio-ui .composition_ui > .wrapper .composer > .actions .compo-player-controls > * { + display: inline-block; + vertical-align: middle; + width: 20px; + height: 30px; + background-position: center; + background-size: contain; } + #studio-ui .composition_ui > .wrapper .composer > .actions .compo-player-controls .play-pause { + background-image: url(../img/audio-player-play.svg); + padding: 0 0.3em; + cursor: pointer; } + #studio-ui .composition_ui > .wrapper .composer > .actions .compo-player-controls.is-playing .play-pause { + background-image: url(../img/audio-player-pause.svg); } + #studio-ui .composition_ui > .wrapper .composer > .actions .compo-player-controls .previous, #studio-ui .composition_ui > .wrapper .composer > .actions .compo-player-controls .next { + opacity: 0.3; + -webkit-transition: opacity 0.3s ease-in-out; + transition: opacity 0.3s ease-in-out; + cursor: auto; } + #studio-ui .composition_ui > .wrapper .composer > .actions .compo-player-controls .previous.is-active, #studio-ui .composition_ui > .wrapper .composer > .actions .compo-player-controls .next.is-active { + opacity: 1; + cursor: pointer; } + #studio-ui .composition_ui > .wrapper .composer > .actions .compo-player-controls .previous { + background-image: url(../img/audio-player-previous.svg); } + #studio-ui .composition_ui > .wrapper .composer > .actions .compo-player-controls .next { + background-image: url(../img/audio-player-next.svg); } + #studio-ui .field__item.ui-draggable-dragging { + display: inline-block; + position: relative; + white-space: nowrap; + pointer-events: none; + width: 25px; + height: 100%; + opacity: 1; + -webkit-transition: opacity 0.1s ease-in-out; + transition: opacity 0.1s ease-in-out; } + #studio-ui .field__item.ui-draggable-dragging.ui-draggable-dragging { + height: 100px; } + #studio-ui .field__item.ui-draggable-dragging.ready-to-remove { + opacity: 0.3; + cursor: crosshair; } + #studio-ui .field__item.ui-draggable-dragging > * { + pointer-events: all; } + #studio-ui .field__item.ui-draggable-dragging article { + position: absolute; + bottom: 0; + -webkit-transform-origin: left top; + transform-origin: left top; + -webkit-transform: rotateZ(-45deg); + transform: rotateZ(-45deg); } + #studio-ui .field__item.ui-draggable-dragging article h2 { + margin: 0; + text-transform: none; } + #studio-ui .field__item.ui-draggable-dragging article h2 a { + white-space: nowrap !important; + font-size: 0.756em; } + #studio-ui .field__item.ui-draggable-dragging article h2 a:before { + content: ""; + display: inline-block; + vertical-align: middle; + width: 12px; + height: 12px; + border: 1px solid white; + background-color: white; } + #studio-ui .field__item.ui-draggable-dragging .handler { + z-index: 99; + cursor: -webkit-grab; + cursor: grab; + position: absolute; + bottom: 0; + left: 1px; + display: block; + width: 12px; + height: 12px; + -webkit-transform-origin: left top; + transform-origin: left top; + -webkit-transform: rotateZ(-45deg); + transform: rotateZ(-45deg); + border: 1px solid red; + background-color: white; } + #studio-ui .field__item.ui-draggable-dragging.is-active .handler { + background-color: red; } + +.col[theme="edlp_search_search_form"], .col[theme="edlp_search_search_form"] > .wrapper { + position: relative; + height: 100%; } + +#edlp-search-form { + height: 100%; } + #edlp-search-form .fieldgroup { + border-bottom: 1px solid red; + margin-top: 1em; + margin-bottom: 0em; } + #edlp-search-form .fieldgroup legend { + font-size: 0.9em; + margin: 0; + font-weight: 500; } + #edlp-search-form .fieldgroup .fieldset-wrapper { + padding-bottom: 1em; } + #edlp-search-form .fieldgroup .form-item { + margin: 0; } + #edlp-search-form input[type="text"], #edlp-search-form input[type="search"] { + font-size: 0.8em; + padding: 0.2em; + margin: 0; + border: 1px solid #aaa; + border-radius: 3px; + width: 90%; } + #edlp-search-form #edit-entries .form-item label, #edlp-search-form #edit-entries .form-item input { + display: inline-block; + vertical-align: middle; } + #edlp-search-form #edit-entries .form-item label { + font-size: 0.756em; } + #edlp-search-form #edit-entries .form-item input[type="checkbox"] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + width: 10px; + height: 10px; + border: 1px double black; + background-color: white; } + #edlp-search-form #edit-entries .form-item input[type="checkbox"]:checked { + background-color: black; } + #edlp-search-form #edit-entries .form-item input[type="checkbox"][value='134'] { + border-color: var(--e-col-134); } + #edlp-search-form #edit-entries .form-item input[type="checkbox"][value='134']:checked { + background-color: var(--e-col-134); } + #edlp-search-form #edit-entries .form-item input[type="checkbox"][value='121'] { + border-color: var(--e-col-121); } + #edlp-search-form #edit-entries .form-item input[type="checkbox"][value='121']:checked { + background-color: var(--e-col-121); } + #edlp-search-form #edit-entries .form-item input[type="checkbox"][value='125'] { + border-color: var(--e-col-125); } + #edlp-search-form #edit-entries .form-item input[type="checkbox"][value='125']:checked { + background-color: var(--e-col-125); } + #edlp-search-form #edit-entries .form-item input[type="checkbox"][value='119'] { + border-color: var(--e-col-119); } + #edlp-search-form #edit-entries .form-item input[type="checkbox"][value='119']:checked { + background-color: var(--e-col-119); } + #edlp-search-form #edit-entries .form-item input[type="checkbox"][value='132'] { + border-color: var(--e-col-132); } + #edlp-search-form #edit-entries .form-item input[type="checkbox"][value='132']:checked { + background-color: var(--e-col-132); } + #edlp-search-form #edit-entries .form-item input[type="checkbox"][value='122'] { + border-color: var(--e-col-122); } + #edlp-search-form #edit-entries .form-item input[type="checkbox"][value='122']:checked { + background-color: var(--e-col-122); } + #edlp-search-form #edit-entries .form-item input[type="checkbox"][value='129'] { + border-color: var(--e-col-129); } + #edlp-search-form #edit-entries .form-item input[type="checkbox"][value='129']:checked { + background-color: var(--e-col-129); } + #edlp-search-form #edit-entries .form-item input[type="checkbox"][value='120'] { + border-color: var(--e-col-120); } + #edlp-search-form #edit-entries .form-item input[type="checkbox"][value='120']:checked { + background-color: var(--e-col-120); } + #edlp-search-form #edit-entries .form-item input[type="checkbox"][value='130'] { + border-color: var(--e-col-130); } + #edlp-search-form #edit-entries .form-item input[type="checkbox"][value='130']:checked { + background-color: var(--e-col-130); } + #edlp-search-form #edit-entries .form-item input[type="checkbox"][value='118'] { + border-color: var(--e-col-118); } + #edlp-search-form #edit-entries .form-item input[type="checkbox"][value='118']:checked { + background-color: var(--e-col-118); } + #edlp-search-form #edit-entries .form-item input[type="checkbox"][value='127'] { + border-color: var(--e-col-127); } + #edlp-search-form #edit-entries .form-item input[type="checkbox"][value='127']:checked { + background-color: var(--e-col-127); } + #edlp-search-form #edit-entries .form-item input[type="checkbox"][value='133'] { + border-color: var(--e-col-133); } + #edlp-search-form #edit-entries .form-item input[type="checkbox"][value='133']:checked { + background-color: var(--e-col-133); } + #edlp-search-form #edit-entries .form-item input[type="checkbox"][value='128'] { + border-color: var(--e-col-128); } + #edlp-search-form #edit-entries .form-item input[type="checkbox"][value='128']:checked { + background-color: var(--e-col-128); } + #edlp-search-form #edit-entries .form-item input[type="checkbox"][value='124'] { + border-color: var(--e-col-124); } + #edlp-search-form #edit-entries .form-item input[type="checkbox"][value='124']:checked { + background-color: var(--e-col-124); } + #edlp-search-form #edit-entries .form-item input[type="checkbox"][value='116'] { + border-color: var(--e-col-116); } + #edlp-search-form #edit-entries .form-item input[type="checkbox"][value='116']:checked { + background-color: var(--e-col-116); } + #edlp-search-form #edit-entries .form-item input[type="checkbox"][value='117'] { + border-color: var(--e-col-117); } + #edlp-search-form #edit-entries .form-item input[type="checkbox"][value='117']:checked { + background-color: var(--e-col-117); } + #edlp-search-form #edit-entries .form-item input[type="checkbox"][value='131'] { + border-color: var(--e-col-131); } + #edlp-search-form #edit-entries .form-item input[type="checkbox"][value='131']:checked { + background-color: var(--e-col-131); } + #edlp-search-form #edit-entries .form-item input[type="checkbox"][value='126'] { + border-color: var(--e-col-126); } + #edlp-search-form #edit-entries .form-item input[type="checkbox"][value='126']:checked { + background-color: var(--e-col-126); } + #edlp-search-form #edit-entries .form-item input[type="checkbox"][value='123'] { + border-color: var(--e-col-123); } + #edlp-search-form #edit-entries .form-item input[type="checkbox"][value='123']:checked { + background-color: var(--e-col-123); } + #edlp-search-form input[type="submit"] { + font-size: 0.756em; + padding: 0.1em; + margin: 1em 0 0 0; + float: right; + opacity: 1; + -webkit-transition: opacity 0.3s ease-in-out; + transition: opacity 0.3s ease-in-out; } + #edlp-search-form.ajax-loading input[type="submit"] { + opacity: 0.2; + pointer-events: none; } + +.col[theme="edlp_search_results"] { + opacity: 1; + -webkit-transition: opacity 0.3s ease-in-out; + transition: opacity 0.3s ease-in-out; } + .col[theme="edlp_search_results"].ajax-loading { + opacity: 0.2; } + .col[theme="edlp_search_results"] article .entrees span { + display: inline-block; + width: 8px; + height: 8px; + background-color: black; + margin-right: 3px; } + .col[theme="edlp_search_results"] article .entrees span[tid='134'] { + background-color: var(--e-col-134); } + .col[theme="edlp_search_results"] article .entrees span[tid='121'] { + background-color: var(--e-col-121); } + .col[theme="edlp_search_results"] article .entrees span[tid='125'] { + background-color: var(--e-col-125); } + .col[theme="edlp_search_results"] article .entrees span[tid='119'] { + background-color: var(--e-col-119); } + .col[theme="edlp_search_results"] article .entrees span[tid='132'] { + background-color: var(--e-col-132); } + .col[theme="edlp_search_results"] article .entrees span[tid='122'] { + background-color: var(--e-col-122); } + .col[theme="edlp_search_results"] article .entrees span[tid='129'] { + background-color: var(--e-col-129); } + .col[theme="edlp_search_results"] article .entrees span[tid='120'] { + background-color: var(--e-col-120); } + .col[theme="edlp_search_results"] article .entrees span[tid='130'] { + background-color: var(--e-col-130); } + .col[theme="edlp_search_results"] article .entrees span[tid='118'] { + background-color: var(--e-col-118); } + .col[theme="edlp_search_results"] article .entrees span[tid='127'] { + background-color: var(--e-col-127); } + .col[theme="edlp_search_results"] article .entrees span[tid='133'] { + background-color: var(--e-col-133); } + .col[theme="edlp_search_results"] article .entrees span[tid='128'] { + background-color: var(--e-col-128); } + .col[theme="edlp_search_results"] article .entrees span[tid='124'] { + background-color: var(--e-col-124); } + .col[theme="edlp_search_results"] article .entrees span[tid='116'] { + background-color: var(--e-col-116); } + .col[theme="edlp_search_results"] article .entrees span[tid='117'] { + background-color: var(--e-col-117); } + .col[theme="edlp_search_results"] article .entrees span[tid='131'] { + background-color: var(--e-col-131); } + .col[theme="edlp_search_results"] article .entrees span[tid='126'] { + background-color: var(--e-col-126); } + .col[theme="edlp_search_results"] article .entrees span[tid='123'] { + background-color: var(--e-col-123); } + .col[theme="edlp_search_results"] article h2.node-title { + margin: 0 0 0.3em 0; + font-size: 0.8em; + font-weight: 500; + text-transform: none; } + +body.path-agenda main .col > .wrapper { + height: 100%; } + +#agenda { + position: relative; + white-space: nowrap; + height: 100%; } + #agenda div.column { + white-space: normal; + display: inline-block; + vertical-align: top; + height: 100%; } + #agenda div.next-event { + width: 65%; } + #agenda div.future-past-events { + width: 33%; } + #agenda ul, #agenda li { + margin: 0; + padding: 0; + list-style: none; } + #agenda article.node--type-evenement h2 { + font-size: 0.9em; + font-weight: normal; + text-transform: uppercase; } + +body.path-frontpage .layout-content .row, body.path-productions .layout-content .row { + white-space: normal; + min-height: 100%; } + body.path-frontpage .layout-content .row .col, body.path-productions .layout-content .row .col { + height: auto; } + body.path-frontpage .layout-content .row .col.col-2:last-child, body.path-productions .layout-content .row .col.col-2:last-child { + padding-left: 0em; + padding-right: 1em; } + body.path-frontpage .layout-content .row .col > .wrapper, body.path-productions .layout-content .row .col > .wrapper { + margin-bottom: 1em; + padding: 0; } + body.path-frontpage .layout-content .row .col > .wrapper > *, body.path-productions .layout-content .row .col > .wrapper > * { + padding: 0; } + body.path-frontpage .layout-content .row .col > .wrapper article.node .field--name-field-visuel a, body.path-frontpage .layout-content .row .col > .wrapper article.node .field--name-field-visuel img, body.path-productions .layout-content .row .col > .wrapper article.node .field--name-field-visuel a, body.path-productions .layout-content .row .col > .wrapper article.node .field--name-field-visuel img { + display: block; + width: 100%; + height: auto; } + body.path-frontpage .layout-content .row .col > .wrapper article.node header, body.path-productions .layout-content .row .col > .wrapper article.node header { + background-color: rgba(255, 255, 255, 0.95); + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + padding: 0.5em 1em; } + body.path-frontpage .layout-content .row .col > .wrapper article.node header h2.node-title, body.path-productions .layout-content .row .col > .wrapper article.node header h2.node-title { + margin: 0; + font-size: 0.8em; + text-transform: lowercase; } + body.path-frontpage .layout-content .row .col > .wrapper article.node.node--view-mode-image-2-columns header, body.path-productions .layout-content .row .col > .wrapper article.node.node--view-mode-image-2-columns header { + position: absolute; + bottom: 0; + left: 0; } + body.path-frontpage .layout-content .row .col > .wrapper article.node.node--view-mode-image-2-columns header h2.node-title, body.path-productions .layout-content .row .col > .wrapper article.node.node--view-mode-image-2-columns header h2.node-title { + font-size: 1.2em; + font-weight: 500; } + body.path-frontpage .layout-content .row .col > .wrapper article.node.node--view-mode-image-1-columns h2.node-title, body.path-productions .layout-content .row .col > .wrapper article.node.node--view-mode-image-1-columns h2.node-title { + font-size: 1em; + font-weight: 500; } + body.path-frontpage .layout-content .row .col > .wrapper article.node.node--view-mode-text-1-column, body.path-productions .layout-content .row .col > .wrapper article.node.node--view-mode-text-1-column { + padding: 0 1em; } + +footer { + position: relative; + pointer-events: none; } + footer > .wrapper { + white-space: nowrap; } + footer > .wrapper > .region { + display: inline-block; + vertical-align: baseline; + white-space: normal; } + footer > .wrapper > .region > * { + display: inline-block; + vertical-align: bottom; } + footer > .wrapper .region-footer-left { + width: 12%; + text-align: left; } + footer > .wrapper .region-footer-center { + width: 72%; + overflow: hidden; + text-align: center; } + footer > .wrapper .region-footer-right { + min-width: 12%; + text-align: right; } + footer #block-footer { + display: inline-block; + margin-bottom: 1em; } + footer #block-footer ul { + margin: 0; + padding: 0; } + footer #block-footer ul li { + pointer-events: all; + display: inline-block; } + footer #block-footer ul li:first-of-type { + margin-left: 1em; } + footer #block-footer ul li a { + font-size: 0.756em; } + footer #block-footer ul li a:before { + content: ""; + display: inline-block; + width: 7px; + height: 7px; + border: 1px solid black; + margin-right: 0.5em; } + footer #block-footer ul li a:hover:before, footer #block-footer ul li a.is-active:before { + background-color: black; } + footer #block-footer ul li a.ajax-loading:before { + -webkit-animation: rotation 2s infinite linear; + animation: rotation 2s infinite linear; } + +@keyframes rotation { + from { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); } + to { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); } } + footer nav#block-productions.block-menu { + display: inline-block; } + footer nav#block-productions.block-menu ul { + margin: 0; + padding: 0; } + footer nav#block-productions.block-menu ul li { + pointer-events: all; + display: inline-block; + position: relative; + list-style: none; + margin: 0 1.5em 0 0; + padding: 0; } + footer nav#block-productions.block-menu ul li a { + position: absolute; + bottom: 0; + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotateZ(-45deg); + transform: rotateZ(-45deg); + color: #000; + text-decoration: none; + text-transform: uppercase; + font-size: 0.756em; + white-space: nowrap; } + footer nav#block-productions.block-menu ul li:first-of-type { + margin-left: 1em; } + footer nav#block-productions.block-menu ul li a:before { + content: ""; + display: inline-block; + width: 7px; + height: 7px; + border: 1px solid black; + margin-right: 0.5em; } + footer nav#block-productions.block-menu ul li a:hover:before, footer nav#block-productions.block-menu ul li a.is-active:before { + background-color: black; } + footer nav#block-productions.block-menu ul li a.ajax-loading:before { + -webkit-animation: rotation 2s infinite linear; + animation: rotation 2s infinite linear; } + +@keyframes rotation { + from { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); } + to { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); } } + footer nav#block-productions.block-menu { + position: relative; + pointer-events: none; + display: none; } + body.path-productions footer nav#block-productions.block-menu, body.entity-type-node.bundle-page footer nav#block-productions.block-menu { + display: inline-block; } + footer nav#block-productions.block-menu ul { + margin-left: -3em; + white-space: nowrap; } + footer nav#block-productions.block-menu ul li { + height: 200px; } + footer nav#block-productions.block-menu ul li a { + pointer-events: all; + background-color: #fff; + padding-right: 0.4em; } + footer nav#block-productions.block-menu ul li a:before { + content: ""; + display: inline-block; + width: 7px; + height: 7px; + border: 1px solid red; + margin-right: 0.5em; } + footer nav#block-productions.block-menu ul li a:hover:before, footer nav#block-productions.block-menu ul li a.is-active:before, footer nav#block-productions.block-menu ul li a.is-active-trail:before { + background-color: red; } + footer nav#block-productions.block-menu ul li a.ajax-loading:before { + -webkit-animation: rotation 2s infinite linear; + animation: rotation 2s infinite linear; } + +@keyframes rotation { + from { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); } + to { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); } } + footer .block-block-edlp-entrees { + pointer-events: none; + display: inline-block; } + body.path-productions footer .block-block-edlp-entrees, + body.entity-type-node.bundle-page footer .block-block-edlp-entrees, + body.path-agenda footer .block-block-edlp-entrees { + display: none; } + footer .block-block-edlp-entrees ul { + margin: 0; + white-space: nowrap; } + footer .block-block-edlp-entrees ul li { + display: inline-block; + position: relative; + list-style: none; + margin: 0 1.5em 0 0; + padding: 0; + margin: 0; + white-space: nowrap; + pointer-events: none; } + footer .block-block-edlp-entrees ul li a { + position: absolute; + bottom: 0; + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotateZ(-45deg); + transform: rotateZ(-45deg); + color: #000; + text-decoration: none; + text-transform: uppercase; + font-size: 0.756em; + white-space: nowrap; } + footer .block-block-edlp-entrees ul li span.oblique-wrapper { + height: 120px; + display: inline-block; + vertical-align: bottom; + position: relative; + width: 1.5em; } + footer .block-block-edlp-entrees ul li a.term-link, footer .block-block-edlp-entrees ul li a.articles-link { + pointer-events: all; + background-color: #fff; + padding-right: 0.4em; } + footer .block-block-edlp-entrees ul li a.term-link:before, footer .block-block-edlp-entrees ul li a.articles-link:before { + content: ""; + display: inline-block; + width: 7px; + height: 7px; + border: 1px solid #000; + background-color: #000; + margin-right: 0.5em; + -webkit-transition: background-color 0.1s ease-in-out; + transition: background-color 0.1s ease-in-out; } + footer .block-block-edlp-entrees ul li a.term-link.articles-link, footer .block-block-edlp-entrees ul li a.articles-link.articles-link { + margin-left: 4em; + text-transform: capitalize; } + footer .block-block-edlp-entrees ul li .entree-content { + display: inline-block; + width: 0; + overflow: hidden; + opacity: 0; + -webkit-transition: all 300ms ease-in-out; + transition: all 300ms ease-in-out; + -webkit-transition-property: width,opacity; + transition-property: width,opacity; } + footer .block-block-edlp-entrees ul li .entree-content span.oblique-wrapper:first-of-type { + margin-left: 0.5em; } + footer .block-block-edlp-entrees ul li .entree-content span.oblique-wrapper a { + text-transform: none; + pointer-events: auto; } + footer .block-block-edlp-entrees ul li .entree-content span.oblique-wrapper a:before { + content: ""; + display: inline-block; + width: 5px; + height: 5px; + border: 1px solid #000; + margin-right: 0.5em; } + footer .block-block-edlp-entrees ul li .entree-content span.oblique-wrapper a.ajax-loading:before { + -webkit-animation: rotation 2s infinite linear; + animation: rotation 2s infinite linear; } + +@keyframes rotation { + from { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); } + to { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); } } + footer .block-block-edlp-entrees ul li .entree-content .term-description { + display: inline-block; + margin-left: 1.5em; + text-align: left; + width: 250px; + word-wrap: break-word; + -webkit-hyphens: auto; + -ms-hyphens: auto; + hyphens: auto; + white-space: normal; + background-color: rgba(255, 255, 255, 0.95); + padding: 0.5em; + padding-bottom: 0; } + footer .block-block-edlp-entrees ul li .entree-content .term-description p { + font-size: 0.65em; + margin: 0; } + footer .block-block-edlp-entrees ul li[tid='134'] a.term-link:before, footer .block-block-edlp-entrees ul li[tid='134'] .entree-content span.oblique-wrapper a:before { + border-color: var(--e-col-134); + background-color: var(--e-col-134); } + footer .block-block-edlp-entrees ul li[tid='121'] a.term-link:before, footer .block-block-edlp-entrees ul li[tid='121'] .entree-content span.oblique-wrapper a:before { + border-color: var(--e-col-121); + background-color: var(--e-col-121); } + footer .block-block-edlp-entrees ul li[tid='125'] a.term-link:before, footer .block-block-edlp-entrees ul li[tid='125'] .entree-content span.oblique-wrapper a:before { + border-color: var(--e-col-125); + background-color: var(--e-col-125); } + footer .block-block-edlp-entrees ul li[tid='119'] a.term-link:before, footer .block-block-edlp-entrees ul li[tid='119'] .entree-content span.oblique-wrapper a:before { + border-color: var(--e-col-119); + background-color: var(--e-col-119); } + footer .block-block-edlp-entrees ul li[tid='132'] a.term-link:before, footer .block-block-edlp-entrees ul li[tid='132'] .entree-content span.oblique-wrapper a:before { + border-color: var(--e-col-132); + background-color: var(--e-col-132); } + footer .block-block-edlp-entrees ul li[tid='122'] a.term-link:before, footer .block-block-edlp-entrees ul li[tid='122'] .entree-content span.oblique-wrapper a:before { + border-color: var(--e-col-122); + background-color: var(--e-col-122); } + footer .block-block-edlp-entrees ul li[tid='129'] a.term-link:before, footer .block-block-edlp-entrees ul li[tid='129'] .entree-content span.oblique-wrapper a:before { + border-color: var(--e-col-129); + background-color: var(--e-col-129); } + footer .block-block-edlp-entrees ul li[tid='120'] a.term-link:before, footer .block-block-edlp-entrees ul li[tid='120'] .entree-content span.oblique-wrapper a:before { + border-color: var(--e-col-120); + background-color: var(--e-col-120); } + footer .block-block-edlp-entrees ul li[tid='130'] a.term-link:before, footer .block-block-edlp-entrees ul li[tid='130'] .entree-content span.oblique-wrapper a:before { + border-color: var(--e-col-130); + background-color: var(--e-col-130); } + footer .block-block-edlp-entrees ul li[tid='118'] a.term-link:before, footer .block-block-edlp-entrees ul li[tid='118'] .entree-content span.oblique-wrapper a:before { + border-color: var(--e-col-118); + background-color: var(--e-col-118); } + footer .block-block-edlp-entrees ul li[tid='127'] a.term-link:before, footer .block-block-edlp-entrees ul li[tid='127'] .entree-content span.oblique-wrapper a:before { + border-color: var(--e-col-127); + background-color: var(--e-col-127); } + footer .block-block-edlp-entrees ul li[tid='133'] a.term-link:before, footer .block-block-edlp-entrees ul li[tid='133'] .entree-content span.oblique-wrapper a:before { + border-color: var(--e-col-133); + background-color: var(--e-col-133); } + footer .block-block-edlp-entrees ul li[tid='128'] a.term-link:before, footer .block-block-edlp-entrees ul li[tid='128'] .entree-content span.oblique-wrapper a:before { + border-color: var(--e-col-128); + background-color: var(--e-col-128); } + footer .block-block-edlp-entrees ul li[tid='124'] a.term-link:before, footer .block-block-edlp-entrees ul li[tid='124'] .entree-content span.oblique-wrapper a:before { + border-color: var(--e-col-124); + background-color: var(--e-col-124); } + footer .block-block-edlp-entrees ul li[tid='116'] a.term-link:before, footer .block-block-edlp-entrees ul li[tid='116'] .entree-content span.oblique-wrapper a:before { + border-color: var(--e-col-116); + background-color: var(--e-col-116); } + footer .block-block-edlp-entrees ul li[tid='117'] a.term-link:before, footer .block-block-edlp-entrees ul li[tid='117'] .entree-content span.oblique-wrapper a:before { + border-color: var(--e-col-117); + background-color: var(--e-col-117); } + footer .block-block-edlp-entrees ul li[tid='131'] a.term-link:before, footer .block-block-edlp-entrees ul li[tid='131'] .entree-content span.oblique-wrapper a:before { + border-color: var(--e-col-131); + background-color: var(--e-col-131); } + footer .block-block-edlp-entrees ul li[tid='126'] a.term-link:before, footer .block-block-edlp-entrees ul li[tid='126'] .entree-content span.oblique-wrapper a:before { + border-color: var(--e-col-126); + background-color: var(--e-col-126); } + footer .block-block-edlp-entrees ul li[tid='123'] a.term-link:before, footer .block-block-edlp-entrees ul li[tid='123'] .entree-content span.oblique-wrapper a:before { + border-color: var(--e-col-123); + background-color: var(--e-col-123); } + footer .block-block-edlp-entrees ul li .entree-content span.oblique-wrapper a:not(:hover):not(.is-active):before { + background-color: #fff !important; } + footer .block-block-edlp-entrees ul li a.articles-link:not(:hover):not(.is-active):before { + background-color: #fff !important; } + footer .block-block-edlp-entrees ul li:not(.opened) a.term-link:not(:hover):not(.highlighted):before { + background-color: #fff !important; } + footer .block-block-edlp-entrees ul li.opened a.term-link:after { + content: ''; + position: absolute; + left: 15px; + right: 0; + bottom: -3px; + border-bottom: 1px solid grey; } + footer .block-block-edlp-entrees ul li.opened .entree-content { + width: 350px; + opacity: 1; } + footer .block.random-player { + margin-bottom: 1em; + pointer-events: all; + margin-left: 0.5em; } + footer .block.random-player a { + display: block; + width: 20px; + height: 20px; + text-indent: 40px; + margin: 0; + overflow: hidden; + -webkit-mask-image: url(../img/random.svg); + mask-image: url(../img/random.svg); + -webkit-mask-size: contain; + mask-size: contain; + background-color: #000; + -webkit-transition: background-color 0.3s ease-in-out; + transition: background-color 0.3s ease-in-out; + cursor: pointer; } + footer .block.random-player a.is-active { + background-color: red; } + footer #block-studiolinkblock { + margin-bottom: 1em; + margin-left: 0.2em; + pointer-events: all; + margin-left: 0.5em; } + footer #block-studiolinkblock a { + display: block; + width: 20px; + height: 20px; + text-indent: 40px; + margin: 0; + overflow: hidden; + -webkit-mask-image: url(../img/studio.svg); + mask-image: url(../img/studio.svg); + -webkit-mask-size: contain; + mask-size: contain; + background-color: #000; + -webkit-transition: background-color 0.3s ease-in-out; + transition: background-color 0.3s ease-in-out; + cursor: pointer; } + footer #block-studiolinkblock a.is-active { + background-color: red; } + footer #block-userlogin { + margin-bottom: 1em; + pointer-events: all; + margin-left: 0.2em; + position: relative; + width: 20px; + height: 20px; } + footer #block-userlogin h2 { + position: relative; + width: 20px; + height: 20px; + background-image: url(../img/studio.svg); + background-size: contain; + text-indent: 40px; + margin: 0; + overflow: hidden; + z-index: 1; + cursor: pointer; } + footer #block-userlogin .block-content { + z-index: 0; + position: absolute; + right: 0; + bottom: 20px; + padding: 0.5em; + padding-bottom: 20px; + background-color: rgba(255, 255, 255, 0.95); + border-top: 1px solid red; + border-bottom: 1px solid red; + overflow: hidden; + -webkit-box-sizing: border-box; + box-sizing: border-box; + height: 0px; + opacity: 0; + pointer-events: none; + -webkit-transition: all 0.5s ease-in-out; + transition: all 0.5s ease-in-out; + -webkit-transition-property: height,opacity; + transition-property: height,opacity; } + footer #block-userlogin .block-content form { + font-size: 0.75em; } + footer #block-userlogin .block-content .item-list ul { + margin: 0; } + footer #block-userlogin .block-content .item-list li { + margin: 0; + list-style: none; } + footer #block-userlogin .block-content .item-list li a { + color: inherit; + text-decoration: none; + font-size: 0.75em; + white-space: nowrap; } + footer #block-userlogin:hover .block-content { + height: 200px; + opacity: 1; + pointer-events: auto; } + footer #block-edlpsearchlinkblock { + margin-bottom: 1em; + pointer-events: all; + margin-left: 0.5em; + margin-left: 0.2em; } + footer #block-edlpsearchlinkblock a { + display: block; + width: 20px; + height: 20px; + text-indent: 40px; + margin: 0; + overflow: hidden; + -webkit-mask-image: url(../img/search.svg); + mask-image: url(../img/search.svg); + -webkit-mask-size: contain; + mask-size: contain; + background-color: #000; + -webkit-transition: background-color 0.3s ease-in-out; + transition: background-color 0.3s ease-in-out; + cursor: pointer; } + footer #block-edlpsearchlinkblock a.is-active { + background-color: red; } + +.node-popup .inner { + position: relative; } + .node-popup .inner .entrees span { + display: inline-block; + width: 8px; + height: 8px; + background-color: black; + margin-right: 3px; } + .node-popup .inner .entrees span[tid='134'] { + background-color: var(--e-col-134); } + .node-popup .inner .entrees span[tid='121'] { + background-color: var(--e-col-121); } + .node-popup .inner .entrees span[tid='125'] { + background-color: var(--e-col-125); } + .node-popup .inner .entrees span[tid='119'] { + background-color: var(--e-col-119); } + .node-popup .inner .entrees span[tid='132'] { + background-color: var(--e-col-132); } + .node-popup .inner .entrees span[tid='122'] { + background-color: var(--e-col-122); } + .node-popup .inner .entrees span[tid='129'] { + background-color: var(--e-col-129); } + .node-popup .inner .entrees span[tid='120'] { + background-color: var(--e-col-120); } + .node-popup .inner .entrees span[tid='130'] { + background-color: var(--e-col-130); } + .node-popup .inner .entrees span[tid='118'] { + background-color: var(--e-col-118); } + .node-popup .inner .entrees span[tid='127'] { + background-color: var(--e-col-127); } + .node-popup .inner .entrees span[tid='133'] { + background-color: var(--e-col-133); } + .node-popup .inner .entrees span[tid='128'] { + background-color: var(--e-col-128); } + .node-popup .inner .entrees span[tid='124'] { + background-color: var(--e-col-124); } + .node-popup .inner .entrees span[tid='116'] { + background-color: var(--e-col-116); } + .node-popup .inner .entrees span[tid='117'] { + background-color: var(--e-col-117); } + .node-popup .inner .entrees span[tid='131'] { + background-color: var(--e-col-131); } + .node-popup .inner .entrees span[tid='126'] { + background-color: var(--e-col-126); } + .node-popup .inner .entrees span[tid='123'] { + background-color: var(--e-col-123); } + .node-popup .inner .title { + margin: 0.3em 0; + font-size: 1.2em; + font-weight: 500; } + .node-popup .inner .description p { + margin: 0; + font-size: 0.75em; } + .node-popup .inner .chutier-icon { + position: absolute; + top: 1em; + right: 1em; } + +.url-to-video-container { + margin: 10px auto; } + .url-to-video-container.no-js { + border: solid black 1px; } + .url-to-video-container.no-js .url-to-video-player { + cursor: auto; } + .url-to-video-container .loader { + top: auto; + left: auto; + -webkit-transform: none; + transform: none; } + .url-to-video-container span.url-to-video-player { + /* assuming that the video has a 16:9 ratio */ + padding-bottom: 0; + height: auto; } + .url-to-video-container span.url-to-video-player:before { + content: ""; + display: block; + /* assuming that the video has a 16:9 ratio */ + padding-top: 56.25%; } + .url-to-video-container span.url-to-video-player .play-button { + z-index: 5; + top: 50%; } diff --git a/sites/all/themes/custom/edlptheme/assets/img/random.svg b/sites/all/themes/custom/edlptheme/assets/img/random.svg index 29ffd8779..bdd8526b1 100644 --- a/sites/all/themes/custom/edlptheme/assets/img/random.svg +++ b/sites/all/themes/custom/edlptheme/assets/img/random.svg @@ -14,7 +14,7 @@ viewBox="0 0 3.96875 3.9687501" version="1.1" id="svg15566" - inkscape:version="0.92.2 5c3e80d, 2017-08-06" + inkscape:version="0.92.2 2405546, 2018-03-11" sodipodi:docname="random.svg"> @@ -26,7 +26,7 @@ inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="31.678384" - inkscape:cx="5.7775113" + inkscape:cx="0.44264321" inkscape:cy="7.0840227" inkscape:document-units="mm" inkscape:current-layer="layer1" @@ -45,7 +45,7 @@ image/svg+xml - + @@ -64,7 +64,7 @@ rx="2.2991402" ry="2.8739254" /> diff --git a/sites/all/themes/custom/edlptheme/assets/img/search.svg b/sites/all/themes/custom/edlptheme/assets/img/search.svg index 69c9cd1ca..2204f983b 100644 --- a/sites/all/themes/custom/edlptheme/assets/img/search.svg +++ b/sites/all/themes/custom/edlptheme/assets/img/search.svg @@ -14,7 +14,7 @@ viewBox="0 0 3.96875 3.9687501" version="1.1" id="svg15566" - inkscape:version="0.92.2 5c3e80d, 2017-08-06" + inkscape:version="0.92.2 2405546, 2018-03-11" sodipodi:docname="search.svg"> @@ -26,7 +26,7 @@ inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="31.678384" - inkscape:cx="5.7775113" + inkscape:cx="0.44264321" inkscape:cy="7.0840227" inkscape:document-units="mm" inkscape:current-layer="layer1" @@ -45,7 +45,7 @@ image/svg+xml - + @@ -65,14 +65,15 @@ ry="2.8739254" /> + d="m 1684.9076,562.44127 c 0.9821,-0.98214 1.4732,-2.16145 1.4732,-3.53794 0,-1.37649 -0.4911,-2.55208 -1.4732,-3.52679 -0.9747,-0.98214 -2.1503,-1.47321 -3.5268,-1.47321 -1.3765,0 -2.5558,0.49107 -3.5379,1.47321 -0.9747,0.97471 -1.4621,2.1503 -1.4621,3.52679 0,1.37649 0.4874,2.5558 1.4621,3.53794 0.9821,0.97471 2.1614,1.46206 3.5379,1.46206 1.3765,0 2.5521,-0.48735 3.5268,-1.46206 z m 6.7746,4.74331 c 0.2753,0.27529 0.4129,0.61011 0.4129,1.00446 0,0.39435 -0.1414,0.72917 -0.4241,1.00447 -0.2753,0.28273 -0.6101,0.4241 -1.0044,0.4241 -0.4018,0 -0.7366,-0.14137 -1.0045,-0.4241 l -3.8281,-3.81697 c -1.3319,0.92262 -2.8163,1.38393 -4.4532,1.38393 -1.0639,0 -2.0833,-0.20461 -3.058,-0.61384 -0.9673,-0.41667 -1.8043,-0.9747 -2.5112,-1.67411 -0.6994,-0.70684 -1.2574,-1.54389 -1.6741,-2.51116 -0.4092,-0.9747 -0.6138,-1.99404 -0.6138,-3.05803 0,-1.06399 0.2046,-2.07961 0.6138,-3.04688 0.4167,-0.9747 0.9747,-1.81175 1.6741,-2.51116 0.7069,-0.70685 1.5439,-1.26488 2.5112,-1.6741 0.9747,-0.41667 1.9941,-0.625 3.058,-0.625 1.064,0 2.0796,0.20833 3.0469,0.625 0.9747,0.40922 1.8118,0.96725 2.5112,1.6741 0.7068,0.69941 1.2648,1.53646 1.6741,2.51116 0.4167,0.96727 0.625,1.98289 0.625,3.04688 0,1.63691 -0.4613,3.12128 -1.3839,4.45312 z" + style="stroke-width:1.03276014" /> diff --git a/sites/all/themes/custom/edlptheme/assets/img/studio.svg b/sites/all/themes/custom/edlptheme/assets/img/studio.svg index 1ff8e795a..eba9b45de 100644 --- a/sites/all/themes/custom/edlptheme/assets/img/studio.svg +++ b/sites/all/themes/custom/edlptheme/assets/img/studio.svg @@ -14,7 +14,7 @@ viewBox="0 0 3.96875 3.9687501" version="1.1" id="svg15566" - inkscape:version="0.92.2 5c3e80d, 2017-08-06" + inkscape:version="0.92.2 2405546, 2018-03-11" sodipodi:docname="studio.svg"> @@ -26,7 +26,7 @@ inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="31.678384" - inkscape:cx="5.7775113" + inkscape:cx="0.44264321" inkscape:cy="7.0840227" inkscape:document-units="mm" inkscape:current-layer="layer1" @@ -45,7 +45,7 @@ image/svg+xml - + @@ -55,8 +55,8 @@ id="layer1" transform="translate(0,-293.03123)">