From c8f54cb9f1e9aee28c8dacb7933a5d244b72c63c Mon Sep 17 00:00:00 2001 From: Bachir Soussi Chiadmi Date: Tue, 3 Apr 2018 23:25:03 +0200 Subject: [PATCH] gulp is now always minifing js and css --- .../assets/dist/scripts/corpus.min.js | 1040 +------ .../assets/dist/styles/corpus.min.css | 72 +- .../all/modules/figli/edlp_corpus/gulpfile.js | 6 +- .../assets/dist/scripts/history.min.js | 20 +- .../edlptheme/assets/dist/scripts/main.min.js | 1120 +------ .../edlptheme/assets/dist/styles/app.min.css | 2709 +---------------- sites/all/themes/custom/edlptheme/gulpfile.js | 6 +- 7 files changed, 90 insertions(+), 4883 deletions(-) diff --git a/sites/all/modules/figli/edlp_corpus/assets/dist/scripts/corpus.min.js b/sites/all/modules/figli/edlp_corpus/assets/dist/scripts/corpus.min.js index 994dcf341..1ff36b65d 100644 --- a/sites/all/modules/figli/edlp_corpus/assets/dist/scripts/corpus.min.js +++ b/sites/all/modules/figli/edlp_corpus/assets/dist/scripts/corpus.min.js @@ -1,1001 +1,41 @@ -/** - * @Author: Bachir Soussi Chiadmi - * @Date: 18-12-2017 - * @Email: bachir@figureslibres.io - * @Filename: corpus.js - * @Last modified by: bach - * @Last modified time: 20-12-2017 - * @License: GPL-V3 - */ -// JS performance improvement http://archive.oreilly.com/pub/a/server-administration/excerpts/even-faster-websites/writing-efficient-javascript.html - -/** - * depends on : - * - - * physics.js : http://jonobr1.com/Physics/# - * EaselJS : https://createjs.com/docs/easeljs/modules/EaselJS.html - * - */ - -(function($, Drupal, drupalSettings) { - - EdlpCorpus = function(){ - var _activated = true; - var _$body = $('body'); - var _$container = _$body; - var _$canvas = $('').appendTo(_$container); - var _canvas = _$canvas[0]; - var _ctx = _canvas.getContext('2d'); - var _canvas_props = { - 'margin_top':100, - 'margin_right':0, - 'margin_bottom':100, - 'margin_left':0 - }; - var _physics = new Physics(); - // var _stage = new createjs.Stage('corpus-map'); - var _nodes = []; - var _articles_nodes = []; - var _no_articles_nodes = []; - var _nodes_by_entries = {}; - var _nodes_by_nid = {}; - var _nodes_Nid_Id = {}; - var _nodes_centered = []; - var _nodes_centered_attractions = []; - - var _playlist = []; - - // var _particules = []; - // var _base_radius = 3; // nodes radius (real radius, not diametre) - var _p_velocity_factor = 0.5; - var _mouse_in = true; - var _m_pos = {x:0, y:0}; - var _node_hover_id = -1; - var _node_opened_id = -1; - var _$entrees_block = $('#block-edlpentreesblock'); - var _$entrees_block_termlinks = $('a.term-link', _$entrees_block); - var _$articles_link; - var _node_pop_up; - // Colors depend on drupalSettings loaded by edlp_corpus.module - var _ecolors = drupalSettings.edlp_corpus.colors; - //console.log('Corpus : _ecolors', _ecolors); - // Physics - var _attracter, - _repulser_top, - _repulser_center, - _repulser_bottom, - _scrambler_TL, - _scrambler_TR, - _scrambler_BR, - _scrambler_BL, - _scrambler_CL, - _scrambler_CR; - - // ____ _ __ - // / _/___ (_) /______ - // / // __ \/ / __/ ___/ - // _/ // / / / / /_(__ ) - // /___/_/ /_/_/\__/____/ - function init(){ - initCanvas(); - if(_activated){ - loadCorpus(); - }else{ - _$canvas.addClass('de-activated'); - } - }; - - // ___ - // / __|__ _ _ ___ ____ _ ___ - // | (__/ _` | ' \ V / _` (_-< - // \___\__,_|_||_\_/\__,_/__/ - function initCanvas(){ - // resize the canvas to fill browser window dynamically - window.addEventListener('resize', onResizeCanvas, false); - onResizeCanvas(); - }; - function onResizeCanvas() { - _canvas.width = window.innerWidth; - _canvas.height = window.innerHeight; - for (var i = 0; i < _nodes.length; i++) { - _nodes[i].onResizeCanvas(); - // move _attracter and _repulser to the center again - resizePhysics(); - } - }; - - // ___ - // / __|___ _ _ _ __ _ _ ___ - // | (__/ _ \ '_| '_ \ || (_-< - // \___\___/_| | .__/\_,_/__/ - // |_| - function loadCorpus(){ - // console.log('drupalSettings',drupalSettings); - // console.log('window.location', window.location); - var path = window.location.origin + drupalSettings.basepath + "edlp/corpus"; - $.getJSON(path, {}) - .done(function(data){ - onCorpusLoaded(data); - }) - .fail(function(jqxhr, textStatus, error){ - onCorpusLoadError(jqxhr, textStatus, error); - }); - }; - function onCorpusLoadError(jqxhr, textStatus, error){ - console.warn('corpus load failed', jqxhr.responseText); - }; - function onCorpusLoaded(data){ - //console.log('corpus loaded : data', data); - // console.log('first node', data.nodes[0]); - // buildParticles(data.nodes); - initPhysics(); - buildNodes(data.nodes); - initArtilesLink(); - initNodePopup(); - initEvents(); - startAnime(); - }; - - // ___ _ _ - // | _ \ |_ _ _ __(_)__ ___ - // | _/ ' \ || (_-< / _(_-< - // |_| |_||_\_, /__/_\__/__/ - // |__/ - function initPhysics(){ - _attracter = _physics.makeParticle(1000); - _attracter.fixed = true; - _repulser_top = _physics.makeParticle(100); - _repulser_top.fixed = true; - _repulser_center = _physics.makeParticle(100); - _repulser_center.fixed = true; - _repulser_bottom = _physics.makeParticle(100); - _repulser_bottom.fixed = true; - _scrambler_TL = _physics.makeParticle(100); - _scrambler_TL.fixed = true; - _scrambler_TR = _physics.makeParticle(100); - _scrambler_TR.fixed = true; - _scrambler_BR = _physics.makeParticle(100); - _scrambler_BR.fixed = true; - _scrambler_BL = _physics.makeParticle(100); - _scrambler_BL.fixed = true; - _scrambler_CR = _physics.makeParticle(100); - _scrambler_CR.fixed = true; - _scrambler_CL = _physics.makeParticle(100); - _scrambler_CL.fixed = true; - // move _attracter and _repulser on window resize - resizePhysics(); - }; - function resizePhysics(){ - // attracters - _attracter.position = {x:_canvas.width/2, y:_canvas.height/2}; - // repulsers - _repulser_top.position = {x:_canvas.width/2, y:0}; - _repulser_center.position = {x:_canvas.width/2, y:_canvas.height/2}; - _repulser_bottom.position = {x:_canvas.width/2, y:_canvas.height}; - // scramblers - _scrambler_TL.position = {x:-200, y:_canvas.height/40}; - _scrambler_BL.position = {x:-200, y:_canvas.height-_canvas.height/40}; - // _scrambler_CL.position = {x:-200, y:_canvas.height/2}; - _scrambler_TR.position = {x:_canvas.width+200, y:_canvas.height/40}; - _scrambler_BR.position = {x:_canvas.width+200, y:_canvas.height-_canvas.height/40}; - // _scrambler_CR.position = {x:_canvas.width+200, y:_canvas.height/2}; - }; - - // _ _ _ - // | \| |___ __| |___ ___ - // | .` / _ \/ _` / -_|_-< - // |_|\_\___/\__,_\___/__/ - function buildNodes(nodes){ - //console.log("buildNodes", nodes); - var d; - for (var i in nodes) { - d = i < 1 ? true : false; - // _nodes.push(new Node(i,nodes[i],d)); - new Node(i,nodes[i],d); - - _playlist.push({ - 'id':i, - 'nid':nodes[i].nid, - 'audio_url':nodes[i].audio_url - }); - } - //console.log('_nodes',_nodes); - //console.log('_articles_nodes',_articles_nodes); - //console.log('_no_articles_nodes',_no_articles_nodes); - //console.log('_nodes_by_entries', _nodes_by_entries); - - //console.log('_physics.attractions.length', _physics.attractions.length); - }; - - function Node(i,node,d){ - this.id = i; - for(key in node) - this[key] = node[key]; - - // record the node in different lists - _nodes.push(this); - - _nodes_by_nid[this.nid] = this; - _nodes_Nid_Id[this.nid] = this.id; - - if(this.has_article == 1){ - _articles_nodes.push(this); - }else{ - _no_articles_nodes.push(this); - } - - for (var j = 0; j < this.entrees.length; j++) { - if(typeof _nodes_by_entries[this.entrees[j]] == 'undefined') - _nodes_by_entries[this.entrees[j]] = []; - - _nodes_by_entries[this.entrees[j]].push(this); - } - - this.debug = d; - this.mass = Math.max(1, this.entrees.length); //1; - this.velocity_threshold = 0.01; - // define radius regarding entries length - switch(true){ - case this.entrees.length > 3: - this.r = 10; - break; - case this.entrees.length > 1 && this.entrees.length <= 3: - this.r = 7; - break; - default: - this.r = 4; - break; - } - - this.e_color = 'e_col_'+this.entrees[Math.floor(Math.random(this.entrees.length))]; - - this.hover = false; - this.opened = false; - this.faded = false; - this.center = false; - this.aside = false; - this.scrambling = false; - - this.n_repulses = {}; - - // prototypes - if (typeof Node.initialized == "undefined") { - - Node.prototype.init = function(){ - this.calcWallLimits(); - - this.x = this.wall_limits.left + Math.random()*(this.wall_limits.right - this.wall_limits.left); - this.y = this.wall_limits.top + Math.random()*(this.wall_limits.bottom - this.wall_limits.top); - - this.initPhysics(); - - // if(this.id == '620'){ - // _node_pop_up.setNode(this); - // } - }; - - Node.prototype.initPhysics = function(){ - // particule - this.p = _physics.makeParticle(this.mass, this.x, this.y); - this.p.velocity = new Physics.Vector((Math.random()-0.5)*_p_velocity_factor, (Math.random()-0.5)*_p_velocity_factor); - // attracter - this.attract = _physics.makeAttraction(_attracter, this.p, 1000, _canvas.width*2); - this.attract.on = false; - // repulsers - this.repulse_top = _physics.makeAttraction(_repulser_top, this.p, -60, _canvas.height/6); - this.repulse_center = _physics.makeAttraction(_repulser_center, this.p, -50, _canvas.height/6); - this.repulse_bottom = _physics.makeAttraction(_repulser_bottom, this.p, -60, _canvas.height/6); - this.repulse_top.on = false; - this.repulse_center.on = false; - this.repulse_bottom.on = false; - // Scramblers - this.scramble_TL = _physics.makeAttraction(_scrambler_TL, this.p, -100, _canvas.height/2.5); - this.scramble_TR = _physics.makeAttraction(_scrambler_TR, this.p, -100, _canvas.height/2.5); - this.scramble_BR = _physics.makeAttraction(_scrambler_BR, this.p, -100, _canvas.height/2.5); - this.scramble_BL = _physics.makeAttraction(_scrambler_BL, this.p, -100, _canvas.height/2.5); - // this.scramble_CR = _physics.makeAttraction(_scrambler_CR, this.p, -50, _canvas.height/4); - // this.scramble_CL = _physics.makeAttraction(_scrambler_CL, this.p, -50, _canvas.height/4); - this.scramble_TL.on = false; - this.scramble_TR.on = false; - this.scramble_BR.on = false; - this.scramble_BL.on = false; - // this.scramble_CR.on = false; - // this.scramble_CL.on = false; - }; - - Node.prototype.calcWallLimits = function(){ - this.wall_limits = { - top: _canvas_props.margin_top +this.r, - right: _canvas.width -_canvas_props.margin_right -this.r, - bottom: _canvas.height -_canvas_props.margin_bottom -this.r, - left: _canvas_props.margin_left +this.r - } - }; - - Node.prototype.onResizeCanvas = function(){ - this.calcWallLimits(); - // TODO: when canvas is smaller what about nodes hors champs, they are coming back alone but it's too long - }; - - Node.prototype.onUpdate = function(){ - - // this.p.velocity.multiplyScalar(0.99); - if(this.hover || this.opened){ - this.p.fixed = true; - }else{ - this.p.fixed = false; - } - - if(this.center) - this.limitEvolutionZone(); - - if(!this.p.resting()){ - // this.checkVelocityThreshold(); - this.checkWallBouncing(); - this.updatePos(); - } - if(_mouse_in && !this.aside) - this.checkMouse(); - - // if(this.debug) - // console.log("Node pos: ", {x:this.x, y:this.y}); - this.draw(); - }; - - Node.prototype.checkVelocityThreshold = function(){ - if(!this.centered || !this.aside){ - if (Math.abs(this.p.velocity.x) < this.velocity_threshold - && Math.abs(this.p.velocity.y) < this.velocity_threshold){ - this.p.velocity.multiplyScalar(0); - // this.p.makeFixed(); - } - } - }; - - Node.prototype.checkWallBouncing = function(){ - switch(true){ - case this.x < this.wall_limits.left && this.p.velocity.x < 0: - this.p.position.x = this.wall_limits.left; - this.p.velocity.multiplyScalarXY(-1, 1).multiplyScalar(0.75); - break; - case this.x > this.wall_limits.right && this.p.velocity.x > 0: - this.p.position.x = this.wall_limits.right; - this.p.velocity.multiplyScalarXY(-1, 1).multiplyScalar(0.75); - break; - case this.y < this.wall_limits.top && this.p.velocity.y < 0 : - this.p.position.y = this.wall_limits.top; - this.p.velocity.multiplyScalarXY(1,-1).multiplyScalar(0.75); - break; - case this.y > this.wall_limits.bottom && this.p.velocity.y > 0 : - this.p.position.y = this.wall_limits.bottom; - this.p.velocity.multiplyScalarXY(1,-1).multiplyScalar(0.75); - break; - } - }; - - Node.prototype.updatePos = function(){ - this.x = this.p.position.x; - this.y = this.p.position.y; - }; - - Node.prototype.checkMouse = function(){ - - if( _m_pos.x > this.x - this.r - && _m_pos.x < this.x + this.r - && _m_pos.y > this.y - this.r - && _m_pos.y < this.y + this.r){ - if(_node_hover_id == -1 || _node_hover_id !== this.id){ - // console.log("Node hover", this.id); - this.hover = true; - _node_hover_id = this.id; - _node_pop_up.setNode(this); - } - }else{ - this.hover = false; - if (_node_hover_id == this.id) { - _node_hover_id = -1; - _node_pop_up.removeNode(); - } - } - }; - - Node.prototype.open = function(){ - this.opened = true; - _node_opened_id = this.id; - }; - Node.prototype.close = function(){ - this.opened = false; - }; - - Node.prototype.fade = function(){ - this.faded = true; - }; - Node.prototype.unFade = function(){ - this.faded = false; - }; - - Node.prototype.setCenteredOnEntree = function(tid){ - this.e_color = 'e_col_'+tid; - this.setCentered(); - }; - - Node.prototype.setCentered = function(){ - this.center = true; - this.stopScrambling(); - this.unsetAside(); - this.attract.on = true; - } - Node.prototype.unsetCentered = function(){ - this.center = false; - this.attract.on = false; - } - - Node.prototype.limitEvolutionZone = function(){ - // smouthly slow down node near center - // if(this.id == 1) - // console.log('this.p.velocity', this.p.velocity); - this.dist_to_attracter = this.p.distanceTo(_attracter); - if( this.dist_to_attracter < _canvas.width/4){ - if( this.p.velocity.length() > 0.4 ){ - this.p.velocity.multiplyScalar(0.995); - } - } - if( Math.abs(_attracter.position.x - this.x) > _canvas.width/3 - || Math.abs(_attracter.position.y - this.y) > _canvas.height/3){ - this.attract.on = true; - }else{ - this.attract.on = false; - } - } - - Node.prototype.setAside = function(){ - this.aside = true; - // this.fade(); - this.stopScrambling(); - this.unsetCentered(); - this.repulse_top.on = true; - this.repulse_center.on = true; - this.repulse_bottom.on = true; - } - Node.prototype.unsetAside = function(){ - this.aside = false; - // this.unFade(); - this.repulse_top.on = false; - this.repulse_center.on = false; - this.repulse_bottom.on = false; - } - - Node.prototype.scramble = function(){ - this.scrambling = true; - this.unsetCentered(); - this.unsetAside(); - this.scramble_TL.on = true; - this.scramble_TR.on = true; - this.scramble_BR.on = true; - this.scramble_BL.on = true; - // this.scramble_CR.on = true; - // this.scramble_CL.on = true; - } - Node.prototype.stopScrambling = function(){ - this.scrambling = false; - this.scramble_TL.on = false; - this.scramble_TR.on = false; - this.scramble_BR.on = false; - this.scramble_BL.on = false; - // this.scramble_CR.on = false; - // this.scramble_CL.on = false; - } - - Node.prototype.draw = function(){ - // carre plein - // clouleur aléatoire ds les entrees - // 3 tailles : - // - 1 entree : petit carre 5px - // - 2-3 entrees : moyen 7.5px - // - >3 entrees : grand 10px - // actif entouré de rouge - - _ctx.beginPath(); - _ctx.globalAlpha = this.faded ? 0.1 : 1; - // _ctx.fillStyle = !this.p.resting() ? _ecolors[this.e_color] : 'rgb(0, 0, 0)'; - _ctx.fillStyle = _ecolors[this.e_color]; - _ctx.fillRect(this.x - this.r,this.y - this.r,this.r*2,this.r*2); - - if(this.opened){ - _ctx.lineWidth = '1px'; - _ctx.strokeStyle = 'rgb(255,0,0)'; - _ctx.strokeRect(this.x - this.r-3,this.y - this.r-3,this.r*2+6,this.r*2+6); - } - _ctx.globalAlpha = 1; - _ctx.closePath(); - }; - - Node.initialized = true; - } - - this.init(); - }; - // TODO: we may convert a lot of computation into a web worker - // https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API/Using_web_workers - function checkParticulesCollisions(){ - // pre create vars to save memory; - var na,nb, - ma,mb, - w,h,dx,dy, - makeup, - newVelX1, newVelY1, newVelX2, newVelY2; - // , angle; - // colisions between _particules - for (var n = 0, l = _nodes.length; n < l; n++) { - na = _nodes[n]; - ma = na.p.mass; - // avoid colliding for centered nodes - // if(_nodes[n].center) continue; - - // avoid colliding for scrambling nodes - if(na.scrambling) continue; - - for (var q = n+1; q < l; q++) { - nb = _nodes[q]; - mb = nb.p.mass; - // avoid impact between center and aside particules - if((na.center && nb.aside) || (na.aside && nb.center)) - continue; - - // avoid impact between two centered particulses that comes to the center - if(na.center && nb.center){ - if(Math.min(na.p.distanceTo(_attracter), nb.p.distanceTo(_attracter)) > 300){ - if( Math.random()>0.3 ) continue; - } - } - - w = h = (na.r+nb.r); - dx = na.p.position.x - nb.p.position.x; - dy = na.p.position.y - nb.p.position.y; - - // if both dx and dy are inferior to w & h so squares are colliding (overlapping) - // if( Math.abs(dx) <= w && Math.abs(dy) <= h){ console.log('colliding'); } - // else not so skip - if( Math.abs(dx) > w || Math.abs(dy) > h) continue; - - if(Math.abs(dx) < Math.abs(dy)){ // vertical collision - makeup = (h - Math.abs(dy))/2; - if(dy > 0){ // a is upper than b - na.p.position.y += makeup; - nb.p.position.y -= makeup; - }else{ // b is upper than a - na.p.position.y -= makeup; - nb.p.position.y += makeup; - } - // bounce - // https://en.wikipedia.org/wiki/Elastic_collision#One-dimensional_Newtonian - newVelY1 = (ma-mb)/(ma+mb)*na.p.velocity.y+2*mb/(ma+mb)*nb.p.velocity.y; - newVelY2 = (mb-ma)/(mb+ma)*nb.p.velocity.y+2*ma/(mb+ma)*na.p.velocity.y; - - na.p.velocity.y = newVelY1; - nb.p.velocity.y = newVelY2; - - }else{ // horizontal collision - makeup = (w - Math.abs(dx))/2; - if(dx > 0){ // a is at left of b - na.p.position.x += makeup; - nb.p.position.x -= makeup; - }else{ // b is at left of a - na.p.position.x -= makeup; - nb.p.position.x += makeup; - } - // bounce - // https://en.wikipedia.org/wiki/Elastic_collision#One-dimensional_Newtonian - newVelX1 = (ma-mb)/(ma+mb)*na.p.velocity.x+2*mb/(ma+mb)*nb.p.velocity.x; - newVelX2 = (mb-ma)/(mb+ma)*nb.p.velocity.x+2*ma/(mb+ma)*na.p.velocity.x; - - na.p.velocity.x = newVelX1; - nb.p.velocity.x = newVelX2; - } - - // slow down particule on impact - // na.p.velocity.multiplyScalar(na.center && na.p.velocity.length() < 1 ? 1.1 : 0.90); - // nb.p.velocity.multiplyScalar(nb.center && nb.p.velocity.length() < 1 ? 1.1 : 0.90); - na.p.velocity.multiplyScalar(0.90); - nb.p.velocity.multiplyScalar(0.90); - - } - } - }; - // show opened audio node - function openNodeByNid(nid){ - // console.log('Corpus openNode()', nid); - closeNode(); - if(typeof _nodes_Nid_Id[nid] != 'undefined'){ - // console.log('node exists'); - _node_opened_id = _nodes_Nid_Id[nid]; - _nodes[_nodes_Nid_Id[nid]].open(); - } - } - function closeNode(){ - if(_node_opened_id != -1){ - // if(typeof _nodes[_node_opened_id] !== 'undefined'){ - _nodes[_node_opened_id].close(); - // } - _node_opened_id = -1; - } - } - function createNodesRepulsions(){ - // how to delete all these attractions before creates new once - //console.log('_nodes_centered', _nodes_centered); - purgeNodesRepulsions(); - for (var n = 0; n < _nodes_centered.length; n++) { - for (var q = n+1; q < _nodes_centered.length; q++) { - _physics.makeAttraction(_nodes_centered[n].p, _nodes_centered[q].p, -0.4, 10); - } - } - }; - function purgeNodesRepulsions(){ - // console.log('_physics.attractions.length', _physics.attractions.length); - for (var a = _physics.attractions.length-1; a >= 0; a--) { - // assuming that only nodes repulsions have constant < 1 - // and are all at the end of array - if(Math.abs(_physics.attractions[a].constant) < 1){ - _physics.attractions.splice(a,1); - }else{ - break; - } - } - // console.log('_physics.attractions.length', _physics.attractions.length); - }; - - // ___ _ - // | __|_ _| |_ _ _ ___ ___ ___ - // | _|| ' \ _| '_/ -_) -_|_-< - // |___|_||_\__|_| \___\___/__/ - function filterEntree(t){ - shutDownArticles(); - - _nodes_centered = []; - for (var n = 0; n < _nodes.length; n++) { - if(_nodes[n].entrees.indexOf(t) == -1){ - _nodes[n].setAside(); - }else{ - _nodes[n].setCenteredOnEntree(t); - // record centered nodes for inter node repulsions - _nodes_centered.push(_nodes[n]); - } - } - createNodesRepulsions(); - }; - function highlightEntries(){ - _$entrees_block_termlinks.removeClass('highlighted'); - var id = -1; - if(_node_hover_id != -1){ - id = _node_hover_id; - }else if(_node_opened_id != -1){ - id = _node_opened_id; - } - var entree; - if(id != -1){ - for (var i = 0; i < _nodes[id].entrees.length; i++) { - entree = _nodes[id].entrees[i]; - _$entrees_block_termlinks.filter(function(){ - return $(this).attr('tid') == entree; - }).addClass('highlighted'); - } - } - }; - - - // ___ _ - // / __| ___ __ _ _ _ __| |_ - // \__ \/ -_) _` | '_/ _| ' \ - // |___/\___\__,_|_| \__|_||_| - function filterSearchResults(nids){ - shutDownArticles(); - - _nodes_centered = []; - for (var n = 0; n < _nodes.length; n++) { - if(nids.indexOf(_nodes[n].nid) == -1){ - _nodes[n].setAside(); - }else{ - _nodes[n].setCentered(); - // record centered nodes for inter node repulsions - _nodes_centered.push(_nodes[n]); - } - } - createNodesRepulsions(); - }; - - - // ___ _ _ _ - // / __| __ _ _ __ _ _ __ | |__| (_)_ _ __ _ - // \__ \/ _| '_/ _` | ' \| '_ \ | | ' \/ _` | - // |___/\__|_| \__,_|_|_|_|_.__/_|_|_||_\__, | - // |___/ - function scrambleCollection(){ - for (var i = 0; i < _nodes.length; i++) { - _nodes[i].scramble(); - } - // setTimeout(stopScrambling, 2000); - stopScrambling(); - }; - function stopScrambling(){ - for (var i = 0; i < _nodes.length; i++) { - setTimeout(function(n){ - n.stopScrambling(); - }.bind(this, _nodes[i]), 1000 + Math.random()*4000); - } - }; - function closeAllEntries(){ - _$entrees_block_termlinks.each(function(index, el) { - if($(this).parents('li').is('.opened')){ - $(this).trigger('click'); - return false; - } - }); - }; - - // _ _ _ _ - // /_\ _ _| |_(_)__| |___ ___ - // / _ \| '_| _| / _| / -_|_-< - // /_/ \_\_| \__|_\__|_\___/__/ - function initArtilesLink(){ - // add "articles link to blockentrees" - _$articles_link = $('') - .html('Articles') - .attr("href", "#articles") - .addClass('articles-link') - .on('click', onCLickedOnArticles); - - $('.item-list ul',_$entrees_block).append( - $('
  • ').append( - $('').append(_$articles_link) - ) - ); - }; - function onCLickedOnArticles(e){ - e.preventDefault(); - $(this).toggleClass('is-active'); - if($(this).is('.is-active')){ - filterArticles(); - closeAllEntries(); - }else{ - resetArticlesFilter(); - } - // _$canvas.trigger({ - // 'type':'corpus-cliqued-on-articles' - // }); - return false; - }; - function filterArticles(){ - //console.log('filterArticles'); - for (var i = 0; i < _no_articles_nodes.length; i++) { - _no_articles_nodes[i].fade(); - } - }; - function resetArticlesFilter(){ - //console.log('resetArticlesFilter'); - for (var i = 0; i < _no_articles_nodes.length; i++) { - _no_articles_nodes[i].unFade(); - } - }; - function shutDownArticles(){ - // shutdown articles if active - if(_$articles_link.is('.is-active')) - _$articles_link.trigger('click'); - }; - // ___ _ - // | __|_ _____ _ _| |_ ___ - // | _|\ V / -_) ' \ _(_-< - // |___|\_/\___|_||_\__/__/ - function initEvents(){ - _$canvas - .on('mousemove', function(event) { - event.preventDefault(); - _m_pos.x = event.originalEvent.clientX; - _m_pos.y = event.originalEvent.clientY; - }) - .on('mouseenter', function(event){ - // console.log('onMouseIN'); - _mouse_in = true; - }) - .on('mouseout', function(event){ - // console.log('onMouseOUT'); - _mouse_in = false; - _node_pop_up.removeNode(); - }) - .on('click', function(event) { - if(event.target.tagName != "A" && event.target.tagName != "INPUT"){ - // console.log("Corpus : click"); - event.preventDefault(); - if(_node_hover_id != -1){ - // console.log("corpus : click on node", _nodes[_node_hover_id]); - var event = { - 'type':'corpus-cliked-on-node', - 'target_node':{ - 'id':_node_hover_id, - 'nid':_nodes[_node_hover_id].nid, - 'audio_url':_nodes[_node_hover_id].audio_url - }, - }; - _$canvas.trigger(event); - // instead of directly opening the doc, create an event listener (e.g. : audio played from random) - // openNode(_node_hover_id); - }else{ - // console.log('corpus : click on map'); - _$canvas.trigger('corpus-cliked-on-map'); - } - } - }) - .on('audio-node-opened', function(e){ - // console.log('Corpus audio-node-opened', e); - openNodeByNid(e.nid); - }) - .on('audio-node-closed', function(e){ - closeNode(); - }); - - _$entrees_block_termlinks.on('click', function(event) { - event.preventDefault(); - var tid = $(this).attr('tid'); - var $li = $(this).parents('li'); - if(!$li.is('.opened')){ - _$entrees_block_termlinks.parents('li').removeClass('opened'); - $li.addClass('opened'); - filterEntree(tid); - _$body.trigger({'type':'open_entree', 'tid':tid}); - }else{ - $li.removeClass('opened'); - scrambleCollection(); - _$body.trigger({'type':'close_entree', 'tid':tid}); - } - return false; - }); - - _$body - .on('chutier-action-done', function(e) { - _nodes_by_nid[e.target_id].chutier_action = e.new_action; - }) - .on('search-results-loaded', function(e){ - //console.log("Edlp Corpus, search-results-loaded",e.results); - // TODO: filter map's nodes - filterSearchResults(e.results); - }) - .on('search-closed', function(e){ - scrambleCollection(); - }); - }; - - // _ _ _ ___ _ _ - // | \| |___ __| |___| _ \___ _ __| | | |_ __ - // | .` / _ \/ _` / -_) _/ _ \ '_ \ |_| | '_ \ - // |_|\_\___/\__,_\___|_| \___/ .__/\___/| .__/ - // |_| |_| - function initNodePopup(){ - _node_pop_up = new NodePopUp(); - }; - function NodePopUp(){ - this.visible = false; - this.node; - this.$dom = $('
    ') - .addClass('node-popup') - .attr('pos', 'top-right') - .appendTo('body'); - this.$content = $('
    ').addClass('inner').appendTo(this.$dom); - - if (typeof NodePopUp.initialized == "undefined") { - - NodePopUp.prototype.setNode = function(n){ - // console.log('NodePopUp setNode()'); - this.node = n; - // positioning NodePopUp regarding node position - this.setPositioning(); - // update NodePopUp content - this.setContent(); - }; - - NodePopUp.prototype.setPositioning = function(){ - switch(true){ - case this.node.x > this.node.wall_limits.right-350 && this.node.y < this.node.wall_limits.top+200: - this.$dom.attr('pos', 'bottom-left'); - break; - case this.node.x > this.node.wall_limits.right-350: - this.$dom.attr('pos', 'top-left'); - break; - case this.node.y < this.node.wall_limits.top+200: - this.$dom.attr('pos', 'bottom-right'); - break; - default: - this.$dom.attr('pos', 'top-right'); - } - }; - - NodePopUp.prototype.setContent = function(){ - // console.log(this.node); - this.$content.html(''); - var $entrees = $('
    ').addClass('entrees'); - for (var i = 0; i < this.node.entrees.length; i++) { - var tid = this.node.entrees[i]; - $entrees.append($('').addClass('entree').attr('tid', tid)); - } - var $chutier_action = $('').addClass('chutier-icon').attr('action', this.node.chutier_action); - this.$content - .append($entrees) - .append('

    '+this.node.title+'

    ') - .append('
    '+this.node.description+'
    ') - .append($chutier_action); - - // TODO: favoris marker - }; - - NodePopUp.prototype.removeNode = function(){ - // console.log('NodePopUp removeNode()'); - this.node = false; - }; - - NodePopUp.prototype.draw = function(){ - if(this.node){ - this.$dom.css({ - 'display':"block", - 'left':this.node.x+"px", - 'top':this.node.y+"px", - }); - }else{ - this.$dom.css({ - 'display':"none", - }); - } - }; - - NodePopUp.initialized = true; - } - } - - // ___ _ - // | _ \___ _ _ __| |___ _ _ - // | / -_) ' \/ _` / -_) '_| - // |_|_\___|_||_\__,_\___|_| - function render(){ - _ctx.clearRect(0, 0, _canvas.width, _canvas.height); - - checkParticulesCollisions(); - - for (var i = 0; i < _nodes.length; i++) { - _nodes[i].onUpdate(); - } - - _node_pop_up.draw(); - - if(_node_hover_id != -1){ - _canvas.style.cursor = 'pointer'; - }else{ - _canvas.style.cursor = 'auto'; - } - // check for highlighted entries - highlightEntries(); - }; - - // ___ _ _ _ _ - // / __| |_ __ _ _ _| |_ /_\ _ _ (_)_ __ ___ - // \__ \ _/ _` | '_| _|/ _ \| ' \| | ' \/ -_) - // |___/\__\__,_|_| \__/_/ \_\_||_|_|_|_|_\___| - function startAnime(){ - _physics.onUpdate(render); - _physics.play() - $('body') - .attr('corpus', 'map-ready') - .trigger({ - 'type':'corpus-map-ready', - 'playlist':_playlist - }); - }; - - init(); - } - - - $(document).ready(function($) { - var edlpcorpus = new EdlpCorpus(); - }); - - -})(jQuery, Drupal, drupalSettings); +(function($,Drupal,drupalSettings){EdlpCorpus=function(){var _activated=true;var _$body=$('body');var _$container=_$body;var _$canvas=$('').appendTo(_$container);var _canvas=_$canvas[0];var _ctx=_canvas.getContext('2d');var _canvas_props={'margin_top':100,'margin_right':0,'margin_bottom':100,'margin_left':0};var _physics=new Physics();var _nodes=[];var _articles_nodes=[];var _no_articles_nodes=[];var _nodes_by_entries={};var _nodes_by_nid={};var _nodes_Nid_Id={};var _nodes_centered=[];var _nodes_centered_attractions=[];var _playlist=[];var _p_velocity_factor=0.5;var _mouse_in=true;var _m_pos={x:0,y:0};var _node_hover_id=-1;var _node_opened_id=-1;var _$entrees_block=$('#block-edlpentreesblock');var _$entrees_block_termlinks=$('a.term-link',_$entrees_block);var _$articles_link;var _node_pop_up;var _ecolors=drupalSettings.edlp_corpus.colors;var _attracter,_repulser_top,_repulser_center,_repulser_bottom,_scrambler_TL,_scrambler_TR,_scrambler_BR,_scrambler_BL,_scrambler_CL,_scrambler_CR;function init(){initCanvas();if(_activated){loadCorpus();}else{_$canvas.addClass('de-activated');}};function initCanvas(){window.addEventListener('resize',onResizeCanvas,false);onResizeCanvas();};function onResizeCanvas(){_canvas.width=window.innerWidth;_canvas.height=window.innerHeight;for(var i=0;i<_nodes.length;i++){_nodes[i].onResizeCanvas();resizePhysics();}};function loadCorpus(){var path=window.location.origin+drupalSettings.basepath+"edlp/corpus";$.getJSON(path,{}).done(function(data){onCorpusLoaded(data);}).fail(function(jqxhr,textStatus,error){onCorpusLoadError(jqxhr,textStatus,error);});};function onCorpusLoadError(jqxhr,textStatus,error){console.warn('corpus load failed',jqxhr.responseText);};function onCorpusLoaded(data){initPhysics();buildNodes(data.nodes);initArtilesLink();initNodePopup();initEvents();startAnime();};function initPhysics(){_attracter=_physics.makeParticle(1000);_attracter.fixed=true;_repulser_top=_physics.makeParticle(100);_repulser_top.fixed=true;_repulser_center=_physics.makeParticle(100);_repulser_center.fixed=true;_repulser_bottom=_physics.makeParticle(100);_repulser_bottom.fixed=true;_scrambler_TL=_physics.makeParticle(100);_scrambler_TL.fixed=true;_scrambler_TR=_physics.makeParticle(100);_scrambler_TR.fixed=true;_scrambler_BR=_physics.makeParticle(100);_scrambler_BR.fixed=true;_scrambler_BL=_physics.makeParticle(100);_scrambler_BL.fixed=true;_scrambler_CR=_physics.makeParticle(100);_scrambler_CR.fixed=true;_scrambler_CL=_physics.makeParticle(100);_scrambler_CL.fixed=true;resizePhysics();};function resizePhysics(){_attracter.position={x:_canvas.width/2,y:_canvas.height/2};_repulser_top.position={x:_canvas.width/2,y:0};_repulser_center.position={x:_canvas.width/2,y:_canvas.height/2};_repulser_bottom.position={x:_canvas.width/2,y:_canvas.height};_scrambler_TL.position={x:-200,y:_canvas.height/40};_scrambler_BL.position={x:-200,y:_canvas.height-_canvas.height/40};_scrambler_TR.position={x:_canvas.width+200,y:_canvas.height/40};_scrambler_BR.position={x:_canvas.width+200,y:_canvas.height-_canvas.height/40};};function buildNodes(nodes){var d;for(var i in nodes){d=i<1?true:false;new Node(i,nodes[i],d);_playlist.push({'id':i,'nid':nodes[i].nid,'audio_url':nodes[i].audio_url});}};function Node(i,node,d){this.id=i;for(key in node) +this[key]=node[key];_nodes.push(this);_nodes_by_nid[this.nid]=this;_nodes_Nid_Id[this.nid]=this.id;if(this.has_article==1){_articles_nodes.push(this);}else{_no_articles_nodes.push(this);} +for(var j=0;j3:this.r=10;break;case this.entrees.length>1&&this.entrees.length<=3:this.r=7;break;default:this.r=4;break;} +this.e_color='e_col_'+this.entrees[Math.floor(Math.random(this.entrees.length))];this.hover=false;this.opened=false;this.faded=false;this.center=false;this.aside=false;this.scrambling=false;this.n_repulses={};if(typeof Node.initialized=="undefined"){Node.prototype.init=function(){this.calcWallLimits();this.x=this.wall_limits.left+Math.random()*(this.wall_limits.right-this.wall_limits.left);this.y=this.wall_limits.top+Math.random()*(this.wall_limits.bottom-this.wall_limits.top);this.initPhysics();};Node.prototype.initPhysics=function(){this.p=_physics.makeParticle(this.mass,this.x,this.y);this.p.velocity=new Physics.Vector((Math.random()-0.5)*_p_velocity_factor,(Math.random()-0.5)*_p_velocity_factor);this.attract=_physics.makeAttraction(_attracter,this.p,1000,_canvas.width*2);this.attract.on=false;this.repulse_top=_physics.makeAttraction(_repulser_top,this.p,-60,_canvas.height/6);this.repulse_center=_physics.makeAttraction(_repulser_center,this.p,-50,_canvas.height/6);this.repulse_bottom=_physics.makeAttraction(_repulser_bottom,this.p,-60,_canvas.height/6);this.repulse_top.on=false;this.repulse_center.on=false;this.repulse_bottom.on=false;this.scramble_TL=_physics.makeAttraction(_scrambler_TL,this.p,-100,_canvas.height/2.5);this.scramble_TR=_physics.makeAttraction(_scrambler_TR,this.p,-100,_canvas.height/2.5);this.scramble_BR=_physics.makeAttraction(_scrambler_BR,this.p,-100,_canvas.height/2.5);this.scramble_BL=_physics.makeAttraction(_scrambler_BL,this.p,-100,_canvas.height/2.5);this.scramble_TL.on=false;this.scramble_TR.on=false;this.scramble_BR.on=false;this.scramble_BL.on=false;};Node.prototype.calcWallLimits=function(){this.wall_limits={top:_canvas_props.margin_top+this.r,right:_canvas.width-_canvas_props.margin_right-this.r,bottom:_canvas.height-_canvas_props.margin_bottom-this.r,left:_canvas_props.margin_left+this.r}};Node.prototype.onResizeCanvas=function(){this.calcWallLimits();};Node.prototype.onUpdate=function(){if(this.hover||this.opened){this.p.fixed=true;}else{this.p.fixed=false;} +if(this.center) +this.limitEvolutionZone();if(!this.p.resting()){this.checkWallBouncing();this.updatePos();} +if(_mouse_in&&!this.aside) +this.checkMouse();this.draw();};Node.prototype.checkVelocityThreshold=function(){if(!this.centered||!this.aside){if(Math.abs(this.p.velocity.x)this.wall_limits.right&&this.p.velocity.x>0:this.p.position.x=this.wall_limits.right;this.p.velocity.multiplyScalarXY(-1,1).multiplyScalar(0.75);break;case this.ythis.wall_limits.bottom&&this.p.velocity.y>0:this.p.position.y=this.wall_limits.bottom;this.p.velocity.multiplyScalarXY(1,-1).multiplyScalar(0.75);break;}};Node.prototype.updatePos=function(){this.x=this.p.position.x;this.y=this.p.position.y;};Node.prototype.checkMouse=function(){if(_m_pos.x>this.x-this.r&&_m_pos.xthis.y-this.r&&_m_pos.y0.4){this.p.velocity.multiplyScalar(0.995);}} +if(Math.abs(_attracter.position.x-this.x)>_canvas.width/3||Math.abs(_attracter.position.y-this.y)>_canvas.height/3){this.attract.on=true;}else{this.attract.on=false;}} +Node.prototype.setAside=function(){this.aside=true;this.stopScrambling();this.unsetCentered();this.repulse_top.on=true;this.repulse_center.on=true;this.repulse_bottom.on=true;} +Node.prototype.unsetAside=function(){this.aside=false;this.repulse_top.on=false;this.repulse_center.on=false;this.repulse_bottom.on=false;} +Node.prototype.scramble=function(){this.scrambling=true;this.unsetCentered();this.unsetAside();this.scramble_TL.on=true;this.scramble_TR.on=true;this.scramble_BR.on=true;this.scramble_BL.on=true;} +Node.prototype.stopScrambling=function(){this.scrambling=false;this.scramble_TL.on=false;this.scramble_TR.on=false;this.scramble_BR.on=false;this.scramble_BL.on=false;} +Node.prototype.draw=function(){_ctx.beginPath();_ctx.globalAlpha=this.faded?0.1:1;_ctx.fillStyle=_ecolors[this.e_color];_ctx.fillRect(this.x-this.r,this.y-this.r,this.r*2,this.r*2);if(this.opened){_ctx.lineWidth='1px';_ctx.strokeStyle='rgb(255,0,0)';_ctx.strokeRect(this.x-this.r-3,this.y-this.r-3,this.r*2+6,this.r*2+6);} +_ctx.globalAlpha=1;_ctx.closePath();};Node.initialized=true;} +this.init();};function checkParticulesCollisions(){var na,nb,ma,mb,w,h,dx,dy,makeup,newVelX1,newVelY1,newVelX2,newVelY2;for(var n=0,l=_nodes.length;n300){if(Math.random()>0.3)continue;}} +w=h=(na.r+nb.r);dx=na.p.position.x-nb.p.position.x;dy=na.p.position.y-nb.p.position.y;if(Math.abs(dx)>w||Math.abs(dy)>h)continue;if(Math.abs(dx)0){na.p.position.y+=makeup;nb.p.position.y-=makeup;}else{na.p.position.y-=makeup;nb.p.position.y+=makeup;} +newVelY1=(ma-mb)/(ma+mb)*na.p.velocity.y+2*mb/(ma+mb)*nb.p.velocity.y;newVelY2=(mb-ma)/(mb+ma)*nb.p.velocity.y+2*ma/(mb+ma)*na.p.velocity.y;na.p.velocity.y=newVelY1;nb.p.velocity.y=newVelY2;}else{makeup=(w-Math.abs(dx))/2;if(dx>0){na.p.position.x+=makeup;nb.p.position.x-=makeup;}else{na.p.position.x-=makeup;nb.p.position.x+=makeup;} +newVelX1=(ma-mb)/(ma+mb)*na.p.velocity.x+2*mb/(ma+mb)*nb.p.velocity.x;newVelX2=(mb-ma)/(mb+ma)*nb.p.velocity.x+2*ma/(mb+ma)*na.p.velocity.x;na.p.velocity.x=newVelX1;nb.p.velocity.x=newVelX2;} +na.p.velocity.multiplyScalar(0.90);nb.p.velocity.multiplyScalar(0.90);}}};function openNodeByNid(nid){closeNode();if(typeof _nodes_Nid_Id[nid]!='undefined'){_node_opened_id=_nodes_Nid_Id[nid];_nodes[_nodes_Nid_Id[nid]].open();}} +function closeNode(){if(_node_opened_id!=-1){_nodes[_node_opened_id].close();_node_opened_id=-1;}} +function createNodesRepulsions(){purgeNodesRepulsions();for(var n=0;n<_nodes_centered.length;n++){for(var q=n+1;q<_nodes_centered.length;q++){_physics.makeAttraction(_nodes_centered[n].p,_nodes_centered[q].p,-0.4,10);}}};function purgeNodesRepulsions(){for(var a=_physics.attractions.length-1;a>=0;a--){if(Math.abs(_physics.attractions[a].constant)<1){_physics.attractions.splice(a,1);}else{break;}}};function filterEntree(t){shutDownArticles();_nodes_centered=[];for(var n=0;n<_nodes.length;n++){if(_nodes[n].entrees.indexOf(t)==-1){_nodes[n].setAside();}else{_nodes[n].setCenteredOnEntree(t);_nodes_centered.push(_nodes[n]);}} +createNodesRepulsions();};function highlightEntries(){_$entrees_block_termlinks.removeClass('highlighted');var id=-1;if(_node_hover_id!=-1){id=_node_hover_id;}else if(_node_opened_id!=-1){id=_node_opened_id;} +var entree;if(id!=-1){for(var i=0;i<_nodes[id].entrees.length;i++){entree=_nodes[id].entrees[i];_$entrees_block_termlinks.filter(function(){return $(this).attr('tid')==entree;}).addClass('highlighted');}}};function filterSearchResults(nids){shutDownArticles();_nodes_centered=[];for(var n=0;n<_nodes.length;n++){if(nids.indexOf(_nodes[n].nid)==-1){_nodes[n].setAside();}else{_nodes[n].setCentered();_nodes_centered.push(_nodes[n]);}} +createNodesRepulsions();};function scrambleCollection(){for(var i=0;i<_nodes.length;i++){_nodes[i].scramble();} +stopScrambling();};function stopScrambling(){for(var i=0;i<_nodes.length;i++){setTimeout(function(n){n.stopScrambling();}.bind(this,_nodes[i]),1000+Math.random()*4000);}};function closeAllEntries(){_$entrees_block_termlinks.each(function(index,el){if($(this).parents('li').is('.opened')){$(this).trigger('click');return false;}});};function initArtilesLink(){_$articles_link=$('    ').html('Articles').attr("href","#articles").addClass('articles-link').on('click',onCLickedOnArticles);$('.item-list ul',_$entrees_block).append($('
  • ').append($('').append(_$articles_link)));};function onCLickedOnArticles(e){e.preventDefault();$(this).toggleClass('is-active');if($(this).is('.is-active')){filterArticles();closeAllEntries();}else{resetArticlesFilter();} +return false;};function filterArticles(){for(var i=0;i<_no_articles_nodes.length;i++){_no_articles_nodes[i].fade();}};function resetArticlesFilter(){for(var i=0;i<_no_articles_nodes.length;i++){_no_articles_nodes[i].unFade();}};function shutDownArticles(){if(_$articles_link.is('.is-active')) +_$articles_link.trigger('click');};function initEvents(){_$canvas.on('mousemove',function(event){event.preventDefault();_m_pos.x=event.originalEvent.clientX;_m_pos.y=event.originalEvent.clientY;}).on('mouseenter',function(event){_mouse_in=true;}).on('mouseout',function(event){_mouse_in=false;_node_pop_up.removeNode();}).on('click',function(event){if(event.target.tagName!="A"&&event.target.tagName!="INPUT"){event.preventDefault();if(_node_hover_id!=-1){var event={'type':'corpus-cliked-on-node','target_node':{'id':_node_hover_id,'nid':_nodes[_node_hover_id].nid,'audio_url':_nodes[_node_hover_id].audio_url},};_$canvas.trigger(event);}else{_$canvas.trigger('corpus-cliked-on-map');}}}).on('audio-node-opened',function(e){openNodeByNid(e.nid);}).on('audio-node-closed',function(e){closeNode();});_$entrees_block_termlinks.on('click',function(event){event.preventDefault();var tid=$(this).attr('tid');var $li=$(this).parents('li');if(!$li.is('.opened')){_$entrees_block_termlinks.parents('li').removeClass('opened');$li.addClass('opened');filterEntree(tid);_$body.trigger({'type':'open_entree','tid':tid});}else{$li.removeClass('opened');scrambleCollection();_$body.trigger({'type':'close_entree','tid':tid});} +return false;});_$body.on('chutier-action-done',function(e){_nodes_by_nid[e.target_id].chutier_action=e.new_action;}).on('search-results-loaded',function(e){filterSearchResults(e.results);}).on('search-closed',function(e){scrambleCollection();});};function initNodePopup(){_node_pop_up=new NodePopUp();};function NodePopUp(){this.visible=false;this.node;this.$dom=$('
    ').addClass('node-popup').attr('pos','top-right').appendTo('body');this.$content=$('
    ').addClass('inner').appendTo(this.$dom);if(typeof NodePopUp.initialized=="undefined"){NodePopUp.prototype.setNode=function(n){this.node=n;this.setPositioning();this.setContent();};NodePopUp.prototype.setPositioning=function(){switch(true){case this.node.x>this.node.wall_limits.right-350&&this.node.ythis.node.wall_limits.right-350:this.$dom.attr('pos','top-left');break;case this.node.y').addClass('entrees');for(var i=0;i').addClass('entree').attr('tid',tid));} +var $chutier_action=$('').addClass('chutier-icon').attr('action',this.node.chutier_action);this.$content.append($entrees).append('

    '+this.node.title+'

    ').append('
    '+this.node.description+'
    ').append($chutier_action);};NodePopUp.prototype.removeNode=function(){this.node=false;};NodePopUp.prototype.draw=function(){if(this.node){this.$dom.css({'display':"block",'left':this.node.x+"px",'top':this.node.y+"px",});}else{this.$dom.css({'display':"none",});}};NodePopUp.initialized=true;}} +function render(){_ctx.clearRect(0,0,_canvas.width,_canvas.height);checkParticulesCollisions();for(var i=0;i<_nodes.length;i++){_nodes[i].onUpdate();} +_node_pop_up.draw();if(_node_hover_id!=-1){_canvas.style.cursor='pointer';}else{_canvas.style.cursor='auto';} +highlightEntries();};function startAnime(){_physics.onUpdate(render);_physics.play() +$('body').attr('corpus','map-ready').trigger({'type':'corpus-map-ready','playlist':_playlist});};init();} +$(document).ready(function($){var edlpcorpus=new EdlpCorpus();});})(jQuery,Drupal,drupalSettings); \ No newline at end of file diff --git a/sites/all/modules/figli/edlp_corpus/assets/dist/styles/corpus.min.css b/sites/all/modules/figli/edlp_corpus/assets/dist/styles/corpus.min.css index bf4479465..bc8b4c016 100644 --- a/sites/all/modules/figli/edlp_corpus/assets/dist/styles/corpus.min.css +++ b/sites/all/modules/figli/edlp_corpus/assets/dist/styles/corpus.min.css @@ -1,71 +1 @@ -canvas#corpus-map { - position: absolute; - -webkit-box-sizing: border-box; - box-sizing: border-box; - top: 0; - left: 0; - z-index: 0; } - canvas#corpus-map.de-activated { - background-color: #f4f4f4; } - -div.node-popup { - z-index: 10; - position: absolute; - -webkit-box-sizing: content-box; - box-sizing: content-box; - width: 300px; - min-height: 30px; - pointer-events: none; - top: 60%; - left: 30%; - pointer-events: none; } - div.node-popup .inner { - padding: 1em; - outline: 1px solid red; - background-color: white; } - div.node-popup:before { - content: ""; - position: absolute; - width: 60px; - height: 0; - border-top: 1px solid red; } - div.node-popup[pos="bottom-right"] { - -webkit-transform: translateY(42px) translateX(42px); - transform: translateY(42px) translateX(42px); } - div.node-popup[pos="bottom-right"]:before { - top: -1px; - left: -61px; - -webkit-transform-origin: bottom right; - transform-origin: bottom right; - -webkit-transform: rotateZ(45deg); - transform: rotateZ(45deg); } - div.node-popup[pos="bottom-left"] { - -webkit-transform: translateX(-100%) translateY(42px) translateX(-42px); - transform: translateX(-100%) translateY(42px) translateX(-42px); } - div.node-popup[pos="bottom-left"]:before { - top: calc(100% +1px); - left: 100%; - -webkit-transform-origin: top left; - transform-origin: top left; - -webkit-transform: rotateZ(-45deg); - transform: rotateZ(-45deg); } - div.node-popup[pos="top-left"] { - -webkit-transform: translateY(-100%) translateX(-100%) translateY(-42px) translateX(-42px); - transform: translateY(-100%) translateX(-100%) translateY(-42px) translateX(-42px); } - div.node-popup[pos="top-left"]:before { - bottom: 0; - left: 100%; - -webkit-transform-origin: top left; - transform-origin: top left; - -webkit-transform: rotateZ(45deg); - transform: rotateZ(45deg); } - div.node-popup[pos="top-right"] { - -webkit-transform: translateY(-100%) translateY(-42px) translateX(42px); - transform: translateY(-100%) translateY(-42px) translateX(42px); } - div.node-popup[pos="top-right"]:before { - top: calc(100% + 1px); - left: -61px; - -webkit-transform-origin: top right; - transform-origin: top right; - -webkit-transform: rotateZ(-45deg); - transform: rotateZ(-45deg); } +canvas#corpus-map{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;top:0;left:0;z-index:0}canvas#corpus-map.de-activated{background-color:#f4f4f4}div.node-popup{z-index:10;position:absolute;-webkit-box-sizing:content-box;box-sizing:content-box;width:300px;min-height:30px;top:60%;left:30%;pointer-events:none}div.node-popup .inner{padding:1em;outline:red solid 1px;background-color:#fff}div.node-popup:before{content:"";position:absolute;width:60px;height:0;border-top:1px solid red}div.node-popup[pos=bottom-right]{-webkit-transform:translateY(42px) translateX(42px);transform:translateY(42px) translateX(42px)}div.node-popup[pos=bottom-right]:before{top:-1px;left:-61px;-webkit-transform-origin:bottom right;transform-origin:bottom right;-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}div.node-popup[pos=bottom-left]{-webkit-transform:translateX(-100%) translateY(42px) translateX(-42px);transform:translateX(-100%) translateY(42px) translateX(-42px)}div.node-popup[pos=bottom-left]:before{top:calc(100% +1px);left:100%;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}div.node-popup[pos=top-left]{-webkit-transform:translateY(-100%) translateX(-100%) translateY(-42px) translateX(-42px);transform:translateY(-100%) translateX(-100%) translateY(-42px) translateX(-42px)}div.node-popup[pos=top-left]:before{bottom:0;left:100%;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}div.node-popup[pos=top-right]{-webkit-transform:translateY(-100%) translateY(-42px) translateX(42px);transform:translateY(-100%) translateY(-42px) translateX(42px)}div.node-popup[pos=top-right]:before{top:calc(100% + 1px);left:-61px;-webkit-transform-origin:top right;transform-origin:top right;-webkit-transform:rotateZ(-45deg);transform:rotateZ(-45deg)} \ No newline at end of file diff --git a/sites/all/modules/figli/edlp_corpus/gulpfile.js b/sites/all/modules/figli/edlp_corpus/gulpfile.js index 84b300409..72b30b8f8 100644 --- a/sites/all/modules/figli/edlp_corpus/gulpfile.js +++ b/sites/all/modules/figli/edlp_corpus/gulpfile.js @@ -30,7 +30,8 @@ var config = { gulp.task('scripts', function () { gulp.src('./assets/scripts/corpus.js') - .pipe(config.production ? jsmin() : util.noop()) + // .pipe(config.production ? jsmin() : util.noop()) + .pipe(jsmin()) .pipe(rename({suffix: '.min'})) .pipe(gulp.dest('./assets/dist/scripts/')); }); @@ -42,7 +43,8 @@ gulp.task('styles', function () { browsers: ['last 2 versions'], cascade: false })).on('error', handleError) - .pipe(config.production ? cssmin() : util.noop()) + // .pipe(config.production ? cssmin() : util.noop()) + .pipe(cssmin()) .pipe(rename({suffix: '.min'})) .pipe(gulp.dest('./assets/dist/styles/')); }); 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 8baf1625d..207a45a3b 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,19 +1,3 @@ -// https://plainjs.com/javascript/utilities/set-cookie-get-cookie-and-delete-cookie-5/ -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(); -} -// var edlp is provided by edlp_ajax.module file -if(edlp.redirect){ - document.body.style.visibility = 'hidden'; - // record current (will be origin) sys_path in cookie - var cookiename = "edlp_origin_path"; - var cookie_value = edlp.sys_path.replace(/^\//, '') + '~~' + window.location.pathname; - setCookie(cookiename, cookie_value, 1); - // redirect to home - window.location.replace(window.location.origin); -}else{ - document.body.style.visibility = 'visible'; -} +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();} +if(edlp.redirect){document.body.style.visibility='hidden';var cookiename="edlp_origin_path";var cookie_value=edlp.sys_path.replace(/^\//,'')+'~~'+window.location.pathname;setCookie(cookiename,cookie_value,1);window.location.replace(window.location.origin);}else{document.body.style.visibility='visible';} \ No newline at end of file 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 1c0d68120..d1ddd5d33 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,1083 +1,39 @@ -(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(){ - // console.log("EdlpTheme init()"); - - // redirect all no-front pages to front with right url ajax load - initHistory(); - - _$body.on('corpus-map-ready', onCorpusMapReady); - - _audioPlayer = new AudioPlayer(); - _compoPlayer = new CompoPlayer(); - - initAjaxLinks(); - - if (_$body.is('.path-productions')) initProductions(); - - if(_$body.is('.path-frontpage')) initHome(); - - // initScrollbars(); - initEvents(); - }; - - // ___ _ - // | __|_ _____ _ _| |_ ___ - // | _|\ V / -_) ' \ _(_-< - // |___|\_/\___|_||_\__/__/ - function initEvents(){ - $('body') - .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, sys_path, selector); - }) - .fail(function(jqxhr, textStatus, error){ - onAjaxLoadError(jqxhr, textStatus, error, sys_path); - }); - - - 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 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, sys_path, selector){ - // console.log('ajax loaded : data', data); - - // 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'); - - }; - - 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); - if(origin_path){ - var path_elements = origin_path.split('~~'); - // console.log(path_elements); - // create history state - var state = { - ajax_path: parseAjaxSysPath(path_elements[0]), - sys_path: path_elements[0], - }; - // record history state - history.replaceState(state, null, path_elements[1]); - // load content through ajax - ajaxLoadContent(null, state.sys_path, state.ajax_path); - // reset the cookie - deleteCookie('edlp_origin_path'); - - }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('use-ajax') - .addClass('ajax-link'); - - Drupal.ajax.bindAjaxLinks('#block-footer.menu--footer'); - _$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)); - // TODO: previous and next btns - }, - 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; // TODO: set active false - // 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); +(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(){initHistory();_$body.on('corpus-map-ready',onCorpusMapReady);_audioPlayer=new AudioPlayer();_compoPlayer=new CompoPlayer();initAjaxLinks();if(_$body.is('.path-productions'))initProductions();if(_$body.is('.path-frontpage'))initHome();initEvents();};function initEvents(){$('body').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){_$body.addClass('ajax-loading');var path=window.location.origin+Drupal.url(ajax_path);$.getJSON(path,{}).done(function(data){onAjaxLoaded(data,sys_path,selector);}).fail(function(jqxhr,textStatus,error){onAjaxLoadError(jqxhr,textStatus,error,sys_path);});var state={ajax_path:ajax_path,sys_path:sys_path,};if(url){history.pushState(state,null,url);}};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,sys_path,selector){_$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(){var url=window.location.pathname;var origin_path=getCookie('edlp_origin_path');if(origin_path){var path_elements=origin_path.split('~~');var state={ajax_path:parseAjaxSysPath(path_elements[0]),sys_path:path_elements[0],};history.replaceState(state,null,path_elements[1]);ajaxLoadContent(null,state.sys_path,state.ajax_path);deleteCookie('edlp_origin_path');}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');Drupal.ajax.bindAjaxLinks('#block-footer.menu--footer');_$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){console.warn('AudioPlayer node load failed',jqxhr.responseText);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 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 4bec3f620..4df559712 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,2708 +1 @@ -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; - 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; - 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%; } +.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 diff --git a/sites/all/themes/custom/edlptheme/gulpfile.js b/sites/all/themes/custom/edlptheme/gulpfile.js index f0dc1f807..4a9b225ba 100644 --- a/sites/all/themes/custom/edlptheme/gulpfile.js +++ b/sites/all/themes/custom/edlptheme/gulpfile.js @@ -31,7 +31,8 @@ var config = { gulp.task('scripts', function () { gulp.src(['./assets/scripts/main.js', './assets/scripts/history.js']) // './assets/scripts/shared_variables.js', // .pipe(concat('main.js')) - .pipe(config.production ? jsmin() : util.noop()) + // .pipe(config.production ? jsmin() : util.noop()) + .pipe(jsmin()) .pipe(rename({suffix: '.min'})) .pipe(gulp.dest('./assets/dist/scripts/')); }); @@ -43,7 +44,8 @@ gulp.task('styles', function () { browsers: ['last 2 versions'], cascade: false })).on('error', handleError) - .pipe(config.production ? cssmin() : util.noop()) + // .pipe(config.production ? cssmin() : util.noop()) + .pipe(cssmin()) .pipe(rename({suffix: '.min'})) .pipe(gulp.dest('./assets/dist/styles/')); });