/ - Diff - Synnefo - Greek Research and Technology Network's projects

Revision c9655064

         $('.vms li .container').mouseenter(
           function (e) {
             $(this).find('.img').css('visibility','hidden');
             $(this).find('.options, .check').fadeIn('slow');
             $(this).addClass('set-border');
             $(this).find('.editable input').show();
             $(this).find('.editable em').hide();
             $(this).find('.visible-info em').each(function(){
             $(this).find('.img').stop(true, true).fadeOut({
                 'duration':200,
             });
             $(this).find('.options, .check').stop(true, true).addClass('active');
             $(this).find('.options').stop(true, true).fadeIn(500);
             $(this).stop(true, true).addClass('set-border');
             $(this).find('.visible-info em').stop(true, true).each(function(){
                 var emLeft = $(this).position();
                 $(this).animate({
                 left: -emLeft.left,
                 }, 'slow');
                 }, 300);
             })
+          }
         );
         $('.vms li .container').mouseleave(
             function(e){
                 $(this).removeClass('set-border');
                 $(this).find('.img').css('visibility','visible');
                 $(this).find('.options').hide();
                 $(this).find('.custom_checkbox:not(.checkbox-checked)').parents('.check').hide();
                 $(this).find('.editable input').hide();
                 $(this).find('.editable em').show();
                 $(this).find('.visible-info em').each(function(){
                 $(this).stop(true, true).removeClass('set-border');
                 $(this).find('.options').stop(true, true).fadeOut(200);
                 $(this).find('.img').stop(true, true).fadeIn('slow');
                 $(this).find('.custom_checkbox:not(.checkbox-checked)').parents('.check').stop(true, true).removeClass('active');
                 $(this).find('.visible-info em').stop(true, true).each(function(){
                     $(this).removeAttr('style');
                 })
+             }
-...
             if(checkbox.hasClass('checkbox-checked')){
                 checkbox.html('b');
                 $(this).parents('.container').addClass('set-bg');
                 $(this).addClass('active');
+            }
             else{
                 checkbox.html('a');
                 $(this).parents('.container').removeClass('set-bg');
                 $(this).hide();
                 $(this).removeClass('active');
+            }
             // in any case, hide extra options and reset positions to normal
             $(this).parents('.container').removeClass('set-border');
             $(this).parents('.container').find('.img').css('visibility','visible');
             $(this).parents('.container').find('.img').fadeIn(200);
             $(this).parents('.container').find('.options').hide();
             $(this).parents('.container').find('.visible-info em').removeAttr('style');

+    				}
+    			}
+    		}
     		.img-wrap {
     			height: 78px;
+    		}
     		.img {
     			margin-bottom: 20px;
     			position: relative;
-...
     			position:absolute;
     			right:10px;
     			top:5px;
     			display: none;
     			color:$secondary-color;
     			color:lighten($primary-color,35%);
     			font-weight: bold;
     			font-size:emCalc(27px);
     			cursor: pointer;
     			z-index: 10;
     			span { position:relative; z-index:10;}
     			&.active {
     				color:$secondary-color;
+    			}
+    		}
     		.visible-info {
     			margin: 0 25px;

       color: #ff7bac;
+    }
     /* line 350, ../sass/app.scss */
     .items-list li .img-wrap {
       height: 78px;
+    }
     /* line 353, ../sass/app.scss */
     .items-list li .img {
       margin-bottom: 20px;
       position: relative;
       height: 58px;
+    }
     /* line 355, ../sass/app.scss */
     /* line 358, ../sass/app.scss */
     .items-list li .container {
       border: 1px solid transparent;
       margin: 0 20px;
       padding: 25px 0;
       position: relative;
+    }
     /* line 356, ../sass/app.scss */
     /* line 359, ../sass/app.scss */
     .items-list li .container.set-bg {
       background: #dfdfdf;
+    }
     /* line 357, ../sass/app.scss */
     /* line 360, ../sass/app.scss */
     .items-list li .container.set-border {
       border-color: #ff7bac;
+    }
     /* line 362, ../sass/app.scss */
     /* line 365, ../sass/app.scss */
     .items-list li .container .options {
       width: 100%;
       text-align: center;
-...
       display: none;
       z-index: 1;
+    }
     /* line 370, ../sass/app.scss */
     /* line 373, ../sass/app.scss */
     .items-list li .container .options .wrap {
       height: 100%;
       padding: 25px;
       text-align: left;
+    }
     /* line 374, ../sass/app.scss */
     /* line 377, ../sass/app.scss */
     .items-list li .container .options .wrap a {
       font-size: 1.6875em;
       display: block;
-...
       margin-bottom: 10px;
       font-weight: bold;
+    }
     /* line 382, ../sass/app.scss */
     /* line 385, ../sass/app.scss */
     .items-list li .container .options .wrap a:hover {
       color: #ff7bac;
+    }
     /* line 389, ../sass/app.scss */
     /* line 392, ../sass/app.scss */
     .items-list li .check {
       position: absolute;
       right: 10px;
       top: 5px;
       display: none;
       color: #ff7bac;
       color: #ebebec;
       font-weight: bold;
       font-size: 1.6875em;
       cursor: pointer;
       z-index: 10;
+    }
     /* line 399, ../sass/app.scss */
     /* line 402, ../sass/app.scss */
     .items-list li .check span {
       position: relative;
       z-index: 10;
+    }
     /* line 401, ../sass/app.scss */
     /* line 403, ../sass/app.scss */
     .items-list li .check.active {
       color: #ff7bac;
+    }
     /* line 407, ../sass/app.scss */
     .items-list li .visible-info {
       margin: 0 25px;
       position: relative;
       color: #919194;
       overflow: hidden;
+    }
     /* line 406, ../sass/app.scss */
     /* line 412, ../sass/app.scss */
     .items-list li .visible-info span {
       display: block;
       position: relative;
+    }
     /* line 407, ../sass/app.scss */
     /* line 413, ../sass/app.scss */
     .items-list li .visible-info span.title {
       white-space: nowrap;
+    }
     /* line 412, ../sass/app.scss */
     /* line 418, ../sass/app.scss */
     .items-list li .visible-info span em {
       font-style: normal;
       position: relative;
+    }
     /* line 422, ../sass/app.scss */
     /* line 428, ../sass/app.scss */
     .lt-sidebar {
       margin-top: 43px;
       overflow: scroll;
       height: 300px;
       font-size: 0.75em;
+    }
     /* line 427, ../sass/app.scss */
     /* line 433, ../sass/app.scss */
     .lt-sidebar .items-list {
       padding: 0;
+    }
     /* line 431, ../sass/app.scss */
     /* line 437, ../sass/app.scss */
     .lt-sidebar .items-list li .img,
     .lt-sidebar .items-list li .os {
       background-size: 80%;
+    }
     /* line 434, ../sass/app.scss */
     /* line 440, ../sass/app.scss */
     .lt-sidebar li:hover {
       background: #ebebec;
+    }
     /* line 437, ../sass/app.scss */
     /* line 443, ../sass/app.scss */
     .lt-sidebar li.current {
       background: #dfdfdf;
       cursor: pointer;
+    }
     /* line 446, ../sass/app.scss */
     /* line 452, ../sass/app.scss */
     .vms .items-list .img {
       background: url("../images/vm-on.png") no-repeat center center;
       width: 56px;
-...
       text-indent: -2000px;
       overflow: hidden;
+    }
     /* line 449, ../sass/app.scss */
     /* line 455, ../sass/app.scss */
     .vms .items-list .img.stopped {
       background-image: url("../images/vm-stopped.png");
+    }
     /* line 452, ../sass/app.scss */
     /* line 458, ../sass/app.scss */
     .vms .items-list .img .os {
       background: url("../images/os-unknown.png") no-repeat center center;
       width: 22px;
-...
       top: 8px;
       left: 18px;
+    }
     /* line 457, ../sass/app.scss */
     /* line 463, ../sass/app.scss */
     .vms .items-list .img .os.windows {
       background-image: url("../images/os-windows.png");
+    }
     /* line 458, ../sass/app.scss */
     /* line 464, ../sass/app.scss */
     .vms .items-list .img .os.kubuntu {
       background-image: url("../images/os-kubuntu.png");
+    }
     /* line 459, ../sass/app.scss */
     /* line 465, ../sass/app.scss */
     .vms .items-list .img .os.fedora {
       background-image: url("../images/os-fedora.png");
+    }
     /* line 468, ../sass/app.scss */
     /* line 474, ../sass/app.scss */
     .vm .top .img {
       background: url("../images/vm-on.png") no-repeat center center;
       width: 112px;
-...
       text-indent: -2000px;
       overflow: hidden;
+    }
     /* line 471, ../sass/app.scss */
     /* line 477, ../sass/app.scss */
     .vm .top.stopped {
       background-image: url("../images/vm-stopped.png");
+    }
     /* line 474, ../sass/app.scss */
     /* line 480, ../sass/app.scss */
     .vm .top .os {
       background: url("../images/os-unknown.png") no-repeat center center;
       width: 22px;
-...
       left: 36px;
       top: 16px;
+    }
     /* line 482, ../sass/app.scss */
     /* line 488, ../sass/app.scss */
     .vm .top .os.windows {
       background-image: url("../images/os-windows.png");
+    }
     /* line 483, ../sass/app.scss */
     /* line 489, ../sass/app.scss */
     .vm .top .os.kubuntu {
       background-image: url("../images/os-kubuntu.png");
+    }
     /* line 484, ../sass/app.scss */
     /* line 490, ../sass/app.scss */
     .vm .top .os.fedora {
       background-image: url("../images/os-fedora.png");
+    }
     /* line 489, ../sass/app.scss */
     /* line 495, ../sass/app.scss */
     .details {
       position: relative;
+    }
     /* line 492, ../sass/app.scss */
     /* line 498, ../sass/app.scss */
     .details .top {
       padding: 100px 2.5em;
       text-align: center;
+    }
     /* line 495, ../sass/app.scss */
     /* line 501, ../sass/app.scss */
     .details .top .img {
       background-size: 100%;
       margin-bottom: 20px;
       position: relative;
+    }
     /* line 501, ../sass/app.scss */
     /* line 507, ../sass/app.scss */
     .details .top .actions ul {
       padding: 1em;
       text-align: center;
+    }
     /* line 504, ../sass/app.scss */
     /* line 510, ../sass/app.scss */
     .details .top .actions ul li {
       list-style: none outside none;
       display: inline-block;
       margin: 0 10px;
       min-width: 112px;
+    }
     /* line 519, ../sass/app.scss */
     /* line 525, ../sass/app.scss */
     .details .info dl {
       margin: 0;
+    }
     /* line 521, ../sass/app.scss */
     /* line 527, ../sass/app.scss */
     .details .info dl dt {
       display: inline-block;
       width: 25%;
       float: left;
+    }
     /* line 528, ../sass/app.scss */
     /* line 534, ../sass/app.scss */
     .details .close {
       position: absolute;
       right: 2.5em;
-...
       overflow: hidden;
+    }
     /* line 540, ../sass/app.scss */
     /* line 546, ../sass/app.scss */
     .border-bottom-style1 {
       padding-bottom: 20px;
       margin-bottom: 20px;
       border-bottom: 1px dashed #919194;
+    }
     /* line 546, ../sass/app.scss */
     /* line 552, ../sass/app.scss */
     .overlay {
       background: #ff7bac;
       position: relative;
       z-index: 1;
+    }
     /* line 550, ../sass/app.scss */
     /* line 556, ../sass/app.scss */
     .overlay .lt-sidebar {
       border-right: 1px solid white;
+    }
     /* line 553, ../sass/app.scss */
     /* line 559, ../sass/app.scss */
     .overlay .lt-sidebar ul li {
       list-style: none outside none;
+    }
     /* line 555, ../sass/app.scss */
     /* line 561, ../sass/app.scss */
     .overlay .lt-sidebar ul li a {
       color: white;
+    }
     /* line 557, ../sass/app.scss */
     /* line 563, ../sass/app.scss */
     .overlay .lt-sidebar ul li a span {
       float: right;
       display: none;
+    }
     /* line 559, ../sass/app.scss */
     /* line 565, ../sass/app.scss */
     .overlay .lt-sidebar ul li a:hover, .overlay .lt-sidebar ul li a.current {
       text-decoration: none;
+    }
     /* line 562, ../sass/app.scss */
     /* line 568, ../sass/app.scss */
     .overlay .lt-sidebar ul li a:hover span, .overlay .lt-sidebar ul li a.current span {
       display: inline;
+    }
     /* line 573, ../sass/app.scss */
     /* line 579, ../sass/app.scss */
     .overlay .lt-sidebar,
     .overlay .main {
       padding: 100px 2.5em;
       position: relative;
+    }
     /* line 578, ../sass/app.scss */
     /* line 584, ../sass/app.scss */
     .overlay .navigation .rt {
       float: right;
+    }
     /* line 582, ../sass/app.scss */
     /* line 588, ../sass/app.scss */
     .overlay .close {
       position: absolute;
       right: 2.5em;
-...
       overflow: hidden;
+    }
     /* line 592, ../sass/app.scss */
     /* line 598, ../sass/app.scss */
     .create-vm .select-os li {
       width: 23%;
       padding: 20px;
-...
       height: 200px;
       margin: 0 10px 10px 0;
+    }
     /* line 601, ../sass/app.scss */
     /* line 607, ../sass/app.scss */
     .create-vm .select-os li:hover, .create-vm .select-os li.selected {
       background: white;
+    }
     /* line 603, ../sass/app.scss */
     /* line 609, ../sass/app.scss */
     .create-vm .select-os li:hover h2, .create-vm .select-os li:hover p, .create-vm .select-os li:hover a, .create-vm .select-os li.selected h2, .create-vm .select-os li.selected p, .create-vm .select-os li.selected a {
       color: #ff7bac;
+    }
     /* line 607, ../sass/app.scss */
     /* line 613, ../sass/app.scss */
     .create-vm .select-os li a {
       color: white;
+    }
     /* line 610, ../sass/app.scss */
     /* line 616, ../sass/app.scss */
     .create-vm .select-os li .os {
       background: url("../images/os-unknown.png") no-repeat center center;
       width: 30px;
-...
       background-size: 100%;
       margin-bottom: 2em;
+    }
     /* line 614, ../sass/app.scss */
     /* line 620, ../sass/app.scss */
     .create-vm .select-os li .os.windows {
       background-image: url("../images/os-windows.png");
+    }
     /* line 615, ../sass/app.scss */
     /* line 621, ../sass/app.scss */
     .create-vm .select-os li .os.kubuntu {
       background-image: url("../images/os-kubuntu.png");
+    }
     /* line 616, ../sass/app.scss */
     /* line 622, ../sass/app.scss */
     .create-vm .select-os li .os.fedora {
       background-image: url("../images/os-fedora.png");
+    }
     /* line 618, ../sass/app.scss */
     /* line 624, ../sass/app.scss */
     .create-vm .select-os li h2 {
       font-size: 1em;
       font-weight: normal;
       color: white;
+    }
     /* line 623, ../sass/app.scss */
     /* line 629, ../sass/app.scss */
     .create-vm .select-os li .details {
       font-weight: bold;
       font-size: 0.875em;
+    }
     /* line 630, ../sass/app.scss */
     /* line 636, ../sass/app.scss */
     .create-vm .select-flavor dl {
       color: white;
       font-size: 1.25em;
       margin-bottom: 10px;
+    }
     /* line 634, ../sass/app.scss */
     /* line 640, ../sass/app.scss */
     .create-vm .select-flavor dl dd {
       width: 23%;
       display: inline-block;
+    }
     /* line 638, ../sass/app.scss */
     /* line 644, ../sass/app.scss */
     .create-vm .select-flavor dl dt {
       width: 70%;
       display: inline-block;
       font-weight: normal;
+    }
     /* line 642, ../sass/app.scss */
     /* line 648, ../sass/app.scss */
     .create-vm .select-flavor dl dt span {
       min-width: 90px;
       margin: 0 10px;
+    }
     /* line 646, ../sass/app.scss */
     /* line 652, ../sass/app.scss */
     .create-vm .select-flavor dl dt span:first-child {
       margin-left: 0;
+    }
     /* line 656, ../sass/app.scss */
     /* line 662, ../sass/app.scss */
     #vm-connect .info {
       font-style: italic;
       font-size: 0.8125em;
       color: #9e9ea1;
+    }
     /* line 661, ../sass/app.scss */
     /* line 667, ../sass/app.scss */
     #vm-connect .ssh {
       text-align: center;
+    }
     /* line 663, ../sass/app.scss */
     /* line 669, ../sass/app.scss */
     #vm-connect .ssh span {
       padding: 10px 30px;
       background: #ff7bac;
       color: white;
+    }
     /* line 669, ../sass/app.scss */
     /* line 675, ../sass/app.scss */
     #vm-connect a:hover {
       color: #ff7bac;
+    }
     /* line 672, ../sass/app.scss */
     /* line 678, ../sass/app.scss */
     .editable {
       text-align: center;
+    }
     /* line 674, ../sass/app.scss */
     /* line 680, ../sass/app.scss */
     .editable input, .editable em {
       width: 70%;
       padding: 5px 10px;
-...
       margin: 0 auto;
       font-size: inherit;
+    }
     /* line 682, ../sass/app.scss */
     /* line 688, ../sass/app.scss */
     .editable input {
       display: none;
+    }
     /* line 685, ../sass/app.scss */
     /* line 691, ../sass/app.scss */
     .editable em {
       overflow: hidden;
       white-space: nowrap;

     								</div>
     							</div>
     							<div class="img-wrap">
     								<div class="img stopped">
     								<div class="img running">
     									VM running
     									<span class="os windows">windows</span>
     								</div>
-...
     							<p class="visible-info">
     								<span><em>IPv4 83.212.97.127</em></span>
     								<span class="title"><em>cool title</em></span>
     								<span class="title"><em>my awsome machine my awsome machine</em></span>
     							</p>
     							<a href="" class="check"><span class="custom_checkbox">a</span>		</a>
     							<a href="" class="check"><span class="custom_checkbox">a</span></a>
     						</div>
     					</li>
-...
     								</div>
     							</div>
     							<div class="img-wrap">
     								<div class="img stopped">
     									VM running
     									<span class="os fedora">fedora</span>
     								</div>
     							</div>
     							<p class="visible-info">
     								<span><em>IPv4 83.212.97.127</em></span>
     								<span class="title"><em>my awsome machine my awsome machine</em></span>
     							</p>
     							<a href="" class="check"><span class="custom_checkbox">a</span></a>
     						</div>
     					</li>
     					<li>
     						<div class="container">
     							<div class="options">
     								<div class="wrap">
     									<a href="vm_details_v1.html">details</a>
     									<a href="#" data-reveal-id="vm-connect" class="connect">connect</a>
     								</div>
     							</div>
     							<div class="img-wrap">
     								<div class="img running">
     									VM running
     									<span class="os">unknown</span>
     								</div>
     							</div>
     							<p class="visible-info">
     								<span><em>IPv4 83.212.97.127</em></span>
     								<span class="title"><em>heavy machinery</em></span>
     							</p>
     							<a href="" class="check"><span class="custom_checkbox">a</span></a>
     						</div>
     					</li>
     					<li>
     						<div class="container">
     							<div class="options">
     								<div class="wrap">
     									<a href="vm_details_v1.html">details</a>
     									<a href="#" data-reveal-id="vm-connect" class="connect">connect</a>
     								</div>
     							</div>
     							<div class="img-wrap">
     								<div class="img running">
     									VM running
     									<span class="os windows">windows</span>
-...
     							<p class="visible-info">
     								<span><em>IPv4 83.212.97.127</em></span>
     								<span class="title"><em>kickass machine</em></span>
     								<span class="title"><em>cool title</em></span>
     							</p>
     							<a href="" class="check"><span class="custom_checkbox">a</span>		</a>
     							<a href="" class="check"><span class="custom_checkbox">a</span></a>
     						</div>
     					</li>

Also available in: Unified diff