├── img ├── qr.png ├── home.png ├── arrow-up.png ├── arrow-down.png ├── arrow-left.png └── arrow-right.png ├── README.md ├── .gitattributes ├── newPage.html ├── js ├── box.js ├── scroll.js ├── map-position.js ├── jquery.scrollTo-1.4.3.1-min.js ├── jquery.mousewheel.js ├── nav-map.js ├── surprise-menu.js ├── jquery-ui-draggable.js └── less-1.3.3.min.js ├── .gitignore ├── css ├── style.css └── style.less └── index.html /img/qr.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YerkoPalma/Framework/master/img/qr.png -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | Framework 2 | ========= 3 | 4 | Framework de Desarrollo front-end 5 | -------------------------------------------------------------------------------- /img/home.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YerkoPalma/Framework/master/img/home.png -------------------------------------------------------------------------------- /img/arrow-up.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YerkoPalma/Framework/master/img/arrow-up.png -------------------------------------------------------------------------------- /img/arrow-down.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YerkoPalma/Framework/master/img/arrow-down.png -------------------------------------------------------------------------------- /img/arrow-left.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YerkoPalma/Framework/master/img/arrow-left.png -------------------------------------------------------------------------------- /img/arrow-right.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YerkoPalma/Framework/master/img/arrow-right.png -------------------------------------------------------------------------------- /.gitattributes: -------------------------------------------------------------------------------- 1 | # Auto detect text files and perform LF normalization 2 | * text=auto 3 | 4 | # Custom for Visual Studio 5 | *.cs diff=csharp 6 | *.sln merge=union 7 | *.csproj merge=union 8 | *.vbproj merge=union 9 | *.fsproj merge=union 10 | *.dbproj merge=union 11 | 12 | # Standard to msysgit 13 | *.doc diff=astextplain 14 | *.DOC diff=astextplain 15 | *.docx diff=astextplain 16 | *.DOCX diff=astextplain 17 | *.dot diff=astextplain 18 | *.DOT diff=astextplain 19 | *.pdf diff=astextplain 20 | *.PDF diff=astextplain 21 | *.rtf diff=astextplain 22 | *.RTF diff=astextplain 23 | -------------------------------------------------------------------------------- /newPage.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Front-End Framework 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 |

Segunda Pagina

15 | inicio 16 | 17 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /js/box.js: -------------------------------------------------------------------------------- 1 | $(document).ready(function(){ 2 | 3 | $(".box").click(function(){ 4 | 5 | $(".active-box").removeClass("active-box"); 6 | $(this).addClass("active-box"); 7 | $(".box:not(.active-box)").animate({height: "0px", width: "0px", margin: "0px"}, 500); 8 | $(this).animate({ 9 | 10 | width: "770px", 11 | height: "630px", 12 | //top: "10px", 13 | //left: "10px", 14 | display: "block" 15 | 16 | }, 500); 17 | //alert("me ejecuto!"); 18 | }); 19 | 20 | $(".close-button").click(function(event){ 21 | 22 | event.preventDefault(); 23 | event.stopPropagation(); 24 | $(this).parent().parent().removeClass("active-box"); 25 | 26 | $(".box").each(function(){ 27 | 28 | $(this).animate({ 29 | 30 | width: "370px", 31 | height: "130px", 32 | margin: "10px", 33 | top: "auto", 34 | left: "auto", 35 | display: "inline" 36 | 37 | 38 | }, 500); 39 | 40 | }); 41 | 42 | //$(this).parent().parent().data("events").preventDefault(); 43 | 44 | }); 45 | }); -------------------------------------------------------------------------------- /js/scroll.js: -------------------------------------------------------------------------------- 1 | $(document).ready(function(){ 2 | 3 | $('body').prepend('
'); 4 | 5 | function scrollBar(){ 6 | 7 | var viewportHeight = $(window).height(); 8 | var docuHeight = $(document).height(); 9 | 10 | var trackHeight = $('#scrollbar-track').height(); 11 | 12 | var scrollbarHeight = (viewportHeight/docuHeight)*trackHeight; 13 | 14 | $('#scrollbar').height(scrollbarHeight); 15 | 16 | $('#scrollbar').draggable({ 17 | axis: 'y', 18 | containment: 'parent', 19 | drag: function() { 20 | var scrollbarTop = parseInt($(this).css('top')); 21 | 22 | var scrollTopNew = (scrollbarTop/(trackHeight))*docuHeight; 23 | 24 | $(window).scrollTop(scrollTopNew); 25 | 26 | } 27 | }); 28 | 29 | $("body").bind("mousewheel", function (event, delta) { 30 | 31 | var scrollTop = $(window).scrollTop(); 32 | var scrollTopNew = scrollTop - (delta * 40); 33 | 34 | $(window).scrollTop(scrollTopNew); 35 | 36 | var scrollbarTop = ($(window).scrollTop()/docuHeight)*trackHeight; 37 | 38 | $('#scrollbar').css({ 39 | top: scrollbarTop 40 | }); 41 | 42 | }); 43 | 44 | } 45 | 46 | scrollBar(); 47 | 48 | $(window).resize(function(){ 49 | scrollBar(); 50 | }); 51 | 52 | 53 | 54 | }); -------------------------------------------------------------------------------- /js/map-position.js: -------------------------------------------------------------------------------- 1 | $(document).ready(function(){ 2 | 3 | /*2. Dimensiones de ventana*/ 4 | var wHeight = $(window).height(); 5 | var wWidth = $(window).width(); 6 | 7 | $(".page").each(function(){ 8 | 9 | /* 10 | 1. Obtener coordenadas 11 | 2. Obtener dimensiones de la ventana 12 | 3. Calcular posicion 13 | */ 14 | 15 | /*1. Coordenadas*/ 16 | var coordenadas = $(this).attr("id").split("_"); 17 | 18 | $(this).css("height", wHeight + "px"); 19 | $(this).css("width", wWidth + "px"); 20 | 21 | /*3. Calcular posicion*/ 22 | var pageHeight = coordenadas[0] * wHeight; 23 | var pageWidth = coordenadas[1] * wWidth; 24 | 25 | $(this).css("top", pageHeight + "px"); 26 | $(this).css("left", pageWidth + "px"); 27 | 28 | $(".last").removeClass("last"); 29 | $(".map").append('
'); 30 | 31 | $(".map-area.last").css("top", ((coordenadas[0] * 15) + 80) + "px"); 32 | $(".map-area.last").css("left", ((coordenadas[1] * 15) + 60) + "px"); 33 | 34 | $(".map-area.last").click(function(){ 35 | 36 | $(".active-page").removeClass("active-page"); 37 | $.scrollTo($("#" + coordenadas[0] + "_" + coordenadas[1]), 800); 38 | $("#" + coordenadas[0] + "_" + coordenadas[1]).addClass("active-page"); 39 | $("#title").hide().delay(800).text($(".active-page").attr("title")).fadeIn("slow"); 40 | 41 | $(".map-area.active").removeClass("active"); 42 | $(this).addClass("active"); 43 | 44 | $(".info").text($(".active-page").attr("title")); 45 | }); 46 | }); 47 | 48 | }); -------------------------------------------------------------------------------- /js/jquery.scrollTo-1.4.3.1-min.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) 2007-2012 Ariel Flesler - aflesler(at)gmail(dot)com | http://flesler.blogspot.com 3 | * Dual licensed under MIT and GPL. 4 | * @author Ariel Flesler 5 | * @version 1.4.3.1 6 | */ 7 | ;(function($){var h=$.scrollTo=function(a,b,c){$(window).scrollTo(a,b,c)};h.defaults={axis:'xy',duration:parseFloat($.fn.jquery)>=1.3?0:1,limit:true};h.window=function(a){return $(window)._scrollable()};$.fn._scrollable=function(){return this.map(function(){var a=this,isWin=!a.nodeName||$.inArray(a.nodeName.toLowerCase(),['iframe','#document','html','body'])!=-1;if(!isWin)return a;var b=(a.contentWindow||a).document||a.ownerDocument||a;return/webkit/i.test(navigator.userAgent)||b.compatMode=='BackCompat'?b.body:b.documentElement})};$.fn.scrollTo=function(e,f,g){if(typeof f=='object'){g=f;f=0}if(typeof g=='function')g={onAfter:g};if(e=='max')e=9e9;g=$.extend({},h.defaults,g);f=f||g.duration;g.queue=g.queue&&g.axis.length>1;if(g.queue)f/=2;g.offset=both(g.offset);g.over=both(g.over);return this._scrollable().each(function(){if(e==null)return;var d=this,$elem=$(d),targ=e,toff,attr={},win=$elem.is('html,body');switch(typeof targ){case'number':case'string':if(/^([+-]=)?\d+(\.\d+)?(px|%)?$/.test(targ)){targ=both(targ);break}targ=$(targ,this);if(!targ.length)return;case'object':if(targ.is||targ.style)toff=(targ=$(targ)).offset()}$.each(g.axis.split(''),function(i,a){var b=a=='x'?'Left':'Top',pos=b.toLowerCase(),key='scroll'+b,old=d[key],max=h.max(d,a);if(toff){attr[key]=toff[pos]+(win?0:old-$elem.offset()[pos]);if(g.margin){attr[key]-=parseInt(targ.css('margin'+b))||0;attr[key]-=parseInt(targ.css('border'+b+'Width'))||0}attr[key]+=g.offset[pos]||0;if(g.over[pos])attr[key]+=targ[a=='x'?'width':'height']()*g.over[pos]}else{var c=targ[pos];attr[key]=c.slice&&c.slice(-1)=='%'?parseFloat(c)/100*max:c}if(g.limit&&/^\d+$/.test(attr[key]))attr[key]=attr[key]<=0?0:Math.min(attr[key],max);if(!i&&g.queue){if(old!=attr[key])animate(g.onAfterFirst);delete attr[key]}});animate(g.onAfter);function animate(a){$elem.animate(attr,f,g.easing,a&&function(){a.call(this,e,g)})}}).end()};h.max=function(a,b){var c=b=='x'?'Width':'Height',scroll='scroll'+c;if(!$(a).is('html,body'))return a[scroll]-$(a)[c.toLowerCase()]();var d='client'+c,html=a.ownerDocument.documentElement,body=a.ownerDocument.body;return Math.max(html[scroll],body[scroll])-Math.min(html[d],body[d])};function both(a){return typeof a=='object'?a:{top:a,left:a}}})(jQuery); -------------------------------------------------------------------------------- /js/jquery.mousewheel.js: -------------------------------------------------------------------------------- 1 | /*! Copyright (c) 2011 Brandon Aaron (http://brandonaaron.net) 2 | * Licensed under the MIT License (LICENSE.txt). 3 | * 4 | * Thanks to: http://adomas.org/javascript-mouse-wheel/ for some pointers. 5 | * Thanks to: Mathias Bank(http://www.mathias-bank.de) for a scope bug fix. 6 | * Thanks to: Seamus Leahy for adding deltaX and deltaY 7 | * 8 | * Version: 3.0.6 9 | * 10 | * Requires: 1.2.2+ 11 | */ 12 | 13 | (function($) { 14 | 15 | var types = ['DOMMouseScroll', 'mousewheel']; 16 | 17 | if ($.event.fixHooks) { 18 | for ( var i=types.length; i; ) { 19 | $.event.fixHooks[ types[--i] ] = $.event.mouseHooks; 20 | } 21 | } 22 | 23 | $.event.special.mousewheel = { 24 | setup: function() { 25 | if ( this.addEventListener ) { 26 | for ( var i=types.length; i; ) { 27 | this.addEventListener( types[--i], handler, false ); 28 | } 29 | } else { 30 | this.onmousewheel = handler; 31 | } 32 | }, 33 | 34 | teardown: function() { 35 | if ( this.removeEventListener ) { 36 | for ( var i=types.length; i; ) { 37 | this.removeEventListener( types[--i], handler, false ); 38 | } 39 | } else { 40 | this.onmousewheel = null; 41 | } 42 | } 43 | }; 44 | 45 | $.fn.extend({ 46 | mousewheel: function(fn) { 47 | return fn ? this.bind("mousewheel", fn) : this.trigger("mousewheel"); 48 | }, 49 | 50 | unmousewheel: function(fn) { 51 | return this.unbind("mousewheel", fn); 52 | } 53 | }); 54 | 55 | 56 | function handler(event) { 57 | var orgEvent = event || window.event, args = [].slice.call( arguments, 1 ), delta = 0, returnValue = true, deltaX = 0, deltaY = 0; 58 | event = $.event.fix(orgEvent); 59 | event.type = "mousewheel"; 60 | 61 | // Old school scrollwheel delta 62 | if ( orgEvent.wheelDelta ) { delta = orgEvent.wheelDelta/120; } 63 | if ( orgEvent.detail ) { delta = -orgEvent.detail/3; } 64 | 65 | // New school multidimensional scroll (touchpads) deltas 66 | deltaY = delta; 67 | 68 | // Gecko 69 | if ( orgEvent.axis !== undefined && orgEvent.axis === orgEvent.HORIZONTAL_AXIS ) { 70 | deltaY = 0; 71 | deltaX = -1*delta; 72 | } 73 | 74 | // Webkit 75 | if ( orgEvent.wheelDeltaY !== undefined ) { deltaY = orgEvent.wheelDeltaY/120; } 76 | if ( orgEvent.wheelDeltaX !== undefined ) { deltaX = -1*orgEvent.wheelDeltaX/120; } 77 | 78 | // Add event and delta to the front of the arguments 79 | args.unshift(event, delta, deltaX, deltaY); 80 | 81 | return ($.event.dispatch || $.event.handle).apply(this, args); 82 | } 83 | 84 | })(jQuery); -------------------------------------------------------------------------------- /js/nav-map.js: -------------------------------------------------------------------------------- 1 | $(document).ready(function(){ 2 | 3 | var activePage = $(".active-page").attr("id").split("_"); 4 | var activeSection = $(".active-page").attr("title"); 5 | var x, y; 6 | 7 | x = parseInt(activePage[0]); 8 | y = parseInt(activePage[1]); 9 | 10 | $(".header").children().text(activeSection).fadeIn("slow"); 11 | 12 | $("#_0_0").addClass("active"); 13 | $(".info").text($(".active-page").attr("title")); 14 | 15 | $("#arrow-up").click(function(){ 16 | 17 | activePage = $(".active-page").attr("id").split("_"); 18 | activeSection = $(".active-page").attr("title"); 19 | x, y; 20 | 21 | x = parseInt(activePage[0]); 22 | y = parseInt(activePage[1]); 23 | /* Si se mueve hacia arriba, se resta uno al eje y */ 24 | x = x - 1; 25 | 26 | if ($("#" + x + "_" + y).length > 0){ 27 | 28 | $("#_"+x+"_"+y).trigger("click"); 29 | } else { 30 | x = x + 1; 31 | } 32 | }); 33 | 34 | $("#arrow-down").click(function(){ 35 | 36 | activePage = $(".active-page").attr("id").split("_"); 37 | activeSection = $(".active-page").attr("title"); 38 | x, y; 39 | 40 | x = parseInt(activePage[0]); 41 | y = parseInt(activePage[1]); 42 | 43 | /* Si se mueve hacia arriba, se resta uno al eje y */ 44 | x = x + 1; 45 | 46 | if ($("#" + x + "_" + y).length > 0){ 47 | 48 | $("#_"+x+"_"+y).trigger("click"); 49 | } else { 50 | x = x - 1; 51 | } 52 | }); 53 | 54 | $("#arrow-left").click(function(){ 55 | 56 | activePage = $(".active-page").attr("id").split("_"); 57 | activeSection = $(".active-page").attr("title"); 58 | x, y; 59 | 60 | x = parseInt(activePage[0]); 61 | y = parseInt(activePage[1]); 62 | 63 | /* Si se mueve hacia arriba, se resta uno al eje y */ 64 | y = y - 1; 65 | 66 | if ($("#" + x + "_" + y).length > 0){ 67 | 68 | $("#_"+x+"_"+y).trigger("click"); 69 | } else { 70 | y = y + 1; 71 | } 72 | }); 73 | 74 | $("#arrow-right").click(function(){ 75 | 76 | activePage = $(".active-page").attr("id").split("_"); 77 | activeSection = $(".active-page").attr("title"); 78 | x, y; 79 | 80 | x = parseInt(activePage[0]); 81 | y = parseInt(activePage[1]); 82 | 83 | /* Si se mueve hacia arriba, se resta uno al eje y */ 84 | y = y + 1; 85 | 86 | if ($("#" + x + "_" + y).length > 0){ 87 | 88 | $("#_"+x+"_"+y).trigger("click"); 89 | } else { 90 | y = y - 1; 91 | } 92 | }); 93 | 94 | $("#home-icon").click(function(){ 95 | 96 | x = 0; 97 | y = 0; 98 | 99 | $("#_"+x+"_"+y).trigger("click"); 100 | }); 101 | }); -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | ################# 2 | ## Eclipse 3 | ################# 4 | 5 | *.pydevproject 6 | .project 7 | .metadata 8 | bin/ 9 | tmp/ 10 | *.tmp 11 | *.bak 12 | *.swp 13 | *~.nib 14 | local.properties 15 | .classpath 16 | .settings/ 17 | .loadpath 18 | 19 | # External tool builders 20 | .externalToolBuilders/ 21 | 22 | # Locally stored "Eclipse launch configurations" 23 | *.launch 24 | 25 | # CDT-specific 26 | .cproject 27 | 28 | # PDT-specific 29 | .buildpath 30 | 31 | 32 | ################# 33 | ## Visual Studio 34 | ################# 35 | 36 | ## Ignore Visual Studio temporary files, build results, and 37 | ## files generated by popular Visual Studio add-ons. 38 | 39 | # User-specific files 40 | *.suo 41 | *.user 42 | *.sln.docstates 43 | 44 | # Build results 45 | 46 | [Dd]ebug/ 47 | [Rr]elease/ 48 | x64/ 49 | build/ 50 | [Bb]in/ 51 | [Oo]bj/ 52 | 53 | # MSTest test Results 54 | [Tt]est[Rr]esult*/ 55 | [Bb]uild[Ll]og.* 56 | 57 | *_i.c 58 | *_p.c 59 | *.ilk 60 | *.meta 61 | *.obj 62 | *.pch 63 | *.pdb 64 | *.pgc 65 | *.pgd 66 | *.rsp 67 | *.sbr 68 | *.tlb 69 | *.tli 70 | *.tlh 71 | *.tmp 72 | *.tmp_proj 73 | *.log 74 | *.vspscc 75 | *.vssscc 76 | .builds 77 | *.pidb 78 | *.log 79 | *.scc 80 | 81 | # Visual C++ cache files 82 | ipch/ 83 | *.aps 84 | *.ncb 85 | *.opensdf 86 | *.sdf 87 | *.cachefile 88 | 89 | # Visual Studio profiler 90 | *.psess 91 | *.vsp 92 | *.vspx 93 | 94 | # Guidance Automation Toolkit 95 | *.gpState 96 | 97 | # ReSharper is a .NET coding add-in 98 | _ReSharper*/ 99 | *.[Rr]e[Ss]harper 100 | 101 | # TeamCity is a build add-in 102 | _TeamCity* 103 | 104 | # DotCover is a Code Coverage Tool 105 | *.dotCover 106 | 107 | # NCrunch 108 | *.ncrunch* 109 | .*crunch*.local.xml 110 | 111 | # Installshield output folder 112 | [Ee]xpress/ 113 | 114 | # DocProject is a documentation generator add-in 115 | DocProject/buildhelp/ 116 | DocProject/Help/*.HxT 117 | DocProject/Help/*.HxC 118 | DocProject/Help/*.hhc 119 | DocProject/Help/*.hhk 120 | DocProject/Help/*.hhp 121 | DocProject/Help/Html2 122 | DocProject/Help/html 123 | 124 | # Click-Once directory 125 | publish/ 126 | 127 | # Publish Web Output 128 | *.Publish.xml 129 | *.pubxml 130 | 131 | # NuGet Packages Directory 132 | ## TODO: If you have NuGet Package Restore enabled, uncomment the next line 133 | #packages/ 134 | 135 | # Windows Azure Build Output 136 | csx 137 | *.build.csdef 138 | 139 | # Windows Store app package directory 140 | AppPackages/ 141 | 142 | # Others 143 | sql/ 144 | *.Cache 145 | ClientBin/ 146 | [Ss]tyle[Cc]op.* 147 | ~$* 148 | *~ 149 | *.dbmdl 150 | *.[Pp]ublish.xml 151 | *.pfx 152 | *.publishsettings 153 | 154 | # RIA/Silverlight projects 155 | Generated_Code/ 156 | 157 | # Backup & report files from converting an old project file to a newer 158 | # Visual Studio version. Backup files are not needed, because we have git ;-) 159 | _UpgradeReport_Files/ 160 | Backup*/ 161 | UpgradeLog*.XML 162 | UpgradeLog*.htm 163 | 164 | # SQL Server files 165 | App_Data/*.mdf 166 | App_Data/*.ldf 167 | 168 | ############# 169 | ## Windows detritus 170 | ############# 171 | 172 | # Windows image file caches 173 | Thumbs.db 174 | ehthumbs.db 175 | 176 | # Folder config file 177 | Desktop.ini 178 | 179 | # Recycle Bin used on file shares 180 | $RECYCLE.BIN/ 181 | 182 | # Mac crap 183 | .DS_Store 184 | 185 | 186 | ############# 187 | ## Python 188 | ############# 189 | 190 | *.py[co] 191 | 192 | # Packages 193 | *.egg 194 | *.egg-info 195 | dist/ 196 | build/ 197 | eggs/ 198 | parts/ 199 | var/ 200 | sdist/ 201 | develop-eggs/ 202 | .installed.cfg 203 | 204 | # Installer logs 205 | pip-log.txt 206 | 207 | # Unit test / coverage reports 208 | .coverage 209 | .tox 210 | 211 | #Translations 212 | *.mo 213 | 214 | #Mr Developer 215 | .mr.developer.cfg 216 | -------------------------------------------------------------------------------- /js/surprise-menu.js: -------------------------------------------------------------------------------- 1 | $(document).ready(function(){ 2 | 3 | /***************** 4 | blur-menu 5 | ******************/ 6 | 7 | $(".blur-menu-trigger").click(function(event){ 8 | 9 | event.preventDefault(); 10 | var menuTarget = $(this).attr("href"); 11 | //alert(menuTarget); 12 | $(menuTarget).animate({ 13 | 14 | width: "100%", 15 | height: "100%" 16 | 17 | }, 400, function(){ 18 | 19 | $(".blur-menu > li").each(function(){ 20 | 21 | //alert($(this).html()); 22 | $(this).fadeIn(); 23 | $(this).children().fadeIn(); 24 | }); 25 | }); 26 | 27 | }); 28 | 29 | $(".blur-menu a.exit").click(function(event){ 30 | 31 | event.preventDefault(); 32 | $(".blur-menu > li").fadeOut("fast", function(){ 33 | var menuID = $(".blur-menu").parent().attr("id"); 34 | $("#" + menuID).animate({ 35 | 36 | height: "0px" 37 | 38 | }, 400); 39 | }); 40 | 41 | }); 42 | 43 | /**************** 44 | word.menu 45 | *****************/ 46 | $(".word-menu-trigger").click(function(event){ 47 | 48 | event.preventDefault(); 49 | var menuTarget = $(this).attr("href"); 50 | //alert(menuTarget); 51 | $(menuTarget).animate({ 52 | 53 | width: "100%", 54 | height: "100%" 55 | 56 | }, 400, function(){ 57 | 58 | $(".word-menu > li").each(function(){ 59 | 60 | //alert($(this).html()); 61 | $(this).fadeIn("slow"); 62 | $(this).children().fadeIn("slow"); 63 | 64 | var thisTop = $(this).position().top; 65 | 66 | $(this).attr("id", thisTop + "px"); 67 | 68 | $(this).children().hover(function(){ 69 | 70 | $(this).css("color","#ffffff"); 71 | //$(this).stop(); 72 | 73 | $(".selector").animate({ 74 | 75 | top: thisTop + "px" 76 | }, 100); 77 | 78 | }, function(){ 79 | 80 | $(this).css("color","#ffffff"); 81 | 82 | }); 83 | }); 84 | 85 | var selectorTop = $(".word-menu").css("margin-top"); 86 | $(".selector").css("margin-top", selectorTop); 87 | 88 | $(".selector").fadeIn("slow"); 89 | }); 90 | }); 91 | 92 | $(".word-menu a.exit").click(function(event){ 93 | 94 | event.preventDefault(); 95 | $(".selector").fadeOut("fast"); 96 | $(".word-menu > li").fadeOut("fast", function(){ 97 | var menuID = $(".word-menu").parent().attr("id"); 98 | $("#" + menuID).animate({ 99 | 100 | height: "0px" 101 | 102 | }, 400); 103 | }); 104 | 105 | }); 106 | 107 | /****************** 108 | LETTER-MENU 109 | *******************/ 110 | 111 | $(".letter-menu-trigger").click(function(event){ 112 | 113 | event.preventDefault(); 114 | var menuTarget = $(this).attr("href"); 115 | //alert(menuTarget); 116 | $(menuTarget).animate({ 117 | 118 | width: "100%", 119 | height: "100%" 120 | 121 | }, 400, function(){ 122 | 123 | $(".letter-menu > li").each(function(){ 124 | 125 | //alert($(this).html()); 126 | $(this).fadeIn(); 127 | $(this).children().fadeIn().html($(this).children().text().replace(/./g, "$&$&")); 128 | 129 | }); 130 | }); 131 | 132 | }); 133 | 134 | 135 | 136 | }); -------------------------------------------------------------------------------- /css/style.css: -------------------------------------------------------------------------------- 1 | .map-border{border-style:inset;border-color:#a25e04;border-width:5px}html{overflow:hidden}body{background-color:#ad5c00}#scrollbar-track{width:10px;position:fixed;right:0;top:0;z-index:-1;height:100%;background:#ad5c00}#scrollbar{width:10px;position:fixed;right:0;top:0;z-index:-1;background:#9C2D02;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}.header{background-color:#080003;background-color:rgba(156,173,0,.3);z-index:10;width:100%;height:50px;position:fixed;top:0;left:0;box-shadow:0 1px 8px rgba(0,0,0,.5);-moz-box-shadow:0 1px 8px rgba(0,0,0,.5);-webkit-box-shadow:0 1px 8px rgba(0,0,0,.5)}.header #title{color:#fff;display:none;margin:5px 5px 5px 5px;text-indent:50px}.nav-map{position:fixed;bottom:0;right:0;background-color:#704103;height:250px;width:250px;border-style:inset;border-color:#a25e04;border-width:5px;box-shadow:0 1px 8px rgba(0,0,0,.5);-moz-box-shadow:0 1px 8px rgba(0,0,0,.5);-webkit-box-shadow:0 1px 8px rgba(0,0,0,.5)}.nav-map:hover{box-shadow:0 1px 8px #000;-moz-box-shadow:0 1px 8px #000;-webkit-box-shadow:0 1px 8px #000}.nav-map .controls{position:relative;top:0;width:100%;height:100px}.nav-map .controls #home-icon{transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;cursor:pointer;width:50px;height:50px}.nav-map .controls #home-icon:hover{transform:scale(1.2);-webkit-transform:scale(1.2);-ms-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2)}.nav-map .controls .arrows{position:absolute;top:2px;right:0;height:60px;width:60px}.nav-map .controls .arrows #arrow-up{transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;position:absolute;height:30px;width:30px;top:0;right:30px;cursor:pointer}.nav-map .controls .arrows #arrow-up:hover{transform:scale(1.2);-webkit-transform:scale(1.2);-ms-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2)}.nav-map .controls .arrows #arrow-down{transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;position:absolute;height:30px;width:30px;top:60px;right:30px;cursor:pointer}.nav-map .controls .arrows #arrow-down:hover{transform:scale(1.2);-webkit-transform:scale(1.2);-ms-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2)}.nav-map .controls .arrows #arrow-left{transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;position:absolute;height:30px;width:30px;top:30px;right:60px;cursor:pointer}.nav-map .controls .arrows #arrow-left:hover{transform:scale(1.2);-webkit-transform:scale(1.2);-ms-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2)}.nav-map .controls .arrows #arrow-right{transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;position:absolute;height:30px;width:30px;top:30px;right:0;cursor:pointer}.nav-map .controls .arrows #arrow-right:hover{transform:scale(1.2);-webkit-transform:scale(1.2);-ms-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2)}.nav-map .info{position:absolute;width:100%;height:40px;bottom:0;background-color:#c93;text-align:center;color:#332706;padding-top:13px;font-size:20px}.page{height:100%;width:100%;position:absolute}.map-area{height:10px;width:10px;margin:3px;background-color:#d4cd6a;position:absolute}.map-area:hover{background-color:#ff0}.map-area.active{background-color:#ff0;box-shadow:0 0 8px #998c6a;-moz-box-shadow:0 0 8px #998c6a;-webkit-box-shadow:0 0 8px #998c6a}.box-pane{width:800px;height:80%;padding:10px;padding-left:25px;position:relative;margin-left:auto;margin-right:auto;margin-top:70px;background-color:#c7935f;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;box-shadow:0 1px 8px rgba(0,0,0,.5);-moz-box-shadow:0 1px 8px rgba(0,0,0,.5);-webkit-box-shadow:0 1px 8px rgba(0,0,0,.5)}.box-pane .box{float:left;position:relative;width:370px;height:130px;margin:10px;overflow:hidden}.box-pane .box .presentation{position:absolute;width:370px;height:130px;z-index:20;color:transparent;text-align:center}.box-pane .box .presentation hr{width:0;border-width:0}.box-pane .box .presentation:hover{color:#fff;background-color:rgba(0,0,0,.4)}.box-pane .box .presentation:hover hr{width:200px;border-width:1px}.box-pane .box .box-content{width:750px;height:350%;background-color:#8f144b;padding:10px;text-align:justify;text-indent:35px}.box-pane .box .box-content p{display:inline}.box-pane .box .box-content p img{display:inline-block;position:relative;float:left;margin:10px}.box-pane .box .box-content .close-button{text-indent:0;display:none;border-radius:9999px;-moz-border-radius:9999px;-webkit-border-radius:9999px;border-color:#807076;height:27px;width:37px;border:5px solid;color:#807076;position:absolute;top:15px;right:15px;text-decoration:none;font-size:35px;font:Arial,Helvetica,sans-serif;padding-bottom:10px}.box-pane .box.active-box .presentation{display:none}.box-pane .box.active-box .close-button{display:block;vertical-align:middle;text-align:center;opacity:.5}.box-pane .box.active-box .close-button:hover{opacity:1}.center{margin-left:auto;margin-right:auto}.middle{position:relative;margin-bottom:auto;margin-top:25%}table{border:solid 1px #9c9530;outline:0;text-align:center;vertical-align:middle;width:50%;background-color:#dbd68a;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px}table caption{caption-side:bottom}table thead{background-color:#c9c24f}table thead th:first-child{border-top-left-radius:10px;-moz-border-top-left-radius:10px;-webkit-top-left-border-radius:10px}table thead th:last-child{border-top-right-radius:10px;-moz-border-top-right-radius:10px;-webkit-top-right-border-radius:10px}table th{height:50px}table tbody{border:solid 1px}table tbody tr:hover{background:#ecc144;background:-moz-linear-gradient(top, #ecc144 0, #dfaa12 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%, #ecc144),color-stop(100%, #dfaa12));background:-webkit-linear-gradient(top, #ecc144 0, #dfaa12 100%);background:-o-linear-gradient(top, #ecc144 0, #dfaa12 100%);background:-ms-linear-gradient(top, #ecc144 0, #dfaa12 100%);background:linear-gradient(to bottom, #ecc144 0, #dfaa12 100%)}table tfoot td:first-child{border-bottom-left-radius:10px;-moz-border-bottom-left-radius:10px;-webkit-bottom-left-border-radius:10px}table tfoot td:last-child{border-bottom-right-radius:10px;-moz-border-bottom-right-radius:10px;-webkit-bottom-right-border-radius:10px}table tfoot tr:hover{background:#ecc144;background:-moz-linear-gradient(top, #ecc144 0, #dfaa12 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%, #ecc144),color-stop(100%, #dfaa12));background:-webkit-linear-gradient(top, #ecc144 0, #dfaa12 100%);background:-o-linear-gradient(top, #ecc144 0, #dfaa12 100%);background:-ms-linear-gradient(top, #ecc144 0, #dfaa12 100%);background:linear-gradient(to bottom, #ecc144 0, #dfaa12 100%)}table td{padding:10px}.button{text-decoration:none;color:#000;font-size:18px;background:#d04b44;background:-moz-linear-gradient(top, #d04b44 0, #b5342d 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%, #d04b44),color-stop(100%, #b5342d));background:-webkit-linear-gradient(top, #d04b44 0, #b5342d 100%);background:-o-linear-gradient(top, #d04b44 0, #b5342d 100%);background:-ms-linear-gradient(top, #d04b44 0, #b5342d 100%);background:linear-gradient(to bottom, #d04b44 0, #b5342d 100%);padding:5px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;box-shadow:5px 5px 0 #646464;-moz-box-shadow:5px 5px 0 #646464;-webkit-box-shadow:5px 5px 0 #646464}.button:hover{box-shadow:0 0 8px rgba(0,0,0,.5);-moz-box-shadow:0 0 8px rgba(0,0,0,.5);-webkit-box-shadow:0 0 8px rgba(0,0,0,.5)}.surprise-menu{width:100%;height:0;position:absolute;top:0;left:0;background-color:rgba(0,0,0,.7)}.surprise-menu .selector{position:absolute;margin-left:8%;color:#a6a6a6;padding-top:5px;display:none;font-family:"Bookman Old Style",serif;font-weight:700;font-size:30px;letter-spacing:10px;text-transform:uppercase}.surprise-menu ul{margin-left:auto;margin-right:auto;list-style:none;position:relative;margin-bottom:auto;margin-top:25%;width:25%}.surprise-menu ul.word-menu{position:absolute;margin-left:38%}.surprise-menu ul.blur-menu li a{font-family:"Josefin Slab",Arial,sans-serif;letter-spacing:5px;font-size:50px;text-shadow:0 0 4px #fff;filter:dropshadow(color=#ffffff,offx=0,offy=0);transition:padding-left .5s,text-shadow .5s,filter .5s;-moz-transition:padding-left .5s,text-shadow .5s,filter .5s;-webkit-transition:padding-left .5s,text-shadow .5s,filter .5s;-o-transition:padding-left .5s,text-shadow .5s,filter .5s;color:transparent}.surprise-menu ul.blur-menu li a:hover{padding-left:30px;text-shadow:0 0 0 #fff;filter:dropshadow(color=#ffffff,offx=0,offy=0)}.surprise-menu ul li a{text-decoration:none;display:none;z-index:30;padding:10px;margin-top:20px;text-transform:uppercase}.surprise-menu ul.word-menu{font-family:"Bookman Old Style",serif;font-size:35px;letter-spacing:10px}.surprise-menu ul.word-menu li a{transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;color:#fff}.surprise-menu ul.word-menu li a:hover{transform:scale(1.2);-webkit-transform:scale(1.2);-ms-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);color:#fff}.surprise-menu ul.letter-menu li a{color:#fff;font-family:Impact,fantasy;font-size:35px;letter-spacing:10px}.surprise-menu ul.letter-menu li a .hidden-letter{width:0;color:red} 2 | /* This beautiful CSS-File has been crafted with LESS (lesscss.org) and compiled by simpLESS (wearekiss.com/simpless) */ 3 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Front-End Framework 6 | 7 | 8 | 9 | 10 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 31 | 32 | 33 | 34 | 42 |
43 |

44 |
45 | 46 |
47 | 48 |
49 | 50 |
51 |
52 |

This is an example

53 |
54 |

Here are some text and images

55 |
56 |
57 | × 58 |

Lorem ipsum dolor sit amet, christus eum ego. Rhenum ibat est amet consensit cellula filia in lucem. Maria non dum est Apollonius eius sed quod una litus ostendam Apollonio dares. Actum in rei civibus nescis admonente iustum ait in deinde duas particularis ad quia ad per dicis. Stans sed quod una Christi iube es est cum, athenagorae principio intus huius domus ad quia quod tamen adnuente rediens eam ad per. Quos essem rogo cum suam non ait mea in rei sensibilium acciperem. Corripit ars tolle Adfertur guttae sapientiae decubuerat. Inquisivi ecce habitu rubor virginitatem sunt antecedente tuus desiderio sic ut libertatem adhuc. Inter autem nobiscum paulo aureos fecit per accipere, dicis Deducitur potest flens praemio litore iunctionem quae. Domini in lucem genero in rei finibus veteres hoc! Equidem deceptum in deinde cepit roseo ruens sed eu fugiens laudo in.

59 |

60 |

Lorem ipsum dolor sit amet, christus eum ego. Rhenum ibat est amet consensit cellula filia in lucem. Maria non dum est Apollonius eius sed quod una litus ostendam Apollonio dares. Actum in rei civibus nescis admonente iustum ait in deinde duas particularis ad quia ad per dicis. Stans sed quod una Christi iube es est cum, athenagorae principio intus huius domus ad quia quod tamen adnuente rediens eam ad per. Quos essem rogo cum suam non ait mea in rei sensibilium acciperem. Corripit ars tolle Adfertur guttae sapientiae decubuerat. Inquisivi ecce habitu rubor virginitatem sunt antecedente tuus desiderio sic ut libertatem adhuc. Inter autem nobiscum paulo aureos fecit per accipere, dicis Deducitur potest flens praemio litore iunctionem quae. Domini in lucem genero in rei finibus veteres hoc! Equidem deceptum in deinde cepit roseo ruens sed eu fugiens laudo in.

61 |
62 |
63 |
64 |
65 |

This is an example

66 |
67 |

Here are some text and images

68 |
69 |
70 | × 71 |
72 |
73 |
74 |
75 |

This is an example

76 |
77 |

Here are some text and images

78 |
79 |
80 | × 81 |
82 |
83 |
84 |
85 |

This is an example

86 |
87 |

Here are some text and images

88 |
89 |
90 | × 91 |
92 |
93 | 94 |
95 | 96 | 97 |
98 | 99 |
100 | 101 | 102 | 103 | 104 | 105 | 106 | 107 | 108 | 109 | 110 | 111 | 112 | 113 | 114 | 115 | 116 | 117 | 118 | 119 | 120 | 121 | 122 | 123 | 124 | 125 |
surprise menu example
Surprise MenuExample
Surprise menu 1 (blur-menu)Launch menu
Surprise menu 2 (word-menu)Launch menu
Surprise menu 3 (letter-menu)Launch menu
126 | 127 |
128 | 134 |
135 | 136 |
137 | 143 |
Your option is
144 |
145 | 146 |
147 | 153 |
154 | 155 |
156 | 157 |
158 | 159 | 160 | 161 |
162 | 163 |
164 | 165 | 166 | 167 |
168 | 169 |
170 | 171 | 172 | 173 |
174 | 175 |
176 | 177 | 178 | 179 |
180 | 181 |
182 | 183 | 184 | 185 |
186 | 187 |
188 | 189 | 190 | 191 |
192 | 193 |
194 | 195 | 196 | 197 |
198 | 199 |
200 |
201 | 202 |
203 | 204 | 205 | 206 | 207 |
208 |
209 |
210 |
211 |

212 |
213 |
214 | 215 | 216 | -------------------------------------------------------------------------------- /css/style.less: -------------------------------------------------------------------------------- 1 | /********************* 2 | VARIABLES 3 | **********************/ 4 | 5 | @mainColor: #080003; 6 | @secondColor: #FFFFFF; 7 | @background: #AD5C00; 8 | @mapColor: #704103; 9 | @mapArea: #C9C042; 10 | @boxColor: #C7935F; 11 | @boxContent: #8F144B; 12 | @tableColor: #DBD68A; 13 | 14 | 15 | /*************************** 16 | MIXINS 17 | ****************************/ 18 | 19 | .box-shadow (@x: 0px, @y: 1px, @blur: 8px, @color: rgba(0, 0, 0, 0.5)) { 20 | 21 | box-shadow: @arguments; 22 | -moz-box-shadow: @arguments; 23 | -webkit-box-shadow: @arguments; 24 | } 25 | 26 | .border-radius (@radius: 5px) { 27 | 28 | border-radius: @radius; 29 | -moz-border-radius: @radius; 30 | -webkit-border-radius: @radius; 31 | } 32 | 33 | .border-top-left-radius (@radius: 5px) { 34 | 35 | border-top-left-radius: @radius; 36 | -moz-border-top-left-radius: @radius; 37 | -webkit-top-left-border-radius: @radius; 38 | } 39 | 40 | .border-bottom-left-radius (@radius: 5px) { 41 | 42 | border-bottom-left-radius: @radius; 43 | -moz-border-bottom-left-radius: @radius; 44 | -webkit-bottom-left-border-radius: @radius; 45 | } 46 | 47 | .border-top-right-radius (@radius: 5px) { 48 | 49 | border-top-right-radius: @radius; 50 | -moz-border-top-right-radius: @radius; 51 | -webkit-top-right-border-radius: @radius; 52 | } 53 | 54 | .border-bottom-right-radius (@radius: 5px) { 55 | 56 | border-bottom-right-radius: @radius; 57 | -moz-border-bottom-right-radius: @radius; 58 | -webkit-bottom-right-border-radius: @radius; 59 | } 60 | 61 | .gradient(@color1: rgba(254,252,234,1), @color2: rgba(241,218,54,1) ){ 62 | 63 | background: @color1; /* Old browsers */ 64 | background: -moz-linear-gradient(top, @color1 0%, @color2 100%); /* FF3.6+ */ 65 | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@color1), color-stop(100%,@color2)); /* Chrome,Safari4+ */ 66 | background: -webkit-linear-gradient(top, @color1 0%,@color2 100%); /* Chrome10+,Safari5.1+ */ 67 | background: -o-linear-gradient(top, @color1 0%,@color2 100%); /* Opera 11.10+ */ 68 | background: -ms-linear-gradient(top, @color1 0%,@color2 100%); /* IE10+ */ 69 | background: linear-gradient(to bottom, @color1 0%,@color2 100%); /* W3C */ 70 | /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 ); /* IE6-9 */ 71 | 72 | } 73 | 74 | .simple-gradient (@color1: rgba(255,214,94,1), @color2: rgba(254,191,4,1) ) { 75 | 76 | background: @color1; /* Old browsers */ 77 | background: -moz-linear-gradient(top, @color1 0%, @color2 100%); /* FF3.6+ */ 78 | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@color1), color-stop(100%,@color2)); /* Chrome,Safari4+ */ 79 | background: -webkit-linear-gradient(top, @color1 0%,@color2 100%); /* Chrome10+,Safari5.1+ */ 80 | background: -o-linear-gradient(top, @color1 0%,@color2 100%); /* Opera 11.10+ */ 81 | background: -ms-linear-gradient(top, @color1 0%,@color2 100%); /* IE10+ */ 82 | background: linear-gradient(to bottom, @color1 0%,@color2 100%); /* W3C */ 83 | /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd65e', endColorstr='#febf04',GradientType=0 ); /* IE6-9 */ 84 | 85 | } 86 | 87 | .scroll (@scrollRadius: 10px){ 88 | 89 | width: @scrollRadius; 90 | position: fixed; 91 | right: 0px; 92 | top: 0px; 93 | z-index:-1; 94 | } 95 | 96 | .map-border { 97 | 98 | border-style: inset; 99 | border-color: lighten(@mapColor, 10%); 100 | border-width: 5px; 101 | } 102 | 103 | .transform (@tProperty: scale(1.2)){ 104 | 105 | transform:@tProperty; 106 | -webkit-transform:@tProperty; 107 | -ms-transform:@tProperty; 108 | -moz-transform:@tProperty; 109 | -o-transform:@tProperty; 110 | } 111 | 112 | .transition (@property: all, @time: 0.5s){ 113 | 114 | transition:@arguments; 115 | -moz-transition:@arguments; /* Firefox 4 */ 116 | -webkit-transition:@arguments; /* Safari and Chrome */ 117 | -o-transition:@arguments; /* Opera */ 118 | } 119 | 120 | .rotate-arrow (@rotation: rotate(0deg)){ 121 | 122 | transform:@rotation; 123 | -ms-transform:@rotation; /* Internet Explorer */ 124 | -moz-transform:@rotation; /* Firefox */ 125 | -webkit-transform:@rotation; /* Safari and Chrome */ 126 | -o-transform:@rotation; /* Opera */ 127 | } 128 | 129 | .arrow (@top: 0px, @right: 0px){ 130 | 131 | position: absolute; 132 | height: 30px; 133 | width: 30px; 134 | top: @top; 135 | right: @right; 136 | cursor: pointer; 137 | } 138 | 139 | /*********************** 140 | HTML ELEMENTS 141 | ************************/ 142 | 143 | html { 144 | overflow: hidden; 145 | } 146 | 147 | body { 148 | background-color: @background; 149 | } 150 | 151 | 152 | /*********************** 153 | SCROLLBAR 154 | ************************/ 155 | 156 | #scrollbar-track { 157 | .scroll; 158 | height: 100%; 159 | background: @background; 160 | 161 | 162 | } 163 | 164 | #scrollbar { 165 | .scroll; 166 | background: #9C2D02; 167 | .border-radius; 168 | } 169 | 170 | 171 | /******************************** 172 | HEADER DE CADA PAGINA 173 | *********************************/ 174 | 175 | .header { 176 | 177 | background-color: @mainColor; 178 | background-color: rgba(156, 173, 0, 0.3); 179 | z-index:10; 180 | width: 100%; 181 | height:50px; 182 | position:fixed; 183 | top:0px; 184 | left:0px; 185 | .box-shadow; 186 | 187 | #title { 188 | color: @secondColor; 189 | display: none; 190 | margin: 5px 5px 5px 5px; 191 | text-indent: 50px; 192 | } 193 | } 194 | 195 | /****************************** 196 | MAPA DE NAVEGACION 197 | *******************************/ 198 | 199 | .nav-map { 200 | 201 | position: fixed; 202 | bottom: 0px; 203 | right: 0px; 204 | background-color: @mapColor; 205 | height: 250px; 206 | width: 250px; 207 | .map-border; 208 | .box-shadow; 209 | 210 | &:hover { 211 | .box-shadow(0px, 1px, 8px, rgba(0, 0, 0, 1.0)) 212 | } 213 | 214 | .controls { 215 | 216 | position: relative; 217 | top: 0px; 218 | width: 100%; 219 | height: 100px; 220 | 221 | #home-icon { 222 | .transition; 223 | cursor: pointer; 224 | width: 50px; 225 | height:50px; 226 | &:hover { 227 | .transform; 228 | } 229 | } 230 | 231 | .arrows { 232 | position: absolute; 233 | top:2px; 234 | right: 0px; 235 | height: 60px; 236 | width: 60px; 237 | 238 | #arrow-up { 239 | .transition; 240 | .arrow(0px, 30px); 241 | &:hover { 242 | .transform; 243 | } 244 | } 245 | 246 | #arrow-down { 247 | .transition; 248 | .arrow(60px, 30px); 249 | &:hover { 250 | .transform; 251 | } 252 | } 253 | 254 | #arrow-left { 255 | .transition; 256 | .arrow(30px, 60px); 257 | &:hover { 258 | .transform; 259 | } 260 | } 261 | 262 | #arrow-right { 263 | .transition; 264 | .arrow(30px, 0px); 265 | &:hover { 266 | .transform; 267 | } 268 | } 269 | } 270 | } 271 | 272 | .info { 273 | position: absolute; 274 | width: 100%; 275 | height: 40px; 276 | bottom: 0px; 277 | background-color: #cc9933; 278 | text-align: center; 279 | color: #332706; 280 | padding-top: 13px; 281 | font-size: 20px; 282 | } 283 | } 284 | 285 | .page { 286 | 287 | height: 100%; 288 | width: 100%; 289 | position: absolute; 290 | } 291 | 292 | .map-area { 293 | 294 | height: 10px; 295 | width: 10px; 296 | margin: 3px; 297 | background-color: lighten(@mapArea, 10%); 298 | position: absolute; 299 | 300 | &:hover { 301 | background-color: yellow; 302 | } 303 | &.active { 304 | background-color: yellow; 305 | .box-shadow(0px, 0px, 8px, #998C6A); 306 | } 307 | } 308 | /**************************** 309 | RESIZABLE BOX 310 | *****************************/ 311 | .box-pane { 312 | 313 | width: 800px; 314 | height: 80%; 315 | padding: 10px; 316 | padding-left: 25px; 317 | position: relative; 318 | margin-left: auto; 319 | margin-right: auto; 320 | margin-top: 70px; 321 | background-color: @boxColor; 322 | .border-radius(10px); 323 | .box-shadow; 324 | 325 | .box { 326 | float: left; 327 | position: relative; 328 | width: 370px; 329 | height: 130px; 330 | margin: 10px; 331 | overflow: hidden; 332 | 333 | .presentation { 334 | 335 | position: absolute; 336 | width: 370px; 337 | height: 130px; 338 | z-index: 20; 339 | color: transparent; 340 | text-align: center; 341 | 342 | 343 | 344 | hr { 345 | width: 0px; 346 | border-width: 0px; 347 | } 348 | 349 | &:hover { 350 | color: #ffffff; 351 | background-color: rgba(0,0,0,0.4); 352 | 353 | hr { 354 | width: 200px; 355 | border-width: 1px; 356 | } 357 | } 358 | } 359 | 360 | .box-content { 361 | 362 | width: 750px; 363 | height: 350%; 364 | background-color: @boxContent; 365 | padding: 10px; 366 | text-align: justify; 367 | text-indent: 35px; 368 | 369 | p { 370 | display: inline; 371 | 372 | img { 373 | display:inline-block; 374 | position: relative; 375 | float: left; 376 | margin: 10px; 377 | } 378 | } 379 | .close-button { 380 | text-indent: 0px; 381 | display: none; 382 | .border-radius(9999px); 383 | border-color: #807076; 384 | height: 27px; 385 | width: 37px; 386 | border: 5px solid; 387 | color: #807076; 388 | position: absolute; 389 | top: 15px; 390 | right: 15px; 391 | text-decoration: none; 392 | font-size: 35px; 393 | font: Arial,Helvetica,sans-serif; 394 | padding-bottom: 10px; 395 | } 396 | } 397 | 398 | &.active-box { 399 | 400 | .presentation { 401 | display: none; 402 | } 403 | 404 | .close-button { 405 | display: block; 406 | vertical-align: middle; 407 | text-align: center; 408 | opacity: 0.5; 409 | &:hover { 410 | opacity: 1; 411 | } 412 | } 413 | } 414 | } 415 | } 416 | 417 | 418 | /********************** 419 | TABLES 420 | ***********************/ 421 | 422 | .center { 423 | 424 | margin-left: auto; 425 | margin-right: auto; 426 | } 427 | 428 | .middle { 429 | 430 | position: relative; 431 | margin-bottom: auto; 432 | margin-top: 25%; 433 | } 434 | 435 | table { 436 | 437 | border: solid 1px darken(@tableColor, 30%); 438 | outline: 0px; 439 | text-align: center; 440 | vertical-align: middle; 441 | width: 50%; 442 | background-color: @tableColor; 443 | 444 | .border-radius(10px); 445 | 446 | caption { 447 | caption-side: bottom; 448 | } 449 | thead { 450 | 451 | background-color: darken(@tableColor, 15%); 452 | 453 | th:first-child { 454 | 455 | .border-top-left-radius(10px); 456 | } 457 | 458 | th:last-child { 459 | 460 | .border-top-right-radius(10px); 461 | } 462 | } 463 | 464 | th { 465 | height: 50px; 466 | } 467 | 468 | tbody { 469 | border: solid 1px; 470 | 471 | tr { 472 | &:hover { 473 | .simple-gradient(lighten(rgba(234,185,45,1), 5%), lighten(rgba(199,152,16,1), 5%) ); 474 | } 475 | } 476 | } 477 | 478 | tfoot{ 479 | td:first-child { 480 | 481 | .border-bottom-left-radius(10px); 482 | } 483 | 484 | td:last-child { 485 | 486 | .border-bottom-right-radius(10px); 487 | } 488 | 489 | tr { 490 | &:hover { 491 | .simple-gradient(lighten(rgba(234,185,45,1), 5%), lighten(rgba(199,152,16,1), 5%) ); 492 | } 493 | } 494 | } 495 | td { 496 | padding: 10px; 497 | /*border: solid 1px; 498 | border-collapse: collapse;*/ 499 | } 500 | } 501 | 502 | /********************** 503 | BUTTONS 504 | ***********************/ 505 | 506 | .button { 507 | 508 | text-decoration: none; 509 | color: #000000; 510 | font-size: 18px; 511 | .simple-gradient(lighten(#C93A32, 5%), darken(#C93A32, 5%)); 512 | padding: 5px; 513 | .border-radius; 514 | .box-shadow(5px, 5px, 0px, rgba(100, 100, 100, 1)); 515 | 516 | &:hover { 517 | .box-shadow(0px, 0px); 518 | } 519 | } 520 | 521 | /***************************** 522 | SURPRISE MENU 523 | ******************************/ 524 | 525 | .surprise-menu { 526 | 527 | width: 100%; 528 | height: 0px; 529 | position: absolute; 530 | top: 0px; 531 | left: 0px; 532 | background-color: rgba(0,0,0,0.7); 533 | 534 | .selector { 535 | 536 | position: absolute; 537 | margin-left: 8%; 538 | color: darken(#ffffff, 35%); 539 | padding-top: 5px; 540 | display: none; 541 | font-family: "Bookman Old Style", serif; 542 | font-weight: bold; 543 | font-size: 30px; 544 | letter-spacing: 10px; 545 | text-transform: uppercase; 546 | } 547 | 548 | 549 | ul { 550 | margin-left: auto; 551 | margin-right: auto; 552 | list-style: none; 553 | position: relative; 554 | margin-bottom: auto; 555 | margin-top: 25%; 556 | width: 25%; 557 | 558 | &.word-menu { 559 | 560 | position: absolute; 561 | margin-left: 38%; 562 | } 563 | 564 | &.blur-menu{ 565 | 566 | li a { 567 | font-family: "Josefin Slab", Arial, sans-serif; /*blur*/ 568 | letter-spacing: 5px; /*blur*/ 569 | font-size: 50px; /*blur*/ 570 | text-shadow: 0px 0px 4px #ffffff; /*blur*/ 571 | filter: dropshadow(color=#ffffff, offx=0, offy=0); /*blur*/ 572 | transition: padding-left 0.5s, text-shadow 0.5s, filter 0.5s; /*blur*/ 573 | -moz-transition: padding-left 0.5s, text-shadow 0.5s, filter 0.5s; /* Firefox 4 */ /*blur*/ 574 | -webkit-transition: padding-left 0.5s, text-shadow 0.5s, filter 0.5s; /* Safari and Chrome */ /*blur*/ 575 | -o-transition: padding-left 0.5s, text-shadow 0.5s, filter 0.5s; /* Opera */ /*blur*/ 576 | color: transparent; 577 | 578 | &:hover { /*blur*/ 579 | 580 | padding-left: 30px; 581 | text-shadow: 0px 0px 0px #ffffff; 582 | filter: dropshadow(color=#ffffff, offx=0, offy=0); 583 | 584 | } 585 | } 586 | } 587 | 588 | 589 | li a { 590 | 591 | 592 | text-decoration: none; 593 | display: none; 594 | z-index: 30; 595 | padding: 10px; 596 | margin-top: 20px; 597 | text-transform: uppercase; 598 | 599 | } 600 | 601 | &.word-menu { 602 | 603 | font-family: "Bookman Old Style", serif; 604 | font-size: 35px; 605 | letter-spacing: 10px; 606 | 607 | li a { 608 | .transition; 609 | color: #ffffff; 610 | 611 | &:hover { 612 | .transform; 613 | color: #ffffff; 614 | } 615 | } 616 | } 617 | 618 | &.letter-menu { 619 | 620 | 621 | li a { 622 | color: #ffffff; 623 | font-family: Impact, fantasy; 624 | font-size: 35px; 625 | letter-spacing: 10px; 626 | 627 | .hidden-letter { 628 | 629 | width: 0px; 630 | color: red; 631 | } 632 | } 633 | } 634 | } 635 | } 636 | -------------------------------------------------------------------------------- /js/jquery-ui-draggable.js: -------------------------------------------------------------------------------- 1 | /*! jQuery UI - v1.9.1 - 2012-11-21 2 | * http://jqueryui.com 3 | * Includes: jquery.ui.core.js, jquery.ui.widget.js, jquery.ui.mouse.js, jquery.ui.position.js, jquery.ui.draggable.js 4 | * Copyright (c) 2012 jQuery Foundation and other contributors Licensed MIT */ 5 | 6 | (function(e,t){function i(t,n){var r,i,o,u=t.nodeName.toLowerCase();return"area"===u?(r=t.parentNode,i=r.name,!t.href||!i||r.nodeName.toLowerCase()!=="map"?!1:(o=e("img[usemap=#"+i+"]")[0],!!o&&s(o))):(/input|select|textarea|button|object/.test(u)?!t.disabled:"a"===u?t.href||n:n)&&s(t)}function s(t){return e.expr.filters.visible(t)&&!e(t).parents().andSelf().filter(function(){return e.css(this,"visibility")==="hidden"}).length}var n=0,r=/^ui-id-\d+$/;e.ui=e.ui||{};if(e.ui.version)return;e.extend(e.ui,{version:"1.9.1",keyCode:{BACKSPACE:8,COMMA:188,DELETE:46,DOWN:40,END:35,ENTER:13,ESCAPE:27,HOME:36,LEFT:37,NUMPAD_ADD:107,NUMPAD_DECIMAL:110,NUMPAD_DIVIDE:111,NUMPAD_ENTER:108,NUMPAD_MULTIPLY:106,NUMPAD_SUBTRACT:109,PAGE_DOWN:34,PAGE_UP:33,PERIOD:190,RIGHT:39,SPACE:32,TAB:9,UP:38}}),e.fn.extend({_focus:e.fn.focus,focus:function(t,n){return typeof t=="number"?this.each(function(){var r=this;setTimeout(function(){e(r).focus(),n&&n.call(r)},t)}):this._focus.apply(this,arguments)},scrollParent:function(){var t;return e.ui.ie&&/(static|relative)/.test(this.css("position"))||/absolute/.test(this.css("position"))?t=this.parents().filter(function(){return/(relative|absolute|fixed)/.test(e.css(this,"position"))&&/(auto|scroll)/.test(e.css(this,"overflow")+e.css(this,"overflow-y")+e.css(this,"overflow-x"))}).eq(0):t=this.parents().filter(function(){return/(auto|scroll)/.test(e.css(this,"overflow")+e.css(this,"overflow-y")+e.css(this,"overflow-x"))}).eq(0),/fixed/.test(this.css("position"))||!t.length?e(document):t},zIndex:function(n){if(n!==t)return this.css("zIndex",n);if(this.length){var r=e(this[0]),i,s;while(r.length&&r[0]!==document){i=r.css("position");if(i==="absolute"||i==="relative"||i==="fixed"){s=parseInt(r.css("zIndex"),10);if(!isNaN(s)&&s!==0)return s}r=r.parent()}}return 0},uniqueId:function(){return this.each(function(){this.id||(this.id="ui-id-"+ ++n)})},removeUniqueId:function(){return this.each(function(){r.test(this.id)&&e(this).removeAttr("id")})}}),e("").outerWidth(1).jquery||e.each(["Width","Height"],function(n,r){function u(t,n,r,s){return e.each(i,function(){n-=parseFloat(e.css(t,"padding"+this))||0,r&&(n-=parseFloat(e.css(t,"border"+this+"Width"))||0),s&&(n-=parseFloat(e.css(t,"margin"+this))||0)}),n}var i=r==="Width"?["Left","Right"]:["Top","Bottom"],s=r.toLowerCase(),o={innerWidth:e.fn.innerWidth,innerHeight:e.fn.innerHeight,outerWidth:e.fn.outerWidth,outerHeight:e.fn.outerHeight};e.fn["inner"+r]=function(n){return n===t?o["inner"+r].call(this):this.each(function(){e(this).css(s,u(this,n)+"px")})},e.fn["outer"+r]=function(t,n){return typeof t!="number"?o["outer"+r].call(this,t):this.each(function(){e(this).css(s,u(this,t,!0,n)+"px")})}}),e.extend(e.expr[":"],{data:e.expr.createPseudo?e.expr.createPseudo(function(t){return function(n){return!!e.data(n,t)}}):function(t,n,r){return!!e.data(t,r[3])},focusable:function(t){return i(t,!isNaN(e.attr(t,"tabindex")))},tabbable:function(t){var n=e.attr(t,"tabindex"),r=isNaN(n);return(r||n>=0)&&i(t,!r)}}),e(function(){var t=document.body,n=t.appendChild(n=document.createElement("div"));n.offsetHeight,e.extend(n.style,{minHeight:"100px",height:"auto",padding:0,borderWidth:0}),e.support.minHeight=n.offsetHeight===100,e.support.selectstart="onselectstart"in n,t.removeChild(n).style.display="none"}),function(){var t=/msie ([\w.]+)/.exec(navigator.userAgent.toLowerCase())||[];e.ui.ie=t.length?!0:!1,e.ui.ie6=parseFloat(t[1],10)===6}(),e.fn.extend({disableSelection:function(){return this.bind((e.support.selectstart?"selectstart":"mousedown")+".ui-disableSelection",function(e){e.preventDefault()})},enableSelection:function(){return this.unbind(".ui-disableSelection")}}),e.extend(e.ui,{plugin:{add:function(t,n,r){var i,s=e.ui[t].prototype;for(i in r)s.plugins[i]=s.plugins[i]||[],s.plugins[i].push([n,r[i]])},call:function(e,t,n){var r,i=e.plugins[t];if(!i||!e.element[0].parentNode||e.element[0].parentNode.nodeType===11)return;for(r=0;r0?!0:(t[r]=1,i=t[r]>0,t[r]=0,i)},isOverAxis:function(e,t,n){return e>t&&e",options:{disabled:!1,create:null},_createWidget:function(t,r){r=e(r||this.defaultElement||this)[0],this.element=e(r),this.uuid=n++,this.eventNamespace="."+this.widgetName+this.uuid,this.options=e.widget.extend({},this.options,this._getCreateOptions(),t),this.bindings=e(),this.hoverable=e(),this.focusable=e(),r!==this&&(e.data(r,this.widgetName,this),e.data(r,this.widgetFullName,this),this._on(this.element,{remove:function(e){e.target===r&&this.destroy()}}),this.document=e(r.style?r.ownerDocument:r.document||r),this.window=e(this.document[0].defaultView||this.document[0].parentWindow)),this._create(),this._trigger("create",null,this._getCreateEventData()),this._init()},_getCreateOptions:e.noop,_getCreateEventData:e.noop,_create:e.noop,_init:e.noop,destroy:function(){this._destroy(),this.element.unbind(this.eventNamespace).removeData(this.widgetName).removeData(this.widgetFullName).removeData(e.camelCase(this.widgetFullName)),this.widget().unbind(this.eventNamespace).removeAttr("aria-disabled").removeClass(this.widgetFullName+"-disabled "+"ui-state-disabled"),this.bindings.unbind(this.eventNamespace),this.hoverable.removeClass("ui-state-hover"),this.focusable.removeClass("ui-state-focus")},_destroy:e.noop,widget:function(){return this.element},option:function(n,r){var i=n,s,o,u;if(arguments.length===0)return e.widget.extend({},this.options);if(typeof n=="string"){i={},s=n.split("."),n=s.shift();if(s.length){o=i[n]=e.widget.extend({},this.options[n]);for(u=0;u=9||!!t.button?this._mouseStarted?(this._mouseDrag(t),t.preventDefault()):(this._mouseDistanceMet(t)&&this._mouseDelayMet(t)&&(this._mouseStarted=this._mouseStart(this._mouseDownEvent,t)!==!1,this._mouseStarted?this._mouseDrag(t):this._mouseUp(t)),!this._mouseStarted):this._mouseUp(t)},_mouseUp:function(t){return e(document).unbind("mousemove."+this.widgetName,this._mouseMoveDelegate).unbind("mouseup."+this.widgetName,this._mouseUpDelegate),this._mouseStarted&&(this._mouseStarted=!1,t.target===this._mouseDownEvent.target&&e.data(t.target,this.widgetName+".preventClickEvent",!0),this._mouseStop(t)),!1},_mouseDistanceMet:function(e){return Math.max(Math.abs(this._mouseDownEvent.pageX-e.pageX),Math.abs(this._mouseDownEvent.pageY-e.pageY))>=this.options.distance},_mouseDelayMet:function(e){return this.mouseDelayMet},_mouseStart:function(e){},_mouseDrag:function(e){},_mouseStop:function(e){},_mouseCapture:function(e){return!0}})})(jQuery);(function(e,t){function h(e,t,n){return[parseInt(e[0],10)*(l.test(e[0])?t/100:1),parseInt(e[1],10)*(l.test(e[1])?n/100:1)]}function p(t,n){return parseInt(e.css(t,n),10)||0}e.ui=e.ui||{};var n,r=Math.max,i=Math.abs,s=Math.round,o=/left|center|right/,u=/top|center|bottom/,a=/[\+\-]\d+%?/,f=/^\w+/,l=/%$/,c=e.fn.position;e.position={scrollbarWidth:function(){if(n!==t)return n;var r,i,s=e("
"),o=s.children()[0];return e("body").append(s),r=o.offsetWidth,s.css("overflow","scroll"),i=o.offsetWidth,r===i&&(i=s[0].clientWidth),s.remove(),n=r-i},getScrollInfo:function(t){var n=t.isWindow?"":t.element.css("overflow-x"),r=t.isWindow?"":t.element.css("overflow-y"),i=n==="scroll"||n==="auto"&&t.width0?"right":"center",vertical:u<0?"top":o>0?"bottom":"middle"};lr(i(o),i(u))?h.important="horizontal":h.important="vertical",t.using.call(this,e,h)}),a.offset(e.extend(C,{using:u}))})},e.ui.position={fit:{left:function(e,t){var n=t.within,i=n.isWindow?n.scrollLeft:n.offset.left,s=n.width,o=e.left-t.collisionPosition.marginLeft,u=i-o,a=o+t.collisionWidth-s-i,f;t.collisionWidth>s?u>0&&a<=0?(f=e.left+u+t.collisionWidth-s-i,e.left+=u-f):a>0&&u<=0?e.left=i:u>a?e.left=i+s-t.collisionWidth:e.left=i:u>0?e.left+=u:a>0?e.left-=a:e.left=r(e.left-o,e.left)},top:function(e,t){var n=t.within,i=n.isWindow?n.scrollTop:n.offset.top,s=t.within.height,o=e.top-t.collisionPosition.marginTop,u=i-o,a=o+t.collisionHeight-s-i,f;t.collisionHeight>s?u>0&&a<=0?(f=e.top+u+t.collisionHeight-s-i,e.top+=u-f):a>0&&u<=0?e.top=i:u>a?e.top=i+s-t.collisionHeight:e.top=i:u>0?e.top+=u:a>0?e.top-=a:e.top=r(e.top-o,e.top)}},flip:{left:function(e,t){var n=t.within,r=n.offset.left+n.scrollLeft,s=n.width,o=n.isWindow?n.scrollLeft:n.offset.left,u=e.left-t.collisionPosition.marginLeft,a=u-o,f=u+t.collisionWidth-s-o,l=t.my[0]==="left"?-t.elemWidth:t.my[0]==="right"?t.elemWidth:0,c=t.at[0]==="left"?t.targetWidth:t.at[0]==="right"?-t.targetWidth:0,h=-2*t.offset[0],p,d;if(a<0){p=e.left+l+c+h+t.collisionWidth-s-r;if(p<0||p0){d=e.left-t.collisionPosition.marginLeft+l+c+h-o;if(d>0||i(d)a&&(v<0||v0&&(d=e.top-t.collisionPosition.marginTop+c+h+p-o,e.top+c+h+p>f&&(d>0||i(d)10&&i<11,t.innerHTML="",n.removeChild(t)}(),e.uiBackCompat!==!1&&function(e){var n=e.fn.position;e.fn.position=function(r){if(!r||!r.offset)return n.call(this,r);var i=r.offset.split(" "),s=r.at.split(" ");return i.length===1&&(i[1]=i[0]),/^\d/.test(i[0])&&(i[0]="+"+i[0]),/^\d/.test(i[1])&&(i[1]="+"+i[1]),s.length===1&&(/left|center|right/.test(s[0])?s[1]="center":(s[1]=s[0],s[0]="center")),n.call(this,e.extend(r,{at:s[0]+i[0]+" "+s[1]+i[1],offset:t}))}}(jQuery)})(jQuery);(function(e,t){e.widget("ui.draggable",e.ui.mouse,{version:"1.9.1",widgetEventPrefix:"drag",options:{addClasses:!0,appendTo:"parent",axis:!1,connectToSortable:!1,containment:!1,cursor:"auto",cursorAt:!1,grid:!1,handle:!1,helper:"original",iframeFix:!1,opacity:!1,refreshPositions:!1,revert:!1,revertDuration:500,scope:"default",scroll:!0,scrollSensitivity:20,scrollSpeed:20,snap:!1,snapMode:"both",snapTolerance:20,stack:!1,zIndex:!1},_create:function(){this.options.helper=="original"&&!/^(?:r|a|f)/.test(this.element.css("position"))&&(this.element[0].style.position="relative"),this.options.addClasses&&this.element.addClass("ui-draggable"),this.options.disabled&&this.element.addClass("ui-draggable-disabled"),this._mouseInit()},_destroy:function(){this.element.removeClass("ui-draggable ui-draggable-dragging ui-draggable-disabled"),this._mouseDestroy()},_mouseCapture:function(t){var n=this.options;return this.helper||n.disabled||e(t.target).is(".ui-resizable-handle")?!1:(this.handle=this._getHandle(t),this.handle?(e(n.iframeFix===!0?"iframe":n.iframeFix).each(function(){e('
').css({width:this.offsetWidth+"px",height:this.offsetHeight+"px",position:"absolute",opacity:"0.001",zIndex:1e3}).css(e(this).offset()).appendTo("body")}),!0):!1)},_mouseStart:function(t){var n=this.options;return this.helper=this._createHelper(t),this.helper.addClass("ui-draggable-dragging"),this._cacheHelperProportions(),e.ui.ddmanager&&(e.ui.ddmanager.current=this),this._cacheMargins(),this.cssPosition=this.helper.css("position"),this.scrollParent=this.helper.scrollParent(),this.offset=this.positionAbs=this.element.offset(),this.offset={top:this.offset.top-this.margins.top,left:this.offset.left-this.margins.left},e.extend(this.offset,{click:{left:t.pageX-this.offset.left,top:t.pageY-this.offset.top},parent:this._getParentOffset(),relative:this._getRelativeOffset()}),this.originalPosition=this.position=this._generatePosition(t),this.originalPageX=t.pageX,this.originalPageY=t.pageY,n.cursorAt&&this._adjustOffsetFromHelper(n.cursorAt),n.containment&&this._setContainment(),this._trigger("start",t)===!1?(this._clear(),!1):(this._cacheHelperProportions(),e.ui.ddmanager&&!n.dropBehaviour&&e.ui.ddmanager.prepareOffsets(this,t),this._mouseDrag(t,!0),e.ui.ddmanager&&e.ui.ddmanager.dragStart(this,t),!0)},_mouseDrag:function(t,n){this.position=this._generatePosition(t),this.positionAbs=this._convertPositionTo("absolute");if(!n){var r=this._uiHash();if(this._trigger("drag",t,r)===!1)return this._mouseUp({}),!1;this.position=r.position}if(!this.options.axis||this.options.axis!="y")this.helper[0].style.left=this.position.left+"px";if(!this.options.axis||this.options.axis!="x")this.helper[0].style.top=this.position.top+"px";return e.ui.ddmanager&&e.ui.ddmanager.drag(this,t),!1},_mouseStop:function(t){var n=!1;e.ui.ddmanager&&!this.options.dropBehaviour&&(n=e.ui.ddmanager.drop(this,t)),this.dropped&&(n=this.dropped,this.dropped=!1);var r=this.element[0],i=!1;while(r&&(r=r.parentNode))r==document&&(i=!0);if(!i&&this.options.helper==="original")return!1;if(this.options.revert=="invalid"&&!n||this.options.revert=="valid"&&n||this.options.revert===!0||e.isFunction(this.options.revert)&&this.options.revert.call(this.element,n)){var s=this;e(this.helper).animate(this.originalPosition,parseInt(this.options.revertDuration,10),function(){s._trigger("stop",t)!==!1&&s._clear()})}else this._trigger("stop",t)!==!1&&this._clear();return!1},_mouseUp:function(t){return e("div.ui-draggable-iframeFix").each(function(){this.parentNode.removeChild(this)}),e.ui.ddmanager&&e.ui.ddmanager.dragStop(this,t),e.ui.mouse.prototype._mouseUp.call(this,t)},cancel:function(){return this.helper.is(".ui-draggable-dragging")?this._mouseUp({}):this._clear(),this},_getHandle:function(t){var n=!this.options.handle||!e(this.options.handle,this.element).length?!0:!1;return e(this.options.handle,this.element).find("*").andSelf().each(function(){this==t.target&&(n=!0)}),n},_createHelper:function(t){var n=this.options,r=e.isFunction(n.helper)?e(n.helper.apply(this.element[0],[t])):n.helper=="clone"?this.element.clone().removeAttr("id"):this.element;return r.parents("body").length||r.appendTo(n.appendTo=="parent"?this.element[0].parentNode:n.appendTo),r[0]!=this.element[0]&&!/(fixed|absolute)/.test(r.css("position"))&&r.css("position","absolute"),r},_adjustOffsetFromHelper:function(t){typeof t=="string"&&(t=t.split(" ")),e.isArray(t)&&(t={left:+t[0],top:+t[1]||0}),"left"in t&&(this.offset.click.left=t.left+this.margins.left),"right"in t&&(this.offset.click.left=this.helperProportions.width-t.right+this.margins.left),"top"in t&&(this.offset.click.top=t.top+this.margins.top),"bottom"in t&&(this.offset.click.top=this.helperProportions.height-t.bottom+this.margins.top)},_getParentOffset:function(){this.offsetParent=this.helper.offsetParent();var t=this.offsetParent.offset();this.cssPosition=="absolute"&&this.scrollParent[0]!=document&&e.contains(this.scrollParent[0],this.offsetParent[0])&&(t.left+=this.scrollParent.scrollLeft(),t.top+=this.scrollParent.scrollTop());if(this.offsetParent[0]==document.body||this.offsetParent[0].tagName&&this.offsetParent[0].tagName.toLowerCase()=="html"&&e.ui.ie)t={top:0,left:0};return{top:t.top+(parseInt(this.offsetParent.css("borderTopWidth"),10)||0),left:t.left+(parseInt(this.offsetParent.css("borderLeftWidth"),10)||0)}},_getRelativeOffset:function(){if(this.cssPosition=="relative"){var e=this.element.position();return{top:e.top-(parseInt(this.helper.css("top"),10)||0)+this.scrollParent.scrollTop(),left:e.left-(parseInt(this.helper.css("left"),10)||0)+this.scrollParent.scrollLeft()}}return{top:0,left:0}},_cacheMargins:function(){this.margins={left:parseInt(this.element.css("marginLeft"),10)||0,top:parseInt(this.element.css("marginTop"),10)||0,right:parseInt(this.element.css("marginRight"),10)||0,bottom:parseInt(this.element.css("marginBottom"),10)||0}},_cacheHelperProportions:function(){this.helperProportions={width:this.helper.outerWidth(),height:this.helper.outerHeight()}},_setContainment:function(){var t=this.options;t.containment=="parent"&&(t.containment=this.helper[0].parentNode);if(t.containment=="document"||t.containment=="window")this.containment=[t.containment=="document"?0:e(window).scrollLeft()-this.offset.relative.left-this.offset.parent.left,t.containment=="document"?0:e(window).scrollTop()-this.offset.relative.top-this.offset.parent.top,(t.containment=="document"?0:e(window).scrollLeft())+e(t.containment=="document"?document:window).width()-this.helperProportions.width-this.margins.left,(t.containment=="document"?0:e(window).scrollTop())+(e(t.containment=="document"?document:window).height()||document.body.parentNode.scrollHeight)-this.helperProportions.height-this.margins.top];if(!/^(document|window|parent)$/.test(t.containment)&&t.containment.constructor!=Array){var n=e(t.containment),r=n[0];if(!r)return;var i=n.offset(),s=e(r).css("overflow")!="hidden";this.containment=[(parseInt(e(r).css("borderLeftWidth"),10)||0)+(parseInt(e(r).css("paddingLeft"),10)||0),(parseInt(e(r).css("borderTopWidth"),10)||0)+(parseInt(e(r).css("paddingTop"),10)||0),(s?Math.max(r.scrollWidth,r.offsetWidth):r.offsetWidth)-(parseInt(e(r).css("borderLeftWidth"),10)||0)-(parseInt(e(r).css("paddingRight"),10)||0)-this.helperProportions.width-this.margins.left-this.margins.right,(s?Math.max(r.scrollHeight,r.offsetHeight):r.offsetHeight)-(parseInt(e(r).css("borderTopWidth"),10)||0)-(parseInt(e(r).css("paddingBottom"),10)||0)-this.helperProportions.height-this.margins.top-this.margins.bottom],this.relative_container=n}else t.containment.constructor==Array&&(this.containment=t.containment)},_convertPositionTo:function(t,n){n||(n=this.position);var r=t=="absolute"?1:-1,i=this.options,s=this.cssPosition!="absolute"||this.scrollParent[0]!=document&&!!e.contains(this.scrollParent[0],this.offsetParent[0])?this.scrollParent:this.offsetParent,o=/(html|body)/i.test(s[0].tagName);return{top:n.top+this.offset.relative.top*r+this.offset.parent.top*r-(this.cssPosition=="fixed"?-this.scrollParent.scrollTop():o?0:s.scrollTop())*r,left:n.left+this.offset.relative.left*r+this.offset.parent.left*r-(this.cssPosition=="fixed"?-this.scrollParent.scrollLeft():o?0:s.scrollLeft())*r}},_generatePosition:function(t){var n=this.options,r=this.cssPosition!="absolute"||this.scrollParent[0]!=document&&!!e.contains(this.scrollParent[0],this.offsetParent[0])?this.scrollParent:this.offsetParent,i=/(html|body)/i.test(r[0].tagName),s=t.pageX,o=t.pageY;if(this.originalPosition){var u;if(this.containment){if(this.relative_container){var a=this.relative_container.offset();u=[this.containment[0]+a.left,this.containment[1]+a.top,this.containment[2]+a.left,this.containment[3]+a.top]}else u=this.containment;t.pageX-this.offset.click.leftu[2]&&(s=u[2]+this.offset.click.left),t.pageY-this.offset.click.top>u[3]&&(o=u[3]+this.offset.click.top)}if(n.grid){var f=n.grid[1]?this.originalPageY+Math.round((o-this.originalPageY)/n.grid[1])*n.grid[1]:this.originalPageY;o=u?f-this.offset.click.topu[3]?f-this.offset.click.topu[2]?l-this.offset.click.left=0;l--){var c=r.snapElements[l].left,h=c+r.snapElements[l].width,p=r.snapElements[l].top,d=p+r.snapElements[l].height;if(!(c-s0&&(s.splice(o-1,2),o-=2)}return i.hostPart=r[1],i.directories=s,i.path=r[1]+s.join("/"),i.fileUrl=i.path+(r[4]||""),i.url=i.fileUrl+(r[5]||""),i}function w(t,n,i,s){var o=t.contents||{},u=t.files||{},a=b(t.href,e.location.href),f=a.url,c=l&&l.getItem(f),h=l&&l.getItem(f+":timestamp"),p={css:c,timestamp:h},d;r.relativeUrls?r.rootpath?t.entryPath?d=b(r.rootpath+y(a.path,t.entryPath)).path:d=r.rootpath:d=a.path:r.rootpath?d=r.rootpath:t.entryPath?d=t.entryPath:d=a.path,x(f,t.type,function(e,l){v+=e.replace(/@import .+?;/ig,"");if(!i&&p&&l&&(new Date(l)).valueOf()===(new Date(p.timestamp)).valueOf())S(p.css,t),n(null,null,e,t,{local:!0,remaining:s},f);else try{o[f]=e,(new r.Parser({optimization:r.optimization,paths:[a.path],entryPath:t.entryPath||a.path,mime:t.type,filename:f,rootpath:d,relativeUrls:t.relativeUrls,contents:o,files:u,dumpLineNumbers:r.dumpLineNumbers})).parse(e,function(r,i){if(r)return k(r,f);try{n(r,i,e,t,{local:!1,lastModified:l,remaining:s},f),N(document.getElementById("less-error-message:"+E(f)))}catch(r){k(r,f)}})}catch(c){k(c,f)}},function(e,t){throw new Error("Couldn't load "+t+" ("+e+")")})}function E(e){return e.replace(/^[a-z]+:\/\/?[^\/]+/,"").replace(/^\//,"").replace(/\.[a-zA-Z]+$/,"").replace(/[^\.\w-]+/g,"-").replace(/\./g,":")}function S(e,t,n){var r,i=t.href||"",s="less:"+(t.title||E(i));if((r=document.getElementById(s))===null){r=document.createElement("style"),r.type="text/css",t.media&&(r.media=t.media),r.id=s;var o=t&&t.nextSibling||null;(o||document.getElementsByTagName("head")[0]).parentNode.insertBefore(r,o)}if(r.styleSheet)try{r.styleSheet.cssText=e}catch(u){throw new Error("Couldn't reassign styleSheet.cssText.")}else(function(e){r.childNodes.length>0?r.firstChild.nodeValue!==e.nodeValue&&r.replaceChild(e,r.firstChild):r.appendChild(e)})(document.createTextNode(e));if(n&&l){C("saving "+i+" to cache.");try{l.setItem(i,e),l.setItem(i+":timestamp",n)}catch(u){C("failed to save")}}}function x(e,t,n,i){function a(t,n,r){t.status>=200&&t.status<300?n(t.responseText,t.getResponseHeader("Last-Modified")):typeof r=="function"&&r(t.status,e)}var s=T(),u=o?r.fileAsync:r.async;typeof s.overrideMimeType=="function"&&s.overrideMimeType("text/css"),s.open("GET",e,u),s.setRequestHeader("Accept",t||"text/x-less, text/css; q=0.9, */*; q=0.5"),s.send(null),o&&!r.fileAsync?s.status===0||s.status>=200&&s.status<300?n(s.responseText):i(s.status,e):u?s.onreadystatechange=function(){s.readyState==4&&a(s,n,i)}:a(s,n,i)}function T(){if(e.XMLHttpRequest)return new XMLHttpRequest;try{return new ActiveXObject("MSXML2.XMLHTTP.3.0")}catch(t){return C("browser doesn't support AJAX."),null}}function N(e){return e&&e.parentNode.removeChild(e)}function C(e){r.env=="development"&&typeof console!="undefined"&&console.log("less: "+e)}function k(e,t){var n="less-error-message:"+E(t),i='
  • {content}
    • ',s=document.createElement("div"),o,u,a=[],f=e.filename||t,l=f.match(/([^\/]+(\?.*)?)$/)[1];s.id=n,s.className="less-error-message",u="

    "+(e.message||"There is an error in your .less file")+"

    "+'

    in '+l+" ";var c=function(e,t,n){e.extract[t]&&a.push(i.replace(/\{line\}/,parseInt(e.line)+(t-1)).replace(/\{class\}/,n).replace(/\{content\}/,e.extract[t]))};e.stack?u+="
    "+e.stack.split("\n").slice(1).join("
    "):e.extract&&(c(e,0,""),c(e,1,"line"),c(e,2,""),u+="on line "+e.line+", column "+(e.column+1)+":

    "+""),s.innerHTML=u,S([".less-error-message ul, .less-error-message li {","list-style-type: none;","margin-right: 15px;","padding: 4px 0;","margin: 0;","}",".less-error-message label {","font-size: 12px;","margin-right: 15px;","padding: 4px 0;","color: #cc7777;","}",".less-error-message pre {","color: #dd6666;","padding: 4px 0;","margin: 0;","display: inline-block;","}",".less-error-message pre.line {","color: #ff0000;","}",".less-error-message h3 {","font-size: 20px;","font-weight: bold;","padding: 15px 0 5px 0;","margin: 0;","}",".less-error-message a {","color: #10a","}",".less-error-message .error {","color: red;","font-weight: bold;","padding-bottom: 2px;","border-bottom: 1px dashed red;","}"].join("\n"),{title:"error-message"}),s.style.cssText=["font-family: Arial, sans-serif","border: 1px solid #e00","background-color: #eee","border-radius: 5px","-webkit-border-radius: 5px","-moz-border-radius: 5px","color: #e00","padding: 15px","margin-bottom: 15px"].join(";"),r.env=="development"&&(o=setInterval(function(){document.body&&(document.getElementById(n)?document.body.replaceChild(s,document.getElementById(n)):document.body.insertBefore(s,document.body.firstChild),clearInterval(o))},10))}Array.isArray||(Array.isArray=function(e){return Object.prototype.toString.call(e)==="[object Array]"||e instanceof Array}),Array.prototype.forEach||(Array.prototype.forEach=function(e,t){var n=this.length>>>0;for(var r=0;r>>0,n=new Array(t),r=arguments[1];for(var i=0;i>>0,n=0;if(t===0&&arguments.length===1)throw new TypeError;if(arguments.length>=2)var r=arguments[1];else do{if(n in this){r=this[n++];break}if(++n>=t)throw new TypeError}while(!0);for(;n=t)return-1;n<0&&(n+=t);for(;nh&&(c[u]=c[u].slice(o-h),h=o)}function w(e){var t=e.charCodeAt(0);return t===32||t===10||t===9}function E(e){var t,n,r,i,a;if(e instanceof Function)return e.call(p.parsers);if(typeof e=="string")t=s.charAt(o)===e?e:null,r=1,b();else{b();if(!(t=e.exec(c[u])))return null;r=t[0].length}if(t)return S(r),typeof t=="string"?t:t.length===1?t[0]:t}function S(e){var t=o,n=u,r=o+c[u].length,i=o+=e;while(o=0&&t.charAt(n)!=="\n";n--)r++;return{line:typeof e=="number"?(t.slice(0,e).match(/\n/g)||"").length:null,column:r}}function L(e){return r.mode==="browser"||r.mode==="rhino"?e.filename:n("path").resolve(e.filename)}function A(e,t,n){return{lineNumber:k(e,t).line+1,fileName:L(n)}}function O(e,t){var n=C(e,t),r=k(e.index,n),i=r.line,s=r.column,o=n.split("\n");this.type=e.type||"Syntax",this.message=e.message,this.filename=e.filename||t.filename,this.index=e.index,this.line=typeof i=="number"?i+1:null,this.callLine=e.call&&k(e.call,n).line+1,this.callExtract=o[k(e.call,n).line],this.stack=e.stack,this.column=s,this.extract=[o[i-1],o[i],o[i+1]]}var s,o,u,a,f,l,c,h,p,d=this,t=t||{};t.contents||(t.contents={}),t.rootpath=t.rootpath||"",t.files||(t.files={});var v=function(){},m=this.imports={paths:t.paths||[],queue:[],files:t.files,contents:t.contents,mime:t.mime,error:null,push:function(e,n){var i=this;this.queue.push(e),r.Parser.importer(e,this.paths,function(t,r,s){i.queue.splice(i.queue.indexOf(e),1);var o=s in i.files;i.files[s]=r,t&&!i.error&&(i.error=t),n(t,r,o),i.queue.length===0&&v(i.error)},t)}};return this.env=t=t||{},this.optimization="optimization"in this.env?this.env.optimization:1,this.env.filename=this.env.filename||null,p={imports:m,parse:function(e,a){var f,d,m,g,y,b,w=[],S,x=null;o=u=h=l=0,s=e.replace(/\r\n/g,"\n"),s=s.replace(/^\uFEFF/,""),c=function(e){var n=0,r=/(?:@\{[\w-]+\}|[^"'`\{\}\/\(\)\\])+/g,i=/\/\*(?:[^*]|\*+[^\/*])*\*+\/|\/\/.*/g,o=/"((?:[^"\\\r\n]|\\.)*)"|'((?:[^'\\\r\n]|\\.)*)'|`((?:[^`]|\\.)*)`/g,u=0,a,f=e[0],l;for(var c=0,h,p;c0?"missing closing `}`":"missing opening `{`",filename:t.filename},t)),e.map(function(e){return e.join("")})}([[]]);if(x)return a(x,t);try{f=new i.Ruleset([],E(this.parsers.primary)),f.root=!0}catch(T){return a(new O(T,t))}f.toCSS=function(e){var s,o,u;return function(s,o){var u=[],a;s=s||{},typeof o=="object"&&!Array.isArray(o)&&(o=Object.keys(o).map(function(e){var t=o[e];return t instanceof i.Value||(t instanceof i.Expression||(t=new i.Expression([t])),t=new i.Value([t])),new i.Rule("@"+e,t,!1,0)}),u=[new i.Ruleset(null,o)]);try{var f=e.call(this,{frames:u}).toCSS([],{compress:s.compress||!1,dumpLineNumbers:t.dumpLineNumbers})}catch(l){throw new O(l,t)}if(a=p.imports.error)throw a instanceof O?a:new O(a,t);return s.yuicompress&&r.mode==="node"?n("ycssmin").cssmin(f):s.compress?f.replace(/(\s)+/g,"$1"):f}}(f.eval);if(o=0&&s.charAt(N)!=="\n";N--)C++;x={type:"Parse",message:"Syntax Error on line "+y,index:o,filename:t.filename,line:y,column:C,extract:[b[y-2],b[y-1],b[y]]}}this.imports.queue.length>0?v=function(e){e=x||e,e?a(e):a(null,f)}:a(x,f)},parsers:{primary:function(){var e,t=[];while((e=E(this.mixin.definition)||E(this.rule)||E(this.ruleset)||E(this.mixin.call)||E(this.comment)||E(this.directive))||E(/^[\s\n]+/)||E(/^;+/))e&&t.push(e);return t},comment:function(){var e;if(s.charAt(o)!=="/")return;if(s.charAt(o+1)==="/")return new i.Comment(E(/^\/\/.*/),!0);if(e=E(/^\/\*(?:[^*]|\*+[^\/*])*\*+\/\n?/))return new i.Comment(e)},entities:{quoted:function(){var e,t=o,n;s.charAt(t)==="~"&&(t++,n=!0);if(s.charAt(t)!=='"'&&s.charAt(t)!=="'")return;n&&E("~");if(e=E(/^"((?:[^"\\\r\n]|\\.)*)"|'((?:[^'\\\r\n]|\\.)*)'/))return new i.Quoted(e[0],e[1]||e[2],n)},keyword:function(){var e;if(e=E(/^[_A-Za-z-][_A-Za-z0-9-]*/))return i.colors.hasOwnProperty(e)?new i.Color(i.colors[e].slice(1)):new i.Keyword(e)},call:function(){var e,n,r,s,a=o;if(!(e=/^([\w-]+|%|progid:[\w\.]+)\(/.exec(c[u])))return;e=e[1],n=e.toLowerCase();if(n==="url")return null;o+=e.length;if(n==="alpha"){s=E(this.alpha);if(typeof s!="undefined")return s}E("("),r=E(this.entities.arguments);if(!E(")"))return;if(e)return new i.Call(e,r,a,t.filename)},arguments:function(){var e=[],t;while(t=E(this.entities.assignment)||E(this.expression)){e.push(t);if(!E(","))break}return e},literal:function(){return E(this.entities.ratio)||E(this.entities.dimension)||E(this.entities.color)||E(this.entities.quoted)||E(this.entities.unicodeDescriptor)},assignment:function(){var e,t;if((e=E(/^\w+(?=\s?=)/i))&&E("=")&&(t=E(this.entity)))return new i.Assignment(e,t)},url:function(){var e;if(s.charAt(o)!=="u"||!E(/^url\(/))return;return e=E(this.entities.quoted)||E(this.entities.variable)||E(/^(?:(?:\\[\(\)'"])|[^\(\)'"])+/)||"",x(")"),new i.URL(e.value!=null||e instanceof i.Variable?e:new i.Anonymous(e),t.rootpath)},variable:function(){var e,n=o;if(s.charAt(o)==="@"&&(e=E(/^@@?[\w-]+/)))return new i.Variable(e,n,t.filename)},variableCurly:function(){var e,n,r=o;if(s.charAt(o)==="@"&&(n=E(/^@\{([\w-]+)\}/)))return new i.Variable("@"+n[1],r,t.filename)},color:function(){var e;if(s.charAt(o)==="#"&&(e=E(/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})/)))return new i.Color(e[1])},dimension:function(){var e,t=s.charCodeAt(o);if(t>57||t<43||t===47||t==44)return;if(e=E(/^([+-]?\d*\.?\d+)(px|%|em|pc|ex|in|deg|s|ms|pt|cm|mm|rad|grad|turn|dpi|dpcm|dppx|rem|vw|vh|vmin|vm|ch)?/))return new i.Dimension(e[1],e[2])},ratio:function(){var e,t=s.charCodeAt(o);if(t>57||t<48)return;if(e=E(/^(\d+\/\d+)/))return new i.Ratio(e[1])},unicodeDescriptor:function(){var e;if(e=E(/^U\+[0-9a-fA-F?]+(\-[0-9a-fA-F?]+)?/))return new i.UnicodeDescriptor(e[0])},javascript:function(){var e,t=o,n;s.charAt(t)==="~"&&(t++,n=!0);if(s.charAt(t)!=="`")return;n&&E("~");if(e=E(/^`([^`]*)`/))return new i.JavaScript(e[1],o,n)}},variable:function(){var e;if(s.charAt(o)==="@"&&(e=E(/^(@[\w-]+)\s*:/)))return e[1]},shorthand:function(){var e,t;if(!N(/^[@\w.%-]+\/[@\w.-]+/))return;g();if((e=E(this.entity))&&E("/")&&(t=E(this.entity)))return new i.Shorthand(e,t);y()},mixin:{call:function(){var e=[],n,r,u=[],a=[],f,l,c,h,p,d,v,m=o,b=s.charAt(o),w,S,C=!1;if(b!=="."&&b!=="#")return;g();while(n=E(/^[#.](?:[\w-]|\\(?:[A-Fa-f0-9]{1,6} ?|[^A-Fa-f0-9]))+/))e.push(new i.Element(r,n,o)),r=E(">");if(E("(")){p=[];while(c=E(this.expression)){h=null,S=c;if(c.value.length==1){var k=c.value[0];k instanceof i.Variable&&E(":")&&(p.length>0&&(d&&T("Cannot mix ; and , as delimiter types"),v=!0),S=x(this.expression),h=w=k.name)}p.push(S),a.push({name:h,value:S});if(E(","))continue;if(E(";")||d)v&&T("Cannot mix ; and , as delimiter types"),d=!0,p.length>1&&(S=new i.Value(p)),u.push({name:w,value:S}),w=null,p=[],v=!1}x(")")}f=d?u:a,E(this.important)&&(C=!0);if(e.length>0&&(E(";")||N("}")))return new i.mixin.Call(e,f,m,t.filename,C);y()},definition:function(){var e,t=[],n,r,u,a,f,c=!1;if(s.charAt(o)!=="."&&s.charAt(o)!=="#"||N(/^[^{]*\}/))return;g();if(n=E(/^([#.](?:[\w-]|\\(?:[A-Fa-f0-9]{1,6} ?|[^A-Fa-f0-9]))+)\s*\(/)){e=n[1];do{E(this.comment);if(s.charAt(o)==="."&&E(/^\.{3}/)){c=!0,t.push({variadic:!0});break}if(!(u=E(this.entities.variable)||E(this.entities.literal)||E(this.entities.keyword)))break;if(u instanceof i.Variable)if(E(":"))a=x(this.expression,"expected expression"),t.push({name:u.name,value:a});else{if(E(/^\.{3}/)){t.push({name:u.name,variadic:!0}),c=!0;break}t.push({name:u.name})}else t.push({value:u})}while(E(",")||E(";"));E(")")||(l=o,y()),E(this.comment),E(/^when/)&&(f=x(this.conditions,"expected condition")),r=E(this.block);if(r)return new i.mixin.Definition(e,t,r,f,c);y()}}},entity:function(){return E(this.entities.literal)||E(this.entities.variable)||E(this.entities.url)||E(this.entities.call)||E(this.entities.keyword)||E(this.entities.javascript)||E(this.comment)},end:function(){return E(";")||N("}")},alpha:function(){var e;if(!E(/^\(opacity=/i))return;if(e=E(/^\d+/)||E(this.entities.variable))return x(")"),new i.Alpha(e)},element:function(){var e,t,n,r;n=E(this.combinator),e=E(/^(?:\d+\.\d+|\d+)%/)||E(/^(?:[.#]?|:*)(?:[\w-]|[^\x00-\x9f]|\\(?:[A-Fa-f0-9]{1,6} ?|[^A-Fa-f0-9]))+/)||E("*")||E("&")||E(this.attribute)||E(/^\([^()@]+\)/)||E(/^[\.#](?=@)/)||E(this.entities.variableCurly),e||E("(")&&(r=E(this.entities.variableCurly)||E(this.entities.variable)||E(this.selector))&&E(")")&&(e=new i.Paren(r));if(e)return new i.Element(n,e,o)},combinator:function(){var e,t=s.charAt(o);if(t===">"||t==="+"||t==="~"||t==="|"){o++;while(s.charAt(o).match(/\s/))o++;return new i.Combinator(t)}return s.charAt(o-1).match(/\s/)?new i.Combinator(" "):new i.Combinator(null)},selector:function(){var e,t,n=[],r,u;if(E("("))return e=E(this.entity),E(")")?new i.Selector([new i.Element("",e,o)]):null;while(t=E(this.element)){r=s.charAt(o),n.push(t);if(r==="{"||r==="}"||r===";"||r===","||r===")")break}if(n.length>0)return new i.Selector(n)},attribute:function(){var e="",t,n,r;if(!E("["))return;if(t=E(/^(?:[_A-Za-z0-9-]|\\.)+/)||E(this.entities.quoted))(r=E(/^[|~*$^]?=/))&&(n=E(this.entities.quoted)||E(/^[\w-]+/))?e=[t,r,n.toCSS?n.toCSS():n].join(""):e=t;if(!E("]"))return;if(e)return"["+e+"]"},block:function(){var e;if(E("{")&&(e=E(this.primary))&&E("}"))return e},ruleset:function(){var e=[],n,r,u,a;g(),t.dumpLineNumbers&&(a=A(o,s,t));while(n=E(this.selector)){e.push(n),E(this.comment);if(!E(","))break;E(this.comment)}if(e.length>0&&(r=E(this.block))){var f=new i.Ruleset(e,r,t.strictImports);return t.dumpLineNumbers&&(f.debugInfo=a),f}l=o,y()},rule:function(){var e,t,n=s.charAt(o),r,a;g();if(n==="."||n==="#"||n==="&")return;if(e=E(this.variable)||E(this.property)){e.charAt(0)!="@"&&(a=/^([^@+\/'"*`(;{}-]*);/.exec(c[u]))?(o+=a[0].length-1,t=new i.Anonymous(a[1])):e==="font"?t=E(this.font):t=E(this.value),r=E(this.important);if(t&&E(this.end))return new i.Rule(e,t,r,f);l=o,y()}},"import":function(){var e,n,r=o;g();var s=E(/^@import(?:-(once))?\s+/);if(s&&(e=E(this.entities.quoted)||E(this.entities.url))){n=E(this.mediaFeatures);if(E(";"))return new i.Import(e,m,n,s[1]==="once",r,t.rootpath)}y()},mediaFeature:function(){var e,t,n=[];do if(e=E(this.entities.keyword))n.push(e);else if(E("(")){t=E(this.property),e=E(this.entity);if(!E(")"))return null;if(t&&e)n.push(new i.Paren(new i.Rule(t,e,null,o,!0)));else{if(!e)return null;n.push(new i.Paren(e))}}while(e);if(n.length>0)return new i.Expression(n)},mediaFeatures:function(){var e,t=[];do if(e=E(this.mediaFeature)){t.push(e);if(!E(","))break}else if(e=E(this.entities.variable)){t.push(e);if(!E(","))break}while(e);return t.length>0?t:null},media:function(){var e,n,r,u;t.dumpLineNumbers&&(u=A(o,s,t));if(E(/^@media/)){e=E(this.mediaFeatures);if(n=E(this.block))return r=new i.Media(n,e),t.dumpLineNumbers&&(r.debugInfo=u),r}},directive:function(){var e,n,r,u,a,f,l,c,h,p;if(s.charAt(o)!=="@")return;if(n=E(this["import"])||E(this.media))return n;g(),e=E(/^@[a-z-]+/);if(!e)return;l=e,e.charAt(1)=="-"&&e.indexOf("-",2)>0&&(l="@"+e.slice(e.indexOf("-",2)+1));switch(l){case"@font-face":c=!0;break;case"@viewport":case"@top-left":case"@top-left-corner":case"@top-center":case"@top-right":case"@top-right-corner":case"@bottom-left":case"@bottom-left-corner":case"@bottom-center":case"@bottom-right":case"@bottom-right-corner":case"@left-top":case"@left-middle":case"@left-bottom":case"@right-top":case"@right-middle":case"@right-bottom":c=!0;break;case"@page":case"@document":case"@supports":case"@keyframes":c=!0,h=!0;break;case"@namespace":p=!0}h&&(e+=" "+(E(/^[^{]+/)||"").trim());if(c){if(r=E(this.block))return new i.Directive(e,r)}else if((n=p?E(this.expression):E(this.entity))&&E(";")){var d=new i.Directive(e,n);return t.dumpLineNumbers&&(d.debugInfo=A(o,s,t)),d}y()},font:function(){var e=[],t=[],n,r,s,o;while(o=E(this.shorthand)||E(this.entity))t.push(o);e.push(new i.Expression(t));if(E(","))while(o=E(this.expression)){e.push(o);if(!E(","))break}return new i.Value(e)},value:function(){var e,t=[],n;while(e=E(this.expression)){t.push(e);if(!E(","))break}if(t.length>0)return new i.Value(t)},important:function(){if(s.charAt(o)==="!")return E(/^! *important/)},sub:function(){var e;if(E("(")&&(e=E(this.expression))&&E(")"))return e},multiplication:function(){var e,t,n,r;if(e=E(this.operand)){while(!N(/^\/[*\/]/)&&(n=E("/")||E("*"))&&(t=E(this.operand)))r=new i.Operation(n,[r||e,t]);return r||e}},addition:function(){var e,t,n,r;if(e=E(this.multiplication)){while((n=E(/^[-+]\s+/)||!w(s.charAt(o-1))&&(E("+")||E("-")))&&(t=E(this.multiplication)))r=new i.Operation(n,[r||e,t]);return r||e}},conditions:function(){var e,t,n=o,r;if(e=E(this.condition)){while(E(",")&&(t=E(this.condition)))r=new i.Condition("or",r||e,t,n);return r||e}},condition:function(){var e,t,n,r,s=o,u=!1;E(/^not/)&&(u=!0),x("(");if(e=E(this.addition)||E(this.entities.keyword)||E(this.entities.quoted))return(r=E(/^(?:>=|=<|[<=>])/))?(t=E(this.addition)||E(this.entities.keyword)||E(this.entities.quoted))?n=new i.Condition(r,e,t,s,u):T("expected expression"):n=new i.Condition("=",e,new i.Keyword("true"),s,u),x(")"),E(/^and/)?new i.Condition("and",n,E(this.condition)):n},operand:function(){var e,t=s.charAt(o+1);s.charAt(o)==="-"&&(t==="@"||t==="(")&&(e=E("-"));var n=E(this.sub)||E(this.entities.dimension)||E(this.entities.color)||E(this.entities.variable)||E(this.entities.call);return e?new i.Operation("*",[new i.Dimension(-1),n]):n},expression:function(){var e,t,n=[],r;while(e=E(this.addition)||E(this.entity))n.push(e);if(n.length>0)return new i.Expression(n)},property:function(){var e;if(e=E(/^(\*?-?[_a-z0-9-]+)\s*:/))return e[1]}}}};if(r.mode==="browser"||r.mode==="rhino")r.Parser.importer=function(e,t,n,r){!/^([a-z-]+:)?\//.test(e)&&t.length>0&&(e=t[0]+e),w({href:e,title:e,type:r.mime,contents:r.contents,files:r.files,rootpath:r.rootpath,entryPath:r.entryPath,relativeUrls:r.relativeUrls},function(e,i,s,o,u,a){e&&typeof r.errback=="function"?r.errback.call(null,a,t,n,r):n.call(null,e,i,a)},!0)};(function(e){function t(t){return e.functions.hsla(t.h,t.s,t.l,t.a)}function n(t,n){return t instanceof e.Dimension&&t.unit=="%"?parseFloat(t.value*n/100):r(t)}function r(t){if(t instanceof e.Dimension)return parseFloat(t.unit=="%"?t.value/100:t.value);if(typeof t=="number")return t;throw{error:"RuntimeError",message:"color functions take numbers as parameters"}}function i(e){return Math.min(1,Math.max(0,e))}e.functions={rgb:function(e,t,n){return this.rgba(e,t,n,1)},rgba:function(t,i,s,o){var u=[t,i,s].map(function(e){return n(e,256)});return o=r(o),new e.Color(u,o)},hsl:function(e,t,n){return this.hsla(e,t,n,1)},hsla:function(e,t,n,i){function u(e){return e=e<0?e+1:e>1?e-1:e,e*6<1?o+(s-o)*e*6:e*2<1?s:e*3<2?o+(s-o)*(2/3-e)*6:o}e=r(e)%360/360,t=r(t),n=r(n),i=r(i);var s=n<=.5?n*(t+1):n+t-n*t,o=n*2-s;return this.rgba(u(e+1/3)*255,u(e)*255,u(e-1/3)*255,i)},hsv:function(e,t,n){return this.hsva(e,t,n,1)},hsva:function(e,t,n,i){e=r(e)%360/360*360,t=r(t),n=r(n),i=r(i);var s,o;s=Math.floor(e/60%6),o=e/60-s;var u=[n,n*(1-t),n*(1-o*t),n*(1-(1-o)*t)],a=[[0,3,1],[2,0,1],[1,0,3],[1,2,0],[3,1,0],[0,1,2]];return this.rgba(u[a[s][0]]*255,u[a[s][1]]*255,u[a[s][2]]*255,i)},hue:function(t){return new e.Dimension(Math.round(t.toHSL().h))},saturation:function(t){return new e.Dimension(Math.round(t.toHSL().s*100),"%")},lightness:function(t){return new e.Dimension(Math.round(t.toHSL().l*100),"%")},red:function(t){return new e.Dimension(t.rgb[0])},green:function(t){return new e.Dimension(t.rgb[1])},blue:function(t){return new e.Dimension(t.rgb[2])},alpha:function(t){return new e.Dimension(t.toHSL().a)},luma:function(t){return new e.Dimension(Math.round((.2126*(t.rgb[0]/255)+.7152*(t.rgb[1]/255)+.0722*(t.rgb[2]/255))*t.alpha*100),"%")},saturate:function(e,n){var r=e.toHSL();return r.s+=n.value/100,r.s=i(r.s),t(r)},desaturate:function(e,n){var r=e.toHSL();return r.s-=n.value/100,r.s=i(r.s),t(r)},lighten:function(e,n){var r=e.toHSL();return r.l+=n.value/100,r.l=i(r.l),t(r)},darken:function(e,n){var r=e.toHSL();return r.l-=n.value/100,r.l=i(r.l),t(r)},fadein:function(e,n){var r=e.toHSL();return r.a+=n.value/100,r.a=i(r.a),t(r)},fadeout:function(e,n){var r=e.toHSL();return r.a-=n.value/100,r.a=i(r.a),t(r)},fade:function(e,n){var r=e.toHSL();return r.a=n.value/100,r.a=i(r.a),t(r)},spin:function(e,n){var r=e.toHSL(),i=(r.h+n.value)%360;return r.h=i<0?360+i:i,t(r)},mix:function(t,n,r){r||(r=new e.Dimension(50));var i=r.value/100,s=i*2-1,o=t.toHSL().a-n.toHSL().a,u=((s*o==-1?s:(s+o)/(1+s*o))+1)/2,a=1-u,f=[t.rgb[0]*u+n.rgb[0]*a,t.rgb[1]*u+n.rgb[1]*a,t.rgb[2]*u+n.rgb[2]*a],l=t.alpha*i+n.alpha*(1-i);return new e.Color(f,l)},greyscale:function(t){return this.desaturate(t,new e.Dimension(100))},contrast:function(e,t,n,r){return e.rgb?(typeof n=="undefined"&&(n=this.rgba(255,255,255,1)),typeof t=="undefined"&&(t=this.rgba(0,0,0,1)),typeof r=="undefined"?r=.43:r=r.value,(.2126*(e.rgb[0]/255)+.7152*(e.rgb[1]/255)+.0722*(e.rgb[2]/255))*e.alpha255?255:e<0?0:e).toString(16),e.length===1?"0"+e:e}).join("")},operate:function(t,n){var r=[];n instanceof e.Color||(n=n.toColor());for(var i=0;i<3;i++)r[i]=e.operate(t,this.rgb[i],n.rgb[i]);return new e.Color(r,this.alpha+n.alpha)},toHSL:function(){var e=this.rgb[0]/255,t=this.rgb[1]/255,n=this.rgb[2]/255,r=this.alpha,i=Math.max(e,t,n),s=Math.min(e,t,n),o,u,a=(i+s)/2,f=i-s;if(i===s)o=u=0;else{u=a>.5?f/(2-i-s):f/(i+s);switch(i){case e:o=(t-n)/f+(t255?255:e<0?0:e).toString(16),e.length===1?"0"+e:e}).join("")},compare:function(e){return e.rgb?e.rgb[0]===this.rgb[0]&&e.rgb[1]===this.rgb[1]&&e.rgb[2]===this.rgb[2]&&e.alpha===this.alpha?0:-1:-1}}}(n("../tree")),function(e){e.Comment=function(e,t){this.value=e,this.silent=!!t},e.Comment.prototype={toCSS:function(e){return e.compress?"":this.value},eval:function(){return this}}}(n("../tree")),function(e){e.Condition=function(e,t,n,r,i){this.op=e.trim(),this.lvalue=t,this.rvalue=n,this.index=r,this.negate=i},e.Condition.prototype.eval=function(e){var t=this.lvalue.eval(e),n=this.rvalue.eval(e),r=this.index,i,i=function(e){switch(e){case"and":return t&&n;case"or":return t||n;default:if(t.compare)i=t.compare(n);else{if(!n.compare)throw{type:"Type",message:"Unable to perform comparison",index:r};i=n.compare(t)}switch(i){case-1:return e==="<"||e==="=<";case 0:return e==="="||e===">="||e==="=<";case 1:return e===">"||e===">="}}}(this.op);return this.negate?!i:i}}(n("../tree")),function(e){e.Dimension=function(e,t){this.value=parseFloat(e),this.unit=t||null},e.Dimension.prototype={eval:function(){return this},toColor:function(){return new e.Color([this.value,this.value,this.value])},toCSS:function(){var e=this.value+this.unit;return e},operate:function(t,n){return new e.Dimension(e.operate(t,this.value,n.value),this.unit||n.unit)},compare:function(t){return t instanceof e.Dimension?t.value>this.value?-1:t.value":e.compress?">":" > ","|":e.compress?"|":" | "}[this.value]}}(n("../tree")),function(e){e.Expression=function(e){this.value=e},e.Expression.prototype={eval:function(t){return this.value.length>1?new e.Expression(this.value.map(function(e){return e.eval(t)})):this.value.length===1?this.value[0].eval(t):this},toCSS:function(e){return this.value.map(function(t){return t.toCSS?t.toCSS(e):""}).join(" ")}}}(n("../tree")),function(e){e.Import=function(t,n,r,i,s,o){var u=this;this.once=i,this.index=s,this._path=t,this.features=r&&new e.Value(r),this.rootpath=o,t instanceof e.Quoted?this.path=/(\.[a-z]*$)|([\?;].*)$/.test(t.value)?t.value:t.value+".less":this.path=t.value.value||t.value,this.css=/css([\?;].*)?$/.test(this.path),this.css||n.push(this.path,function(t,n,r){t&&(t.index=s),r&&u.once&&(u.skip=r),u.root=n||new e.Ruleset([],[])})},e.Import.prototype={toCSS:function(e){var t=this.features?" "+this.features.toCSS(e):"";return this.css?(typeof this._path.value=="string"&&!/^(?:[a-z-]+:|\/)/.test(this._path.value)&&(this._path.value=this.rootpath+this._path.value),"@import "+this._path.toCSS()+t+";\n"):""},eval:function(t){var n,r=this.features&&this.features.eval(t);return this.skip?[]:this.css?this:(n=new e.Ruleset([],this.root.rules.slice(0)),n.evalImports(t),this.features?new e.Media(n.rules,this.features.value):n.rules)}}}(n("../tree")),function(e){e.JavaScript=function(e,t,n){this.escaped=n,this.expression=e,this.index=t},e.JavaScript.prototype={eval:function(t){var n,r=this,i={},s=this.expression.replace(/@\{([\w-]+)\}/g,function(n,i){return e.jsify((new e.Variable("@"+i,r.index)).eval(t))});try{s=new Function("return ("+s+")")}catch(o){throw{message:"JavaScript evaluation error: `"+s+"`",index:this.index}}for(var u in t.frames[0].variables())i[u.slice(1)]={value:t.frames[0].variables()[u].value,toJS:function(){return this.value.eval(t).toCSS()}};try{n=s.call(i)}catch(o){throw{message:"JavaScript evaluation error: '"+o.name+": "+o.message+"'",index:this.index}}return typeof n=="string"?new e.Quoted('"'+n+'"',n,this.escaped,this.index):Array.isArray(n)?new e.Anonymous(n.join(", ")):new e.Anonymous(n)}}}(n("../tree")),function(e){e.Keyword=function(e){this.value=e},e.Keyword.prototype={eval:function(){return this},toCSS:function(){return this.value},compare:function(t){return t instanceof e.Keyword?t.value===this.value?0:1:-1}},e.True=new e.Keyword("true"),e.False=new e.Keyword("false")}(n("../tree")),function(e){e.Media=function(t,n){var r=this.emptySelectors();this.features=new e.Value(n),this.ruleset=new e.Ruleset(r,t),this.ruleset.allowImports=!0},e.Media.prototype={toCSS:function(e,t){var n=this.features.toCSS(t);return this.ruleset.root=e.length===0||e[0].multiMedia,"@media "+n+(t.compress?"{":" {\n ")+this.ruleset.toCSS(e,t).trim().replace(/\n/g,"\n ")+(t.compress?"}":"\n}\n")},eval:function(t){t.mediaBlocks||(t.mediaBlocks=[],t.mediaPath=[]);var n=new e.Media([],[]);return this.debugInfo&&(this.ruleset.debugInfo=this.debugInfo,n.debugInfo=this.debugInfo),n.features=this.features.eval(t),t.mediaPath.push(n),t.mediaBlocks.push(n),t.frames.unshift(this.ruleset),n.ruleset=this.ruleset.eval(t),t.frames.shift(),t.mediaPath.pop(),t.mediaPath.length===0?n.evalTop(t):n.evalNested(t)},variable:function(t){return e.Ruleset.prototype.variable.call(this.ruleset,t)},find:function(){return e.Ruleset.prototype.find.apply(this.ruleset,arguments)},rulesets:function(){return e.Ruleset.prototype.rulesets.apply(this.ruleset)},emptySelectors:function(){var t=new e.Element("","&",0);return[new e.Selector([t])]},evalTop:function(t){var n=this;if(t.mediaBlocks.length>1){var r=this.emptySelectors();n=new e.Ruleset(r,t.mediaBlocks),n.multiMedia=!0}return delete t.mediaBlocks,delete t.mediaPath,n},evalNested:function(t){var n,r,i=t.mediaPath.concat([this]);for(n=0;n0;n--)t.splice(n,0,new e.Anonymous("and"));return new e.Expression(t)})),new e.Ruleset([],[])},permute:function(e){if(e.length===0)return[];if(e.length===1)return e[0];var t=[],n=this.permute(e.slice(1));for(var r=0;r0){c=!0;for(a=0;athis.params.length)return!1;if(this.required>0&&n>this.params.length)return!1}r=Math.min(n,this.arity);for(var s=0;si.selectors[o].elements.length?Array.prototype.push.apply(r,i.find(new e.Selector(t.elements.slice(1)),n)):r.push(i);break}}),this._lookups[o]=r)},toCSS:function(t,n){var r=[],i=[],s=[],o=[],u=[],a,f,l;this.root||this.joinSelectors(u,t,this.selectors);for(var c=0;c0){f=e.debugInfo(n,this),a=u.map(function(e){return e.map(function(e){return e.toCSS(n)}).join("").trim()}).join(n.compress?",":",\n");for(var c=i.length-1;c>=0;c--)s.indexOf(i[c])===-1&&s.unshift(i[c]);i=s,r.push(f+a+(n.compress?"{":" {\n ")+i.join(n.compress?"":"\n ")+(n.compress?"}":"\n}\n"))}return r.push(o),r.join("")+(n.compress?"\n":"")},joinSelectors:function(e,t,n){for(var r=0;r0)for(i=0;i0&&this.mergeElementsOnToSelectors(g,a);for(s=0;s0&&(l[0].elements=l[0].elements.slice(0),l[0].elements.push(new e.Element(f.combinator,"",0))),y.push(l);else for(o=0;o0?(h=l.slice(0),m=h.pop(),d=new e.Selector(m.elements.slice(0)),v=!1):d=new e.Selector([]),c.length>1&&(p=p.concat(c.slice(1))),c.length>0&&(v=!1,d.elements.push(new e.Element(f.combinator,c[0].elements[0].value,0)),d.elements=d.elements.concat(c[0].elements.slice(1))),v||h.push(d),h=h.concat(p),y.push(h)}a=y,g=[]}}g.length>0&&this.mergeElementsOnToSelectors(g,a);for(i=0;i0?i[i.length-1]=new e.Selector(i[i.length-1].elements.concat(t)):i.push(new e.Selector(t))}}}(n("../tree")),function(e){e.Selector=function(e){this.elements=e},e.Selector.prototype.match=function(e){var t=this.elements,n=t.length,r,i,s,o;r=e.elements.slice(e.elements.length&&e.elements[0].value==="&"?1:0),i=r.length,s=Math.min(n,i);if(i===0||n1?"["+e.value.map(function(e){return e.toCSS(!1)}).join(", ")+"]":e.toCSS(!1)}}(n("./tree"));var o=/^(file|chrome(-extension)?|resource|qrc|app):/.test(location.protocol);r.env=r.env||(location.hostname=="127.0.0.1"||location.hostname=="0.0.0.0"||location.hostname=="localhost"||location.port.length>0||o?"development":"production"),r.async=r.async||!1,r.fileAsync=r.fileAsync||!1,r.poll=r.poll||(o?1e3:1500);if(r.functions)for(var u in r.functions)r.tree.functions[u]=r.functions[u];var a=/!dumpLineNumbers:(comments|mediaquery|all)/.exec(location.hash);a&&(r.dumpLineNumbers=a[1]),r.watch=function(){return r.watchMode||(r.env="development",f()),this.watchMode=!0},r.unwatch=function(){return clearInterval(r.watchTimer),this.watchMode=!1},/!watch/.test(location.hash)&&r.watch();var l=null;if(r.env!="development")try{l=typeof e.localStorage=="undefined"?null:e.localStorage}catch(c){}var h=document.getElementsByTagName("link"),p=/^text\/(x-)?less$/;r.sheets=[];for(var d=0;d