diff --git a/sites/all/themes/gui/jee/css/jee.css b/sites/all/themes/gui/jee/css/jee.css index f888c93..6b88c88 100644 --- a/sites/all/themes/gui/jee/css/jee.css +++ b/sites/all/themes/gui/jee/css/jee.css @@ -4472,9 +4472,9 @@ div.messages { #main .node-chapitre.node-teaser .field-name-field-vignette { position: relative; float: left; - padding: 3em; - margin-top: -3.45em; - margin-right: -1.5em; + padding: 3.5em; + margin-top: -4.025em; + margin-right: -2em; margin-bottom: 0; margin-left: 0; background-size: contain; @@ -4509,8 +4509,8 @@ div.messages { #main .node-chapitre.node-teaser .line { z-index: -1; position: absolute; - top: 2.5em; - left: 5.5em; + top: 3em; + left: 6em; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; diff --git a/sites/all/themes/gui/jee/css/jee.scss b/sites/all/themes/gui/jee/css/jee.scss index c9a62c9..5f23e35 100755 --- a/sites/all/themes/gui/jee/css/jee.scss +++ b/sites/all/themes/gui/jee/css/jee.scss @@ -487,7 +487,7 @@ div.messages{ .field-name-field-partie{clear:both; padding-top:1em;} - $shadow-size:3em; + $shadow-size:3.5em; .field-name-field-vignette{ position:relative; float:left; diff --git a/sites/all/themes/gui/jee/js/jee.js b/sites/all/themes/gui/jee/js/jee.js index 99e8c30..950e15e 100755 --- a/sites/all/themes/gui/jee/js/jee.js +++ b/sites/all/themes/gui/jee/js/jee.js @@ -711,9 +711,8 @@ jQuery(document).ready(function($) { // console.log("a = "+a); this.lines[i].$line.css({ - 'height':l, - transform:"rotate3d(0,0,1,"+a+"deg)" - }); + 'height':l + }).rotate3d({z:1,a:a}); }; } }; @@ -1018,5 +1017,17 @@ jQuery(document).ready(function($) { "transform": t }); }; + $.fn.rotate3d = function(opt) { + opt = $.extend({x:0,y:0,z:0,a:0}, opt); + // transform:"rotate3d(0,0,1,"+a+"deg)" + var t = "rotate3d("+opt.x+", "+opt.y+","+opt.z+","+opt.a+"deg)"; + this.css({ + "-webkit-transform": t, + "-moz-transform": t, + "-ms-transform": t, + "-o-transform": t, + "transform": t + }); + }; })(jQuery);