Revision 989de44a

b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/underscore-min.js
1 
//     Underscore.js 1.5.2
2 
//     http://underscorejs.org
3 
//     (c) 2009-2013 Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
4 
//     Underscore may be freely distributed under the MIT license.
5 
(function(){var n=this,t=n._,r={},e=Array.prototype,u=Object.prototype,i=Function.prototype,a=e.push,o=e.slice,c=e.concat,l=u.toString,f=u.hasOwnProperty,s=e.forEach,p=e.map,h=e.reduce,v=e.reduceRight,g=e.filter,d=e.every,m=e.some,y=e.indexOf,b=e.lastIndexOf,x=Array.isArray,w=Object.keys,_=i.bind,j=function(n){return n instanceof j?n:this instanceof j?(this._wrapped=n,void 0):new j(n)};"undefined"!=typeof exports?("undefined"!=typeof module&&module.exports&&(exports=module.exports=j),exports._=j):n._=j,j.VERSION="1.5.2";var A=j.each=j.forEach=function(n,t,e){if(null!=n)if(s&&n.forEach===s)n.forEach(t,e);else if(n.length===+n.length){for(var u=0,i=n.length;i>u;u++)if(t.call(e,n[u],u,n)===r)return}else for(var a=j.keys(n),u=0,i=a.length;i>u;u++)if(t.call(e,n[a[u]],a[u],n)===r)return};j.map=j.collect=function(n,t,r){var e=[];return null==n?e:p&&n.map===p?n.map(t,r):(A(n,function(n,u,i){e.push(t.call(r,n,u,i))}),e)};var E="Reduce of empty array with no initial value";j.reduce=j.foldl=j.inject=function(n,t,r,e){var u=arguments.length>2;if(null==n&&(n=[]),h&&n.reduce===h)return e&&(t=j.bind(t,e)),u?n.reduce(t,r):n.reduce(t);if(A(n,function(n,i,a){u?r=t.call(e,r,n,i,a):(r=n,u=!0)}),!u)throw new TypeError(E);return r},j.reduceRight=j.foldr=function(n,t,r,e){var u=arguments.length>2;if(null==n&&(n=[]),v&&n.reduceRight===v)return e&&(t=j.bind(t,e)),u?n.reduceRight(t,r):n.reduceRight(t);var i=n.length;if(i!==+i){var a=j.keys(n);i=a.length}if(A(n,function(o,c,l){c=a?a[--i]:--i,u?r=t.call(e,r,n[c],c,l):(r=n[c],u=!0)}),!u)throw new TypeError(E);return r},j.find=j.detect=function(n,t,r){var e;return O(n,function(n,u,i){return t.call(r,n,u,i)?(e=n,!0):void 0}),e},j.filter=j.select=function(n,t,r){var e=[];return null==n?e:g&&n.filter===g?n.filter(t,r):(A(n,function(n,u,i){t.call(r,n,u,i)&&e.push(n)}),e)},j.reject=function(n,t,r){return j.filter(n,function(n,e,u){return!t.call(r,n,e,u)},r)},j.every=j.all=function(n,t,e){t||(t=j.identity);var u=!0;return null==n?u:d&&n.every===d?n.every(t,e):(A(n,function(n,i,a){return(u=u&&t.call(e,n,i,a))?void 0:r}),!!u)};var O=j.some=j.any=function(n,t,e){t||(t=j.identity);var u=!1;return null==n?u:m&&n.some===m?n.some(t,e):(A(n,function(n,i,a){return u||(u=t.call(e,n,i,a))?r:void 0}),!!u)};j.contains=j.include=function(n,t){return null==n?!1:y&&n.indexOf===y?n.indexOf(t)!=-1:O(n,function(n){return n===t})},j.invoke=function(n,t){var r=o.call(arguments,2),e=j.isFunction(t);return j.map(n,function(n){return(e?t:n[t]).apply(n,r)})},j.pluck=function(n,t){return j.map(n,function(n){return n[t]})},j.where=function(n,t,r){return j.isEmpty(t)?r?void 0:[]:j[r?"find":"filter"](n,function(n){for(var r in t)if(t[r]!==n[r])return!1;return!0})},j.findWhere=function(n,t){return j.where(n,t,!0)},j.max=function(n,t,r){if(!t&&j.isArray(n)&&n[0]===+n[0]&&n.length<65535)return Math.max.apply(Math,n);if(!t&&j.isEmpty(n))return-1/0;var e={computed:-1/0,value:-1/0};return A(n,function(n,u,i){var a=t?t.call(r,n,u,i):n;a>e.computed&&(e={value:n,computed:a})}),e.value},j.min=function(n,t,r){if(!t&&j.isArray(n)&&n[0]===+n[0]&&n.length<65535)return Math.min.apply(Math,n);if(!t&&j.isEmpty(n))return 1/0;var e={computed:1/0,value:1/0};return A(n,function(n,u,i){var a=t?t.call(r,n,u,i):n;a<e.computed&&(e={value:n,computed:a})}),e.value},j.shuffle=function(n){var t,r=0,e=[];return A(n,function(n){t=j.random(r++),e[r-1]=e[t],e[t]=n}),e},j.sample=function(n,t,r){return arguments.length<2||r?n[j.random(n.length-1)]:j.shuffle(n).slice(0,Math.max(0,t))};var k=function(n){return j.isFunction(n)?n:function(t){return t[n]}};j.sortBy=function(n,t,r){var e=k(t);return j.pluck(j.map(n,function(n,t,u){return{value:n,index:t,criteria:e.call(r,n,t,u)}}).sort(function(n,t){var r=n.criteria,e=t.criteria;if(r!==e){if(r>e||r===void 0)return 1;if(e>r||e===void 0)return-1}return n.index-t.index}),"value")};var F=function(n){return function(t,r,e){var u={},i=null==r?j.identity:k(r);return A(t,function(r,a){var o=i.call(e,r,a,t);n(u,o,r)}),u}};j.groupBy=F(function(n,t,r){(j.has(n,t)?n[t]:n[t]=[]).push(r)}),j.indexBy=F(function(n,t,r){n[t]=r}),j.countBy=F(function(n,t){j.has(n,t)?n[t]++:n[t]=1}),j.sortedIndex=function(n,t,r,e){r=null==r?j.identity:k(r);for(var u=r.call(e,t),i=0,a=n.length;a>i;){var o=i+a>>>1;r.call(e,n[o])<u?i=o+1:a=o}return i},j.toArray=function(n){return n?j.isArray(n)?o.call(n):n.length===+n.length?j.map(n,j.identity):j.values(n):[]},j.size=function(n){return null==n?0:n.length===+n.length?n.length:j.keys(n).length},j.first=j.head=j.take=function(n,t,r){return null==n?void 0:null==t||r?n[0]:o.call(n,0,t)},j.initial=function(n,t,r){return o.call(n,0,n.length-(null==t||r?1:t))},j.last=function(n,t,r){return null==n?void 0:null==t||r?n[n.length-1]:o.call(n,Math.max(n.length-t,0))},j.rest=j.tail=j.drop=function(n,t,r){return o.call(n,null==t||r?1:t)},j.compact=function(n){return j.filter(n,j.identity)};var M=function(n,t,r){return t&&j.every(n,j.isArray)?c.apply(r,n):(A(n,function(n){j.isArray(n)||j.isArguments(n)?t?a.apply(r,n):M(n,t,r):r.push(n)}),r)};j.flatten=function(n,t){return M(n,t,[])},j.without=function(n){return j.difference(n,o.call(arguments,1))},j.uniq=j.unique=function(n,t,r,e){j.isFunction(t)&&(e=r,r=t,t=!1);var u=r?j.map(n,r,e):n,i=[],a=[];return A(u,function(r,e){(t?e&&a[a.length-1]===r:j.contains(a,r))||(a.push(r),i.push(n[e]))}),i},j.union=function(){return j.uniq(j.flatten(arguments,!0))},j.intersection=function(n){var t=o.call(arguments,1);return j.filter(j.uniq(n),function(n){return j.every(t,function(t){return j.indexOf(t,n)>=0})})},j.difference=function(n){var t=c.apply(e,o.call(arguments,1));return j.filter(n,function(n){return!j.contains(t,n)})},j.zip=function(){for(var n=j.max(j.pluck(arguments,"length").concat(0)),t=new Array(n),r=0;n>r;r++)t[r]=j.pluck(arguments,""+r);return t},j.object=function(n,t){if(null==n)return{};for(var r={},e=0,u=n.length;u>e;e++)t?r[n[e]]=t[e]:r[n[e][0]]=n[e][1];return r},j.indexOf=function(n,t,r){if(null==n)return-1;var e=0,u=n.length;if(r){if("number"!=typeof r)return e=j.sortedIndex(n,t),n[e]===t?e:-1;e=0>r?Math.max(0,u+r):r}if(y&&n.indexOf===y)return n.indexOf(t,r);for(;u>e;e++)if(n[e]===t)return e;return-1},j.lastIndexOf=function(n,t,r){if(null==n)return-1;var e=null!=r;if(b&&n.lastIndexOf===b)return e?n.lastIndexOf(t,r):n.lastIndexOf(t);for(var u=e?r:n.length;u--;)if(n[u]===t)return u;return-1},j.range=function(n,t,r){arguments.length<=1&&(t=n||0,n=0),r=arguments[2]||1;for(var e=Math.max(Math.ceil((t-n)/r),0),u=0,i=new Array(e);e>u;)i[u++]=n,n+=r;return i};var R=function(){};j.bind=function(n,t){var r,e;if(_&&n.bind===_)return _.apply(n,o.call(arguments,1));if(!j.isFunction(n))throw new TypeError;return r=o.call(arguments,2),e=function(){if(!(this instanceof e))return n.apply(t,r.concat(o.call(arguments)));R.prototype=n.prototype;var u=new R;R.prototype=null;var i=n.apply(u,r.concat(o.call(arguments)));return Object(i)===i?i:u}},j.partial=function(n){var t=o.call(arguments,1);return function(){return n.apply(this,t.concat(o.call(arguments)))}},j.bindAll=function(n){var t=o.call(arguments,1);if(0===t.length)throw new Error("bindAll must be passed function names");return A(t,function(t){n[t]=j.bind(n[t],n)}),n},j.memoize=function(n,t){var r={};return t||(t=j.identity),function(){var e=t.apply(this,arguments);return j.has(r,e)?r[e]:r[e]=n.apply(this,arguments)}},j.delay=function(n,t){var r=o.call(arguments,2);return setTimeout(function(){return n.apply(null,r)},t)},j.defer=function(n){return j.delay.apply(j,[n,1].concat(o.call(arguments,1)))},j.throttle=function(n,t,r){var e,u,i,a=null,o=0;r||(r={});var c=function(){o=r.leading===!1?0:new Date,a=null,i=n.apply(e,u)};return function(){var l=new Date;o||r.leading!==!1||(o=l);var f=t-(l-o);return e=this,u=arguments,0>=f?(clearTimeout(a),a=null,o=l,i=n.apply(e,u)):a||r.trailing===!1||(a=setTimeout(c,f)),i}},j.debounce=function(n,t,r){var e,u,i,a,o;return function(){i=this,u=arguments,a=new Date;var c=function(){var l=new Date-a;t>l?e=setTimeout(c,t-l):(e=null,r||(o=n.apply(i,u)))},l=r&&!e;return e||(e=setTimeout(c,t)),l&&(o=n.apply(i,u)),o}},j.once=function(n){var t,r=!1;return function(){return r?t:(r=!0,t=n.apply(this,arguments),n=null,t)}},j.wrap=function(n,t){return function(){var r=[n];return a.apply(r,arguments),t.apply(this,r)}},j.compose=function(){var n=arguments;return function(){for(var t=arguments,r=n.length-1;r>=0;r--)t=[n[r].apply(this,t)];return t[0]}},j.after=function(n,t){return function(){return--n<1?t.apply(this,arguments):void 0}},j.keys=w||function(n){if(n!==Object(n))throw new TypeError("Invalid object");var t=[];for(var r in n)j.has(n,r)&&t.push(r);return t},j.values=function(n){for(var t=j.keys(n),r=t.length,e=new Array(r),u=0;r>u;u++)e[u]=n[t[u]];return e},j.pairs=function(n){for(var t=j.keys(n),r=t.length,e=new Array(r),u=0;r>u;u++)e[u]=[t[u],n[t[u]]];return e},j.invert=function(n){for(var t={},r=j.keys(n),e=0,u=r.length;u>e;e++)t[n[r[e]]]=r[e];return t},j.functions=j.methods=function(n){var t=[];for(var r in n)j.isFunction(n[r])&&t.push(r);return t.sort()},j.extend=function(n){return A(o.call(arguments,1),function(t){if(t)for(var r in t)n[r]=t[r]}),n},j.pick=function(n){var t={},r=c.apply(e,o.call(arguments,1));return A(r,function(r){r in n&&(t[r]=n[r])}),t},j.omit=function(n){var t={},r=c.apply(e,o.call(arguments,1));for(var u in n)j.contains(r,u)||(t[u]=n[u]);return t},j.defaults=function(n){return A(o.call(arguments,1),function(t){if(t)for(var r in t)n[r]===void 0&&(n[r]=t[r])}),n},j.clone=function(n){return j.isObject(n)?j.isArray(n)?n.slice():j.extend({},n):n},j.tap=function(n,t){return t(n),n};var S=function(n,t,r,e){if(n===t)return 0!==n||1/n==1/t;if(null==n||null==t)return n===t;n instanceof j&&(n=n._wrapped),t instanceof j&&(t=t._wrapped);var u=l.call(n);if(u!=l.call(t))return!1;switch(u){case"[object String]":return n==String(t);case"[object Number]":return n!=+n?t!=+t:0==n?1/n==1/t:n==+t;case"[object Date]":case"[object Boolean]":return+n==+t;case"[object RegExp]":return n.source==t.source&&n.global==t.global&&n.multiline==t.multiline&&n.ignoreCase==t.ignoreCase}if("object"!=typeof n||"object"!=typeof t)return!1;for(var i=r.length;i--;)if(r[i]==n)return e[i]==t;var a=n.constructor,o=t.constructor;if(a!==o&&!(j.isFunction(a)&&a instanceof a&&j.isFunction(o)&&o instanceof o))return!1;r.push(n),e.push(t);var c=0,f=!0;if("[object Array]"==u){if(c=n.length,f=c==t.length)for(;c--&&(f=S(n[c],t[c],r,e)););}else{for(var s in n)if(j.has(n,s)&&(c++,!(f=j.has(t,s)&&S(n[s],t[s],r,e))))break;if(f){for(s in t)if(j.has(t,s)&&!c--)break;f=!c}}return r.pop(),e.pop(),f};j.isEqual=function(n,t){return S(n,t,[],[])},j.isEmpty=function(n){if(null==n)return!0;if(j.isArray(n)||j.isString(n))return 0===n.length;for(var t in n)if(j.has(n,t))return!1;return!0},j.isElement=function(n){return!(!n||1!==n.nodeType)},j.isArray=x||function(n){return"[object Array]"==l.call(n)},j.isObject=function(n){return n===Object(n)},A(["Arguments","Function","String","Number","Date","RegExp"],function(n){j["is"+n]=function(t){return l.call(t)=="[object "+n+"]"}}),j.isArguments(arguments)||(j.isArguments=function(n){return!(!n||!j.has(n,"callee"))}),"function"!=typeof/./&&(j.isFunction=function(n){return"function"==typeof n}),j.isFinite=function(n){return isFinite(n)&&!isNaN(parseFloat(n))},j.isNaN=function(n){return j.isNumber(n)&&n!=+n},j.isBoolean=function(n){return n===!0||n===!1||"[object Boolean]"==l.call(n)},j.isNull=function(n){return null===n},j.isUndefined=function(n){return n===void 0},j.has=function(n,t){return f.call(n,t)},j.noConflict=function(){return n._=t,this},j.identity=function(n){return n},j.times=function(n,t,r){for(var e=Array(Math.max(0,n)),u=0;n>u;u++)e[u]=t.call(r,u);return e},j.random=function(n,t){return null==t&&(t=n,n=0),n+Math.floor(Math.random()*(t-n+1))};var I={escape:{"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#x27;"}};I.unescape=j.invert(I.escape);var T={escape:new RegExp("["+j.keys(I.escape).join("")+"]","g"),unescape:new RegExp("("+j.keys(I.unescape).join("|")+")","g")};j.each(["escape","unescape"],function(n){j[n]=function(t){return null==t?"":(""+t).replace(T[n],function(t){return I[n][t]})}}),j.result=function(n,t){if(null==n)return void 0;var r=n[t];return j.isFunction(r)?r.call(n):r},j.mixin=function(n){A(j.functions(n),function(t){var r=j[t]=n[t];j.prototype[t]=function(){var n=[this._wrapped];return a.apply(n,arguments),z.call(this,r.apply(j,n))}})};var N=0;j.uniqueId=function(n){var t=++N+"";return n?n+t:t},j.templateSettings={evaluate:/<%([\s\S]+?)%>/g,interpolate:/<%=([\s\S]+?)%>/g,escape:/<%-([\s\S]+?)%>/g};var q=/(.)^/,B={"'":"'","\\":"\\","\r":"r","\n":"n","	":"t","\u2028":"u2028","\u2029":"u2029"},D=/\\|'|\r|\n|\t|\u2028|\u2029/g;j.template=function(n,t,r){var e;r=j.defaults({},r,j.templateSettings);var u=new RegExp([(r.escape||q).source,(r.interpolate||q).source,(r.evaluate||q).source].join("|")+"|$","g"),i=0,a="__p+='";n.replace(u,function(t,r,e,u,o){return a+=n.slice(i,o).replace(D,function(n){return"\\"+B[n]}),r&&(a+="'+\n((__t=("+r+"))==null?'':_.escape(__t))+\n'"),e&&(a+="'+\n((__t=("+e+"))==null?'':__t)+\n'"),u&&(a+="';\n"+u+"\n__p+='"),i=o+t.length,t}),a+="';\n",r.variable||(a="with(obj||{}){\n"+a+"}\n"),a="var __t,__p='',__j=Array.prototype.join,"+"print=function(){__p+=__j.call(arguments,'');};\n"+a+"return __p;\n";try{e=new Function(r.variable||"obj","_",a)}catch(o){throw o.source=a,o}if(t)return e(t,j);var c=function(n){return e.call(this,n,j)};return c.source="function("+(r.variable||"obj")+"){\n"+a+"}",c},j.chain=function(n){return j(n).chain()};var z=function(n){return this._chain?j(n).chain():n};j.mixin(j),A(["pop","push","reverse","shift","sort","splice","unshift"],function(n){var t=e[n];j.prototype[n]=function(){var r=this._wrapped;return t.apply(r,arguments),"shift"!=n&&"splice"!=n||0!==r.length||delete r[0],z.call(this,r)}}),A(["concat","join","slice"],function(n){var t=e[n];j.prototype[n]=function(){return z.call(this,t.apply(this._wrapped,arguments))}}),j.extend(j.prototype,{chain:function(){return this._chain=!0,this},value:function(){return this._wrapped}})}).call(this);
6 
//# sourceMappingURL=underscore-min.map
/dev/null
1 
// all functions use pixels
2 
ui.wizard ={
3 
	current_step: undefined,
4 
	vm: {total_step: 4},
5 
	current_position: undefined,
6 
	relocation: undefined,
7 

  		





  8
  
  
    
	// sets the width and height of the carousel and its divs


  		





  9
  
  
    
	set_dimensions: function() {


  		





  10
  
  
    
		console.log('set dimentions');


  		





  11
  
  
    
		ui.wizard.relocation = $(window).width();


  		





  12
  
  
    
		console.log(ui.wizard.relocation);


  		





  13
  
  
    
		$('.vm-wizard-carousel').children('div').width(ui.wizard.relocation);


  		





  14
  
  
    
	},


  		





  15
  
  
    

  		





  16
  
  
    
	// sets the width and height of the carousel and its divs when the screen is resized (in PIXELS)


  		





  17
  
  
    
	adjust_to_resized_screen: function() {


  		





  18
  
  
    
		$(window).resize(function() {


  		





  19
  
  
    
			console.log('resized');


  		





  20
  
  
    
			ui.wizard.set_dimensions();


  		





  21
  
  
    

  		





  22
  
  
    
			if(ui.wizard.current_position<=0) {


  		





  23
  
  
    
				// the carousel moves to left -> this is the case that acts on resize


  		





  24
  
  
    
				ui.wizard.current_position = -((ui.wizard.current_step-1)*ui.wizard.relocation);


  		





  25
  
  
    
			}


  		





  26
  
  
    
			else


  		





  27
  
  
    
				ui.wizard.current_position = (ui.wizard.current_step-1)*ui.wizard.relocation;


  		





  28
  
  
    

  		





  29
  
  
    
			$('.vm-wizard-carousel').css('left', ui.wizard.current_position+'px');


  		





  30
  
  
    
		})


  		





  31
  
  
    
	},


  		





  32
  
  
    

  		





  33
  
  
    
	


  		





  34
  
  
    

  		





  35
  
  
    
	move_to_step: function(prev_btn, next_btn) {


  		





  36
  
  
    
		var speed =500;


  		





  37
  
  
    
		// when the button "next" is pressed show the next step (if there is a next step)


  		





  38
  
  
    
		next_btn.click(function(e){


  		





  39
  
  
    
			e.preventDefault();


  		





  40
  
  
    
			console.log('you clicked next!')


  		





  41
  
  
    
			if(ui.wizard.current_step < ui.wizard.vm.total_step){


  		





  42
  
  
    
				prev_btn.find('span').html('PREVIOUS');


  		





  43
  
  
    
				ui.wizard.current_step++;


  		





  44
  
  
    
				ui.wizard.current_position -=ui.wizard.relocation;


  		





  45
  
  
    
				$('.vm-wizard-carousel').animate({left: ui.wizard.current_position+'px'}, speed);


  		





  46
  
  
    
				ui.wizard.indicate_step(ui.wizard.current_step);


  		





  47
  
  
    
				ui.wizard.set_movement_tags(ui.wizard.current_step, prev_btn, next_btn);


  		





  48
  
  
    

  		





  49
  
  
    
				if(ui.wizard.current_step == 3) {


  		





  50
  
  
    
					setTimeout(function() { $('.vm-name').find('input').focus() }, speed/2);


  		





  51
  
  
    
				}


  		





  52
  
  
    

  		





  53
  
  
    
			}


  		





  54
  
  
    
			else {


  		





  55
  
  
    
				console.log('This is the last step.');


  		





  56
  
  
    
			}


  		





  57
  
  
    
		})


  		





  58
  
  
    

  		





  59
  
  
    
		// when the button "previous" is pressed show the previous step (if there is a previous step)


  		





  60
  
  
    
		prev_btn.click(function(e){


  		





  61
  
  
    
			e.preventDefault();


  		





  62
  
  
    
			if(ui.wizard.current_step > 1){


  		





  63
  
  
    
				ui.wizard.current_step--;


  		





  64
  
  
    
				ui.wizard.current_position +=ui.wizard.relocation;


  		





  65
  
  
    
				$('.vm-wizard-carousel').animate({left: ui.wizard.current_position+'px'}, speed);


  		





  66
  
  
    
				ui.wizard.indicate_step(ui.wizard.current_step);


  		





  67
  
  
    
				ui.wizard.set_movement_tags(ui.wizard.current_step, prev_btn, next_btn);


  		





  68
  
  
    
			}


  		





  69
  
  
    
			else {


  		





  70
  
  
    
				console.log('This is the 1st step.')


  		





  71
  
  
    
			}


  		





  72
  
  
    
		})


  		





  73
  
  
    
	},


  		





  74
  
  
    

  		





  75
  
  
    
	// sets the width and height of the steps and of the carousel (in PIXELS)


  		





  76
  
  
    
	initialize_relocation: function(){


  		





  77
  
  
    
			console.log('initialize_relocation');


  		





  78
  
  
    
			ui.wizard.adjust_to_resized_screen();


  		





  79
  
  
    
			ui.wizard.set_dimensions();


  		





  80
  
  
    
	},


  		





  81
  
  
    
	// for the carousel index


  		





  82
  
  
    
	indicate_step: function(step) {


  		





  83
  
  
    
		$('.wizard .top .sub-menu[data-step]').hide();


  		





  84
  
  
    
		$('.wizard .top .sub-menu[data-step='+step+']').fadeIn();


  		





  85
  
  
    
		$('.nums').children().removeClass('current');


  		





  86
  
  
    
		$('.nums').children().find('a:contains("'+ui.wizard.current_step+'")').parent('li').addClass('current');


  		





  87
  
  
    
	},


  		





  88
  
  
    

  		





  89
  
  
    

  		





  90
  
  
    
	set_movement_tags: function(step, left_btn, right_btn) {


  		





  91
  
  
    
		if (step==1) {


  		





  92
  
  
    
			left_btn.find('span').html('CANCEL');


  		





  93
  
  
    
		}


  		





  94
  
  
    
		else if(step==ui.wizard.vm.total_step) {


  		





  95
  
  
    
			right_btn.find('span').html('CREATE');


  		





  96
  
  
    
		}


  		





  97
  
  
    
		else {


  		





  98
  
  
    
			left_btn.find('span').html('PREVIOUS');


  		





  99
  
  
    
			right_btn.find('span').html('NEXT');


  		





  100
  
  
    
		}


  		





  101
  
  
    
	}


  		





  102
  
  
    
}


  		





  103
  
  
    

  		





  104
  
  
    

  		





  105
  
  
    
$(document).ready(function(){


  		





  106
  
  
    

  		





  107
  
  
    
	ui.wizard.current_step =1;


  		





  108
  
  
    
	ui.wizard.current_position =0;


  		





  109
  
  
    

  		





  110
  
  
    
	var new_vm_btn =$('.new-btn, .add-new');


  		





  111
  
  
    
	var prev_btn = $('.bottom').find('.nav.prev');


  		





  112
  
  
    
	var next_btn = $('.bottom').find('.nav.next');


  		





  113
  
  
    
	$('.wizard .nums').click(function(e){


  		





  114
  
  
    
		e.preventDefault();


  		





  115
  
  
    
	})


  		





  116
  
  
    

  		





  117
  
  
    
	ui.wizard.initialize_relocation();


  		





  118
  
  
    
	ui.wizard.move_to_step(prev_btn, next_btn);


  		





  119
  
  
    
	ui.wizard.set_movement_tags(ui.wizard.current_step, prev_btn, next_btn);


  		





  120
  
  
    

  		





  121
  
  
    

  		





  122
  
  
    
});


  		












  

    
      b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/wizard-carousel.js
    
  






  
  1
  
    
/*


  		





  
  2
  
    
// all functions use pixels


  		





  
  3
  
    
ui.wizard ={


  		





  
  4
  
    
	current_step: undefined,


  		





  
  5
  
    
	vm: {total_step: 4},


  		





  
  6
  
    
	current_position: undefined,


  		





  
  7
  
    
	relocation: undefined,


  		





  
  8
  
    

  		





  
  9
  
    
	// OK


  		





  
  10
  
    
	// sets the width and height of the carousel and its divs


  		





  
  11
  
    
	set_dimensions: function() {


  		





  
  12
  
    
		console.log('set dimentions');


  		





  
  13
  
    
		ui.wizard.relocation = $(window).width();


  		





  
  14
  
    
		console.log(ui.wizard.relocation);


  		





  
  15
  
    
		$('.vm-wizard-carousel').children('div').width(ui.wizard.relocation);


  		





  
  16
  
    
	},


  		





  
  17
  
    

  		





  
  18
  
    
	// sets the width and height of the carousel and its divs when the screen is resized (in PIXELS)


  		





  
  19
  
    
	adjust_to_resized_screen: function() {


  		





  
  20
  
    
		$(window).resize(function() {


  		





  
  21
  
    
			console.log('resized');


  		





  
  22
  
    
			ui.wizard.set_dimensions();


  		





  
  23
  
    

  		





  
  24
  
    
			if(ui.wizard.current_position<=0) {


  		





  
  25
  
    
				// the carousel moves to left -> this is the case that acts on resize


  		





  
  26
  
    
				ui.wizard.current_position = -((ui.wizard.current_step-1)*ui.wizard.relocation);


  		





  
  27
  
    
			}


  		





  
  28
  
    
			else


  		





  
  29
  
    
				ui.wizard.current_position = (ui.wizard.current_step-1)*ui.wizard.relocation;


  		





  
  30
  
    

  		





  
  31
  
    
			$('.vm-wizard-carousel').css('left', ui.wizard.current_position+'px');


  		





  
  32
  
    
		})


  		





  
  33
  
    
	},


  		





  
  34
  
    

  		





  
  35
  
    
	


  		





  
  36
  
    

  		





  
  37
  
    
	move_to_step: function(prev_btn, next_btn) {


  		





  
  38
  
    
		var speed =500;


  		





  
  39
  
    
		// when the button "next" is pressed show the next step (if there is a next step)


  		





  
  40
  
    
		next_btn.click(function(e){


  		





  
  41
  
    
			e.preventDefault();


  		





  
  42
  
    
			console.log('you clicked next!')


  		





  
  43
  
    
			if(ui.wizard.current_step < ui.wizard.vm.total_step){


  		





  
  44
  
    
				prev_btn.find('span').html('PREVIOUS');


  		





  
  45
  
    
				ui.wizard.current_step++;


  		





  
  46
  
    
				ui.wizard.current_position -=ui.wizard.relocation;


  		





  
  47
  
    
				$('.vm-wizard-carousel').animate({left: ui.wizard.current_position+'px'}, speed);


  		





  
  48
  
    
				ui.wizard.indicate_step(ui.wizard.current_step);


  		





  
  49
  
    
				ui.wizard.set_movement_tags(ui.wizard.current_step, prev_btn, next_btn);


  		





  
  50
  
    

  		





  
  51
  
    
				if(ui.wizard.current_step == 3) {


  		





  
  52
  
    
					setTimeout(function() { $('.vm-name').find('input').focus() }, speed/2);


  		





  
  53
  
    
				}


  		





  
  54
  
    

  		





  
  55
  
    
			}


  		





  
  56
  
    
			else {


  		





  
  57
  
    
				console.log('This is the last step.');


  		





  
  58
  
    
			}


  		





  
  59
  
    
		})


  		





  
  60
  
    

  		





  
  61
  
    
		// when the button "previous" is pressed show the previous step (if there is a previous step)


  		





  
  62
  
    
		prev_btn.click(function(e){


  		





  
  63
  
    
			e.preventDefault();


  		





  
  64
  
    
			if(ui.wizard.current_step > 1){


  		





  
  65
  
    
				ui.wizard.current_step--;


  		





  
  66
  
    
				ui.wizard.current_position +=ui.wizard.relocation;


  		





  
  67
  
    
				$('.vm-wizard-carousel').animate({left: ui.wizard.current_position+'px'}, speed);


  		





  
  68
  
    
				ui.wizard.indicate_step(ui.wizard.current_step);


  		





  
  69
  
    
				ui.wizard.set_movement_tags(ui.wizard.current_step, prev_btn, next_btn);


  		





  
  70
  
    
			}


  		





  
  71
  
    
			else {


  		





  
  72
  
    
				console.log('This is the 1st step.')


  		





  
  73
  
    
			}


  		





  
  74
  
    
		})


  		





  
  75
  
    
	},


  		





  
  76
  
    

  		





  
  77
  
    
	// sets the width and height of the steps and of the carousel (in PIXELS)


  		





  
  78
  
    
	initialize_relocation: function(){


  		





  
  79
  
    
			console.log('initialize_relocation');


  		





  
  80
  
    
			ui.wizard.adjust_to_resized_screen();


  		





  
  81
  
    
			ui.wizard.set_dimensions();


  		





  
  82
  
    
	},


  		





  
  83
  
    
	// for the carousel index


  		





  
  84
  
    
	indicate_step: function(step) {


  		





  
  85
  
    
		$('.wizard .top .sub-menu[data-step]').hide();


  		





  
  86
  
    
		$('.wizard .top .sub-menu[data-step='+step+']').fadeIn();


  		





  
  87
  
    
		$('.nums').children().removeClass('current');


  		





  
  88
  
    
		$('.nums').children().find('a:contains("'+ui.wizard.current_step+'")').parent('li').addClass('current');


  		





  
  89
  
    
	},


  		





  
  90
  
    

  		





  
  91
  
    

  		





  
  92
  
    
	set_movement_tags: function(step, left_btn, right_btn) {


  		





  
  93
  
    
		if (step==1) {


  		





  
  94
  
    
			left_btn.find('span').html('CANCEL');


  		





  
  95
  
    
		}


  		





  
  96
  
    
		else if(step==ui.wizard.vm.total_step) {


  		





  
  97
  
    
			right_btn.find('span').html('CREATE');


  		





  
  98
  
    
		}


  		





  
  99
  
    
		else {


  		





  
  100
  
    
			left_btn.find('span').html('PREVIOUS');


  		





  
  101
  
    
			right_btn.find('span').html('NEXT');


  		





  
  102
  
    
		}


  		





  
  103
  
    
	}


  		





  
  104
  
    
}


  		





  
  105
  
    

  		





  
  106
  
    

  		





  
  107
  
    
$(document).ready(function(){


  		





  
  108
  
    

  		





  
  109
  
    
	ui.wizard.current_step =1;


  		





  
  110
  
    
	ui.wizard.current_position =0;


  		





  
  111
  
    

  		





  
  112
  
    
	var new_vm_btn =$('.new-btn, .add-new');


  		





  
  113
  
    
	var prev_btn = $('.bottom').find('.nav.prev');


  		





  
  114
  
    
	var next_btn = $('.bottom').find('.nav.next');


  		





  
  115
  
    
	$('.wizard .nums').click(function(e){


  		





  
  116
  
    
		e.preventDefault();


  		





  
  117
  
    
	})


  		





  
  118
  
    

  		





  
  119
  
    
	ui.wizard.initialize_relocation();


  		





  
  120
  
    
	ui.wizard.move_to_step(prev_btn, next_btn);


  		





  
  121
  
    
	ui.wizard.set_movement_tags(ui.wizard.current_step, prev_btn, next_btn);


  		





  
  122
  
    

  		





  
  123
  
    

  		





  
  124
  
    
});


  		





  
  125
  
    
*/


  		





  
  126
  
    

  		





  
  127
  
    
/*


  		





  
  128
  
    
Wrapper element must have set width and overflow hidden properties;


  		





  
  129
  
    
Item elements should have no margin


  		





  
  130
  
    
*/


  		





  
  131
  
    
function Carousel(options) {


  		





  
  132
  
    
	var defaults = {


  		





  
  133
  
    
		'wrapper': $('.carousel-wrapper'),


  		





  
  134
  
    
		'container': $('.carousel-container'),


  		





  
  135
  
    
		'item': $('.carousel-item'),


  		





  
  136
  
    
		'next': $('.carousel-next'),


  		





  
  137
  
    
		'prev': $('.carousel-prev'),


  		





  
  138
  
    
		'speed': 1000,


  		





  
  139
  
    
		'current_step': 1,


  		





  
  140
  
    
	}


  		





  
  141
  
    
	this.options = _.defaults(options,defaults);


  		





  
  142
  
    
	this.wrapper = options.wrapper;


  		





  
  143
  
    
	this.container = options.container;


  		





  
  144
  
    
	this.item = options.item;


  		





  
  145
  
    
	this.next = options.next;


  		





  
  146
  
    
	this.prev = options.prev;


  		





  
  147
  
    
	this.speed = options.speed;


  		





  
  148
  
    
	this.current_step = options.current_step;


  		





  
  149
  
    
	this.total_items = this.item.length;


  		





  
  150
  
    
	this.initEvents();


  		





  
  151
  
    
}


  		





  
  152
  
    

  		





  
  153
  
    
Carousel.prototype.setDimensions = function (){


  		





  
  154
  
    
	this.wrapper.css('width', 100*this.total_items+'%');


  		





  
  155
  
    
	this.container.find(this.item).css('width', 100/this.total_items+'%');


  		





  
  156
  
    
}


  		





  
  157
  
    

  		





  
  158
  
    
Carousel.prototype.initEvents = function () {


  		





  
  159
  
    
	var self = this;


  		





  
  160
  
    
	console.log(this.options);


  		





  
  161
  
    
	this.setDimensions();


  		





  
  162
  
    

  		





  
  163
  
    
	this.next.click(function(e){


  		





  
  164
  
    
		e.preventDefault();


  		





  
  165
  
    
	})


  		





  
  166
  
    
}


  		





  
  167
  
    

  		





  
  168
  
    

  		





  
  169
  
    

  		





  
  170
  
    
$(document).ready(function(){ 


  		





  
  171
  
    
	carousel_options = { 


  		





  
  172
  
    
		'wrapper': $('.wizard-content'),


  		





  
  173
  
    
		'container': $('.vm-wizard-carousel'),


  		





  
  174
  
    
		'item': $('.step'),


  		





  
  175
  
    
		'next' : $('.bottom').find('.nav.next');


  		





  
  176
  
    
		'prev' : $('.bottom').find('.nav.prev');


  		





  
  177
  
    
	}


  		





  
  178
  
    

  		





  
  179
  
    
	$('.wizard-content').width($(window).width());


  		





  
  180
  
    
	var carousel = new Carousel(carousel_options);


  		





  
  181
  
    
	window.car = carousel;


  		





  
  182
  
    
});


  		












  

    
      b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_overlays.scss
    
  






  194
  194
  
    
		padding-top:$bar-height;


  		





  195
  195
  
    
		.step {


  		





  196
  196
  
    
			padding:50px 0 50px;


  		





  197
  
  
    
			float:left;


  		





  198
  197
  
    
			position:relative;


  		





  199
  
  
    
			width:$row-width;


  		





  200
  198
  
    
			.os {


  		





  201
  199
  
    
				li {


  		





  202
  200
  
    
					list-style: none outside none;


  		





  ......




  630
  628
  
    
		}


  		





  631
  629
  
    
	}


  		





  632
  630
  
    
}


  		





  633
  
  
    

  		





  634
  
  
    
.wizard-content {


  		





  635
  
  
    
	overflow: hidden;


  		





  636
  
  
    
	width:100%;


  		





  637
  
  
    
}


  		





  638
  
  
    

  		





  639
  
  
    
.vm-wizard-carousel {


  		





  640
  
  
    
	width: 90000px;


  		





  641
  
  
    
	position:relative;


  		





  642
  
  
    
}


  		












  

    
      b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_wizard-carousel.scss
    
  






  
  1
  
    
.wizard-content {


  		





  
  2
  
    
	overflow: hidden;


  		





  
  3
  
    
	width:100%;


  		





  
  4
  
    
	.vm-wizard-carousel {


  		





  
  5
  
    
		position:relative;


  		





  
  6
  
    
		.step {


  		





  
  7
  
    
			float:left;


  		





  
  8
  
    
		}


  		





  
  9
  
    
	}


  		





  
  10
  
    
}


  		












  

    
      b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/app.scss
    
  






  60
  60
  
    
@import "networks";


  		





  61
  61
  
    
@import "storage";


  		





  62
  62
  
    
@import "overlays";


  		





  
  63
  
    
@import "wizard-carousel";


  		












  

    
      b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css
    
  






  8361
  8361
  
    
/* line 195, ../sass/_overlays.scss */


  		





  8362
  8362
  
    
.wizard .middle .step {


  		





  8363
  8363
  
    
  padding: 50px 0 50px;


  		





  8364
  
  
    
  float: left;


  		





  8365
  8364
  
    
  position: relative;


  		





  8366
  
  
    
  width: 75em;


  		





  8367
  8365
  
    
}


  		





  8368
  
  
    
/* line 201, ../sass/_overlays.scss */


  		





  
  8366
  
    
/* line 199, ../sass/_overlays.scss */


  		





  8369
  8367
  
    
.wizard .middle .step .os li {


  		





  8370
  8368
  
    
  list-style: none outside none;


  		





  8371
  8369
  
    
  padding: 0.5em 0;


  		





  8372
  8370
  
    
}


  		





  8373
  
  
    
/* line 205, ../sass/_overlays.scss */


  		





  
  8371
  
    
/* line 203, ../sass/_overlays.scss */


  		





  8374
  8372
  
    
.wizard .middle .step .os li:hover {


  		





  8375
  8373
  
    
  background: #7b848b;


  		





  8376
  8374
  
    
}


  		





  8377
  
  
    
/* line 208, ../sass/_overlays.scss */


  		





  
  8375
  
    
/* line 206, ../sass/_overlays.scss */


  		





  8378
  8376
  
    
.wizard .middle .step .os li.current {


  		





  8379
  8377
  
    
  background: #636a70;


  		





  8380
  8378
  
    
}


  		





  8381
  
  
    
/* line 211, ../sass/_overlays.scss */


  		





  
  8379
  
    
/* line 209, ../sass/_overlays.scss */


  		





  8382
  8380
  
    
.wizard .middle .step .os li .img-col {


  		





  8383
  8381
  
    
  float: left;


  		





  8384
  8382
  
    
  width: 10%;


  		





  8385
  8383
  
    
}


  		





  8386
  
  
    
/* line 215, ../sass/_overlays.scss */


  		





  
  8384
  
    
/* line 213, ../sass/_overlays.scss */


  		





  8387
  8385
  
    
.wizard .middle .step .os li .name-col {


  		





  8388
  8386
  
    
  float: left;


  		





  8389
  8387
  
    
  width: 70%;


  		





  8390
  8388
  
    
}


  		





  8391
  
  
    
/* line 219, ../sass/_overlays.scss */


  		





  
  8389
  
    
/* line 217, ../sass/_overlays.scss */


  		





  8392
  8390
  
    
.wizard .middle .step .os li .size-col {


  		





  8393
  8391
  
    
  float: left;


  		





  8394
  8392
  
    
  width: 10%;


  		





  8395
  8393
  
    
}


  		





  8396
  
  
    
/* line 223, ../sass/_overlays.scss */


  		





  
  8394
  
    
/* line 221, ../sass/_overlays.scss */


  		





  8397
  8395
  
    
.wizard .middle .step .os li .btn-col {


  		





  8398
  8396
  
    
  float: left;


  		





  8399
  8397
  
    
  width: 10%;


  		





  8400
  8398
  
    
}


  		





  8401
  
  
    
/* line 228, ../sass/_overlays.scss */


  		





  
  8399
  
    
/* line 226, ../sass/_overlays.scss */


  		





  8402
  8400
  
    
.wizard .middle .step .os li .btn-col a.current {


  		





  8403
  8401
  
    
  color: #485057;


  		





  8404
  8402
  
    
}


  		





  8405
  
  
    
/* line 233, ../sass/_overlays.scss */


  		





  
  8403
  
    
/* line 231, ../sass/_overlays.scss */


  		





  8406
  8404
  
    
.wizard .middle .step .os li .details {


  		





  8407
  8405
  
    
  display: none;


  		





  8408
  8406
  
    
  background: white;


  		





  ......




  8410
  8408
  
    
  margin: 20px 0;


  		





  8411
  8409
  
    
  color: #222222;


  		





  8412
  8410
  
    
}


  		





  8413
  
  
    
/* line 239, ../sass/_overlays.scss */


  		





  
  8411
  
    
/* line 237, ../sass/_overlays.scss */


  		





  8414
  8412
  
    
.wizard .middle .step .os li .details h3 {


  		





  8415
  8413
  
    
  font-size: 1em;


  		





  8416
  8414
  
    
}


  		





  8417
  
  
    
/* line 244, ../sass/_overlays.scss */


  		





  
  8415
  
    
/* line 242, ../sass/_overlays.scss */


  		





  8418
  8416
  
    
.wizard .middle .step .os li .details dl dt {


  		





  8419
  8417
  
    
  width: 20%;


  		





  8420
  8418
  
    
  float: left;


  		





  8421
  8419
  
    
  font-weight: normal;


  		





  8422
  8420
  
    
}


  		





  8423
  
  
    
/* line 249, ../sass/_overlays.scss */


  		





  
  8421
  
    
/* line 247, ../sass/_overlays.scss */


  		





  8424
  8422
  
    
.wizard .middle .step .os li .details dl dd {


  		





  8425
  8423
  
    
  margin: 0 0 5px;


  		





  8426
  8424
  
    
}


  		





  8427
  
  
    
/* line 256, ../sass/_overlays.scss */


  		





  
  8425
  
    
/* line 254, ../sass/_overlays.scss */


  		





  8428
  8426
  
    
.wizard .middle .step .flavor {


  		





  8429
  8427
  
    
  list-style: none outside none;


  		





  8430
  8428
  
    
}


  		





  8431
  
  
    
/* line 258, ../sass/_overlays.scss */


  		





  
  8429
  
    
/* line 256, ../sass/_overlays.scss */


  		





  8432
  8430
  
    
.wizard .middle .step .flavor li {


  		





  8433
  8431
  
    
  list-style: none outside none;


  		





  8434
  8432
  
    
  margin-bottom: 1.5em;


  		





  8435
  8433
  
    
}


  		





  8436
  
  
    
/* line 261, ../sass/_overlays.scss */


  		





  
  8434
  
    
/* line 259, ../sass/_overlays.scss */


  		





  8437
  8435
  
    
.wizard .middle .step .flavor li .title {


  		





  8438
  8436
  
    
  margin-bottom: 0.3125em;


  		





  8439
  8437
  
    
  color: white;


  		





  8440
  8438
  
    
  vertical-align: top;


  		





  8441
  8439
  
    
}


  		





  8442
  
  
    
/* line 266, ../sass/_overlays.scss */


  		





  
  8440
  
    
/* line 264, ../sass/_overlays.scss */


  		





  8443
  8441
  
    
.wizard .middle .step .flavor li .title .icon {


  		





  8444
  8442
  
    
  display: block;


  		





  8445
  8443
  
    
  width: 5%;


  		





  8446
  8444
  
    
  font-size: 2.5em;


  		





  8447
  8445
  
    
  float: left;


  		





  8448
  8446
  
    
}


  		





  8449
  
  
    
/* line 272, ../sass/_overlays.scss */


  		





  
  8447
  
    
/* line 270, ../sass/_overlays.scss */


  		





  8450
  8448
  
    
.wizard .middle .step .flavor li .title h2 {


  		





  8451
  8449
  
    
  font-size: 1em;


  		





  8452
  8450
  
    
  float: left;


  		





  ......




  8454
  8452
  
    
  color: white;


  		





  8455
  8453
  
    
  margin-right: 4%;


  		





  8456
  8454
  
    
}


  		





  8457
  
  
    
/* line 274, ../sass/_overlays.scss */


  		





  
  8455
  
    
/* line 272, ../sass/_overlays.scss */


  		





  8458
  8456
  
    
.wizard .middle .step .flavor li .title h2 span {


  		





  8459
  8457
  
    
  font-weight: normal;


  		





  8460
  8458
  
    
}


  		





  8461
  
  
    
/* line 282, ../sass/_overlays.scss */


  		





  
  8459
  
    
/* line 280, ../sass/_overlays.scss */


  		





  8462
  8460
  
    
.wizard .middle .step .flavor li .title h2:hover + p {


  		





  8463
  8461
  
    
  visibility: visible;


  		





  8464
  8462
  
    
}


  		





  8465
  
  
    
/* line 287, ../sass/_overlays.scss */


  		





  
  8463
  
    
/* line 285, ../sass/_overlays.scss */


  		





  8466
  8464
  
    
.wizard .middle .step .flavor li .title p {


  		





  8467
  8465
  
    
  visibility: hidden;


  		





  8468
  8466
  
    
  float: left;


  		





  8469
  8467
  
    
  width: 70%;


  		





  8470
  8468
  
    
  font-size: 0.75em;


  		





  8471
  8469
  
    
}


  		





  8472
  
  
    
/* line 296, ../sass/_overlays.scss */


  		





  
  8470
  
    
/* line 294, ../sass/_overlays.scss */


  		





  8473
  8471
  
    
.wizard .middle .step .flavor li .options-bar .bar {


  		





  8474
  8472
  
    
  width: 24%;


  		





  8475
  8473
  
    
  float: left;


  		





  ......




  8478
  8476
  
    
  position: relative;


  		





  8479
  8477
  
    
  top: 2px;


  		





  8480
  8478
  
    
}


  		





  8481
  
  
    
/* line 303, ../sass/_overlays.scss */


  		





  
  8479
  
    
/* line 301, ../sass/_overlays.scss */


  		





  8482
  8480
  
    
.wizard .middle .step .flavor li .options-bar .bar .wrap {


  		





  8483
  8481
  
    
  border: 1px solid white;


  		





  8484
  8482
  
    
  padding: 1px;


  		





  8485
  8483
  
    
  height: 100%;


  		





  8486
  8484
  
    
}


  		





  8487
  
  
    
/* line 307, ../sass/_overlays.scss */


  		





  
  8485
  
    
/* line 305, ../sass/_overlays.scss */


  		





  8488
  8486
  
    
.wizard .middle .step .flavor li .options-bar .bar .wrap .container {


  		





  8489
  8487
  
    
  height: 100%;


  		





  8490
  8488
  
    
}


  		





  8491
  
  
    
/* line 309, ../sass/_overlays.scss */


  		





  
  8489
  
    
/* line 307, ../sass/_overlays.scss */


  		





  8492
  8490
  
    
.wizard .middle .step .flavor li .options-bar .bar .wrap .container .total {


  		





  8493
  8491
  
    
  background: #919194;


  		





  8494
  8492
  
    
  height: 100%;


  		





  8495
  8493
  
    
  float: left;


  		





  8496
  8494
  
    
  position: relative;


  		





  8497
  8495
  
    
}


  		





  8498
  
  
    
/* line 314, ../sass/_overlays.scss */


  		





  
  8496
  
    
/* line 312, ../sass/_overlays.scss */


  		





  8499
  8497
  
    
.wizard .middle .step .flavor li .options-bar .bar .wrap .container .total .current {


  		





  8500
  8498
  
    
  background: white;


  		





  8501
  8499
  
    
  height: 100%;


  		





  8502
  8500
  
    
  float: left;


  		





  8503
  8501
  
    
}


  		





  8504
  
  
    
/* line 319, ../sass/_overlays.scss */


  		





  
  8502
  
    
/* line 317, ../sass/_overlays.scss */


  		





  8505
  8503
  
    
.wizard .middle .step .flavor li .options-bar .bar .wrap .container .total span {


  		





  8506
  8504
  
    
  position: absolute;


  		





  8507
  8505
  
    
  right: 10px;


  		





  8508
  8506
  
    
  color: #333333;


  		





  8509
  8507
  
    
  font-size: 0.75em;


  		





  8510
  8508
  
    
}


  		





  8511
  
  
    
/* line 326, ../sass/_overlays.scss */


  		





  
  8509
  
    
/* line 324, ../sass/_overlays.scss */


  		





  8512
  8510
  
    
.wizard .middle .step .flavor li .options-bar .bar .wrap .container .total.low span {


  		





  8513
  8511
  
    
  right: -30px;


  		





  8514
  8512
  
    
  color: white;


  		





  8515
  8513
  
    
}


  		





  8516
  
  
    
/* line 335, ../sass/_overlays.scss */


  		





  
  8514
  
    
/* line 333, ../sass/_overlays.scss */


  		





  8517
  8515
  
    
.wizard .middle .step .flavor li .options-bar .options {


  		





  8518
  8516
  
    
  overflow: hidden;


  		





  8519
  8517
  
    
  list-style: none outside none;


  		





  8520
  8518
  
    
}


  		





  8521
  
  
    
/* line 338, ../sass/_overlays.scss */


  		





  
  8519
  
    
/* line 336, ../sass/_overlays.scss */


  		





  8522
  8520
  
    
.wizard .middle .step .flavor li .options-bar .options li {


  		





  8523
  8521
  
    
  list-style: none outside none;


  		





  8524
  8522
  
    
  display: inline-block;


  		





  8525
  8523
  
    
  margin-right: 10px;


  		





  8526
  8524
  
    
}


  		





  8527
  
  
    
/* line 342, ../sass/_overlays.scss */


  		





  
  8525
  
    
/* line 340, ../sass/_overlays.scss */


  		





  8528
  8526
  
    
.wizard .middle .step .flavor li .options-bar .options li a {


  		





  8529
  8527
  
    
  min-width: 60px;


  		





  8530
  8528
  
    
}


  		





  8531
  
  
    
/* line 345, ../sass/_overlays.scss */


  		





  
  8529
  
    
/* line 343, ../sass/_overlays.scss */


  		





  8532
  8530
  
    
.wizard .middle .step .flavor li .options-bar .options li a.current {


  		





  8533
  8531
  
    
  color: #485057;


  		





  8534
  8532
  
    
}


  		





  8535
  
  
    
/* line 355, ../sass/_overlays.scss */


  		





  
  8533
  
    
/* line 353, ../sass/_overlays.scss */


  		





  8536
  8534
  
    
.wizard .middle .step .summary .row {


  		





  8537
  8535
  
    
  padding-top: 1em;


  		





  8538
  8536
  
    
  margin-top: 1em;


  		





  8539
  8537
  
    
  border-top: 1px solid white;


  		





  8540
  8538
  
    
}


  		





  8541
  
  
    
/* line 359, ../sass/_overlays.scss */


  		





  
  8539
  
    
/* line 357, ../sass/_overlays.scss */


  		





  8542
  8540
  
    
.wizard .middle .step .summary .row:first-child {


  		





  8543
  8541
  
    
  border-top: 0 none;


  		





  8544
  8542
  
    
}


  		





  8545
  
  
    
/* line 363, ../sass/_overlays.scss */


  		





  
  8543
  
    
/* line 361, ../sass/_overlays.scss */


  		





  8546
  8544
  
    
.wizard .middle .step .summary h2 {


  		





  8547
  8545
  
    
  font-size: 1em;


  		





  8548
  8546
  
    
  color: white;


  		





  8549
  8547
  
    
}


  		





  8550
  
  
    
/* line 367, ../sass/_overlays.scss */


  		





  
  8548
  
    
/* line 365, ../sass/_overlays.scss */


  		





  8551
  8549
  
    
.wizard .middle .step .summary dl {


  		





  8552
  8550
  
    
  margin-bottom: 0;


  		





  8553
  8551
  
    
}


  		





  8554
  
  
    
/* line 369, ../sass/_overlays.scss */


  		





  
  8552
  
    
/* line 367, ../sass/_overlays.scss */


  		





  8555
  8553
  
    
.wizard .middle .step .summary dl span {


  		





  8556
  8554
  
    
  margin-right: 10px;


  		





  8557
  8555
  
    
  font-size: 20px;


  		





  8558
  8556
  
    
}


  		





  8559
  
  
    
/* line 373, ../sass/_overlays.scss */


  		





  
  8557
  
    
/* line 371, ../sass/_overlays.scss */


  		





  8560
  8558
  
    
.wizard .middle .step .summary dl dt {


  		





  8561
  8559
  
    
  display: inline-block;


  		





  8562
  8560
  
    
  width: 45%;


  		





  8563
  8561
  
    
  vertical-align: top;


  		





  8564
  8562
  
    
}


  		





  8565
  
  
    
/* line 378, ../sass/_overlays.scss */


  		





  
  8563
  
    
/* line 376, ../sass/_overlays.scss */


  		





  8566
  8564
  
    
.wizard .middle .step .summary dl dd {


  		





  8567
  8565
  
    
  display: inline-block;


  		





  8568
  8566
  
    
  width: 45%;


  		





  8569
  8567
  
    
}


  		





  8570
  
  
    
/* line 384, ../sass/_overlays.scss */


  		





  
  8568
  
    
/* line 382, ../sass/_overlays.scss */


  		





  8571
  8569
  
    
.wizard .middle .step .advanced-conf-step {


  		





  8572
  8570
  
    
  color: white;


  		





  8573
  8571
  
    
}


  		





  8574
  
  
    
/* line 386, ../sass/_overlays.scss */


  		





  
  8572
  
    
/* line 384, ../sass/_overlays.scss */


  		





  8575
  8573
  
    
.wizard .middle .step .advanced-conf-step h2 {


  		





  8576
  8574
  
    
  color: white;


  		





  8577
  8575
  
    
  font-size: 1em;


  		





  8578
  8576
  
    
  margin: 0 auto 1em;


  		





  8579
  8577
  
    
}


  		





  8580
  
  
    
/* line 391, ../sass/_overlays.scss */


  		





  
  8578
  
    
/* line 389, ../sass/_overlays.scss */


  		





  8581
  8579
  
    
.wizard .middle .step .advanced-conf-step p {


  		





  8582
  8580
  
    
  font-size: 10px;


  		





  8583
  8581
  
    
}


  		





  8584
  
  
    
/* line 395, ../sass/_overlays.scss */


  		





  
  8582
  
    
/* line 393, ../sass/_overlays.scss */


  		





  8585
  8583
  
    
.wizard .middle .step .advanced-conf-step .expand-btn {


  		





  8586
  8584
  
    
  margin: 50px 0 30px;


  		





  8587
  8585
  
    
}


  		





  8588
  
  
    
/* line 397, ../sass/_overlays.scss */


  		





  
  8586
  
    
/* line 395, ../sass/_overlays.scss */


  		





  8589
  8587
  
    
.wizard .middle .step .advanced-conf-step .expand-btn a {


  		





  8590
  8588
  
    
  color: white;


  		





  8591
  8589
  
    
}


  		





  8592
  
  
    
/* line 402, ../sass/_overlays.scss */


  		





  
  8590
  
    
/* line 400, ../sass/_overlays.scss */


  		





  8593
  8591
  
    
.wizard .middle .step .advanced-conf-step .adv-main {


  		





  8594
  8592
  
    
  padding: 10px 0 30px;


  		





  8595
  8593
  
    
  width: 37.5em;


  		





  8596
  8594
  
    
}


  		





  8597
  
  
    
/* line 406, ../sass/_overlays.scss */


  		





  
  8595
  
    
/* line 404, ../sass/_overlays.scss */


  		





  8598
  8596
  
    
.wizard .middle .step .advanced-conf-step .adv-main .vm-name h2 {


  		





  8599
  8597
  
    
  color: white;


  		





  8600
  8598
  
    
  font-size: 1em;


  		





  8601
  8599
  
    
  margin-bottom: 0.5em;


  		





  8602
  8600
  
    
}


  		





  8603
  
  
    
/* line 414, ../sass/_overlays.scss */


  		





  
  8601
  
    
/* line 412, ../sass/_overlays.scss */


  		





  8604
  8602
  
    
.wizard .middle .step .advanced-conf-step .btn5:hover, .wizard .middle .step .advanced-conf-step .os li .btn-col a:hover, .wizard .middle .step .os li .btn-col .advanced-conf-step a:hover, .wizard .middle .step .advanced-conf-step .flavor li .options-bar .options li a:hover, .wizard .middle .step .flavor li .options-bar .options li .advanced-conf-step a:hover {


  		





  8605
  8603
  
    
  color: white;


  		





  8606
  8604
  
    
}


  		





  8607
  
  
    
/* line 417, ../sass/_overlays.scss */


  		





  
  8605
  
    
/* line 415, ../sass/_overlays.scss */


  		





  8608
  8606
  
    
.wizard .middle .step .advanced-conf-step .btn5.current, .wizard .middle .step .advanced-conf-step .os li .btn-col a.current, .wizard .middle .step .os li .btn-col .advanced-conf-step a.current, .wizard .middle .step .advanced-conf-step .flavor li .options-bar .options li a.current, .wizard .middle .step .flavor li .options-bar .options li .advanced-conf-step a.current, .wizard .middle .step .advanced-conf-step .btn5.current:hover, .wizard .middle .step .advanced-conf-step .os li .btn-col a.current:hover, .wizard .middle .step .os li .btn-col .advanced-conf-step a.current:hover, .wizard .middle .step .advanced-conf-step .flavor li .options-bar .options li a.current:hover, .wizard .middle .step .flavor li .options-bar .options li .advanced-conf-step a.current:hover {


  		





  8609
  8607
  
    
  color: #485057;


  		





  8610
  8608
  
    
}


  		





  8611
  
  
    
/* line 421, ../sass/_overlays.scss */


  		





  
  8609
  
    
/* line 419, ../sass/_overlays.scss */


  		





  8612
  8610
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options {


  		





  8613
  8611
  
    
  display: none;


  		





  8614
  8612
  
    
}


  		





  8615
  
  
    
/* line 423, ../sass/_overlays.scss */


  		





  
  8613
  
    
/* line 421, ../sass/_overlays.scss */


  		





  8616
  8614
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .area {


  		





  8617
  8615
  
    
  padding: 30px 0;


  		





  8618
  8616
  
    
}


  		





  8619
  
  
    
/* line 425, ../sass/_overlays.scss */


  		





  
  8617
  
    
/* line 423, ../sass/_overlays.scss */


  		





  8620
  8618
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .area .row {


  		





  8621
  8619
  
    
  width: 37.5em;


  		





  8622
  8620
  
    
}


  		





  8623
  
  
    
/* line 429, ../sass/_overlays.scss */


  		





  
  8621
  
    
/* line 427, ../sass/_overlays.scss */


  		





  8624
  8622
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .area ul li {


  		





  8625
  8623
  
    
  position: relative;


  		





  8626
  8624
  
    
  list-style: none outside none;


  		





  8627
  8625
  
    
  margin-bottom: 7px;


  		





  8628
  8626
  
    
}


  		





  8629
  
  
    
/* line 434, ../sass/_overlays.scss */


  		





  
  8627
  
    
/* line 432, ../sass/_overlays.scss */


  		





  8630
  8628
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .area ul li.checkbox:hover {


  		





  8631
  8629
  
    
  cursor: pointer;


  		





  8632
  8630
  
    
}


  		





  8633
  
  
    
/* line 438, ../sass/_overlays.scss */


  		





  
  8631
  
    
/* line 436, ../sass/_overlays.scss */


  		





  8634
  8632
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .area ul li h3 {


  		





  8635
  8633
  
    
  width: 18.75em;


  		





  8636
  8634
  
    
  color: white;


  		





  ......




  8639
  8637
  
    
  margin: 0 20px 0 0;


  		





  8640
  8638
  
    
  display: inline-block;


  		





  8641
  8639
  
    
}


  		





  8642
  
  
    
/* line 450, ../sass/_overlays.scss */


  		





  
  8640
  
    
/* line 448, ../sass/_overlays.scss */


  		





  8643
  8641
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .ssh-keys-area {


  		





  8644
  8642
  
    
  background-color: #ff7049;


  		





  8645
  8643
  
    
}


  		





  8646
  
  
    
/* line 453, ../sass/_overlays.scss */


  		





  
  8644
  
    
/* line 451, ../sass/_overlays.scss */


  		





  8647
  8645
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area {


  		





  8648
  8646
  
    
  background-color: #ff948c;


  		





  8649
  8647
  
    
}


  		





  8650
  
  
    
/* line 456, ../sass/_overlays.scss */


  		





  
  8648
  
    
/* line 454, ../sass/_overlays.scss */


  		





  8651
  8649
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons {


  		





  8652
  8650
  
    
  padding-right: 20px;


  		





  8653
  8651
  
    
  display: inline-block;


  		





  ......




  8656
  8654
  
    
  font-size: 30px;


  		





  8657
  8655
  
    
  margin-bottom: 0;


  		





  8658
  8656
  
    
}


  		





  8659
  
  
    
/* line 466, ../sass/_overlays.scss */


  		





  
  8657
  
    
/* line 464, ../sass/_overlays.scss */


  		





  8660
  8658
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span {


  		





  8661
  8659
  
    
  margin-left: 6px;


  		





  8662
  8660
  
    
}


  		





  8663
  
  
    
/* line 468, ../sass/_overlays.scss */


  		





  
  8661
  
    
/* line 466, ../sass/_overlays.scss */


  		





  8664
  8662
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span.snf-modem {


  		





  8665
  8663
  
    
  position: relative;


  		





  8666
  8664
  
    
  top: -6px;


  		





  8667
  8665
  
    
}


  		





  8668
  
  
    
/* line 477, ../sass/_overlays.scss */


  		





  
  8666
  
    
/* line 475, ../sass/_overlays.scss */


  		





  8669
  8667
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li.more {


  		





  8670
  8668
  
    
  display: none;


  		





  8671
  8669
  
    
  background: #fff4f3;


  		





  ......




  8673
  8671
  
    
  padding: 30px 0;


  		





  8674
  8672
  
    
  color: #ff948c;


  		





  8675
  8673
  
    
}


  		





  8676
  
  
    
/* line 483, ../sass/_overlays.scss */


  		





  
  8674
  
    
/* line 481, ../sass/_overlays.scss */


  		





  8677
  8675
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li.more h3 {


  		





  8678
  8676
  
    
  color: #ff948c;


  		





  8679
  8677
  
    
}


  		





  8680
  
  
    
/* line 486, ../sass/_overlays.scss */


  		





  
  8678
  
    
/* line 484, ../sass/_overlays.scss */


  		





  8681
  8679
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li.more .btn5, .wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area .os li.more .btn-col a, .wizard .middle .step .os .advanced-conf-step .advanced-conf-options .networks-area li.more .btn-col a, .wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area .flavor li.more .options-bar .options li a, .wizard .middle .step .flavor .advanced-conf-step .advanced-conf-options .networks-area li.more .options-bar .options li a {


  		





  8682
  8680
  
    
  margin-top: 1em;


  		





  8683
  8681
  
    
  border-color: #ff948c;


  		





  8684
  8682
  
    
  color: #ff948c;


  		





  8685
  8683
  
    
}


  		





  8686
  
  
    
/* line 495, ../sass/_overlays.scss */


  		





  
  8684
  
    
/* line 493, ../sass/_overlays.scss */


  		





  8687
  8685
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area {


  		





  8688
  8686
  
    
  background-color: #4c71ff;


  		





  8689
  8687
  
    
}


  		





  8690
  
  
    
/* line 497, ../sass/_overlays.scss */


  		





  
  8688
  
    
/* line 495, ../sass/_overlays.scss */


  		





  8691
  8689
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .snf-color-picker {


  		





  8692
  8690
  
    
  display: none;


  		





  8693
  8691
  
    
}


  		





  8694
  
  
    
/* line 500, ../sass/_overlays.scss */


  		





  
  8692
  
    
/* line 498, ../sass/_overlays.scss */


  		





  8695
  8693
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area #picker {


  		





  8696
  8694
  
    
  position: relative;


  		





  8697
  8695
  
    
  width: 207px;


  		





  8698
  8696
  
    
  margin: 30px 5px;


  		





  8699
  8697
  
    
  display: inline-block;


  		





  8700
  8698
  
    
}


  		





  8701
  
  
    
/* line 512, ../sass/_overlays.scss */


  		





  
  8699
  
    
/* line 510, ../sass/_overlays.scss */


  		





  8702
  8700
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .btns {


  		





  8703
  8701
  
    
  margin-top: 77px;


  		





  8704
  8702
  
    
  margin-bottom: 30px;


  		





  8705
  8703
  
    
}


  		





  8706
  
  
    
/* line 519, ../sass/_overlays.scss */


  		





  
  8704
  
    
/* line 517, ../sass/_overlays.scss */


  		





  8707
  8705
  
    
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .btn5, .wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .os li .btn-col a, .wizard .middle .step .os li .btn-col .advanced-conf-step .advanced-conf-options .tags-area a, .wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .flavor li .options-bar .options li a, .wizard .middle .step .flavor li .options-bar .options li .advanced-conf-step .advanced-conf-options .tags-area a {


  		





  8708
  8706
  
    
  margin-right: 20px;


  		





  8709
  8707
  
    
}


  		





  8710
  
  
    
/* line 529, ../sass/_overlays.scss */


  		





  
  8708
  
    
/* line 527, ../sass/_overlays.scss */


  		





  8711
  8709
  
    
.wizard .bottom {


  		





  8712
  8710
  
    
  position: fixed;


  		





  8713
  8711
  
    
  left: 0;


  		





  ......




  8716
  8714
  
    
  border-top: 1px solid #333333;


  		





  8717
  8715
  
    
  background: #485057;


  		





  8718
  8716
  
    
}


  		





  8719
  
  
    
/* line 536, ../sass/_overlays.scss */


  		





  
  8717
  
    
/* line 534, ../sass/_overlays.scss */


  		





  8720
  8718
  
    
.wizard .bottom .row {


  		





  8721
  8719
  
    
  height: 60px;


  		





  8722
  8720
  
    
  line-height: 60px;


  		





  8723
  8721
  
    
}


  		





  8724
  
  
    
/* line 540, ../sass/_overlays.scss */


  		





  
  8722
  
    
/* line 538, ../sass/_overlays.scss */


  		





  8725
  8723
  
    
.wizard .bottom .nav {


  		





  8726
  8724
  
    
  height: 60px;


  		





  8727
  8725
  
    
  line-height: 60px;


  		





  ......




  8731
  8729
  
    
  font-size: 0.75em;


  		





  8732
  8730
  
    
  top: 15px;


  		





  8733
  8731
  
    
}


  		





  8734
  
  
    
/* line 548, ../sass/_overlays.scss */


  		





  
  8732
  
    
/* line 546, ../sass/_overlays.scss */


  		





  8735
  8733
  
    
.wizard .bottom .nav:hover {


  		





  8736
  8734
  
    
  -webkit-transition: background 0ms ease-out;


  		





  8737
  8735
  
    
  -moz-transition: background 0ms ease-out;


  		





  ......




  8739
  8737
  
    
  -o-transition: background 0ms ease-out;


  		





  8740
  8738
  
    
  transition: background 0ms ease-out;


  		





  8741
  8739
  
    
}


  		





  8742
  
  
    
/* line 551, ../sass/_overlays.scss */


  		





  
  8740
  
    
/* line 549, ../sass/_overlays.scss */


  		





  8743
  8741
  
    
.wizard .bottom .nav span {


  		





  8744
  8742
  
    
  display: inline-block;


  		





  8745
  8743
  
    
  height: 30px;


  		





  8746
  8744
  
    
  line-height: 30px;


  		





  8747
  8745
  
    
  float: left;


  		





  8748
  8746
  
    
}


  		





  8749
  
  
    
/* line 556, ../sass/_overlays.scss */


  		





  
  8747
  
    
/* line 554, ../sass/_overlays.scss */


  		





  8750
  8748
  
    
.wizard .bottom .nav span:hover {


  		





  8751
  8749
  
    
  -webkit-transition: background 0ms linear;


  		





  8752
  8750
  
    
  -moz-transition: background 0ms linear;


  		





  ......




  8754
  8752
  
    
  -o-transition: background 0ms linear;


  		





  8755
  8753
  
    
  transition: background 0ms linear;


  		





  8756
  8754
  
    
}


  		





  8757
  
  
    
/* line 561, ../sass/_overlays.scss */


  		





  
  8755
  
    
/* line 559, ../sass/_overlays.scss */


  		





  8758
  8756
  
    
.wizard .bottom .prev {


  		





  8759
  8757
  
    
  float: left;


  		





  8760
  8758
  
    
  height: 30px;


  		





  8761
  8759
  
    
  padding-left: 19px;


  		





  8762
  8760
  
    
  background: url("../images/nav-edge-lt.png") no-repeat left top;


  		





  8763
  8761
  
    
}


  		





  8764
  
  
    
/* line 566, ../sass/_overlays.scss */


  		





  
  8762
  
    
/* line 564, ../sass/_overlays.scss */


  		





  8765
  8763
  
    
.wizard .bottom .prev span {


  		





  8766
  8764
  
    
  padding-right: 10px;


  		





  8767
  8765
  
    
  background: url("../images/nav-lt.png") no-repeat right top;


  		





  8768
  8766
  
    
}


  		





  8769
  
  
    
/* line 570, ../sass/_overlays.scss */


  		





  
  8767
  
    
/* line 568, ../sass/_overlays.scss */


  		





  8770
  8768
  
    
.wizard .bottom .prev:hover {


  		





  8771
  8769
  
    
  background-position: left bottom;


  		





  8772
  8770
  
    
}


  		





  8773
  
  
    
/* line 572, ../sass/_overlays.scss */


  		





  
  8771
  
    
/* line 570, ../sass/_overlays.scss */


  		





  8774
  8772
  
    
.wizard .bottom .prev:hover span {


  		





  8775
  8773
  
    
  background-position: right bottom;


  		





  8776
  8774
  
    
}


  		





  8777
  
  
    
/* line 577, ../sass/_overlays.scss */


  		





  
  8775
  
    
/* line 575, ../sass/_overlays.scss */


  		





  8778
  8776
  
    
.wizard .bottom .next {


  		





  8779
  8777
  
    
  float: right;


  		





  8780
  8778
  
    
  height: 30px;


  		





  8781
  8779
  
    
  padding-right: 19px;


  		





  8782
  8780
  
    
  background: url("../images/nav-edge-rt.png") no-repeat right top;


  		





  8783
  8781
  
    
}


  		





  8784
  
  
    
/* line 582, ../sass/_overlays.scss */


  		





  
  8782
  
    
/* line 580, ../sass/_overlays.scss */


  		





  8785
  8783
  
    
.wizard .bottom .next span {


  		





  8786
  8784
  
    
  padding-left: 10px;


  		





  8787
  8785
  
    
  background: url("../images/nav-rt.png") no-repeat left top;


  		





  8788
  8786
  
    
}


  		





  8789
  
  
    
/* line 586, ../sass/_overlays.scss */


  		





  
  8787
  
    
/* line 584, ../sass/_overlays.scss */


  		





  8790
  8788
  
    
.wizard .bottom .next:hover {


  		





  8791
  8789
  
    
  background-position: right bottom;


  		





  8792
  8790
  
    
}


  		





  8793
  
  
    
/* line 588, ../sass/_overlays.scss */


  		





  
  8791
  
    
/* line 586, ../sass/_overlays.scss */


  		





  8794
  8792
  
    
.wizard .bottom .next:hover span {


  		





  8795
  8793
  
    
  background-position: left bottom;


  		





  8796
  8794
  
    
}


  		





  8797
  
  
    
/* line 593, ../sass/_overlays.scss */


  		





  
  8795
  
    
/* line 591, ../sass/_overlays.scss */


  		





  8798
  8796
  
    
.wizard .bottom .nums {


  		





  8799
  8797
  
    
  text-align: center;


  		





  8800
  8798
  
    
  list-style: none outside none;


  		





  ......




  8803
  8801
  
    
  line-height: 60px;


  		





  8804
  8802
  
    
  font-size: 0.75em;


  		





  8805
  8803
  
    
}


  		





  8806
  
  
    
/* line 600, ../sass/_overlays.scss */


  		





  
  8804
  
    
/* line 598, ../sass/_overlays.scss */


  		





  8807
  8805
  
    
.wizard .bottom .nums li {


  		





  8808
  8806
  
    
  list-style: none outside none;


  		





  8809
  8807
  
    
  display: inline-block;


  		





  ......




  8814
  8812
  
    
  line-height: 21px;


  		





  8815
  8813
  
    
  margin: 0 3px;


  		





  8816
  8814
  
    
}


  		





  8817
  
  
    
/* line 609, ../sass/_overlays.scss */


  		





  
  8815
  
    
/* line 607, ../sass/_overlays.scss */


  		





  8818
  8816
  
    
.wizard .bottom .nums li a {


  		





  8819
  8817
  
    
  color: #919194;


  		





  8820
  8818
  
    
  display: block;


  		





  8821
  8819
  
    
}


  		





  8822
  
  
    
/* line 612, ../sass/_overlays.scss */


  		





  
  8820
  
    
/* line 610, ../sass/_overlays.scss */


  		





  8823
  8821
  
    
.wizard .bottom .nums li a:hover {


  		





  8824
  8822
  
    
  cursor: default;


  		





  8825
  8823
  
    
}


  		





  8826
  
  
    
/* line 616, ../sass/_overlays.scss */


  		





  
  8824
  
    
/* line 614, ../sass/_overlays.scss */


  		





  8827
  8825
  
    
.wizard .bottom .nums li.current {


  		





  8828
  8826
  
    
  border-color: white;


  		





  8829
  8827
  
    
}


  		





  8830
  
  
    
/* line 618, ../sass/_overlays.scss */


  		





  
  8828
  
    
/* line 616, ../sass/_overlays.scss */


  		





  8831
  8829
  
    
.wizard .bottom .nums li.current a {


  		





  8832
  8830
  
    
  color: white;


  		





  8833
  8831
  
    
}


  		





  8834
  
  
    
/* line 623, ../sass/_overlays.scss */


  		





  
  8832
  
    
/* line 621, ../sass/_overlays.scss */


  		





  8835
  8833
  
    
.wizard .bottom .nums li.current {


  		





  8836
  8834
  
    
  font-size: 1em;


  		





  8837
  8835
  
    
  width: 30px;


  		





  ......




  8839
  8837
  
    
  line-height: 27px;


  		





  8840
  8838
  
    
}


  		





  8841
  8839
  
    

  		





  8842
  
  
    
/* line 634, ../sass/_overlays.scss */


  		





  
  8840
  
    
/* line 1, ../sass/_wizard-carousel.scss */


  		





  8843
  8841
  
    
.wizard-content {


  		





  8844
  8842
  
    
  overflow: hidden;


  		





  8845
  8843
  
    
  width: 100%;


  		





  8846
  8844
  
    
}


  		





  8847
  
  
    

  		





  8848
  
  
    
/* line 639, ../sass/_overlays.scss */


  		





  8849
  
  
    
.vm-wizard-carousel {


  		





  8850
  
  
    
  width: 90000px;


  		





  
  8845
  
    
/* line 4, ../sass/_wizard-carousel.scss */


  		





  
  8846
  
    
.wizard-content .vm-wizard-carousel {


  		





  8851
  8847
  
    
  position: relative;


  		





  8852
  8848
  
    
}


  		





  
  8849
  
    
/* line 6, ../sass/_wizard-carousel.scss */


  		





  
  8850
  
    
.wizard-content .vm-wizard-carousel .step {


  		





  
  8851
  
    
  float: left;


  		





  
  8852
  
    
}


  		












  

    
      b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list.html
    
  






  868
  868
  
    
	<script type="text/javascript" src="javascripts/jquery.magnific-popup.js"></script>


  		





  869
  869
  
    
	<script src="javascripts/common.js"></script>


  		





  870
  870
  
    
	<script type="text/javascript" src="javascripts/farbtastic.js"></script>


  		





  871
  
  
    
	<script type="text/javascript" src="javascripts/vm-wizard.js"></script>


  		





  
  871
  
    
	<script type="text/javascript" src="javascripts/underscore-min.js"></script>


  		





  
  872
  
    
	<script type="text/javascript" src="javascripts/wizard-carousel.js"></script>


  		





  872
  873
  
    
  <script>


  		





  873
  874
  
    
    $(document).foundation();


  		





  874
  875
  
    
    $(document).ready(function() {


  		












Also available in:
  Unified diff