Revision 6f4b6de9
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/jquery.easing.1.3.js | ||
|---|---|---|
| 1 |
/* |
|
| 2 |
* jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/ |
|
| 3 |
* |
|
| 4 |
* Uses the built in easing capabilities added In jQuery 1.1 |
|
| 5 |
* to offer multiple easing options |
|
| 6 |
* |
|
| 7 |
* TERMS OF USE - jQuery Easing |
|
| 8 |
* |
|
| 9 |
* Open source under the BSD License. |
|
| 10 |
* |
|
| 11 |
* Copyright © 2008 George McGinley Smith |
|
| 12 |
* All rights reserved. |
|
| 13 |
* |
|
| 14 |
* Redistribution and use in source and binary forms, with or without modification, |
|
| 15 |
* are permitted provided that the following conditions are met: |
|
| 16 |
* |
|
| 17 |
* Redistributions of source code must retain the above copyright notice, this list of |
|
| 18 |
* conditions and the following disclaimer. |
|
| 19 |
* Redistributions in binary form must reproduce the above copyright notice, this list |
|
| 20 |
* of conditions and the following disclaimer in the documentation and/or other materials |
|
| 21 |
* provided with the distribution. |
|
| 22 |
* |
|
| 23 |
* Neither the name of the author nor the names of contributors may be used to endorse |
|
| 24 |
* or promote products derived from this software without specific prior written permission. |
|
| 25 |
* |
|
| 26 |
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY |
|
| 27 |
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF |
|
| 28 |
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE |
|
| 29 |
* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, |
|
| 30 |
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE |
|
| 31 |
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED |
|
| 32 |
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING |
|
| 33 |
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED |
|
| 34 |
* OF THE POSSIBILITY OF SUCH DAMAGE. |
|
| 35 |
* |
|
| 36 |
*/ |
|
| 37 |
|
|
| 38 |
// t: current time, b: begInnIng value, c: change In value, d: duration |
|
| 39 |
jQuery.easing['jswing'] = jQuery.easing['swing']; |
|
| 40 |
|
|
| 41 |
jQuery.extend( jQuery.easing, |
|
| 42 |
{
|
|
| 43 |
def: 'easeOutQuad', |
|
| 44 |
swing: function (x, t, b, c, d) {
|
|
| 45 |
//alert(jQuery.easing.default); |
|
| 46 |
return jQuery.easing[jQuery.easing.def](x, t, b, c, d); |
|
| 47 |
}, |
|
| 48 |
easeInQuad: function (x, t, b, c, d) {
|
|
| 49 |
return c*(t/=d)*t + b; |
|
| 50 |
}, |
|
| 51 |
easeOutQuad: function (x, t, b, c, d) {
|
|
| 52 |
return -c *(t/=d)*(t-2) + b; |
|
| 53 |
}, |
|
| 54 |
easeInOutQuad: function (x, t, b, c, d) {
|
|
| 55 |
if ((t/=d/2) < 1) return c/2*t*t + b; |
|
| 56 |
return -c/2 * ((--t)*(t-2) - 1) + b; |
|
| 57 |
}, |
|
| 58 |
easeInCubic: function (x, t, b, c, d) {
|
|
| 59 |
return c*(t/=d)*t*t + b; |
|
| 60 |
}, |
|
| 61 |
easeOutCubic: function (x, t, b, c, d) {
|
|
| 62 |
return c*((t=t/d-1)*t*t + 1) + b; |
|
| 63 |
}, |
|
| 64 |
easeInOutCubic: function (x, t, b, c, d) {
|
|
| 65 |
if ((t/=d/2) < 1) return c/2*t*t*t + b; |
|
| 66 |
return c/2*((t-=2)*t*t + 2) + b; |
|
| 67 |
}, |
|
| 68 |
easeInQuart: function (x, t, b, c, d) {
|
|
| 69 |
return c*(t/=d)*t*t*t + b; |
|
| 70 |
}, |
|
| 71 |
easeOutQuart: function (x, t, b, c, d) {
|
|
| 72 |
return -c * ((t=t/d-1)*t*t*t - 1) + b; |
|
| 73 |
}, |
|
| 74 |
easeInOutQuart: function (x, t, b, c, d) {
|
|
| 75 |
if ((t/=d/2) < 1) return c/2*t*t*t*t + b; |
|
| 76 |
return -c/2 * ((t-=2)*t*t*t - 2) + b; |
|
| 77 |
}, |
|
| 78 |
easeInQuint: function (x, t, b, c, d) {
|
|
| 79 |
return c*(t/=d)*t*t*t*t + b; |
|
| 80 |
}, |
|
| 81 |
easeOutQuint: function (x, t, b, c, d) {
|
|
| 82 |
return c*((t=t/d-1)*t*t*t*t + 1) + b; |
|
| 83 |
}, |
|
| 84 |
easeInOutQuint: function (x, t, b, c, d) {
|
|
| 85 |
if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b; |
|
| 86 |
return c/2*((t-=2)*t*t*t*t + 2) + b; |
|
| 87 |
}, |
|
| 88 |
easeInSine: function (x, t, b, c, d) {
|
|
| 89 |
return -c * Math.cos(t/d * (Math.PI/2)) + c + b; |
|
| 90 |
}, |
|
| 91 |
easeOutSine: function (x, t, b, c, d) {
|
|
| 92 |
return c * Math.sin(t/d * (Math.PI/2)) + b; |
|
| 93 |
}, |
|
| 94 |
easeInOutSine: function (x, t, b, c, d) {
|
|
| 95 |
return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b; |
|
| 96 |
}, |
|
| 97 |
easeInExpo: function (x, t, b, c, d) {
|
|
| 98 |
return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b; |
|
| 99 |
}, |
|
| 100 |
easeOutExpo: function (x, t, b, c, d) {
|
|
| 101 |
return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b; |
|
| 102 |
}, |
|
| 103 |
easeInOutExpo: function (x, t, b, c, d) {
|
|
| 104 |
if (t==0) return b; |
|
| 105 |
if (t==d) return b+c; |
|
| 106 |
if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b; |
|
| 107 |
return c/2 * (-Math.pow(2, -10 * --t) + 2) + b; |
|
| 108 |
}, |
|
| 109 |
easeInCirc: function (x, t, b, c, d) {
|
|
| 110 |
return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b; |
|
| 111 |
}, |
|
| 112 |
easeOutCirc: function (x, t, b, c, d) {
|
|
| 113 |
return c * Math.sqrt(1 - (t=t/d-1)*t) + b; |
|
| 114 |
}, |
|
| 115 |
easeInOutCirc: function (x, t, b, c, d) {
|
|
| 116 |
if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b; |
|
| 117 |
return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b; |
|
| 118 |
}, |
|
| 119 |
easeInElastic: function (x, t, b, c, d) {
|
|
| 120 |
var s=1.70158;var p=0;var a=c; |
|
| 121 |
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3; |
|
| 122 |
if (a < Math.abs(c)) { a=c; var s=p/4; }
|
|
| 123 |
else var s = p/(2*Math.PI) * Math.asin (c/a); |
|
| 124 |
return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b; |
|
| 125 |
}, |
|
| 126 |
easeOutElastic: function (x, t, b, c, d) {
|
|
| 127 |
var s=1.70158;var p=0;var a=c; |
|
| 128 |
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3; |
|
| 129 |
if (a < Math.abs(c)) { a=c; var s=p/4; }
|
|
| 130 |
else var s = p/(2*Math.PI) * Math.asin (c/a); |
|
| 131 |
return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b; |
|
| 132 |
}, |
|
| 133 |
easeInOutElastic: function (x, t, b, c, d) {
|
|
| 134 |
var s=1.70158;var p=0;var a=c; |
|
| 135 |
if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5); |
|
| 136 |
if (a < Math.abs(c)) { a=c; var s=p/4; }
|
|
| 137 |
else var s = p/(2*Math.PI) * Math.asin (c/a); |
|
| 138 |
if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b; |
|
| 139 |
return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b; |
|
| 140 |
}, |
|
| 141 |
easeInBack: function (x, t, b, c, d, s) {
|
|
| 142 |
if (s == undefined) s = 1.70158; |
|
| 143 |
return c*(t/=d)*t*((s+1)*t - s) + b; |
|
| 144 |
}, |
|
| 145 |
easeOutBack: function (x, t, b, c, d, s) {
|
|
| 146 |
if (s == undefined) s = 1.70158; |
|
| 147 |
return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b; |
|
| 148 |
}, |
|
| 149 |
easeInOutBack: function (x, t, b, c, d, s) {
|
|
| 150 |
if (s == undefined) s = 1.70158; |
|
| 151 |
if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b; |
|
| 152 |
return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b; |
|
| 153 |
}, |
|
| 154 |
easeInBounce: function (x, t, b, c, d) {
|
|
| 155 |
return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b; |
|
| 156 |
}, |
|
| 157 |
easeOutBounce: function (x, t, b, c, d) {
|
|
| 158 |
if ((t/=d) < (1/2.75)) {
|
|
| 159 |
return c*(7.5625*t*t) + b; |
|
| 160 |
} else if (t < (2/2.75)) {
|
|
| 161 |
return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b; |
|
| 162 |
} else if (t < (2.5/2.75)) {
|
|
| 163 |
return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b; |
|
| 164 |
} else {
|
|
| 165 |
return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b; |
|
| 166 |
} |
|
| 167 |
}, |
|
| 168 |
easeInOutBounce: function (x, t, b, c, d) {
|
|
| 169 |
if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b; |
|
| 170 |
return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b; |
|
| 171 |
} |
|
| 172 |
}); |
|
| 173 |
|
|
| 174 |
/* |
|
| 175 |
* |
|
| 176 |
* TERMS OF USE - EASING EQUATIONS |
|
| 177 |
* |
|
| 178 |
* Open source under the BSD License. |
|
| 179 |
* |
|
| 180 |
* Copyright © 2001 Robert Penner |
|
| 181 |
* All rights reserved. |
|
| 182 |
* |
|
| 183 |
* Redistribution and use in source and binary forms, with or without modification, |
|
| 184 |
* are permitted provided that the following conditions are met: |
|
| 185 |
* |
|
| 186 |
* Redistributions of source code must retain the above copyright notice, this list of |
|
| 187 |
* conditions and the following disclaimer. |
|
| 188 |
* Redistributions in binary form must reproduce the above copyright notice, this list |
|
| 189 |
* of conditions and the following disclaimer in the documentation and/or other materials |
|
| 190 |
* provided with the distribution. |
|
| 191 |
* |
|
| 192 |
* Neither the name of the author nor the names of contributors may be used to endorse |
|
| 193 |
* or promote products derived from this software without specific prior written permission. |
|
| 194 |
* |
|
| 195 |
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY |
|
| 196 |
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF |
|
| 197 |
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE |
|
| 198 |
* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, |
|
| 199 |
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE |
|
| 200 |
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED |
|
| 201 |
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING |
|
| 202 |
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED |
|
| 203 |
* OF THE POSSIBILITY OF SUCH DAMAGE. |
|
| 204 |
* |
|
| 205 |
*/ |
|
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/jquery.scrollTo.js | ||
|---|---|---|
| 1 |
/*! |
|
| 2 |
* jQuery.ScrollTo |
|
| 3 |
* Copyright (c) 2007-2013 Ariel Flesler - aflesler<a>gmail<d>com | http://flesler.blogspot.com |
|
| 4 |
* Dual licensed under MIT and GPL. |
|
| 5 |
* |
|
| 6 |
* @projectDescription Easy element scrolling using jQuery. |
|
| 7 |
* http://flesler.blogspot.com/2007/10/jqueryscrollto.html |
|
| 8 |
* @author Ariel Flesler |
|
| 9 |
* @version 1.4.6 |
|
| 10 |
* |
|
| 11 |
* @id jQuery.scrollTo |
|
| 12 |
* @id jQuery.fn.scrollTo |
|
| 13 |
* @param {String, Number, DOMElement, jQuery, Object} target Where to scroll the matched elements.
|
|
| 14 |
* The different options for target are: |
|
| 15 |
* - A number position (will be applied to all axes). |
|
| 16 |
* - A string position ('44', '100px', '+=90', etc ) will be applied to all axes
|
|
| 17 |
* - A jQuery/DOM element ( logically, child of the element to scroll ) |
|
| 18 |
* - A string selector, that will be relative to the element to scroll ( 'li:eq(2)', etc ) |
|
| 19 |
* - A hash { top:x, left:y }, x and y can be any kind of number/string like above.
|
|
| 20 |
* - A percentage of the container's dimension/s, for example: 50% to go to the middle. |
|
| 21 |
* - The string 'max' for go-to-end. |
|
| 22 |
* @param {Number, Function} duration The OVERALL length of the animation, this argument can be the settings object instead.
|
|
| 23 |
* @param {Object,Function} settings Optional set of settings or the onAfter callback.
|
|
| 24 |
* @option {String} axis Which axis must be scrolled, use 'x', 'y', 'xy' or 'yx'.
|
|
| 25 |
* @option {Number, Function} duration The OVERALL length of the animation.
|
|
| 26 |
* @option {String} easing The easing method for the animation.
|
|
| 27 |
* @option {Boolean} margin If true, the margin of the target element will be deducted from the final position.
|
|
| 28 |
* @option {Object, Number} offset Add/deduct from the end position. One number for both axes or { top:x, left:y }.
|
|
| 29 |
* @option {Object, Number} over Add/deduct the height/width multiplied by 'over', can be { top:x, left:y } when using both axes.
|
|
| 30 |
* @option {Boolean} queue If true, and both axis are given, the 2nd axis will only be animated after the first one ends.
|
|
| 31 |
* @option {Function} onAfter Function to be called after the scrolling ends.
|
|
| 32 |
* @option {Function} onAfterFirst If queuing is activated, this function will be called after the first scrolling ends.
|
|
| 33 |
* @return {jQuery} Returns the same jQuery object, for chaining.
|
|
| 34 |
* |
|
| 35 |
* @desc Scroll to a fixed position |
|
| 36 |
* @example $('div').scrollTo( 340 );
|
|
| 37 |
* |
|
| 38 |
* @desc Scroll relatively to the actual position |
|
| 39 |
* @example $('div').scrollTo( '+=340px', { axis:'y' } );
|
|
| 40 |
* |
|
| 41 |
* @desc Scroll using a selector (relative to the scrolled element) |
|
| 42 |
* @example $('div').scrollTo( 'p.paragraph:eq(2)', 500, { easing:'swing', queue:true, axis:'xy' } );
|
|
| 43 |
* |
|
| 44 |
* @desc Scroll to a DOM element (same for jQuery object) |
|
| 45 |
* @example var second_child = document.getElementById('container').firstChild.nextSibling;
|
|
| 46 |
* $('#container').scrollTo( second_child, { duration:500, axis:'x', onAfter:function(){
|
|
| 47 |
* alert('scrolled!!');
|
|
| 48 |
* }}); |
|
| 49 |
* |
|
| 50 |
* @desc Scroll on both axes, to different values |
|
| 51 |
* @example $('div').scrollTo( { top: 300, left:'+=200' }, { axis:'xy', offset:-20 } );
|
|
| 52 |
*/ |
|
| 53 |
|
|
| 54 |
;(function( $ ){
|
|
| 55 |
|
|
| 56 |
var $scrollTo = $.scrollTo = function( target, duration, settings ){
|
|
| 57 |
$(window).scrollTo( target, duration, settings ); |
|
| 58 |
}; |
|
| 59 |
|
|
| 60 |
$scrollTo.defaults = {
|
|
| 61 |
axis:'xy', |
|
| 62 |
duration: parseFloat($.fn.jquery) >= 1.3 ? 0 : 1, |
|
| 63 |
limit:true |
|
| 64 |
}; |
|
| 65 |
|
|
| 66 |
// Returns the element that needs to be animated to scroll the window. |
|
| 67 |
// Kept for backwards compatibility (specially for localScroll & serialScroll) |
|
| 68 |
$scrollTo.window = function( scope ){
|
|
| 69 |
return $(window)._scrollable(); |
|
| 70 |
}; |
|
| 71 |
|
|
| 72 |
// Hack, hack, hack :) |
|
| 73 |
// Returns the real elements to scroll (supports window/iframes, documents and regular nodes) |
|
| 74 |
$.fn._scrollable = function(){
|
|
| 75 |
return this.map(function(){
|
|
| 76 |
var elem = this, |
|
| 77 |
isWin = !elem.nodeName || $.inArray( elem.nodeName.toLowerCase(), ['iframe','#document','html','body'] ) != -1; |
|
| 78 |
|
|
| 79 |
if( !isWin ) |
|
| 80 |
return elem; |
|
| 81 |
|
|
| 82 |
var doc = (elem.contentWindow || elem).document || elem.ownerDocument || elem; |
|
| 83 |
|
|
| 84 |
return /webkit/i.test(navigator.userAgent) || doc.compatMode == 'BackCompat' ? |
|
| 85 |
doc.body : |
|
| 86 |
doc.documentElement; |
|
| 87 |
}); |
|
| 88 |
}; |
|
| 89 |
|
|
| 90 |
$.fn.scrollTo = function( target, duration, settings ){
|
|
| 91 |
if( typeof duration == 'object' ){
|
|
| 92 |
settings = duration; |
|
| 93 |
duration = 0; |
|
| 94 |
} |
|
| 95 |
if( typeof settings == 'function' ) |
|
| 96 |
settings = { onAfter:settings };
|
|
| 97 |
|
|
| 98 |
if( target == 'max' ) |
|
| 99 |
target = 9e9; |
|
| 100 |
|
|
| 101 |
settings = $.extend( {}, $scrollTo.defaults, settings );
|
|
| 102 |
// Speed is still recognized for backwards compatibility |
|
| 103 |
duration = duration || settings.duration; |
|
| 104 |
// Make sure the settings are given right |
|
| 105 |
settings.queue = settings.queue && settings.axis.length > 1; |
|
| 106 |
|
|
| 107 |
if( settings.queue ) |
|
| 108 |
// Let's keep the overall duration |
|
| 109 |
duration /= 2; |
|
| 110 |
settings.offset = both( settings.offset ); |
|
| 111 |
settings.over = both( settings.over ); |
|
| 112 |
|
|
| 113 |
return this._scrollable().each(function(){
|
|
| 114 |
// Null target yields nothing, just like jQuery does |
|
| 115 |
if (target == null) return; |
|
| 116 |
|
|
| 117 |
var elem = this, |
|
| 118 |
$elem = $(elem), |
|
| 119 |
targ = target, toff, attr = {},
|
|
| 120 |
win = $elem.is('html,body');
|
|
| 121 |
|
|
| 122 |
switch( typeof targ ){
|
|
| 123 |
// A number will pass the regex |
|
| 124 |
case 'number': |
|
| 125 |
case 'string': |
|
| 126 |
if( /^([+-]=?)?\d+(\.\d+)?(px|%)?$/.test(targ) ){
|
|
| 127 |
targ = both( targ ); |
|
| 128 |
// We are done |
|
| 129 |
break; |
|
| 130 |
} |
|
| 131 |
// Relative selector, no break! |
|
| 132 |
targ = $(targ,this); |
|
| 133 |
if (!targ.length) return; |
|
| 134 |
case 'object': |
|
| 135 |
// DOMElement / jQuery |
|
| 136 |
if( targ.is || targ.style ) |
|
| 137 |
// Get the real position of the target |
|
| 138 |
toff = (targ = $(targ)).offset(); |
|
| 139 |
} |
|
| 140 |
$.each( settings.axis.split(''), function( i, axis ){
|
|
| 141 |
var Pos = axis == 'x' ? 'Left' : 'Top', |
|
| 142 |
pos = Pos.toLowerCase(), |
|
| 143 |
key = 'scroll' + Pos, |
|
| 144 |
old = elem[key], |
|
| 145 |
max = $scrollTo.max(elem, axis); |
|
| 146 |
|
|
| 147 |
if( toff ){// jQuery / DOMElement
|
|
| 148 |
attr[key] = toff[pos] + ( win ? 0 : old - $elem.offset()[pos] ); |
|
| 149 |
|
|
| 150 |
// If it's a dom element, reduce the margin |
|
| 151 |
if( settings.margin ){
|
|
| 152 |
attr[key] -= parseInt(targ.css('margin'+Pos)) || 0;
|
|
| 153 |
attr[key] -= parseInt(targ.css('border'+Pos+'Width')) || 0;
|
|
| 154 |
} |
|
| 155 |
|
|
| 156 |
attr[key] += settings.offset[pos] || 0; |
|
| 157 |
|
|
| 158 |
if( settings.over[pos] ) |
|
| 159 |
// Scroll to a fraction of its width/height |
|
| 160 |
attr[key] += targ[axis=='x'?'width':'height']() * settings.over[pos]; |
|
| 161 |
}else{
|
|
| 162 |
var val = targ[pos]; |
|
| 163 |
// Handle percentage values |
|
| 164 |
attr[key] = val.slice && val.slice(-1) == '%' ? |
|
| 165 |
parseFloat(val) / 100 * max |
|
| 166 |
: val; |
|
| 167 |
} |
|
| 168 |
|
|
| 169 |
// Number or 'number' |
|
| 170 |
if( settings.limit && /^\d+$/.test(attr[key]) ) |
|
| 171 |
// Check the limits |
|
| 172 |
attr[key] = attr[key] <= 0 ? 0 : Math.min( attr[key], max ); |
|
| 173 |
|
|
| 174 |
// Queueing axes |
|
| 175 |
if( !i && settings.queue ){
|
|
| 176 |
// Don't waste time animating, if there's no need. |
|
| 177 |
if( old != attr[key] ) |
|
| 178 |
// Intermediate animation |
|
| 179 |
animate( settings.onAfterFirst ); |
|
| 180 |
// Don't animate this axis again in the next iteration. |
|
| 181 |
delete attr[key]; |
|
| 182 |
} |
|
| 183 |
}); |
|
| 184 |
|
|
| 185 |
animate( settings.onAfter ); |
|
| 186 |
|
|
| 187 |
function animate( callback ){
|
|
| 188 |
$elem.animate( attr, duration, settings.easing, callback && function(){
|
|
| 189 |
callback.call(this, targ, settings); |
|
| 190 |
}); |
|
| 191 |
}; |
|
| 192 |
|
|
| 193 |
}).end(); |
|
| 194 |
}; |
|
| 195 |
|
|
| 196 |
// Max scrolling position, works on quirks mode |
|
| 197 |
// It only fails (not too badly) on IE, quirks mode. |
|
| 198 |
$scrollTo.max = function( elem, axis ){
|
|
| 199 |
var Dim = axis == 'x' ? 'Width' : 'Height', |
|
| 200 |
scroll = 'scroll'+Dim; |
|
| 201 |
|
|
| 202 |
if( !$(elem).is('html,body') )
|
|
| 203 |
return elem[scroll] - $(elem)[Dim.toLowerCase()](); |
|
| 204 |
|
|
| 205 |
var size = 'client' + Dim, |
|
| 206 |
html = elem.ownerDocument.documentElement, |
|
| 207 |
body = elem.ownerDocument.body; |
|
| 208 |
|
|
| 209 |
return Math.max( html[scroll], body[scroll] ) |
|
| 210 |
- Math.min( html[size] , body[size] ); |
|
| 211 |
}; |
|
| 212 |
|
|
| 213 |
function both( val ){
|
|
| 214 |
return typeof val == 'object' ? val : { top:val, left:val };
|
|
| 215 |
}; |
|
| 216 |
|
|
| 217 |
})( jQuery ); |
|
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/vm-wizard.js | ||
|---|---|---|
| 32 | 32 |
move: function () {
|
| 33 | 33 |
var percentage = -(ui.wizard.current_step-1)*100+'%'; |
| 34 | 34 |
ui.wizard.setStepHeight($('.step-'+ui.wizard.current_step+''));
|
| 35 |
$('#dummy-link-'+(ui.wizard.current_step-1)+'').scrollintoview({'duration':0});
|
|
| 35 | 36 |
$('.vm-wizard-carousel').stop(true, true).animate(
|
| 36 | 37 |
{ 'left': percentage },
|
| 37 | 38 |
ui.wizard.speed |
| 38 |
,function(){
|
|
| 39 |
$('#dummy-link-'+ui.wizard.current_step+'').scrollintoview({'duration':0});
|
|
| 40 |
} |
|
| 41 | 39 |
); |
| 42 | 40 |
ui.wizard.focusFun(); |
| 43 | 41 |
ui.wizard.indicateStep(ui.wizard.current_step); |
| ... | ... | |
| 180 | 178 |
$('.expand-link').find('.snf-arrow-up.preselected').toggleClass('snf-arrow-up snf-arrow-down');
|
| 181 | 179 |
}, |
| 182 | 180 |
|
| 183 |
setStepHeight: function(stepEl) {
|
|
| 181 |
setStepHeight: function(stepEl) {
|
|
| 184 | 182 |
var h1 = stepEl.height(); |
| 185 | 183 |
var h2 = $('.wizard .top').height();
|
| 186 |
var res = h1 +h2; |
|
| 187 |
$('.wizard-content').css('height',res);
|
|
| 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 |
} |
|
| 188 | 194 |
}, |
| 189 | 195 |
|
| 190 | 196 |
returnStepHeight: function(stepEl) {
|
| 191 | 197 |
var h1 = stepEl.height(); |
| 192 | 198 |
var h2 = $('.wizard .top').height();
|
| 193 |
var res = h1 +h2; |
|
| 194 |
return res; |
|
| 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 |
} |
|
| 195 | 209 |
}, |
| 196 | 210 |
|
| 197 | 211 |
pickResources: function(resource) {
|
| ... | ... | |
| 221 | 235 |
e.stopPropagation(); |
| 222 | 236 |
$(this).toggleClass('current');
|
| 223 | 237 |
var self = this; |
| 224 |
$(this).parents('li').find('.details').stop().slideToggle('slow', function(){
|
|
| 238 |
$(this).parents('li').find('.details').stop().slideToggle('slow', 'easeOutExpo',function(){
|
|
| 225 | 239 |
ui.wizard.setStepHeight($('.step-1'));
|
| 226 | 240 |
}); |
| 227 |
});
|
|
| 241 |
});
|
|
| 228 | 242 |
|
| 229 | 243 |
|
| 230 | 244 |
/* step-2: Select flavor */ |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_common.scss | ||
|---|---|---|
| 93 | 93 |
|
| 94 | 94 |
.tag-demo {
|
| 95 | 95 |
@extend .circle; |
| 96 |
width: 22px;
|
|
| 97 |
height: 22px;
|
|
| 96 |
width: 18px;
|
|
| 97 |
height: 18px;
|
|
| 98 | 98 |
position: relative; |
| 99 | 99 |
bottom: -5px; |
| 100 | 100 |
margin-right: 20px; |
| ... | ... | |
| 492 | 492 |
position: static; |
| 493 | 493 |
} |
| 494 | 494 |
} |
| 495 |
} |
|
| 495 |
} |
|
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_overlays.scss | ||
|---|---|---|
| 370 | 370 |
list-style: none outside none; |
| 371 | 371 |
li {
|
| 372 | 372 |
list-style:none outside none; |
| 373 |
margin-bottom:2.5em;
|
|
| 373 |
margin-bottom:30px;
|
|
| 374 | 374 |
.title {
|
| 375 | 375 |
@extend .clearfix; |
| 376 |
margin-bottom:emCalc(5px); |
|
| 376 |
height:40px; |
|
| 377 |
overflow:hidden; |
|
| 378 |
margin-bottom:emCalc(8px); |
|
| 377 | 379 |
color:white; |
| 378 | 380 |
vertical-align: top; |
| 379 | 381 |
.icon {
|
| ... | ... | |
| 405 | 407 |
font-style:normal; |
| 406 | 408 |
font-weight:normal; |
| 407 | 409 |
opacity:0.6; |
| 410 |
white-space: nowrap; |
|
| 408 | 411 |
} |
| 409 | 412 |
} |
| 410 | 413 |
p {
|
| ... | ... | |
| 487 | 490 |
} |
| 488 | 491 |
} |
| 489 | 492 |
.summary {
|
| 493 |
padding-bottom:40px; |
|
| 490 | 494 |
.row {
|
| 491 | 495 |
.wrap {
|
| 492 | 496 |
max-width: $row-small; |
| ... | ... | |
| 658 | 662 |
} |
| 659 | 663 |
&.more {
|
| 660 | 664 |
background:$net-more-opt-area-color; |
| 661 |
margin-bottom:0;
|
|
| 665 |
margin:$step-adv-padding 0;
|
|
| 662 | 666 |
padding:$step-adv-padding 0; |
| 663 | 667 |
color:$net-opt-area-color; |
| 664 | 668 |
h3 {
|
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css | ||
|---|---|---|
| 6896 | 6896 |
|
| 6897 | 6897 |
/* line 94, ../sass/_common.scss */ |
| 6898 | 6898 |
.tag-demo, .advanced-conf-step #color {
|
| 6899 |
width: 22px;
|
|
| 6900 |
height: 22px;
|
|
| 6899 |
width: 18px;
|
|
| 6900 |
height: 18px;
|
|
| 6901 | 6901 |
position: relative; |
| 6902 | 6902 |
bottom: -5px; |
| 6903 | 6903 |
margin-right: 20px; |
| ... | ... | |
| 8656 | 8656 |
/* line 371, ../sass/_overlays.scss */ |
| 8657 | 8657 |
.wizard .middle .step .flavor li {
|
| 8658 | 8658 |
list-style: none outside none; |
| 8659 |
margin-bottom: 2.5em;
|
|
| 8659 |
margin-bottom: 30px;
|
|
| 8660 | 8660 |
} |
| 8661 | 8661 |
/* line 374, ../sass/_overlays.scss */ |
| 8662 | 8662 |
.wizard .middle .step .flavor li .title {
|
| 8663 |
margin-bottom: 0.3125em; |
|
| 8663 |
height: 40px; |
|
| 8664 |
overflow: hidden; |
|
| 8665 |
margin-bottom: 0.5em; |
|
| 8664 | 8666 |
color: white; |
| 8665 | 8667 |
vertical-align: top; |
| 8666 | 8668 |
} |
| 8667 |
/* line 379, ../sass/_overlays.scss */
|
|
| 8669 |
/* line 381, ../sass/_overlays.scss */
|
|
| 8668 | 8670 |
.wizard .middle .step .flavor li .title .icon {
|
| 8669 | 8671 |
display: block; |
| 8670 | 8672 |
width: 60px; |
| 8671 | 8673 |
font-size: 2.5em; |
| 8672 | 8674 |
float: left; |
| 8673 | 8675 |
} |
| 8674 |
/* line 385, ../sass/_overlays.scss */
|
|
| 8676 |
/* line 387, ../sass/_overlays.scss */
|
|
| 8675 | 8677 |
.wizard .middle .step .flavor li .title h2 {
|
| 8676 | 8678 |
font-size: 0.875em; |
| 8677 | 8679 |
float: left; |
| ... | ... | |
| 8680 | 8682 |
margin-right: 60px; |
| 8681 | 8683 |
padding-left: 0.625em; |
| 8682 | 8684 |
} |
| 8683 |
/* line 387, ../sass/_overlays.scss */
|
|
| 8685 |
/* line 389, ../sass/_overlays.scss */
|
|
| 8684 | 8686 |
.wizard .middle .step .flavor li .title h2 span {
|
| 8685 | 8687 |
font-weight: normal; |
| 8686 | 8688 |
} |
| 8687 |
/* line 396, ../sass/_overlays.scss */
|
|
| 8689 |
/* line 398, ../sass/_overlays.scss */
|
|
| 8688 | 8690 |
.wizard .middle .step .flavor li .title h2:hover em {
|
| 8689 | 8691 |
opacity: 1; |
| 8690 | 8692 |
} |
| 8691 |
/* line 400, ../sass/_overlays.scss */
|
|
| 8693 |
/* line 402, ../sass/_overlays.scss */
|
|
| 8692 | 8694 |
.wizard .middle .step .flavor li .title h2 em {
|
| 8693 | 8695 |
display: block; |
| 8694 | 8696 |
margin-top: 4px; |
| ... | ... | |
| 8697 | 8699 |
font-style: normal; |
| 8698 | 8700 |
font-weight: normal; |
| 8699 | 8701 |
opacity: 0.6; |
| 8702 |
white-space: nowrap; |
|
| 8700 | 8703 |
} |
| 8701 |
/* line 410, ../sass/_overlays.scss */
|
|
| 8704 |
/* line 413, ../sass/_overlays.scss */
|
|
| 8702 | 8705 |
.wizard .middle .step .flavor li .title p {
|
| 8703 | 8706 |
visibility: hidden; |
| 8704 | 8707 |
overflow: hidden; |
| ... | ... | |
| 8706 | 8709 |
color: #1a1a1a; |
| 8707 | 8710 |
font-size: 11px; |
| 8708 | 8711 |
} |
| 8709 |
/* line 420, ../sass/_overlays.scss */
|
|
| 8712 |
/* line 423, ../sass/_overlays.scss */
|
|
| 8710 | 8713 |
.wizard .middle .step .flavor li .options-bar .bar {
|
| 8711 | 8714 |
width: 200px; |
| 8712 | 8715 |
float: left; |
| ... | ... | |
| 8715 | 8718 |
position: relative; |
| 8716 | 8719 |
top: 10px; |
| 8717 | 8720 |
} |
| 8718 |
/* line 427, ../sass/_overlays.scss */
|
|
| 8721 |
/* line 430, ../sass/_overlays.scss */
|
|
| 8719 | 8722 |
.wizard .middle .step .flavor li .options-bar .bar .wrap {
|
| 8720 | 8723 |
border: 1px solid white; |
| 8721 | 8724 |
padding: 1px; |
| 8722 | 8725 |
height: 100%; |
| 8723 | 8726 |
} |
| 8724 |
/* line 431, ../sass/_overlays.scss */
|
|
| 8727 |
/* line 434, ../sass/_overlays.scss */
|
|
| 8725 | 8728 |
.wizard .middle .step .flavor li .options-bar .bar .wrap.disabled-progress-bar {
|
| 8726 | 8729 |
border-color: #3a4046; |
| 8727 | 8730 |
} |
| 8728 |
/* line 434, ../sass/_overlays.scss */
|
|
| 8731 |
/* line 437, ../sass/_overlays.scss */
|
|
| 8729 | 8732 |
.wizard .middle .step .flavor li .options-bar .bar .wrap.disabled-progress-bar .container .total {
|
| 8730 | 8733 |
background-color: #3a4046; |
| 8731 | 8734 |
} |
| 8732 |
/* line 439, ../sass/_overlays.scss */
|
|
| 8735 |
/* line 442, ../sass/_overlays.scss */
|
|
| 8733 | 8736 |
.wizard .middle .step .flavor li .options-bar .bar .wrap .container {
|
| 8734 | 8737 |
height: 100%; |
| 8735 | 8738 |
} |
| 8736 |
/* line 441, ../sass/_overlays.scss */
|
|
| 8739 |
/* line 444, ../sass/_overlays.scss */
|
|
| 8737 | 8740 |
.wizard .middle .step .flavor li .options-bar .bar .wrap .container .total {
|
| 8738 | 8741 |
background: #919194; |
| 8739 | 8742 |
height: 100%; |
| 8740 | 8743 |
float: left; |
| 8741 | 8744 |
position: relative; |
| 8742 | 8745 |
} |
| 8743 |
/* line 446, ../sass/_overlays.scss */
|
|
| 8746 |
/* line 449, ../sass/_overlays.scss */
|
|
| 8744 | 8747 |
.wizard .middle .step .flavor li .options-bar .bar .wrap .container .total .current {
|
| 8745 | 8748 |
background: white; |
| 8746 | 8749 |
height: 100%; |
| 8747 | 8750 |
float: left; |
| 8748 | 8751 |
} |
| 8749 |
/* line 451, ../sass/_overlays.scss */
|
|
| 8752 |
/* line 454, ../sass/_overlays.scss */
|
|
| 8750 | 8753 |
.wizard .middle .step .flavor li .options-bar .bar .wrap .container .total span {
|
| 8751 | 8754 |
position: absolute; |
| 8752 | 8755 |
right: 10px; |
| ... | ... | |
| 8754 | 8757 |
font-size: 0.5625em; |
| 8755 | 8758 |
top: 2px; |
| 8756 | 8759 |
} |
| 8757 |
/* line 459, ../sass/_overlays.scss */
|
|
| 8760 |
/* line 462, ../sass/_overlays.scss */
|
|
| 8758 | 8761 |
.wizard .middle .step .flavor li .options-bar .bar .wrap .container .total.low span {
|
| 8759 | 8762 |
right: -30px; |
| 8760 | 8763 |
color: white; |
| 8761 | 8764 |
} |
| 8762 |
/* line 469, ../sass/_overlays.scss */
|
|
| 8765 |
/* line 472, ../sass/_overlays.scss */
|
|
| 8763 | 8766 |
.wizard .middle .step .flavor li .options-bar .options {
|
| 8764 | 8767 |
overflow: hidden; |
| 8765 | 8768 |
list-style: none outside none; |
| 8766 | 8769 |
} |
| 8767 |
/* line 472, ../sass/_overlays.scss */
|
|
| 8770 |
/* line 475, ../sass/_overlays.scss */
|
|
| 8768 | 8771 |
.wizard .middle .step .flavor li .options-bar .options li {
|
| 8769 | 8772 |
list-style: none outside none; |
| 8770 | 8773 |
display: inline-block; |
| 8771 | 8774 |
margin-right: 10px; |
| 8772 | 8775 |
margin-bottom: 0; |
| 8773 | 8776 |
} |
| 8774 |
/* line 477, ../sass/_overlays.scss */
|
|
| 8777 |
/* line 480, ../sass/_overlays.scss */
|
|
| 8775 | 8778 |
.wizard .middle .step .flavor li .options-bar .options li a {
|
| 8776 | 8779 |
min-width: 60px; |
| 8777 | 8780 |
} |
| 8778 |
/* line 480, ../sass/_overlays.scss */
|
|
| 8781 |
/* line 483, ../sass/_overlays.scss */
|
|
| 8779 | 8782 |
.wizard .middle .step .flavor li .options-bar .options li a.current {
|
| 8780 | 8783 |
color: #485057; |
| 8781 | 8784 |
} |
| 8782 |
/* line 491, ../sass/_overlays.scss */ |
|
| 8785 |
/* line 492, ../sass/_overlays.scss */ |
|
| 8786 |
.wizard .middle .step .summary {
|
|
| 8787 |
padding-bottom: 40px; |
|
| 8788 |
} |
|
| 8789 |
/* line 495, ../sass/_overlays.scss */ |
|
| 8783 | 8790 |
.wizard .middle .step .summary .row .wrap {
|
| 8784 | 8791 |
max-width: 36.25em; |
| 8785 | 8792 |
border-top: 1px solid white; |
| 8786 | 8793 |
padding-top: 2em; |
| 8787 | 8794 |
margin-top: 1em; |
| 8788 | 8795 |
} |
| 8789 |
/* line 498, ../sass/_overlays.scss */
|
|
| 8796 |
/* line 502, ../sass/_overlays.scss */
|
|
| 8790 | 8797 |
.wizard .middle .step .summary .row:first-child .wrap {
|
| 8791 | 8798 |
border-top: 0 none; |
| 8792 | 8799 |
margin-top: 0; |
| 8793 | 8800 |
} |
| 8794 |
/* line 503, ../sass/_overlays.scss */
|
|
| 8801 |
/* line 507, ../sass/_overlays.scss */
|
|
| 8795 | 8802 |
.wizard .middle .step .summary .row:first-child dl dt {
|
| 8796 | 8803 |
font-weight: bold; |
| 8797 | 8804 |
} |
| 8798 |
/* line 509, ../sass/_overlays.scss */
|
|
| 8805 |
/* line 513, ../sass/_overlays.scss */
|
|
| 8799 | 8806 |
.wizard .middle .step .summary h2 {
|
| 8800 | 8807 |
font-size: 1em; |
| 8801 | 8808 |
color: white; |
| 8802 | 8809 |
} |
| 8803 |
/* line 513, ../sass/_overlays.scss */
|
|
| 8810 |
/* line 517, ../sass/_overlays.scss */
|
|
| 8804 | 8811 |
.wizard .middle .step .summary dl {
|
| 8805 | 8812 |
margin-bottom: 0; |
| 8806 | 8813 |
} |
| 8807 |
/* line 515, ../sass/_overlays.scss */
|
|
| 8814 |
/* line 519, ../sass/_overlays.scss */
|
|
| 8808 | 8815 |
.wizard .middle .step .summary dl span {
|
| 8809 | 8816 |
width: 40px; |
| 8810 | 8817 |
display: inline-block; |
| 8811 | 8818 |
font-size: 20px; |
| 8812 | 8819 |
} |
| 8813 |
/* line 520, ../sass/_overlays.scss */
|
|
| 8820 |
/* line 524, ../sass/_overlays.scss */
|
|
| 8814 | 8821 |
.wizard .middle .step .summary dl dt {
|
| 8815 | 8822 |
display: inline-block; |
| 8816 | 8823 |
width: 42%; |
| 8817 | 8824 |
vertical-align: top; |
| 8818 | 8825 |
font-weight: 600; |
| 8819 | 8826 |
} |
| 8820 |
/* line 526, ../sass/_overlays.scss */
|
|
| 8827 |
/* line 530, ../sass/_overlays.scss */
|
|
| 8821 | 8828 |
.wizard .middle .step .summary dl dd {
|
| 8822 | 8829 |
display: inline-block; |
| 8823 | 8830 |
width: 45%; |
| 8824 | 8831 |
margin-bottom: 1em; |
| 8825 | 8832 |
} |
| 8826 |
/* line 533, ../sass/_overlays.scss */
|
|
| 8833 |
/* line 537, ../sass/_overlays.scss */
|
|
| 8827 | 8834 |
.wizard .middle .step .advanced-conf-step {
|
| 8828 | 8835 |
color: white; |
| 8829 | 8836 |
} |
| 8830 |
/* line 535, ../sass/_overlays.scss */
|
|
| 8837 |
/* line 539, ../sass/_overlays.scss */
|
|
| 8831 | 8838 |
.wizard .middle .step .advanced-conf-step h2 {
|
| 8832 | 8839 |
color: white; |
| 8833 | 8840 |
font-size: 1em; |
| 8834 | 8841 |
margin-bottom: 10px; |
| 8835 | 8842 |
} |
| 8836 |
/* line 540, ../sass/_overlays.scss */
|
|
| 8843 |
/* line 544, ../sass/_overlays.scss */
|
|
| 8837 | 8844 |
.wizard .middle .step .advanced-conf-step p {
|
| 8838 | 8845 |
font-size: 10px; |
| 8839 | 8846 |
} |
| 8840 |
/* line 543, ../sass/_overlays.scss */
|
|
| 8847 |
/* line 547, ../sass/_overlays.scss */
|
|
| 8841 | 8848 |
.wizard .middle .step .advanced-conf-step .snf-checkbox-checked, .wizard .middle .step .advanced-conf-step .snf-checkbox-unchecked {
|
| 8842 | 8849 |
color: white; |
| 8843 | 8850 |
} |
| 8844 |
/* line 546, ../sass/_overlays.scss */
|
|
| 8851 |
/* line 550, ../sass/_overlays.scss */
|
|
| 8845 | 8852 |
.wizard .middle .step .advanced-conf-step .expand-btn {
|
| 8846 | 8853 |
margin: 50px 0 2.5em; |
| 8847 | 8854 |
} |
| 8848 |
/* line 548, ../sass/_overlays.scss */
|
|
| 8855 |
/* line 552, ../sass/_overlays.scss */
|
|
| 8849 | 8856 |
.wizard .middle .step .advanced-conf-step .expand-btn a {
|
| 8850 | 8857 |
color: white; |
| 8851 | 8858 |
} |
| 8852 |
/* line 550, ../sass/_overlays.scss */
|
|
| 8859 |
/* line 554, ../sass/_overlays.scss */
|
|
| 8853 | 8860 |
.wizard .middle .step .advanced-conf-step .expand-btn a span {
|
| 8854 | 8861 |
padding-left: 24px; |
| 8855 | 8862 |
} |
| 8856 |
/* line 561, ../sass/_overlays.scss */
|
|
| 8863 |
/* line 565, ../sass/_overlays.scss */
|
|
| 8857 | 8864 |
.wizard .middle .step .advanced-conf-step .adv-main .vm-name h2 {
|
| 8858 | 8865 |
color: white; |
| 8859 | 8866 |
font-size: 1em; |
| 8860 | 8867 |
margin-bottom: 0.5em; |
| 8861 | 8868 |
} |
| 8862 |
/* line 570, ../sass/_overlays.scss */
|
|
| 8869 |
/* line 574, ../sass/_overlays.scss */
|
|
| 8863 | 8870 |
.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 {
|
| 8864 | 8871 |
color: white; |
| 8865 | 8872 |
} |
| 8866 |
/* line 573, ../sass/_overlays.scss */
|
|
| 8873 |
/* line 577, ../sass/_overlays.scss */
|
|
| 8867 | 8874 |
.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 {
|
| 8868 | 8875 |
color: #485057; |
| 8869 | 8876 |
} |
| 8870 |
/* line 577, ../sass/_overlays.scss */
|
|
| 8877 |
/* line 581, ../sass/_overlays.scss */
|
|
| 8871 | 8878 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options {
|
| 8872 | 8879 |
display: none; |
| 8873 | 8880 |
} |
| 8874 |
/* line 579, ../sass/_overlays.scss */
|
|
| 8881 |
/* line 583, ../sass/_overlays.scss */
|
|
| 8875 | 8882 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .check {
|
| 8876 | 8883 |
font-size: 20px; |
| 8877 | 8884 |
} |
| 8878 |
/* line 582, ../sass/_overlays.scss */
|
|
| 8885 |
/* line 586, ../sass/_overlays.scss */
|
|
| 8879 | 8886 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .area {
|
| 8880 | 8887 |
padding: 2.5em 0; |
| 8881 | 8888 |
} |
| 8882 |
/* line 585, ../sass/_overlays.scss */
|
|
| 8889 |
/* line 589, ../sass/_overlays.scss */
|
|
| 8883 | 8890 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .area .row p {
|
| 8884 | 8891 |
max-width: 340px; |
| 8885 | 8892 |
margin-bottom: 20px; |
| 8886 | 8893 |
} |
| 8887 |
/* line 591, ../sass/_overlays.scss */
|
|
| 8894 |
/* line 595, ../sass/_overlays.scss */
|
|
| 8888 | 8895 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .area ul li {
|
| 8889 | 8896 |
position: relative; |
| 8890 | 8897 |
list-style: none outside none; |
| 8891 | 8898 |
margin-bottom: 7px; |
| 8892 | 8899 |
} |
| 8893 |
/* line 596, ../sass/_overlays.scss */
|
|
| 8900 |
/* line 600, ../sass/_overlays.scss */
|
|
| 8894 | 8901 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .area ul li.checkbox:hover {
|
| 8895 | 8902 |
cursor: pointer; |
| 8896 | 8903 |
} |
| 8897 |
/* line 600, ../sass/_overlays.scss */
|
|
| 8904 |
/* line 604, ../sass/_overlays.scss */
|
|
| 8898 | 8905 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .area ul li h3 {
|
| 8899 | 8906 |
width: 18.75em; |
| 8900 | 8907 |
color: white; |
| ... | ... | |
| 8903 | 8910 |
margin: 0 28px 0 0; |
| 8904 | 8911 |
display: inline-block; |
| 8905 | 8912 |
} |
| 8906 |
/* line 612, ../sass/_overlays.scss */
|
|
| 8913 |
/* line 616, ../sass/_overlays.scss */
|
|
| 8907 | 8914 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .ssh-keys-area {
|
| 8908 | 8915 |
background-color: #ff7049; |
| 8909 | 8916 |
} |
| 8910 |
/* line 614, ../sass/_overlays.scss */
|
|
| 8917 |
/* line 618, ../sass/_overlays.scss */
|
|
| 8911 | 8918 |
.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 {
|
| 8912 | 8919 |
margin-top: 3px; |
| 8913 | 8920 |
} |
| 8914 |
/* line 619, ../sass/_overlays.scss */
|
|
| 8921 |
/* line 623, ../sass/_overlays.scss */
|
|
| 8915 | 8922 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area {
|
| 8916 | 8923 |
background-color: #ff948c; |
| 8917 | 8924 |
} |
| 8918 |
/* line 621, ../sass/_overlays.scss */
|
|
| 8925 |
/* line 625, ../sass/_overlays.scss */
|
|
| 8919 | 8926 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area ul {
|
| 8920 | 8927 |
position: relative; |
| 8921 | 8928 |
margin-bottom: 0; |
| 8922 | 8929 |
} |
| 8923 |
/* line 626, ../sass/_overlays.scss */
|
|
| 8930 |
/* line 630, ../sass/_overlays.scss */
|
|
| 8924 | 8931 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons {
|
| 8925 | 8932 |
padding-right: 30px; |
| 8926 | 8933 |
display: inline-block; |
| ... | ... | |
| 8930 | 8937 |
margin-bottom: 0; |
| 8931 | 8938 |
position: relative; |
| 8932 | 8939 |
} |
| 8933 |
/* line 634, ../sass/_overlays.scss */
|
|
| 8940 |
/* line 638, ../sass/_overlays.scss */
|
|
| 8934 | 8941 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span {
|
| 8935 | 8942 |
position: relative; |
| 8936 | 8943 |
} |
| 8937 |
/* line 636, ../sass/_overlays.scss */
|
|
| 8944 |
/* line 640, ../sass/_overlays.scss */
|
|
| 8938 | 8945 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span.snf-modem {
|
| 8939 | 8946 |
top: -1px; |
| 8940 | 8947 |
} |
| 8941 |
/* line 639, ../sass/_overlays.scss */
|
|
| 8948 |
/* line 643, ../sass/_overlays.scss */
|
|
| 8942 | 8949 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span.snf-www {
|
| 8943 | 8950 |
top: 6px; |
| 8944 | 8951 |
} |
| 8945 |
/* line 642, ../sass/_overlays.scss */
|
|
| 8952 |
/* line 646, ../sass/_overlays.scss */
|
|
| 8946 | 8953 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span.snf-network_full {
|
| 8947 | 8954 |
top: 5px; |
| 8948 | 8955 |
} |
| 8949 |
/* line 645, ../sass/_overlays.scss */
|
|
| 8956 |
/* line 649, ../sass/_overlays.scss */
|
|
| 8950 | 8957 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span.temp-line {
|
| 8951 | 8958 |
position: absolute; |
| 8952 | 8959 |
height: 1px; |
| ... | ... | |
| 8954 | 8961 |
background: white; |
| 8955 | 8962 |
bottom: 15px; |
| 8956 | 8963 |
} |
| 8957 |
/* line 651, ../sass/_overlays.scss */
|
|
| 8964 |
/* line 655, ../sass/_overlays.scss */
|
|
| 8958 | 8965 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span.temp-line.line1 {
|
| 8959 | 8966 |
right: 56px; |
| 8960 | 8967 |
} |
| 8961 |
/* line 652, ../sass/_overlays.scss */
|
|
| 8968 |
/* line 656, ../sass/_overlays.scss */
|
|
| 8962 | 8969 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span.temp-line.line2 {
|
| 8963 | 8970 |
right: 97px; |
| 8964 | 8971 |
width: 10px; |
| 8965 | 8972 |
} |
| 8966 |
/* line 659, ../sass/_overlays.scss */
|
|
| 8973 |
/* line 663, ../sass/_overlays.scss */
|
|
| 8967 | 8974 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li.more {
|
| 8968 | 8975 |
background: #fff4f3; |
| 8969 |
margin-bottom: 0;
|
|
| 8976 |
margin: 2.5em 0;
|
|
| 8970 | 8977 |
padding: 2.5em 0; |
| 8971 | 8978 |
color: #ff948c; |
| 8972 | 8979 |
} |
| 8973 |
/* line 664, ../sass/_overlays.scss */
|
|
| 8980 |
/* line 668, ../sass/_overlays.scss */
|
|
| 8974 | 8981 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li.more h3 {
|
| 8975 | 8982 |
color: #ff948c; |
| 8976 | 8983 |
padding-left: 145px; |
| 8977 | 8984 |
} |
| 8978 |
/* line 667, ../sass/_overlays.scss */
|
|
| 8985 |
/* line 671, ../sass/_overlays.scss */
|
|
| 8979 | 8986 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li.more h3:hover {
|
| 8980 | 8987 |
cursor: pointer; |
| 8981 | 8988 |
} |
| 8982 |
/* line 671, ../sass/_overlays.scss */
|
|
| 8989 |
/* line 675, ../sass/_overlays.scss */
|
|
| 8983 | 8990 |
.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 {
|
| 8984 | 8991 |
margin-top: 20px; |
| 8985 | 8992 |
border-color: #ff948c; |
| 8986 | 8993 |
color: #ff948c; |
| 8987 | 8994 |
margin-left: 145px; |
| 8988 | 8995 |
} |
| 8989 |
/* line 679, ../sass/_overlays.scss */
|
|
| 8996 |
/* line 683, ../sass/_overlays.scss */
|
|
| 8990 | 8997 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li.more .checkbox a span {
|
| 8991 | 8998 |
color: #ff948c; |
| 8992 | 8999 |
} |
| 8993 |
/* line 688, ../sass/_overlays.scss */
|
|
| 9000 |
/* line 692, ../sass/_overlays.scss */
|
|
| 8994 | 9001 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area {
|
| 8995 | 9002 |
background-color: #4c71ff; |
| 8996 | 9003 |
} |
| 8997 |
/* line 690, ../sass/_overlays.scss */
|
|
| 9004 |
/* line 694, ../sass/_overlays.scss */
|
|
| 8998 | 9005 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .snf-color-picker {
|
| 8999 | 9006 |
display: none; |
| 9000 | 9007 |
} |
| 9001 |
/* line 693, ../sass/_overlays.scss */
|
|
| 9008 |
/* line 697, ../sass/_overlays.scss */
|
|
| 9002 | 9009 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area #picker {
|
| 9003 | 9010 |
position: relative; |
| 9004 | 9011 |
width: 207px; |
| 9005 | 9012 |
margin: 30px 5px; |
| 9006 | 9013 |
display: inline-block; |
| 9007 | 9014 |
} |
| 9008 |
/* line 699, ../sass/_overlays.scss */
|
|
| 9015 |
/* line 703, ../sass/_overlays.scss */
|
|
| 9009 | 9016 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .btns {
|
| 9010 | 9017 |
margin-top: 77px; |
| 9011 | 9018 |
margin-bottom: 30px; |
| 9012 | 9019 |
} |
| 9013 |
/* line 703, ../sass/_overlays.scss */
|
|
| 9020 |
/* line 707, ../sass/_overlays.scss */
|
|
| 9014 | 9021 |
.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 {
|
| 9015 | 9022 |
margin-right: 20px; |
| 9016 | 9023 |
} |
| 9017 |
/* line 706, ../sass/_overlays.scss */
|
|
| 9024 |
/* line 710, ../sass/_overlays.scss */
|
|
| 9018 | 9025 |
.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 {
|
| 9019 | 9026 |
left: 10px; |
| 9020 | 9027 |
} |
| 9021 |
/* line 709, ../sass/_overlays.scss */
|
|
| 9028 |
/* line 713, ../sass/_overlays.scss */
|
|
| 9022 | 9029 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area h3 {
|
| 9023 | 9030 |
width: 18.75em; |
| 9024 | 9031 |
color: white; |
| ... | ... | |
| 9027 | 9034 |
margin: 0 28px 0 0; |
| 9028 | 9035 |
display: inline-block; |
| 9029 | 9036 |
} |
| 9030 |
/* line 718, ../sass/_overlays.scss */
|
|
| 9037 |
/* line 722, ../sass/_overlays.scss */
|
|
| 9031 | 9038 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .list-header {
|
| 9032 | 9039 |
position: relative; |
| 9033 | 9040 |
left: -14px; |
| 9034 | 9041 |
} |
| 9035 |
/* line 721, ../sass/_overlays.scss */
|
|
| 9042 |
/* line 725, ../sass/_overlays.scss */
|
|
| 9036 | 9043 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .list-header h3 {
|
| 9037 | 9044 |
margin-right: 35px; |
| 9038 | 9045 |
} |
| 9039 |
/* line 732, ../sass/_overlays.scss */
|
|
| 9046 |
/* line 736, ../sass/_overlays.scss */
|
|
| 9040 | 9047 |
.wizard .bottom {
|
| 9041 | 9048 |
position: fixed; |
| 9042 | 9049 |
left: 0; |
| ... | ... | |
| 9045 | 9052 |
border-top: 1px solid #636a70; |
| 9046 | 9053 |
background: #485057; |
| 9047 | 9054 |
} |
| 9048 |
/* line 739, ../sass/_overlays.scss */
|
|
| 9055 |
/* line 743, ../sass/_overlays.scss */
|
|
| 9049 | 9056 |
.wizard .bottom .row {
|
| 9050 | 9057 |
height: 50px; |
| 9051 | 9058 |
line-height: 50px; |
| 9052 | 9059 |
} |
| 9053 |
/* line 743, ../sass/_overlays.scss */
|
|
| 9060 |
/* line 747, ../sass/_overlays.scss */
|
|
| 9054 | 9061 |
.wizard .bottom .nav {
|
| 9055 | 9062 |
height: 50px; |
| 9056 | 9063 |
line-height: 50px; |
| ... | ... | |
| 9061 | 9068 |
top: 10px; |
| 9062 | 9069 |
width: 100px; |
| 9063 | 9070 |
} |
| 9064 |
/* line 753, ../sass/_overlays.scss */
|
|
| 9071 |
/* line 757, ../sass/_overlays.scss */
|
|
| 9065 | 9072 |
.wizard .bottom .nav:hover, .wizard .bottom .nav:focus {
|
| 9066 | 9073 |
-webkit-transition: background 0ms ease-out; |
| 9067 | 9074 |
-moz-transition: background 0ms ease-out; |
| ... | ... | |
| 9069 | 9076 |
-o-transition: background 0ms ease-out; |
| 9070 | 9077 |
transition: background 0ms ease-out; |
| 9071 | 9078 |
} |
| 9072 |
/* line 756, ../sass/_overlays.scss */
|
|
| 9079 |
/* line 760, ../sass/_overlays.scss */
|
|
| 9073 | 9080 |
.wizard .bottom .nav span {
|
| 9074 | 9081 |
display: inline-block; |
| 9075 | 9082 |
height: 30px; |
| 9076 | 9083 |
line-height: 30px; |
| 9077 | 9084 |
float: left; |
| 9078 | 9085 |
} |
| 9079 |
/* line 762, ../sass/_overlays.scss */
|
|
| 9086 |
/* line 766, ../sass/_overlays.scss */
|
|
| 9080 | 9087 |
.wizard .bottom .nav span:hover, .wizard .bottom .nav span:focus {
|
| 9081 | 9088 |
-webkit-transition: background 0ms linear; |
| 9082 | 9089 |
-moz-transition: background 0ms linear; |
| ... | ... | |
| 9084 | 9091 |
-o-transition: background 0ms linear; |
| 9085 | 9092 |
transition: background 0ms linear; |
| 9086 | 9093 |
} |
| 9087 |
/* line 767, ../sass/_overlays.scss */
|
|
| 9094 |
/* line 771, ../sass/_overlays.scss */
|
|
| 9088 | 9095 |
.wizard .bottom .prev {
|
| 9089 | 9096 |
float: left; |
| 9090 | 9097 |
height: 30px; |
| 9091 | 9098 |
padding-left: 18px; |
| 9092 | 9099 |
background: url("../images/nav-edge-lt.png") no-repeat left top;
|
| 9093 | 9100 |
} |
| 9094 |
/* line 772, ../sass/_overlays.scss */
|
|
| 9101 |
/* line 776, ../sass/_overlays.scss */
|
|
| 9095 | 9102 |
.wizard .bottom .prev span {
|
| 9096 | 9103 |
padding-right: 10px; |
| 9097 | 9104 |
background: url("../images/nav-lt.png") no-repeat right top;
|
| 9098 | 9105 |
} |
| 9099 |
/* line 778, ../sass/_overlays.scss */
|
|
| 9106 |
/* line 782, ../sass/_overlays.scss */
|
|
| 9100 | 9107 |
.wizard .bottom .prev:hover, .wizard .bottom .prev.active, .wizard .bottom .items-list li .container:hover .prev.check, .items-list li .container:hover .wizard .bottom .prev.check, .wizard .bottom .prev:focus {
|
| 9101 | 9108 |
background-position: left bottom; |
| 9102 | 9109 |
} |
| 9103 |
/* line 780, ../sass/_overlays.scss */
|
|
| 9110 |
/* line 784, ../sass/_overlays.scss */
|
|
| 9104 | 9111 |
.wizard .bottom .prev:hover span, .wizard .bottom .prev.active span, .wizard .bottom .items-list li .container:hover .prev.check span, .items-list li .container:hover .wizard .bottom .prev.check span, .wizard .bottom .prev:focus span {
|
| 9105 | 9112 |
background-position: right bottom; |
| 9106 | 9113 |
} |
| 9107 |
/* line 785, ../sass/_overlays.scss */
|
|
| 9114 |
/* line 789, ../sass/_overlays.scss */
|
|
| 9108 | 9115 |
.wizard .bottom .next {
|
| 9109 | 9116 |
float: right; |
| 9110 | 9117 |
height: 30px; |
| 9111 | 9118 |
padding-right: 18px; |
| 9112 | 9119 |
background: url("../images/nav-edge-rt.png") no-repeat right top;
|
| 9113 | 9120 |
} |
| 9114 |
/* line 790, ../sass/_overlays.scss */
|
|
| 9121 |
/* line 794, ../sass/_overlays.scss */
|
|
| 9115 | 9122 |
.wizard .bottom .next span {
|
| 9116 | 9123 |
padding-left: 10px; |
| 9117 | 9124 |
background: url("../images/nav-rt.png") no-repeat left top;
|
| 9118 | 9125 |
float: right; |
| 9119 | 9126 |
} |
| 9120 |
/* line 797, ../sass/_overlays.scss */
|
|
| 9127 |
/* line 801, ../sass/_overlays.scss */
|
|
| 9121 | 9128 |
.wizard .bottom .next:hover, .wizard .bottom .next.active, .wizard .bottom .items-list li .container:hover .next.check, .items-list li .container:hover .wizard .bottom .next.check, .wizard .bottom .next:focus {
|
| 9122 | 9129 |
background-position: right bottom; |
| 9123 | 9130 |
} |
| 9124 |
/* line 799, ../sass/_overlays.scss */
|
|
| 9131 |
/* line 803, ../sass/_overlays.scss */
|
|
| 9125 | 9132 |
.wizard .bottom .next:hover span, .wizard .bottom .next.active span, .wizard .bottom .items-list li .container:hover .next.check span, .items-list li .container:hover .wizard .bottom .next.check span, .wizard .bottom .next:focus span {
|
| 9126 | 9133 |
background-position: left bottom; |
| 9127 | 9134 |
float: right; |
| 9128 | 9135 |
} |
| 9129 | 9136 |
|
| 9130 |
/* line 809, ../sass/_overlays.scss */
|
|
| 9137 |
/* line 813, ../sass/_overlays.scss */
|
|
| 9131 | 9138 |
.wizard-content {
|
| 9132 | 9139 |
overflow: hidden; |
| 9133 | 9140 |
width: 100%; |
| 9134 | 9141 |
} |
| 9135 |
/* line 812, ../sass/_overlays.scss */
|
|
| 9142 |
/* line 816, ../sass/_overlays.scss */
|
|
| 9136 | 9143 |
.wizard-content .vm-wizard-carousel {
|
| 9137 | 9144 |
position: relative; |
| 9138 | 9145 |
left: 0; |
| 9139 | 9146 |
} |
| 9140 |
/* line 815, ../sass/_overlays.scss */
|
|
| 9147 |
/* line 819, ../sass/_overlays.scss */
|
|
| 9141 | 9148 |
.wizard-content .vm-wizard-carousel .step {
|
| 9142 | 9149 |
float: left; |
| 9143 | 9150 |
} |
| 9144 | 9151 |
|
| 9145 | 9152 |
/* Responive ------------------------------------------------ */ |
| 9146 | 9153 |
@media only screen and (max-width: 768px) {
|
| 9147 |
/* line 827, ../sass/_overlays.scss */
|
|
| 9154 |
/* line 831, ../sass/_overlays.scss */
|
|
| 9148 | 9155 |
.wizard .top {
|
| 9149 | 9156 |
position: static; |
| 9150 | 9157 |
} |
| 9151 |
/* line 830, ../sass/_overlays.scss */
|
|
| 9158 |
/* line 834, ../sass/_overlays.scss */
|
|
| 9152 | 9159 |
.wizard .middle {
|
| 9153 | 9160 |
padding-top: 0; |
| 9154 | 9161 |
} |
| 9155 | 9162 |
|
| 9156 |
/* line 835, ../sass/_overlays.scss */
|
|
| 9163 |
/* line 839, ../sass/_overlays.scss */
|
|
| 9157 | 9164 |
.overlay-wrapper .overlay-area {
|
| 9158 | 9165 |
top: 0; |
| 9159 | 9166 |
} |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list.html | ||
|---|---|---|
| 781 | 781 |
<script src="javascripts/foundation/foundation.section.js"></script> |
| 782 | 782 |
|
| 783 | 783 |
<script src="javascripts/foundation/foundation.tooltips.js"></script> |
| 784 |
|
|
| 785 | 784 |
<script src="javascripts/foundation/foundation.topbar.js"></script> |
| 785 |
<script type="text/javascript" src="javascripts/jquery.scrollTo.js"></script> |
|
| 786 |
<script type="text/javascript" src="javascripts/jquery.easing.1.3.js"></script> |
|
| 786 | 787 |
<script type="text/javascript" src="javascripts/jquery.mousewheel.js"></script> |
| 787 | 788 |
<script type="text/javascript" src="javascripts/jquery.jscrollpane.js"></script> |
| 788 | 789 |
<script type="text/javascript" src="javascripts/dropzone.js"></script> |
Also available in: Unified diff