Revision bb8cc1dc
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/common.js | ||
|---|---|---|
| 197 | 197 |
} |
| 198 | 198 |
var id = el.data('overlay-id');
|
| 199 | 199 |
|
| 200 |
$('.overlay-area').fadeIn('slow');
|
|
| 200 |
$('.overlay-area').fadeIn(100);
|
|
| 201 |
$('body').addClass('with-overlay');
|
|
| 201 | 202 |
$(id).fadeIn('slow');
|
| 202 |
if ($('.step-1').length>0) {
|
|
| 203 |
ui.wizard.setStepHeight($('.step-1'));
|
|
| 204 |
} |
|
| 205 | 203 |
$(id).find('a').first().focus();
|
| 206 | 204 |
}); |
| 207 | 205 |
} |
| ... | ... | |
| 271 | 269 |
|
| 272 | 270 |
ui.entitiesActionsInit(); |
| 273 | 271 |
|
| 274 |
if ($('.overlay').length >0 ){
|
|
| 275 |
$('body').addClass('with-overlay');
|
|
| 276 |
} |
|
| 277 |
|
|
| 278 | 272 |
$('.new-btn a.current').click(function(e){
|
| 279 | 273 |
e.preventDefault(); |
| 280 | 274 |
}) |
| ... | ... | |
| 301 | 295 |
e.stopPropagation(); |
| 302 | 296 |
$(this).parents('.overlay-area').hide();
|
| 303 | 297 |
$(this).parents('.overlay-area').find($('.overlay-div')).hide();
|
| 298 |
$('body').removeClass('with-overlay');
|
|
| 304 | 299 |
}) |
| 305 | 300 |
|
| 306 | 301 |
$('.browse-files').click(function(e){
|
| ... | ... | |
| 327 | 322 |
preload: [0,1] // Will preload 0 - before current, and 1 after the current image |
| 328 | 323 |
}, |
| 329 | 324 |
image: {
|
| 330 |
tError: '<a href="%url%">The image #%curr%</a> could not be loaded.',
|
|
| 325 |
tError: 'The image could not be loaded.',
|
|
| 331 | 326 |
titleSrc: function(item) {
|
| 332 | 327 |
return item.el.data('title');
|
| 333 | 328 |
} |
| 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:{"&":"&","<":"<",">":">",'"':""","'":"'"}};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 |
|
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/vm-wizard.js | ||
|---|---|---|
| 1 |
ui.wizard ={
|
|
| 1 |
ui.wizard = {
|
|
| 2 | 2 |
current_step: undefined, |
| 3 |
total_step: $('.wizard-content .step').length,
|
|
| 3 |
total_step: $('.wizard-content .step').length,
|
|
| 4 | 4 |
current_position: undefined, |
| 5 | 5 |
relocation: undefined, |
| 6 | 6 |
btns: {
|
| ... | ... | |
| 12 | 12 |
}, |
| 13 | 13 |
speed: 500, |
| 14 | 14 |
|
| 15 |
setDimensions: function (){
|
|
| 16 |
$('.vm-wizard-carousel').css('width', 100*ui.wizard.total_step+'%');
|
|
| 17 |
$('.vm-wizard-carousel .step').css('width', 100/ui.wizard.total_step+'%');
|
|
| 15 |
setDimensions: function() {
|
|
| 16 |
$('.vm-wizard-carousel').css('width', 100 * ui.wizard.total_step + '%');
|
|
| 17 |
$('.vm-wizard-carousel .step').css('width', 100 / ui.wizard.total_step + '%');
|
|
| 18 | 18 |
}, |
| 19 |
getCurrent: function(){
|
|
| 20 |
return $('.step').filter('.current');
|
|
| 21 |
}, |
|
| 22 |
|
|
| 23 |
getNextStep: function() {
|
|
| 24 |
return ui.wizard.getCurrent().next(); |
|
| 25 |
}, |
|
| 26 |
|
|
| 27 |
getPreviousStep: function() {
|
|
| 28 |
return ui.wizard.getCurrent().prev(); |
|
| 29 |
}, |
|
| 19 | 30 |
|
| 20 |
submitData: function (){
|
|
| 31 |
getScrollOffset: function() {
|
|
| 32 |
return document.body.scrollTop; |
|
| 33 |
}, |
|
| 34 |
|
|
| 35 |
submitData: function() {
|
|
| 21 | 36 |
console.log('submit data dummy function');
|
| 22 | 37 |
}, |
| 23 | 38 |
|
| 24 |
data_next_array: ['el0','el2','el4','el7'],
|
|
| 39 |
data_next_array: ['el0', 'el2', 'el4', 'el7'],
|
|
| 25 | 40 |
|
| 26 |
focusFun: function(){
|
|
| 27 |
$('.firstfocus-'+ui.wizard.current_step+'').first().focus();
|
|
| 41 |
focusFun: function() {
|
|
| 42 |
$('.firstfocus-' + ui.wizard.current_step + '').first().focus();
|
|
| 28 | 43 |
$('.nav.next').removeAttr('data-next');
|
| 29 | 44 |
$('.nav.next').attr('data-next', ui.wizard.data_next_array[ui.wizard.current_step]);
|
| 30 | 45 |
}, |
| 31 | 46 |
|
| 32 |
move: function () {
|
|
| 33 |
var percentage = -(ui.wizard.current_step-1)*100+'%'; |
|
| 34 |
ui.wizard.setStepHeight($('.step-'+ui.wizard.current_step+''));
|
|
| 35 |
$('#dummy-link-'+(ui.wizard.current_step-1)+'').scrollintoview({'duration':0});
|
|
| 36 |
$('.vm-wizard-carousel').stop(true, true).animate(
|
|
| 37 |
{ 'left': percentage },
|
|
| 38 |
ui.wizard.speed |
|
| 39 |
); |
|
| 47 |
move: function(step, pos) {
|
|
| 48 |
|
|
| 40 | 49 |
ui.wizard.focusFun(); |
| 41 | 50 |
ui.wizard.indicateStep(ui.wizard.current_step); |
| 42 | 51 |
ui.wizard.setMovementTags(ui.wizard.current_step, ui.wizard.btns.previous, ui.wizard.btns.next); |
| 43 |
if(ui.wizard.current_step == 3 && $('.step-3 .advanced-conf-options:visible').length == 0) {
|
|
| 44 |
setTimeout(function() { $('.vm-name').find('input').focus() }, ui.wizard.speed/2);
|
|
| 45 |
} |
|
| 52 |
// the current visible pane |
|
| 53 |
current = this.getCurrent(); |
|
| 54 |
// Set next pane position on the right of the current one |
|
| 55 |
// Add current to the next pane, so that it will become |
|
| 56 |
// visible |
|
| 57 |
step.css({
|
|
| 58 |
left: pos.toString() + '%' |
|
| 59 |
}).addClass("current");
|
|
| 60 |
|
|
| 61 |
// identify the current scroll position. Use it to |
|
| 62 |
// set next pane top position. We assume all panes |
|
| 63 |
// are within the scroll context of the main window. |
|
| 64 |
step.css({
|
|
| 65 |
top: this.getScrollOffset() + 'px' |
|
| 66 |
}); |
|
| 67 |
|
|
| 68 |
$('.step').animate({
|
|
| 69 |
marginLeft: (-pos).toString() + '%' |
|
| 70 |
}, {
|
|
| 71 |
complete: _.bind(function() {
|
|
| 72 |
// assuming all the following take place |
|
| 73 |
// instantaneously within a single browser |
|
| 74 |
// render cycle, no flickering should occur. |
|
| 75 |
current.removeClass("current");
|
|
| 76 |
window.scroll(0, 0); |
|
| 77 |
step.css({
|
|
| 78 |
left: '0', |
|
| 79 |
top: '0' |
|
| 80 |
}); |
|
| 81 |
$('.step').css({
|
|
| 82 |
marginLeft: '0' |
|
| 83 |
}); |
|
| 84 |
}, this) |
|
| 85 |
}); |
|
| 46 | 86 |
}, |
| 47 | 87 |
|
| 48 |
goNext: function () {
|
|
| 49 |
if(ui.wizard.current_step < ui.wizard.total_step){
|
|
| 50 |
ui.wizard.current_step++; |
|
| 51 |
ui.wizard.move(); |
|
| 52 |
} |
|
| 53 |
else {
|
|
| 88 |
goNext: function() {
|
|
| 89 |
var next = ui.wizard.getNextStep(); |
|
| 90 |
if (!next) {
|
|
| 54 | 91 |
ui.wizard.submitData(); |
| 55 | 92 |
ui.wizard.close(); |
| 93 |
return; |
|
| 56 | 94 |
} |
| 95 |
ui.wizard.current_step++; |
|
| 96 |
ui.wizard.move(next, 100); |
|
| 57 | 97 |
}, |
| 58 | 98 |
|
| 59 |
goPrev:function() {
|
|
| 60 |
if(ui.wizard.current_step > 1){
|
|
| 61 |
ui.wizard.current_step--; |
|
| 62 |
ui.wizard.move(); |
|
| 63 |
} |
|
| 64 |
else {
|
|
| 99 |
goPrev: function() {
|
|
| 100 |
var prev = ui.wizard.getPreviousStep(); |
|
| 101 |
if (!prev) {
|
|
| 65 | 102 |
ui.wizard.close(); |
| 103 |
return; |
|
| 66 | 104 |
} |
| 105 |
console.log('goPrev',ui.wizard.current_step);
|
|
| 106 |
ui.wizard.current_step--; |
|
| 107 |
ui.wizard.move(prev, -100); |
|
| 67 | 108 |
}, |
| 68 | 109 |
|
| 69 |
initEvents: function(){
|
|
| 110 |
initEvents: function() {
|
|
| 70 | 111 |
ui.wizard.setDimensions(); |
| 71 | 112 |
$(document).keydown(function(e) {
|
| 72 | 113 |
// right arrow keyCode == 39 |
| 73 |
if($('.vm-wizard-carousel:visible').length != 0) {
|
|
| 74 |
if(e.keyCode==39 && ui.wizard.current_step!=(ui.wizard.total_step)) {
|
|
| 114 |
if ($('.wizard:visible').length != 0) {
|
|
| 115 |
if (e.keyCode == 39 && ui.wizard.current_step != (ui.wizard.total_step)) {
|
|
| 75 | 116 |
ui.wizard.goNext(); |
| 76 | 117 |
return false; |
| 77 | 118 |
} |
| 78 | 119 |
// left arrow keyCode == 37 |
| 79 |
else if(e.keyCode==37 && ui.wizard.current_step!=1) {
|
|
| 120 |
else if (e.keyCode == 37 && ui.wizard.current_step != 1) {
|
|
| 80 | 121 |
ui.wizard.goPrev(); |
| 81 | 122 |
return false; |
| 82 | 123 |
} |
| 83 | 124 |
// ESC |
| 84 |
else if(e.keyCode== 27 && ui.wizard.current_step==1) {
|
|
| 125 |
else if (e.keyCode == 27 && ui.wizard.current_step == 1) {
|
|
| 85 | 126 |
ui.wizard.close(); |
| 86 | 127 |
} |
| 87 | 128 |
} |
| 88 | 129 |
}); |
| 89 |
|
|
| 90 |
ui.wizard.btns.next.click(function(e){
|
|
| 130 |
|
|
| 131 |
ui.wizard.btns.next.click(function(e) {
|
|
| 91 | 132 |
ui.wizard.goNext(); |
| 92 | 133 |
}) |
| 93 | 134 |
|
| 94 |
ui.wizard.btns.previous.click(function(e){
|
|
| 135 |
ui.wizard.btns.previous.click(function(e) {
|
|
| 95 | 136 |
ui.wizard.goPrev(); |
| 96 | 137 |
}); |
| 97 | 138 |
}, |
| ... | ... | |
| 99 | 140 |
// for the carousel index |
| 100 | 141 |
indicateStep: function(step) {
|
| 101 | 142 |
$('.wizard .top .sub-menu[data-step]').hide();
|
| 102 |
$('.wizard .top .sub-menu[data-step='+step+']').fadeIn();
|
|
| 103 |
|
|
| 143 |
$('.wizard .top .sub-menu[data-step=' + step + ']').fadeIn();
|
|
| 144 |
|
|
| 104 | 145 |
$('.nums').children().removeClass('current');
|
| 105 |
$('.nums li:not(".current")').show().css("display","inline");
|
|
| 106 |
$('.nums li:nth-child('+ui.wizard.current_step+')').addClass('current');
|
|
| 146 |
$('.nums li:not(".current")').show().css("display", "inline");
|
|
| 147 |
$('.nums li:nth-child(' + ui.wizard.current_step + ')').addClass('current');
|
|
| 107 | 148 |
$('.nums li.current').hide();
|
| 108 |
$('.nums li.current').fadeIn('slow').css("display","inline");
|
|
| 149 |
$('.nums li.current').fadeIn('slow').css("display", "inline");
|
|
| 109 | 150 |
$('.nums .current').prevAll('li').hide();
|
| 110 | 151 |
}, |
| 111 | 152 |
|
| 112 | 153 |
// changes the text of next and previous buttons |
| 113 | 154 |
setMovementTags: function() {
|
| 114 |
if (ui.wizard.current_step==1) {
|
|
| 155 |
if (ui.wizard.current_step == 1) {
|
|
| 115 | 156 |
ui.wizard.btns.previous.find('span').html('CANCEL');
|
| 116 | 157 |
ui.wizard.btns.next.find('span').html('NEXT');
|
| 117 |
} |
|
| 118 |
else if(ui.wizard.current_step==ui.wizard.total_step) {
|
|
| 158 |
} else if (ui.wizard.current_step == ui.wizard.total_step) {
|
|
| 119 | 159 |
ui.wizard.btns.previous.find('span').html('PREVIOUS');
|
| 120 | 160 |
ui.wizard.btns.next.find('span').html('CREATE');
|
| 121 |
} |
|
| 122 |
else {
|
|
| 161 |
} else {
|
|
| 123 | 162 |
ui.wizard.btns.previous.find('span').html('PREVIOUS');
|
| 124 | 163 |
ui.wizard.btns.next.find('span').html('NEXT');
|
| 125 | 164 |
} |
| 126 | 165 |
}, |
| 127 | 166 |
|
| 128 | 167 |
close: function() {
|
| 129 |
$('.overlay-area').fadeOut(400, function (){
|
|
| 130 |
$('.overlay-div').hide();
|
|
| 168 |
$('body').removeClass('with-overlay');
|
|
| 169 |
$('.overlay-area').fadeOut(400, function() {
|
|
| 170 |
$('.overlay-div').hide();
|
|
| 131 | 171 |
}); |
| 132 | 172 |
ui.wizard.resetWizard(); |
| 133 | 173 |
}, |
| 134 |
|
|
| 135 | 174 |
// manually sets elements to a initial state |
| 136 | 175 |
resetWizard: function() {
|
| 137 |
ui.wizard.current_step = 1;
|
|
| 138 |
$('.vm-wizard-carousel').css('left',0);
|
|
| 139 |
$('.bottom').show();
|
|
| 140 |
ui.wizard.indicateStep(ui.wizard.current_step);
|
|
| 141 |
ui.wizard.setMovementTags();
|
|
| 142 |
$('.networks-area .more').show();
|
|
| 143 |
$('.details').hide();
|
|
| 144 |
$('.vm-wizard-carousel input').val('');
|
|
| 145 |
$('.advanced-conf-options').hide();
|
|
| 146 |
$('.snf-color-picker').hide();
|
|
| 147 |
ui.wizard.preselectElements('.wizard');
|
|
| 176 |
ui.wizard.current_step = 1; |
|
| 177 |
$('.vm-wizard-carousel').css('left', 0);
|
|
| 178 |
$('.bottom').show();
|
|
| 179 |
ui.wizard.indicateStep(ui.wizard.current_step);
|
|
| 180 |
ui.wizard.setMovementTags();
|
|
| 181 |
$('.networks-area .more').show();
|
|
| 182 |
$('.details').hide();
|
|
| 183 |
$('.vm-wizard-carousel input').val('');
|
|
| 184 |
$('.advanced-conf-options').hide();
|
|
| 185 |
$('.snf-color-picker').hide();
|
|
| 186 |
ui.wizard.preselectElements('.wizard');
|
|
| 148 | 187 |
}, |
| 149 | 188 |
|
| 150 | 189 |
expandArea: function() {
|
| 151 |
ui.wizard.btns.expand_down.click(function(e){
|
|
| 152 |
ui.expandArrow(ui.wizard.btns.expand_down); |
|
| 153 |
$('.wizard-content').removeAttr('style');
|
|
| 154 |
ui.wizard.btns.expand_down.parents('div.advanced-conf-step').find('.advanced-conf-options').stop().slideToggle(600, function() {
|
|
| 155 |
if($('.advanced-conf-options:visible').length != 0) {
|
|
| 156 |
ui.wizard.btns.expand_down.find('.snf-arrow-down .snf-arrow-up').removeClass('snf-arrow-down').addClass('snf-arrow-up');
|
|
| 157 |
} |
|
| 158 |
else {
|
|
| 159 |
ui.wizard.btns.expand_down.find('.snf-arrow-down .snf-arrow-up').addClass('snf-arrow-down');
|
|
| 160 |
} |
|
| 161 |
ui.wizard.setStepHeight($('.step-3'));
|
|
| 162 |
}); |
|
| 163 |
}) |
|
| 190 |
ui.wizard.btns.expand_down.click(function(e) {
|
|
| 191 |
ui.expandArrow(ui.wizard.btns.expand_down); |
|
| 192 |
$('.wizard-content').removeAttr('style');
|
|
| 193 |
ui.wizard.btns.expand_down.parents('div.advanced-conf-step').find('.advanced-conf-options').stop().slideToggle(600, function() {
|
|
| 194 |
if ($('.advanced-conf-options:visible').length != 0) {
|
|
| 195 |
ui.wizard.btns.expand_down.find('.snf-arrow-down .snf-arrow-up').removeClass('snf-arrow-down').addClass('snf-arrow-up');
|
|
| 196 |
} else {
|
|
| 197 |
ui.wizard.btns.expand_down.find('.snf-arrow-down .snf-arrow-up').addClass('snf-arrow-down');
|
|
| 198 |
} |
|
| 199 |
|
|
| 200 |
}); |
|
| 201 |
}) |
|
| 164 | 202 |
}, |
| 165 | 203 |
focusCustom: function(el, step) {
|
| 166 | 204 |
el.focus(); |
| 167 |
el.attr('data-step',step);
|
|
| 205 |
el.attr('data-step', step);
|
|
| 168 | 206 |
}, |
| 169 | 207 |
|
| 170 | 208 |
preselectElements: function(area) {
|
| 171 |
$(area).find('.current').not('.preselected').removeClass('current');
|
|
| 172 |
$(area).find('.preselected').not('.current').addClass('current');
|
|
| 173 |
$(area).find('.custom.dropdown.medium a:first').addClass('current'); // to fix
|
|
| 174 |
$(area).find('.snf-radio-checked').not('.prechecked').toggleClass('snf-radio-checked snf-radio-unchecked');
|
|
| 175 |
$(area).find('.snf-radio-unchecked.prechecked').toggleClass('snf-radio-checked snf-radio-unchecked');
|
|
| 176 |
$(area).find('.snf-checkbox-checked').not('.prechecked').toggleClass('snf-checkbox-checked snf-checkbox-unchecked');
|
|
| 177 |
$(area).find('.snf-checkbox-unchecked.prechecked').toggleClass('snf-checkbox-checked snf-checkbox-unchecked');
|
|
| 178 |
$('.expand-link').find('.snf-arrow-up.preselected').toggleClass('snf-arrow-up snf-arrow-down');
|
|
| 179 |
}, |
|
| 180 |
|
|
| 181 |
setStepHeight: function(stepEl) {
|
|
| 182 |
var h1 = stepEl.height(); |
|
| 183 |
var h2 = $('.wizard .top').height();
|
|
| 184 |
var h3 = $('.header').height();
|
|
| 185 |
var h4 = $(window).height(); |
|
| 186 |
var res2 = h4-h3-h2-h1; |
|
| 187 |
var res1 = h1 +h2; |
|
| 188 |
if(res2>h1) {
|
|
| 189 |
$('.wizard-content').css('height',res2);
|
|
| 190 |
} |
|
| 191 |
else {
|
|
| 192 |
$('.wizard-content').css('height',res1);
|
|
| 193 |
} |
|
| 194 |
}, |
|
| 195 |
|
|
| 196 |
returnStepHeight: function(stepEl) {
|
|
| 197 |
var h1 = stepEl.height(); |
|
| 198 |
var h2 = $('.wizard .top').height();
|
|
| 199 |
var h3 = $('.header').height();
|
|
| 200 |
var h4 = $(window).height(); |
|
| 201 |
var res2 = h4-h3-h2-h1; |
|
| 202 |
var res1 = h1 +h2; |
|
| 203 |
if(res2>h1) {
|
|
| 204 |
return res2; |
|
| 205 |
} |
|
| 206 |
else {
|
|
| 207 |
return res1; |
|
| 208 |
} |
|
| 209 |
$(area).find('.current').not('.preselected').removeClass('current');
|
|
| 210 |
$(area).find('.preselected').not('.current').addClass('current');
|
|
| 211 |
$(area).find('.custom.dropdown.medium a:first').addClass('current'); // to fix
|
|
| 212 |
$(area).find('.snf-radio-checked').not('.prechecked').toggleClass('snf-radio-checked snf-radio-unchecked');
|
|
| 213 |
$(area).find('.snf-radio-unchecked.prechecked').toggleClass('snf-radio-checked snf-radio-unchecked');
|
|
| 214 |
$(area).find('.snf-checkbox-checked').not('.prechecked').toggleClass('snf-checkbox-checked snf-checkbox-unchecked');
|
|
| 215 |
$(area).find('.snf-checkbox-unchecked.prechecked').toggleClass('snf-checkbox-checked snf-checkbox-unchecked');
|
|
| 216 |
$('.expand-link').find('.snf-arrow-up.preselected').toggleClass('snf-arrow-up snf-arrow-down');
|
|
| 209 | 217 |
}, |
| 210 | 218 |
|
| 211 | 219 |
pickResources: function(resource) {
|
| 212 |
$('.flavor .with-flavor a:not(.'+resource+')').removeClass('current');
|
|
| 213 |
$('.flavor .with-flavor a.'+resource+'').addClass('current');
|
|
| 220 |
$('.flavor .with-flavor a:not(.' + resource + ')').removeClass('current');
|
|
| 221 |
$('.flavor .with-flavor a.' + resource + '').addClass('current');
|
|
| 214 | 222 |
} |
| 215 | 223 |
|
| 216 | 224 |
} |
| 217 | 225 |
|
| 218 | 226 |
|
| 219 |
$(document).ready(function(){
|
|
| 227 |
$(document).ready(function() {
|
|
| 220 | 228 |
|
| 221 |
/* |
|
| 229 |
/*
|
|
| 222 | 230 |
Various functions for vm creation wizard |
| 223 | 231 |
*/ |
| 224 | 232 |
|
| 225 |
/* step functions */ |
|
| 226 |
/* step-1: Pick OS */ |
|
| 227 |
$('.wizard .os > li').click(function(e){
|
|
| 228 |
e.preventDefault(); |
|
| 229 |
$('.wizard .os >li').removeClass('current');
|
|
| 230 |
$(this).addClass('current');
|
|
| 231 |
}); |
|
| 232 |
|
|
| 233 |
$('.os .btn-col a').click( function(e){
|
|
| 234 |
e.preventDefault(); |
|
| 235 |
e.stopPropagation(); |
|
| 236 |
$(this).toggleClass('current');
|
|
| 237 |
var self = this; |
|
| 238 |
$(this).parents('li').find('.details').stop().slideToggle('slow', 'easeOutExpo',function(){
|
|
| 239 |
ui.wizard.setStepHeight($('.step-1'));
|
|
| 240 |
}); |
|
| 233 |
/* step functions */ |
|
| 234 |
/* step-1: Pick OS */ |
|
| 235 |
$('.wizard .os > li').click(function(e) {
|
|
| 236 |
e.preventDefault(); |
|
| 237 |
$('.wizard .os >li').removeClass('current');
|
|
| 238 |
$(this).addClass('current');
|
|
| 241 | 239 |
}); |
| 242 | 240 |
|
| 241 |
$('.os .btn-col a').click(function(e) {
|
|
| 242 |
e.preventDefault(); |
|
| 243 |
e.stopPropagation(); |
|
| 244 |
$(this).toggleClass('current');
|
|
| 245 |
var self = this; |
|
| 246 |
$(this).parents('li').find('.details').stop().slideToggle();
|
|
| 247 |
}); |
|
| 243 | 248 |
|
| 244 |
/* step-2: Select flavor */ |
|
| 245 |
$('.wizard .sub-menu a[data-size]').on( "click", function(e) {
|
|
| 246 |
// e.preventDefault(); |
|
| 247 |
$(this).parents('.sub-menu').find('a').removeClass('current');
|
|
| 248 |
$(this).addClass('current');
|
|
| 249 |
ui.wizard.pickResources($(this).data('size'));
|
|
| 250 |
}); |
|
| 251 |
|
|
| 252 |
$('.wizard .flavor .options:not(".vm-storage-selection") a').click(function(e){
|
|
| 253 |
// e.preventDefault(); |
|
| 254 |
$('.wizard .sub-menu a[data-size]').removeClass('current');
|
|
| 255 |
$(this).parents('.options').find('a').removeClass('current');
|
|
| 256 |
$(this).addClass('current');
|
|
| 257 |
|
|
| 258 |
var size, count; |
|
| 259 |
if($(this).hasClass('small')) {
|
|
| 260 |
size = 'small'; |
|
| 261 |
} |
|
| 262 |
else if ($(this).hasClass('medium')){
|
|
| 263 |
size = 'medium'; |
|
| 264 |
} |
|
| 265 |
|
|
| 266 |
else if($(this).hasClass('large')) {
|
|
| 267 |
size = 'large'; |
|
| 268 |
} |
|
| 269 |
|
|
| 270 |
count = $('.wizard .step-2 .options.with-flavor .'+size+'.current').length;
|
|
| 271 |
if(count == 3) {
|
|
| 272 |
$('.wizard .sub-menu[data-step=2]').find('a[data-size='+size+']').addClass('current');
|
|
| 273 |
} |
|
| 274 |
}); |
|
| 275 |
|
|
| 276 |
$('.wizard .flavor .options.vm-storage-selection a').click(function(e){
|
|
| 277 |
// e.preventDefault(); |
|
| 278 |
$(this).parents('.options').find('a').removeClass('current');
|
|
| 279 |
$(this).addClass('current');
|
|
| 280 |
}); |
|
| 249 |
|
|
| 250 |
/* step-2: Select flavor */ |
|
| 251 |
$('.wizard .sub-menu a[data-size]').on("click", function(e) {
|
|
| 252 |
// e.preventDefault(); |
|
| 253 |
$(this).parents('.sub-menu').find('a').removeClass('current');
|
|
| 254 |
$(this).addClass('current');
|
|
| 255 |
ui.wizard.pickResources($(this).data('size'));
|
|
| 256 |
}); |
|
| 257 |
|
|
| 258 |
$('.wizard .flavor .options:not(".vm-storage-selection") a').click(function(e) {
|
|
| 259 |
// e.preventDefault(); |
|
| 260 |
$('.wizard .sub-menu a[data-size]').removeClass('current');
|
|
| 261 |
$(this).parents('.options').find('a').removeClass('current');
|
|
| 262 |
$(this).addClass('current');
|
|
| 263 |
|
|
| 264 |
var size, count; |
|
| 265 |
if ($(this).hasClass('small')) {
|
|
| 266 |
size = 'small'; |
|
| 267 |
} else if ($(this).hasClass('medium')) {
|
|
| 268 |
size = 'medium'; |
|
| 269 |
} else if ($(this).hasClass('large')) {
|
|
| 270 |
size = 'large'; |
|
| 271 |
} |
|
| 272 |
|
|
| 273 |
count = $('.wizard .step-2 .options.with-flavor .' + size + '.current').length;
|
|
| 274 |
if (count == 3) {
|
|
| 275 |
$('.wizard .sub-menu[data-step=2]').find('a[data-size=' + size + ']').addClass('current');
|
|
| 276 |
} |
|
| 277 |
}); |
|
| 278 |
|
|
| 279 |
$('.wizard .flavor .options.vm-storage-selection a').click(function(e) {
|
|
| 280 |
// e.preventDefault(); |
|
| 281 |
$(this).parents('.options').find('a').removeClass('current');
|
|
| 282 |
$(this).addClass('current');
|
|
| 283 |
}); |
|
| 281 | 284 |
|
| 282 | 285 |
$('.flavor .options a').hover(
|
| 283 |
function(){
|
|
| 286 |
function() {
|
|
| 284 | 287 |
var paragraph = $(this).parents('.options-bar').siblings('.title').find('p');
|
| 285 | 288 |
var text = $(this).data('help');
|
| 286 | 289 |
paragraph.html(text); |
| 287 |
paragraph.css('visibility','visible');
|
|
| 290 |
paragraph.css('visibility', 'visible');
|
|
| 288 | 291 |
}, function() {
|
| 289 | 292 |
var paragraph = $(this).parents('.options-bar').siblings('.title').find('p');
|
| 290 |
paragraph.css('visibility','hidden');
|
|
| 291 |
}
|
|
| 292 |
);
|
|
| 293 |
/* step-3: Advanced options */ |
|
| 293 |
paragraph.css('visibility', 'hidden');
|
|
| 294 |
} |
|
| 295 |
);
|
|
| 296 |
/* step-3: Advanced options */
|
|
| 294 | 297 |
|
| 295 | 298 |
// reaction li.click |
| 296 |
$('.advanced-conf-options .checkbox').click(function(e){
|
|
| 297 |
e.preventDefault(); |
|
| 298 |
var self = this; |
|
| 299 |
var checkbox = $(this).find('.check');
|
|
| 300 |
ui.changeCheckboxState(checkbox); |
|
| 301 |
if($(this).hasClass('has-more')) {
|
|
| 302 |
$(this).next('.more').stop().slideToggle(400, function() {
|
|
| 303 |
ui.wizard.setStepHeight($('.step-3'));
|
|
| 304 |
if($(self).next('.more:visible').length != 0) {
|
|
| 305 |
$(checkbox).find('span').removeClass('snf-checkbox-unchecked').addClass('snf-checkbox-checked');
|
|
| 306 |
} |
|
| 307 |
else {
|
|
| 308 |
$(checkbox).find('span').removeClass('snf-checkbox-checked').addClass('snf-checkbox-unchecked');
|
|
| 309 |
} |
|
| 310 |
}); |
|
| 311 |
} |
|
| 312 |
}); |
|
| 313 |
|
|
| 314 |
|
|
| 315 |
|
|
| 316 |
// reaction a.click |
|
| 317 |
$('.checkbox .check').click(function(e) {
|
|
| 299 |
$('.advanced-conf-options .checkbox').click(function(e) {
|
|
| 300 |
e.preventDefault(); |
|
| 301 |
var self = this; |
|
| 302 |
var checkbox = $(this).find('.check');
|
|
| 303 |
ui.changeCheckboxState(checkbox); |
|
| 304 |
if ($(this).hasClass('has-more')) {
|
|
| 305 |
$(this).next('.more').stop().slideToggle(400, function() {
|
|
| 306 |
if ($(self).next('.more:visible').length != 0) {
|
|
| 307 |
$(checkbox).find('span').removeClass('snf-checkbox-unchecked').addClass('snf-checkbox-checked');
|
|
| 308 |
} else {
|
|
| 309 |
$(checkbox).find('span').removeClass('snf-checkbox-checked').addClass('snf-checkbox-unchecked');
|
|
| 310 |
} |
|
| 311 |
}); |
|
| 312 |
} |
|
| 313 |
}); |
|
| 314 |
|
|
| 315 |
|
|
| 316 |
|
|
| 317 |
// reaction a.click |
|
| 318 |
$('.checkbox .check').click(function(e) {
|
|
| 318 | 319 |
e.stopPropagation(); |
| 319 | 320 |
var self = this; |
| 320 |
if($(this).closest('.checkbox').hasClass('has-more')) {
|
|
| 321 |
if ($(this).closest('.checkbox').hasClass('has-more')) {
|
|
| 321 | 322 |
console.log('hi');
|
| 322 |
$(this).parent().next('.more').stop().slideToggle(400, function() {
|
|
| 323 |
console.log('a2');
|
|
| 324 |
if($(self).parent().next('.more:visible').length != 0) {
|
|
| 325 |
$(self).find('span').removeClass('snf-checkbox-unchecked').addClass('snf-checkbox-checked');
|
|
| 326 |
console.log('a3');
|
|
| 327 |
} |
|
| 328 |
else {
|
|
| 329 |
$(self).find('span').removeClass('snf-checkbox-checked').addClass('snf-checkbox-unchecked');
|
|
| 330 |
} |
|
| 331 |
}); |
|
| 332 |
} |
|
| 323 |
$(this).parent().next('.more').stop().slideToggle(400, function() {
|
|
| 324 |
console.log('a2');
|
|
| 325 |
if ($(self).parent().next('.more:visible').length != 0) {
|
|
| 326 |
$(self).find('span').removeClass('snf-checkbox-unchecked').addClass('snf-checkbox-checked');
|
|
| 327 |
console.log('a3');
|
|
| 328 |
} else {
|
|
| 329 |
$(self).find('span').removeClass('snf-checkbox-checked').addClass('snf-checkbox-unchecked');
|
|
| 330 |
} |
|
| 331 |
}); |
|
| 332 |
} |
|
| 333 | 333 |
}); |
| 334 | 334 |
|
| 335 |
$('.show-add-tag').click(function(e){
|
|
| 336 |
e.preventDefault(); |
|
| 337 |
$(this).parents('.tags-area').find('.snf-color-picker').slideDown('slow', function(){
|
|
| 338 |
ui.wizard.setStepHeight($('.step-3'));
|
|
| 339 |
$('#hide-add-tag-dummy').scrollintoview({'duration':'slow'});
|
|
| 340 |
}); |
|
| 341 |
ui.colorPickerVisible =1; |
|
| 342 |
}); |
|
| 343 |
|
|
| 344 |
$('.hide-add-tag').click(function(e){
|
|
| 345 |
e.preventDefault(); |
|
| 346 |
$(this).parents('.tags-area').find('.snf-color-picker').slideUp(400, function(){
|
|
| 347 |
$('.show-add-tag').first().scrollintoview({'duration':'slow'});
|
|
| 348 |
ui.colorPickerVisible = 0; |
|
| 349 |
ui.wizard.setStepHeight($('.step-3'));
|
|
| 350 |
}); |
|
| 351 |
}); |
|
| 335 |
$('.show-add-tag').click(function(e) {
|
|
| 336 |
e.preventDefault(); |
|
| 337 |
$(this).parents('.tags-area').find('.snf-color-picker').slideDown('slow', function() {
|
|
| 338 |
$('#hide-add-tag-dummy').scrollintoview({
|
|
| 339 |
'duration': 'slow' |
|
| 340 |
}); |
|
| 341 |
}); |
|
| 342 |
ui.colorPickerVisible = 1; |
|
| 343 |
}); |
|
| 352 | 344 |
|
| 353 |
/* end of step functions */ |
|
| 345 |
$('.hide-add-tag').click(function(e) {
|
|
| 346 |
e.preventDefault(); |
|
| 347 |
$(this).parents('.tags-area').find('.snf-color-picker').slideUp(400, function() {
|
|
| 348 |
$('.show-add-tag').first().scrollintoview({
|
|
| 349 |
'duration': 'slow' |
|
| 350 |
}); |
|
| 351 |
ui.colorPickerVisible = 0; |
|
| 352 |
}); |
|
| 353 |
}); |
|
| 354 | 354 |
|
| 355 |
/* navigation and numbers functions */ |
|
| 356 |
$('.nav.previous').focus(function(e){
|
|
| 357 |
$(this).addClass('active');
|
|
| 358 |
}); |
|
| 355 |
/* end of step functions */ |
|
| 359 | 356 |
|
| 360 |
$('.nav.previous').focusout(function(e){
|
|
| 361 |
$(this).removeClass('active');
|
|
| 357 |
/* navigation and numbers functions */ |
|
| 358 |
$('.nav.previous').focus(function(e) {
|
|
| 359 |
$(this).addClass('active');
|
|
| 360 |
}); |
|
| 362 | 361 |
|
| 363 |
}); |
|
| 362 |
$('.nav.previous').focusout(function(e) {
|
|
| 363 |
$(this).removeClass('active');
|
|
| 364 | 364 |
|
| 365 |
$('.sub-menu[data-step=2] li:last').find('a').focusout(function(e) {
|
|
| 366 |
$('.step-2').find('.dropdown a:first').focus();
|
|
| 365 |
}); |
|
| 367 | 366 |
|
| 368 |
}); |
|
| 367 |
$('.sub-menu[data-step=2] li:last').find('a').focusout(function(e) {
|
|
| 368 |
$('.step-2').find('.dropdown a:first').focus();
|
|
| 369 | 369 |
|
| 370 |
$('.os .name-col').focus(function(e){
|
|
| 371 |
$(this).parents('li').addClass('hover');
|
|
| 372 |
}); |
|
| 370 |
}); |
|
| 373 | 371 |
|
| 374 |
$('.os .name-col').focusout(function(e){
|
|
| 375 |
$(this).parents('li').removeClass('hover');
|
|
| 376 |
}); |
|
| 372 |
$('.os .name-col').focus(function(e) {
|
|
| 373 |
$(this).parents('li').addClass('hover');
|
|
| 374 |
}); |
|
| 375 |
|
|
| 376 |
$('.os .name-col').focusout(function(e) {
|
|
| 377 |
$(this).parents('li').removeClass('hover');
|
|
| 378 |
}); |
|
| 377 | 379 |
|
| 378 | 380 |
|
| 379 |
/* end of navigation and numbers functions */ |
|
| 381 |
/* end of navigation and numbers functions */
|
|
| 380 | 382 |
|
| 381 | 383 |
|
| 382 |
/* focus and tabs functionality */ |
|
| 384 |
/* focus and tabs functionality */
|
|
| 383 | 385 |
|
| 384 |
$('a').keyup(function(e){
|
|
| 385 |
var self = this; |
|
| 386 |
if (e.keyCode==9||e.which==9){
|
|
| 387 |
if(e.shiftKey) {
|
|
| 388 |
} else {
|
|
| 389 |
//Focus next input
|
|
| 390 |
if ($(self).attr('data-next')) {
|
|
| 391 |
$(self).focusout(function(e){
|
|
| 392 |
var classname = $(self).data('next');
|
|
| 393 |
console.log('tab goes to ',classname);
|
|
| 394 |
$('.'+classname+'').first().focus();
|
|
| 395 |
});
|
|
| 386 |
$('a').keyup(function(e) {
|
|
| 387 |
var self = this;
|
|
| 388 |
if (e.keyCode == 9 || e.which == 9) {
|
|
| 389 |
if (e.shiftKey) {} else {
|
|
| 390 |
//Focus next input
|
|
| 391 |
if ($(self).attr('data-next')) {
|
|
| 392 |
$(self).focusout(function(e) {
|
|
| 393 |
var classname = $(self).data('next');
|
|
| 394 |
console.log('tab goes to ', classname);
|
|
| 395 |
$('.' + classname + '').first().focus();
|
|
| 396 |
});
|
|
| 397 |
} |
|
| 396 | 398 |
} |
| 397 | 399 |
} |
| 398 |
} |
|
| 399 |
}) |
|
| 400 |
}) |
|
| 400 | 401 |
|
| 401 |
/* end of focus and tabs functionality */ |
|
| 402 |
/* end of focus and tabs functionality */
|
|
| 402 | 403 |
|
| 403 | 404 |
$('#vm-wizard').find('a').click(function(e) {
|
| 404 | 405 |
e.preventDefault(); |
| 405 | 406 |
}); |
| 406 |
ui.wizard.current_step =1; |
|
| 407 |
ui.wizard.current_step = 1;
|
|
| 407 | 408 |
ui.wizard.btns.previous = $('.bottom').find('.nav.prev');
|
| 408 | 409 |
ui.wizard.btns.next = $('.bottom').find('.nav.next');
|
| 409 |
ui.wizard.btns.expand_down =$('.adv-main').find('.expand-link');
|
|
| 410 |
ui.wizard.btns.close =$('#vm-wizard').find('.close');
|
|
| 410 |
ui.wizard.btns.expand_down = $('.adv-main').find('.expand-link');
|
|
| 411 |
ui.wizard.btns.close = $('#vm-wizard').find('.close');
|
|
| 411 | 412 |
ui.wizard.initEvents(); |
| 412 | 413 |
ui.wizard.setMovementTags(); |
| 413 | 414 |
ui.wizard.expandArea(); |
| 414 | 415 |
ui.wizard.btns.close.click(function() {
|
| 415 | 416 |
ui.wizard.close(); |
| 416 | 417 |
}); |
| 417 |
|
|
| 418 |
$(window).resize(function() {
|
|
| 419 |
ui.wizard.setStepHeight($('.step-'+ui.wizard.current_step+''));
|
|
| 420 |
}); |
|
| 421 | 418 |
}); |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_overlays.scss | ||
|---|---|---|
| 3 | 3 |
Overlays (Todo: clean up) |
| 4 | 4 |
|
| 5 | 5 |
*/ |
| 6 |
// body.with-overlay {
|
|
| 7 |
// background:$secondary-color;
|
|
| 8 |
// }
|
|
| 6 |
body.with-overlay {
|
|
| 7 |
background:$overlay-color;
|
|
| 8 |
} |
|
| 9 | 9 |
|
| 10 | 10 |
.reveal-modal {
|
| 11 | 11 |
h3 {
|
| ... | ... | |
| 261 | 261 |
} |
| 262 | 262 |
.middle {
|
| 263 | 263 |
padding-top:$bar-height+$bar-submenu-height; |
| 264 |
.steps {
|
|
| 265 |
position:relative; |
|
| 266 |
width:100%; |
|
| 267 |
} |
|
| 264 | 268 |
.step {
|
| 265 |
.dummy-link {
|
|
| 266 |
position: absolute; |
|
| 267 |
top:-250px; |
|
| 268 |
left:0; |
|
| 269 |
position: absolute; |
|
| 270 |
top:0; |
|
| 271 |
width:100%; |
|
| 272 |
display:none; |
|
| 273 |
&.current {
|
|
| 274 |
display: block; |
|
| 269 | 275 |
} |
| 270 | 276 |
padding:50px 0 50px; |
| 271 |
position:relative; |
|
| 272 |
width:$row-width; |
|
| 273 | 277 |
&.step-2 {
|
| 274 | 278 |
padding-top:30px; |
| 275 | 279 |
.dropdown {
|
| ... | ... | |
| 809 | 813 |
} |
| 810 | 814 |
} |
| 811 | 815 |
|
| 812 |
|
|
| 813 |
.wizard-content {
|
|
| 814 |
overflow: hidden; |
|
| 815 |
width:100%; |
|
| 816 |
.vm-wizard-carousel {
|
|
| 817 |
position:relative; |
|
| 818 |
left:0; |
|
| 819 |
.step {
|
|
| 820 |
float:left; |
|
| 821 |
} |
|
| 822 |
} |
|
| 823 |
} |
|
| 824 |
|
|
| 825 | 816 |
/* Responive ------------------------------------------------ */ |
| 826 | 817 |
@media only screen and (max-width: $small-mobile) {
|
| 827 | 818 |
} |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css | ||
|---|---|---|
| 8281 | 8281 |
Overlays (Todo: clean up) |
| 8282 | 8282 |
|
| 8283 | 8283 |
*/ |
| 8284 |
/* line 6, ../sass/_overlays.scss */ |
|
| 8285 |
body.with-overlay {
|
|
| 8286 |
background: #485057; |
|
| 8287 |
} |
|
| 8288 |
|
|
| 8284 | 8289 |
/* line 11, ../sass/_overlays.scss */ |
| 8285 | 8290 |
.reveal-modal h3 {
|
| 8286 | 8291 |
font-size: 1em; |
| ... | ... | |
| 8573 | 8578 |
padding-top: 90px; |
| 8574 | 8579 |
} |
| 8575 | 8580 |
/* line 264, ../sass/_overlays.scss */ |
| 8576 |
.wizard .middle .step {
|
|
| 8577 |
padding: 50px 0 50px; |
|
| 8581 |
.wizard .middle .steps {
|
|
| 8578 | 8582 |
position: relative; |
| 8579 |
width: 1200px;
|
|
| 8583 |
width: 100%;
|
|
| 8580 | 8584 |
} |
| 8581 |
/* line 265, ../sass/_overlays.scss */
|
|
| 8582 |
.wizard .middle .step .dummy-link {
|
|
| 8585 |
/* line 268, ../sass/_overlays.scss */
|
|
| 8586 |
.wizard .middle .step {
|
|
| 8583 | 8587 |
position: absolute; |
| 8584 |
top: -250px; |
|
| 8585 |
left: 0; |
|
| 8588 |
top: 0; |
|
| 8589 |
width: 100%; |
|
| 8590 |
display: none; |
|
| 8591 |
padding: 50px 0 50px; |
|
| 8586 | 8592 |
} |
| 8587 | 8593 |
/* line 273, ../sass/_overlays.scss */ |
| 8594 |
.wizard .middle .step.current {
|
|
| 8595 |
display: block; |
|
| 8596 |
} |
|
| 8597 |
/* line 277, ../sass/_overlays.scss */ |
|
| 8588 | 8598 |
.wizard .middle .step.step-2 {
|
| 8589 | 8599 |
padding-top: 30px; |
| 8590 | 8600 |
} |
| 8591 |
/* line 275, ../sass/_overlays.scss */
|
|
| 8601 |
/* line 279, ../sass/_overlays.scss */
|
|
| 8592 | 8602 |
.wizard .middle .step.step-2 .dropdown {
|
| 8593 | 8603 |
margin-bottom: 40px; |
| 8594 | 8604 |
} |
| 8595 |
/* line 279, ../sass/_overlays.scss */
|
|
| 8605 |
/* line 283, ../sass/_overlays.scss */
|
|
| 8596 | 8606 |
.wizard .middle .step.step-3 {
|
| 8597 | 8607 |
padding-top: 45px; |
| 8598 | 8608 |
} |
| 8599 |
/* line 283, ../sass/_overlays.scss */
|
|
| 8609 |
/* line 287, ../sass/_overlays.scss */
|
|
| 8600 | 8610 |
.wizard .middle .step .os li {
|
| 8601 | 8611 |
list-style: none outside none; |
| 8602 | 8612 |
font-size: 0.75em; |
| 8603 | 8613 |
padding: 15px 0; |
| 8604 | 8614 |
} |
| 8605 |
/* line 289, ../sass/_overlays.scss */
|
|
| 8615 |
/* line 293, ../sass/_overlays.scss */
|
|
| 8606 | 8616 |
.wizard .middle .step .os li:hover, .wizard .middle .step .os li.hover {
|
| 8607 | 8617 |
background: #33383d; |
| 8608 | 8618 |
} |
| 8609 |
/* line 292, ../sass/_overlays.scss */
|
|
| 8619 |
/* line 296, ../sass/_overlays.scss */
|
|
| 8610 | 8620 |
.wizard .middle .step .os li.current {
|
| 8611 | 8621 |
background: white; |
| 8612 | 8622 |
color: #485057; |
| 8613 | 8623 |
} |
| 8614 |
/* line 295, ../sass/_overlays.scss */
|
|
| 8624 |
/* line 299, ../sass/_overlays.scss */
|
|
| 8615 | 8625 |
.wizard .middle .step .os li.current .name-col {
|
| 8616 | 8626 |
color: #485057; |
| 8617 | 8627 |
} |
| 8618 |
/* line 299, ../sass/_overlays.scss */
|
|
| 8628 |
/* line 303, ../sass/_overlays.scss */
|
|
| 8619 | 8629 |
.wizard .middle .step .os li.current .btn-col a {
|
| 8620 | 8630 |
border-color: #485057; |
| 8621 | 8631 |
color: #485057; |
| 8622 | 8632 |
} |
| 8623 |
/* line 302, ../sass/_overlays.scss */
|
|
| 8633 |
/* line 306, ../sass/_overlays.scss */
|
|
| 8624 | 8634 |
.wizard .middle .step .os li.current .btn-col a.current {
|
| 8625 | 8635 |
color: white; |
| 8626 | 8636 |
background: #485057; |
| 8627 | 8637 |
} |
| 8628 |
/* line 309, ../sass/_overlays.scss */
|
|
| 8638 |
/* line 313, ../sass/_overlays.scss */
|
|
| 8629 | 8639 |
.wizard .middle .step .os li .img-col {
|
| 8630 | 8640 |
float: left; |
| 8631 | 8641 |
width: 50px; |
| 8632 | 8642 |
line-height: 30px; |
| 8633 | 8643 |
} |
| 8634 |
/* line 314, ../sass/_overlays.scss */
|
|
| 8644 |
/* line 318, ../sass/_overlays.scss */
|
|
| 8635 | 8645 |
.wizard .middle .step .os li .name-col {
|
| 8636 | 8646 |
float: left; |
| 8637 | 8647 |
color: white; |
| ... | ... | |
| 8639 | 8649 |
padding-right: 10px; |
| 8640 | 8650 |
line-height: 30px; |
| 8641 | 8651 |
} |
| 8642 |
/* line 321, ../sass/_overlays.scss */
|
|
| 8652 |
/* line 325, ../sass/_overlays.scss */
|
|
| 8643 | 8653 |
.wizard .middle .step .os li .size-col {
|
| 8644 | 8654 |
float: left; |
| 8645 | 8655 |
width: 10%; |
| 8646 | 8656 |
line-height: 30px; |
| 8647 | 8657 |
} |
| 8648 |
/* line 326, ../sass/_overlays.scss */
|
|
| 8658 |
/* line 330, ../sass/_overlays.scss */
|
|
| 8649 | 8659 |
.wizard .middle .step .os li .btn-col {
|
| 8650 | 8660 |
float: right; |
| 8651 | 8661 |
width: 10%; |
| 8652 | 8662 |
margin-left: 10px; |
| 8653 | 8663 |
} |
| 8654 |
/* line 330, ../sass/_overlays.scss */
|
|
| 8664 |
/* line 334, ../sass/_overlays.scss */
|
|
| 8655 | 8665 |
.wizard .middle .step .os li .btn-col a {
|
| 8656 | 8666 |
font-size: 1em; |
| 8657 | 8667 |
} |
| 8658 |
/* line 334, ../sass/_overlays.scss */
|
|
| 8668 |
/* line 338, ../sass/_overlays.scss */
|
|
| 8659 | 8669 |
.wizard .middle .step .os li .btn-col a.current {
|
| 8660 | 8670 |
color: #485057; |
| 8661 | 8671 |
} |
| 8662 |
/* line 339, ../sass/_overlays.scss */
|
|
| 8672 |
/* line 343, ../sass/_overlays.scss */
|
|
| 8663 | 8673 |
.wizard .middle .step .os li .details {
|
| 8664 | 8674 |
display: none; |
| 8665 | 8675 |
background: #e6e6e6; |
| ... | ... | |
| 8667 | 8677 |
margin: 20px 6px -9px; |
| 8668 | 8678 |
color: #222222; |
| 8669 | 8679 |
} |
| 8670 |
/* line 345, ../sass/_overlays.scss */
|
|
| 8680 |
/* line 349, ../sass/_overlays.scss */
|
|
| 8671 | 8681 |
.wizard .middle .step .os li .details h3 {
|
| 8672 | 8682 |
font-size: 1em; |
| 8673 | 8683 |
font-weight: normal; |
| 8674 | 8684 |
margin-bottom: 1em; |
| 8675 | 8685 |
padding-left: 50px; |
| 8676 | 8686 |
} |
| 8677 |
/* line 351, ../sass/_overlays.scss */
|
|
| 8687 |
/* line 355, ../sass/_overlays.scss */
|
|
| 8678 | 8688 |
.wizard .middle .step .os li .details dl {
|
| 8679 | 8689 |
margin: 0; |
| 8680 | 8690 |
padding-left: 50px; |
| 8681 | 8691 |
} |
| 8682 |
/* line 355, ../sass/_overlays.scss */
|
|
| 8692 |
/* line 359, ../sass/_overlays.scss */
|
|
| 8683 | 8693 |
.wizard .middle .step .os li .details dl dt {
|
| 8684 | 8694 |
width: 20%; |
| 8685 | 8695 |
float: left; |
| 8686 | 8696 |
color: #1a1a1a; |
| 8687 | 8697 |
font-weight: normal; |
| 8688 | 8698 |
} |
| 8689 |
/* line 361, ../sass/_overlays.scss */
|
|
| 8699 |
/* line 365, ../sass/_overlays.scss */
|
|
| 8690 | 8700 |
.wizard .middle .step .os li .details dl dd {
|
| 8691 | 8701 |
color: #485057; |
| 8692 | 8702 |
margin: 0 0 5px; |
| 8693 | 8703 |
} |
| 8694 |
/* line 369, ../sass/_overlays.scss */
|
|
| 8704 |
/* line 373, ../sass/_overlays.scss */
|
|
| 8695 | 8705 |
.wizard .middle .step .flavor {
|
| 8696 | 8706 |
list-style: none outside none; |
| 8697 | 8707 |
} |
| 8698 |
/* line 371, ../sass/_overlays.scss */
|
|
| 8708 |
/* line 375, ../sass/_overlays.scss */
|
|
| 8699 | 8709 |
.wizard .middle .step .flavor li {
|
| 8700 | 8710 |
list-style: none outside none; |
| 8701 | 8711 |
margin-bottom: 30px; |
| 8702 | 8712 |
} |
| 8703 |
/* line 374, ../sass/_overlays.scss */
|
|
| 8713 |
/* line 378, ../sass/_overlays.scss */
|
|
| 8704 | 8714 |
.wizard .middle .step .flavor li .title {
|
| 8705 | 8715 |
height: 40px; |
| 8706 | 8716 |
overflow: hidden; |
| ... | ... | |
| 8708 | 8718 |
color: white; |
| 8709 | 8719 |
vertical-align: top; |
| 8710 | 8720 |
} |
| 8711 |
/* line 381, ../sass/_overlays.scss */
|
|
| 8721 |
/* line 385, ../sass/_overlays.scss */
|
|
| 8712 | 8722 |
.wizard .middle .step .flavor li .title .icon {
|
| 8713 | 8723 |
display: block; |
| 8714 | 8724 |
width: 60px; |
| 8715 | 8725 |
font-size: 2.5em; |
| 8716 | 8726 |
float: left; |
| 8717 | 8727 |
} |
| 8718 |
/* line 387, ../sass/_overlays.scss */
|
|
| 8728 |
/* line 391, ../sass/_overlays.scss */
|
|
| 8719 | 8729 |
.wizard .middle .step .flavor li .title h2 {
|
| 8720 | 8730 |
font-size: 0.875em; |
| 8721 | 8731 |
float: left; |
| ... | ... | |
| 8724 | 8734 |
margin-right: 60px; |
| 8725 | 8735 |
padding-left: 0.625em; |
| 8726 | 8736 |
} |
| 8727 |
/* line 389, ../sass/_overlays.scss */
|
|
| 8737 |
/* line 393, ../sass/_overlays.scss */
|
|
| 8728 | 8738 |
.wizard .middle .step .flavor li .title h2 span {
|
| 8729 | 8739 |
font-weight: normal; |
| 8730 | 8740 |
} |
| 8731 |
/* line 398, ../sass/_overlays.scss */
|
|
| 8741 |
/* line 402, ../sass/_overlays.scss */
|
|
| 8732 | 8742 |
.wizard .middle .step .flavor li .title h2:hover em {
|
| 8733 | 8743 |
opacity: 1; |
| 8734 | 8744 |
} |
| 8735 |
/* line 402, ../sass/_overlays.scss */
|
|
| 8745 |
/* line 406, ../sass/_overlays.scss */
|
|
| 8736 | 8746 |
.wizard .middle .step .flavor li .title h2 em {
|
| 8737 | 8747 |
display: block; |
| 8738 | 8748 |
margin-top: 4px; |
| ... | ... | |
| 8743 | 8753 |
opacity: 0.6; |
| 8744 | 8754 |
white-space: nowrap; |
| 8745 | 8755 |
} |
| 8746 |
/* line 413, ../sass/_overlays.scss */
|
|
| 8756 |
/* line 417, ../sass/_overlays.scss */
|
|
| 8747 | 8757 |
.wizard .middle .step .flavor li .title p {
|
| 8748 | 8758 |
visibility: hidden; |
| 8749 | 8759 |
overflow: hidden; |
| ... | ... | |
| 8751 | 8761 |
color: #1a1a1a; |
| 8752 | 8762 |
font-size: 11px; |
| 8753 | 8763 |
} |
| 8754 |
/* line 423, ../sass/_overlays.scss */
|
|
| 8764 |
/* line 427, ../sass/_overlays.scss */
|
|
| 8755 | 8765 |
.wizard .middle .step .flavor li .options-bar .bar {
|
| 8756 | 8766 |
width: 200px; |
| 8757 | 8767 |
float: left; |
| ... | ... | |
| 8760 | 8770 |
position: relative; |
| 8761 | 8771 |
top: 10px; |
| 8762 | 8772 |
} |
| 8763 |
/* line 430, ../sass/_overlays.scss */
|
|
| 8773 |
/* line 434, ../sass/_overlays.scss */
|
|
| 8764 | 8774 |
.wizard .middle .step .flavor li .options-bar .bar .wrap {
|
| 8765 | 8775 |
border: 1px solid white; |
| 8766 | 8776 |
padding: 1px; |
| 8767 | 8777 |
height: 100%; |
| 8768 | 8778 |
} |
| 8769 |
/* line 434, ../sass/_overlays.scss */
|
|
| 8779 |
/* line 438, ../sass/_overlays.scss */
|
|
| 8770 | 8780 |
.wizard .middle .step .flavor li .options-bar .bar .wrap.disabled-progress-bar {
|
| 8771 | 8781 |
border-color: #3a4046; |
| 8772 | 8782 |
} |
| 8773 |
/* line 437, ../sass/_overlays.scss */
|
|
| 8783 |
/* line 441, ../sass/_overlays.scss */
|
|
| 8774 | 8784 |
.wizard .middle .step .flavor li .options-bar .bar .wrap.disabled-progress-bar .container .total {
|
| 8775 | 8785 |
background-color: #3a4046; |
| 8776 | 8786 |
} |
| 8777 |
/* line 442, ../sass/_overlays.scss */
|
|
| 8787 |
/* line 446, ../sass/_overlays.scss */
|
|
| 8778 | 8788 |
.wizard .middle .step .flavor li .options-bar .bar .wrap .container {
|
| 8779 | 8789 |
height: 100%; |
| 8780 | 8790 |
} |
| 8781 |
/* line 444, ../sass/_overlays.scss */
|
|
| 8791 |
/* line 448, ../sass/_overlays.scss */
|
|
| 8782 | 8792 |
.wizard .middle .step .flavor li .options-bar .bar .wrap .container .total {
|
| 8783 | 8793 |
background: #919194; |
| 8784 | 8794 |
height: 100%; |
| 8785 | 8795 |
float: left; |
| 8786 | 8796 |
position: relative; |
| 8787 | 8797 |
} |
| 8788 |
/* line 449, ../sass/_overlays.scss */
|
|
| 8798 |
/* line 453, ../sass/_overlays.scss */
|
|
| 8789 | 8799 |
.wizard .middle .step .flavor li .options-bar .bar .wrap .container .total .current {
|
| 8790 | 8800 |
background: white; |
| 8791 | 8801 |
height: 100%; |
| 8792 | 8802 |
float: left; |
| 8793 | 8803 |
} |
| 8794 |
/* line 454, ../sass/_overlays.scss */
|
|
| 8804 |
/* line 458, ../sass/_overlays.scss */
|
|
| 8795 | 8805 |
.wizard .middle .step .flavor li .options-bar .bar .wrap .container .total span {
|
| 8796 | 8806 |
position: absolute; |
| 8797 | 8807 |
right: 10px; |
| ... | ... | |
| 8799 | 8809 |
font-size: 0.5625em; |
| 8800 | 8810 |
top: 2px; |
| 8801 | 8811 |
} |
| 8802 |
/* line 462, ../sass/_overlays.scss */
|
|
| 8812 |
/* line 466, ../sass/_overlays.scss */
|
|
| 8803 | 8813 |
.wizard .middle .step .flavor li .options-bar .bar .wrap .container .total.low span {
|
| 8804 | 8814 |
right: -30px; |
| 8805 | 8815 |
color: white; |
| 8806 | 8816 |
} |
| 8807 |
/* line 472, ../sass/_overlays.scss */
|
|
| 8817 |
/* line 476, ../sass/_overlays.scss */
|
|
| 8808 | 8818 |
.wizard .middle .step .flavor li .options-bar .options {
|
| 8809 | 8819 |
overflow: hidden; |
| 8810 | 8820 |
list-style: none outside none; |
| 8811 | 8821 |
} |
| 8812 |
/* line 475, ../sass/_overlays.scss */
|
|
| 8822 |
/* line 479, ../sass/_overlays.scss */
|
|
| 8813 | 8823 |
.wizard .middle .step .flavor li .options-bar .options li {
|
| 8814 | 8824 |
list-style: none outside none; |
| 8815 | 8825 |
display: inline-block; |
| 8816 | 8826 |
margin-right: 10px; |
| 8817 | 8827 |
margin-bottom: 0; |
| 8818 | 8828 |
} |
| 8819 |
/* line 480, ../sass/_overlays.scss */
|
|
| 8829 |
/* line 484, ../sass/_overlays.scss */
|
|
| 8820 | 8830 |
.wizard .middle .step .flavor li .options-bar .options li a {
|
| 8821 | 8831 |
min-width: 60px; |
| 8822 | 8832 |
} |
| 8823 |
/* line 483, ../sass/_overlays.scss */
|
|
| 8833 |
/* line 487, ../sass/_overlays.scss */
|
|
| 8824 | 8834 |
.wizard .middle .step .flavor li .options-bar .options li a.current {
|
| 8825 | 8835 |
color: #485057; |
| 8826 | 8836 |
} |
| 8827 |
/* line 492, ../sass/_overlays.scss */
|
|
| 8837 |
/* line 496, ../sass/_overlays.scss */
|
|
| 8828 | 8838 |
.wizard .middle .step .summary {
|
| 8829 | 8839 |
padding-bottom: 40px; |
| 8830 | 8840 |
} |
| 8831 |
/* line 495, ../sass/_overlays.scss */
|
|
| 8841 |
/* line 499, ../sass/_overlays.scss */
|
|
| 8832 | 8842 |
.wizard .middle .step .summary .row .wrap {
|
| 8833 | 8843 |
max-width: 36.25em; |
| 8834 | 8844 |
border-top: 1px solid white; |
| 8835 | 8845 |
padding-top: 2em; |
| 8836 | 8846 |
margin-top: 1em; |
| 8837 | 8847 |
} |
| 8838 |
/* line 502, ../sass/_overlays.scss */
|
|
| 8848 |
/* line 506, ../sass/_overlays.scss */
|
|
| 8839 | 8849 |
.wizard .middle .step .summary .row:first-child .wrap {
|
| 8840 | 8850 |
border-top: 0 none; |
| 8841 | 8851 |
margin-top: 0; |
| 8842 | 8852 |
} |
| 8843 |
/* line 507, ../sass/_overlays.scss */
|
|
| 8853 |
/* line 511, ../sass/_overlays.scss */
|
|
| 8844 | 8854 |
.wizard .middle .step .summary .row:first-child dl dt {
|
| 8845 | 8855 |
font-weight: bold; |
| 8846 | 8856 |
} |
| 8847 |
/* line 513, ../sass/_overlays.scss */
|
|
| 8857 |
/* line 517, ../sass/_overlays.scss */
|
|
| 8848 | 8858 |
.wizard .middle .step .summary h2 {
|
| 8849 | 8859 |
font-size: 1em; |
| 8850 | 8860 |
color: white; |
| 8851 | 8861 |
} |
| 8852 |
/* line 517, ../sass/_overlays.scss */
|
|
| 8862 |
/* line 521, ../sass/_overlays.scss */
|
|
| 8853 | 8863 |
.wizard .middle .step .summary dl {
|
| 8854 | 8864 |
margin-bottom: 0; |
| 8855 | 8865 |
} |
| 8856 |
/* line 519, ../sass/_overlays.scss */
|
|
| 8866 |
/* line 523, ../sass/_overlays.scss */
|
|
| 8857 | 8867 |
.wizard .middle .step .summary dl span {
|
| 8858 | 8868 |
width: 40px; |
| 8859 | 8869 |
display: inline-block; |
| 8860 | 8870 |
font-size: 20px; |
| 8861 | 8871 |
} |
| 8862 |
/* line 524, ../sass/_overlays.scss */
|
|
| 8872 |
/* line 528, ../sass/_overlays.scss */
|
|
| 8863 | 8873 |
.wizard .middle .step .summary dl dt {
|
| 8864 | 8874 |
display: inline-block; |
| 8865 | 8875 |
width: 42%; |
| 8866 | 8876 |
vertical-align: top; |
| 8867 | 8877 |
font-weight: 600; |
| 8868 | 8878 |
} |
| 8869 |
/* line 530, ../sass/_overlays.scss */
|
|
| 8879 |
/* line 534, ../sass/_overlays.scss */
|
|
| 8870 | 8880 |
.wizard .middle .step .summary dl dd {
|
| 8871 | 8881 |
display: inline-block; |
| 8872 | 8882 |
width: 45%; |
| 8873 | 8883 |
margin-bottom: 1em; |
| 8874 | 8884 |
} |
| 8875 |
/* line 537, ../sass/_overlays.scss */
|
|
| 8885 |
/* line 541, ../sass/_overlays.scss */
|
|
| 8876 | 8886 |
.wizard .middle .step .advanced-conf-step {
|
| 8877 | 8887 |
color: white; |
| 8878 | 8888 |
} |
| 8879 |
/* line 539, ../sass/_overlays.scss */
|
|
| 8889 |
/* line 543, ../sass/_overlays.scss */
|
|
| 8880 | 8890 |
.wizard .middle .step .advanced-conf-step h2 {
|
| 8881 | 8891 |
color: white; |
| 8882 | 8892 |
font-size: 1em; |
| 8883 | 8893 |
margin-bottom: 10px; |
| 8884 | 8894 |
} |
| 8885 |
/* line 544, ../sass/_overlays.scss */
|
|
| 8895 |
/* line 548, ../sass/_overlays.scss */
|
|
| 8886 | 8896 |
.wizard .middle .step .advanced-conf-step p {
|
| 8887 | 8897 |
font-size: 10px; |
| 8888 | 8898 |
} |
| 8889 |
/* line 547, ../sass/_overlays.scss */
|
|
| 8899 |
/* line 551, ../sass/_overlays.scss */
|
|
| 8890 | 8900 |
.wizard .middle .step .advanced-conf-step .snf-checkbox-checked, .wizard .middle .step .advanced-conf-step .snf-checkbox-unchecked {
|
| 8891 | 8901 |
color: white; |
| 8892 | 8902 |
} |
| 8893 |
/* line 550, ../sass/_overlays.scss */
|
|
| 8903 |
/* line 554, ../sass/_overlays.scss */
|
|
| 8894 | 8904 |
.wizard .middle .step .advanced-conf-step .expand-btn {
|
| 8895 | 8905 |
margin: 50px 0 2.5em; |
| 8896 | 8906 |
} |
| 8897 |
/* line 552, ../sass/_overlays.scss */
|
|
| 8907 |
/* line 556, ../sass/_overlays.scss */
|
|
| 8898 | 8908 |
.wizard .middle .step .advanced-conf-step .expand-btn a {
|
| 8899 | 8909 |
color: white; |
| 8900 | 8910 |
} |
| 8901 |
/* line 554, ../sass/_overlays.scss */
|
|
| 8911 |
/* line 558, ../sass/_overlays.scss */
|
|
| 8902 | 8912 |
.wizard .middle .step .advanced-conf-step .expand-btn a span {
|
| 8903 | 8913 |
padding-left: 24px; |
| 8904 | 8914 |
} |
| 8905 |
/* line 565, ../sass/_overlays.scss */
|
|
| 8915 |
/* line 569, ../sass/_overlays.scss */
|
|
| 8906 | 8916 |
.wizard .middle .step .advanced-conf-step .adv-main .vm-name h2 {
|
| 8907 | 8917 |
color: white; |
| 8908 | 8918 |
font-size: 1em; |
| 8909 | 8919 |
margin-bottom: 0.5em; |
| 8910 | 8920 |
} |
| 8911 |
/* line 574, ../sass/_overlays.scss */
|
|
| 8921 |
/* line 578, ../sass/_overlays.scss */
|
|
| 8912 | 8922 |
.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 {
|
| 8913 | 8923 |
color: white; |
| 8914 | 8924 |
} |
| 8915 |
/* line 577, ../sass/_overlays.scss */
|
|
| 8925 |
/* line 581, ../sass/_overlays.scss */
|
|
| 8916 | 8926 |
.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 {
|
| 8917 | 8927 |
color: #485057; |
| 8918 | 8928 |
} |
| 8919 |
/* line 581, ../sass/_overlays.scss */
|
|
| 8929 |
/* line 585, ../sass/_overlays.scss */
|
|
| 8920 | 8930 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options {
|
| 8921 | 8931 |
display: none; |
| 8922 | 8932 |
} |
| 8923 |
/* line 583, ../sass/_overlays.scss */
|
|
| 8933 |
/* line 587, ../sass/_overlays.scss */
|
|
| 8924 | 8934 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .check {
|
| 8925 | 8935 |
font-size: 20px; |
| 8926 | 8936 |
} |
| 8927 |
/* line 586, ../sass/_overlays.scss */
|
|
| 8937 |
/* line 590, ../sass/_overlays.scss */
|
|
| 8928 | 8938 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .area {
|
| 8929 | 8939 |
padding: 2.5em 0; |
| 8930 | 8940 |
} |
| 8931 |
/* line 589, ../sass/_overlays.scss */
|
|
| 8941 |
/* line 593, ../sass/_overlays.scss */
|
|
| 8932 | 8942 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .area .row p {
|
| 8933 | 8943 |
max-width: 340px; |
| 8934 | 8944 |
margin-bottom: 20px; |
| 8935 | 8945 |
} |
| 8936 |
/* line 595, ../sass/_overlays.scss */
|
|
| 8946 |
/* line 599, ../sass/_overlays.scss */
|
|
| 8937 | 8947 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .area ul li {
|
| 8938 | 8948 |
position: relative; |
| 8939 | 8949 |
list-style: none outside none; |
| 8940 | 8950 |
margin-bottom: 7px; |
| 8941 | 8951 |
} |
| 8942 |
/* line 600, ../sass/_overlays.scss */
|
|
| 8952 |
/* line 604, ../sass/_overlays.scss */
|
|
| 8943 | 8953 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .area ul li.checkbox:hover {
|
| 8944 | 8954 |
cursor: pointer; |
| 8945 | 8955 |
} |
| 8946 |
/* line 604, ../sass/_overlays.scss */
|
|
| 8956 |
/* line 608, ../sass/_overlays.scss */
|
|
| 8947 | 8957 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .area ul li h3 {
|
| 8948 | 8958 |
width: 18.75em; |
| 8949 | 8959 |
color: white; |
| ... | ... | |
| 8952 | 8962 |
margin: 0 28px 0 0; |
| 8953 | 8963 |
display: inline-block; |
| 8954 | 8964 |
} |
| 8955 |
/* line 616, ../sass/_overlays.scss */
|
|
| 8965 |
/* line 620, ../sass/_overlays.scss */
|
|
| 8956 | 8966 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .ssh-keys-area {
|
| 8957 | 8967 |
background-color: #ff7049; |
| 8958 | 8968 |
} |
| 8959 |
/* line 618, ../sass/_overlays.scss */
|
|
| 8969 |
/* line 622, ../sass/_overlays.scss */
|
|
| 8960 | 8970 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .ssh-keys-area .btn5, .wizard .middle .step .advanced-conf-step .advanced-conf-options .ssh-keys-area .os li .btn-col a, .wizard .middle .step .os li .btn-col .advanced-conf-step .advanced-conf-options .ssh-keys-area a, .wizard .middle .step .advanced-conf-step .advanced-conf-options .ssh-keys-area .flavor li .options-bar .options li a, .wizard .middle .step .flavor li .options-bar .options li .advanced-conf-step .advanced-conf-options .ssh-keys-area a {
|
| 8961 | 8971 |
margin-top: 3px; |
| 8962 | 8972 |
} |
| 8963 |
/* line 623, ../sass/_overlays.scss */
|
|
| 8973 |
/* line 627, ../sass/_overlays.scss */
|
|
| 8964 | 8974 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area {
|
| 8965 | 8975 |
background-color: #ff948c; |
| 8966 | 8976 |
} |
| 8967 |
/* line 625, ../sass/_overlays.scss */
|
|
| 8977 |
/* line 629, ../sass/_overlays.scss */
|
|
| 8968 | 8978 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area ul {
|
| 8969 | 8979 |
position: relative; |
| 8970 | 8980 |
margin-bottom: 0; |
| 8971 | 8981 |
} |
| 8972 |
/* line 630, ../sass/_overlays.scss */
|
|
| 8982 |
/* line 634, ../sass/_overlays.scss */
|
|
| 8973 | 8983 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons {
|
| 8974 | 8984 |
padding-right: 30px; |
| 8975 | 8985 |
display: inline-block; |
| ... | ... | |
| 8979 | 8989 |
margin-bottom: 0; |
| 8980 | 8990 |
position: relative; |
| 8981 | 8991 |
} |
| 8982 |
/* line 638, ../sass/_overlays.scss */
|
|
| 8992 |
/* line 642, ../sass/_overlays.scss */
|
|
| 8983 | 8993 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span {
|
| 8984 | 8994 |
position: relative; |
| 8985 | 8995 |
} |
| 8986 |
/* line 640, ../sass/_overlays.scss */
|
|
| 8996 |
/* line 644, ../sass/_overlays.scss */
|
|
| 8987 | 8997 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span.snf-modem {
|
| 8988 | 8998 |
top: -1px; |
| 8989 | 8999 |
} |
| 8990 |
/* line 643, ../sass/_overlays.scss */
|
|
| 9000 |
/* line 647, ../sass/_overlays.scss */
|
|
| 8991 | 9001 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span.snf-www {
|
| 8992 | 9002 |
top: 6px; |
| 8993 | 9003 |
} |
| 8994 |
/* line 646, ../sass/_overlays.scss */
|
|
| 9004 |
/* line 650, ../sass/_overlays.scss */
|
|
| 8995 | 9005 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span.snf-network_full {
|
| 8996 | 9006 |
top: 5px; |
| 8997 | 9007 |
} |
| 8998 |
/* line 649, ../sass/_overlays.scss */
|
|
| 9008 |
/* line 653, ../sass/_overlays.scss */
|
|
| 8999 | 9009 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span.temp-line {
|
| 9000 | 9010 |
position: absolute; |
| 9001 | 9011 |
height: 1px; |
| ... | ... | |
| 9003 | 9013 |
background: white; |
| 9004 | 9014 |
bottom: 15px; |
| 9005 | 9015 |
} |
| 9006 |
/* line 655, ../sass/_overlays.scss */
|
|
| 9016 |
/* line 659, ../sass/_overlays.scss */
|
|
| 9007 | 9017 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span.temp-line.line1 {
|
| 9008 | 9018 |
right: 56px; |
| 9009 | 9019 |
} |
| 9010 |
/* line 656, ../sass/_overlays.scss */
|
|
| 9020 |
/* line 660, ../sass/_overlays.scss */
|
|
| 9011 | 9021 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span.temp-line.line2 {
|
| 9012 | 9022 |
right: 97px; |
| 9013 | 9023 |
width: 10px; |
| 9014 | 9024 |
} |
| 9015 |
/* line 663, ../sass/_overlays.scss */
|
|
| 9025 |
/* line 667, ../sass/_overlays.scss */
|
|
| 9016 | 9026 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li.more {
|
| 9017 | 9027 |
background: #fff4f3; |
| 9018 | 9028 |
margin: 2.5em 0; |
| 9019 | 9029 |
padding: 2.5em 0; |
| 9020 | 9030 |
color: #ff948c; |
| 9021 | 9031 |
} |
| 9022 |
/* line 668, ../sass/_overlays.scss */
|
|
| 9032 |
/* line 672, ../sass/_overlays.scss */
|
|
| 9023 | 9033 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li.more h3 {
|
| 9024 | 9034 |
color: #ff948c; |
| 9025 | 9035 |
padding-left: 145px; |
| 9026 | 9036 |
} |
| 9027 |
/* line 671, ../sass/_overlays.scss */
|
|
| 9037 |
/* line 675, ../sass/_overlays.scss */
|
|
| 9028 | 9038 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li.more h3:hover {
|
| 9029 | 9039 |
cursor: pointer; |
| 9030 | 9040 |
} |
| 9031 |
/* line 675, ../sass/_overlays.scss */
|
|
| 9041 |
/* line 679, ../sass/_overlays.scss */
|
|
| 9032 | 9042 |
.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 {
|
| 9033 | 9043 |
margin-top: 20px; |
| 9034 | 9044 |
border-color: #ff948c; |
| 9035 | 9045 |
color: #ff948c; |
| 9036 | 9046 |
margin-left: 145px; |
| 9037 | 9047 |
} |
| 9038 |
/* line 683, ../sass/_overlays.scss */
|
|
| 9048 |
/* line 687, ../sass/_overlays.scss */
|
|
| 9039 | 9049 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li.more .checkbox a span {
|
| 9040 | 9050 |
color: #ff948c; |
| 9041 | 9051 |
} |
| 9042 |
/* line 692, ../sass/_overlays.scss */
|
|
| 9052 |
/* line 696, ../sass/_overlays.scss */
|
|
| 9043 | 9053 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area {
|
| 9044 | 9054 |
background-color: #4c71ff; |
| 9045 | 9055 |
} |
| 9046 |
/* line 694, ../sass/_overlays.scss */
|
|
| 9056 |
/* line 698, ../sass/_overlays.scss */
|
|
| 9047 | 9057 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .snf-color-picker {
|
| 9048 | 9058 |
display: none; |
| 9049 | 9059 |
} |
| 9050 |
/* line 697, ../sass/_overlays.scss */
|
|
| 9060 |
/* line 701, ../sass/_overlays.scss */
|
|
| 9051 | 9061 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area #picker {
|
| 9052 | 9062 |
position: relative; |
| 9053 | 9063 |
width: 207px; |
| 9054 | 9064 |
margin: 30px 5px; |
| 9055 | 9065 |
display: inline-block; |
| 9056 | 9066 |
} |
| 9057 |
/* line 703, ../sass/_overlays.scss */
|
|
| 9067 |
/* line 707, ../sass/_overlays.scss */
|
|
| 9058 | 9068 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .btns {
|
| 9059 | 9069 |
margin-top: 77px; |
| 9060 | 9070 |
margin-bottom: 30px; |
| 9061 | 9071 |
} |
| 9062 |
/* line 707, ../sass/_overlays.scss */
|
|
| 9072 |
/* line 711, ../sass/_overlays.scss */
|
|
| 9063 | 9073 |
.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 {
|
| 9064 | 9074 |
margin-right: 20px; |
| 9065 | 9075 |
} |
| 9066 |
/* line 710, ../sass/_overlays.scss */
|
|
| 9076 |
/* line 714, ../sass/_overlays.scss */
|
|
| 9067 | 9077 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .tag-demo, .wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area #color {
|
| 9068 | 9078 |
left: 10px; |
| 9069 | 9079 |
} |
| 9070 |
/* line 713, ../sass/_overlays.scss */
|
|
| 9080 |
/* line 717, ../sass/_overlays.scss */
|
|
| 9071 | 9081 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area h3 {
|
| 9072 | 9082 |
width: 18.75em; |
| 9073 | 9083 |
color: white; |
| ... | ... | |
| 9076 | 9086 |
margin: 0 28px 0 0; |
| 9077 | 9087 |
display: inline-block; |
| 9078 | 9088 |
} |
| 9079 |
/* line 722, ../sass/_overlays.scss */
|
|
| 9089 |
/* line 726, ../sass/_overlays.scss */
|
|
| 9080 | 9090 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .list-header {
|
| 9081 | 9091 |
position: relative; |
| 9082 | 9092 |
left: -14px; |
| 9083 | 9093 |
} |
| 9084 |
/* line 725, ../sass/_overlays.scss */
|
|
| 9094 |
/* line 729, ../sass/_overlays.scss */
|
|
| 9085 | 9095 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .list-header h3 {
|
| 9086 | 9096 |
margin-right: 35px; |
| 9087 | 9097 |
} |
| 9088 |
/* line 736, ../sass/_overlays.scss */
|
|
| 9098 |
/* line 740, ../sass/_overlays.scss */
|
|
| 9089 | 9099 |
.wizard .bottom {
|
| 9090 | 9100 |
position: fixed; |
| 9091 | 9101 |
left: 0; |
| ... | ... | |
| 9094 | 9104 |
border-top: 1px solid #636a70; |
| 9095 | 9105 |
background: #485057; |
| 9096 | 9106 |
} |
| 9097 |
/* line 743, ../sass/_overlays.scss */
|
|
| 9107 |
/* line 747, ../sass/_overlays.scss */
|
|
| 9098 | 9108 |
.wizard .bottom .row {
|
| 9099 | 9109 |
height: 50px; |
| 9100 | 9110 |
line-height: 50px; |
| 9101 | 9111 |
} |
| 9102 |
/* line 747, ../sass/_overlays.scss */
|
|
| 9112 |
/* line 751, ../sass/_overlays.scss */
|
|
| 9103 | 9113 |
.wizard .bottom .nav {
|
| 9104 | 9114 |
height: 50px; |
| 9105 | 9115 |
line-height: 50px; |
| ... | ... | |
| 9110 | 9120 |
top: 10px; |
| 9111 | 9121 |
width: 100px; |
| 9112 | 9122 |
} |
| 9113 |
/* line 757, ../sass/_overlays.scss */
|
|
| 9123 |
/* line 761, ../sass/_overlays.scss */
|
|
| 9114 | 9124 |
.wizard .bottom .nav:hover, .wizard .bottom .nav:focus {
|
| 9115 | 9125 |
-webkit-transition: background 0ms ease-out; |
| 9116 | 9126 |
-moz-transition: background 0ms ease-out; |
| ... | ... | |
| 9118 | 9128 |
-o-transition: background 0ms ease-out; |
| 9119 | 9129 |
transition: background 0ms ease-out; |
| 9120 | 9130 |
} |
| 9121 |
/* line 760, ../sass/_overlays.scss */
|
|
| 9131 |
/* line 764, ../sass/_overlays.scss */
|
|
| 9122 | 9132 |
.wizard .bottom .nav span {
|
| 9123 | 9133 |
display: inline-block; |
| 9124 | 9134 |
height: 30px; |
| 9125 | 9135 |
line-height: 30px; |
| 9126 | 9136 |
float: left; |
| 9127 | 9137 |
} |
| 9128 |
/* line 766, ../sass/_overlays.scss */
|
|
| 9138 |
/* line 770, ../sass/_overlays.scss */
|
|
| 9129 | 9139 |
.wizard .bottom .nav span:hover, .wizard .bottom .nav span:focus {
|
| 9130 | 9140 |
-webkit-transition: background 0ms linear; |
| 9131 | 9141 |
-moz-transition: background 0ms linear; |
| ... | ... | |
| 9133 | 9143 |
-o-transition: background 0ms linear; |
| 9134 | 9144 |
transition: background 0ms linear; |
| 9135 | 9145 |
} |
| 9136 |
/* line 771, ../sass/_overlays.scss */
|
|
| 9146 |
/* line 775, ../sass/_overlays.scss */
|
|
| 9137 | 9147 |
.wizard .bottom .prev {
|
| 9138 | 9148 |
float: left; |
Also available in: Unified diff