Revision 656c135b
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/common.js | ||
|---|---|---|
| 33 | 33 |
var h1= WindowHeight - $('.header').outerHeight();
|
| 34 | 34 |
var h2= $('.main').outerHeight();
|
| 35 | 35 |
$('.lt-sidebar').height((h2>h1) ? h2 : h1);
|
| 36 |
$('.lt-bar').height((h2>h1) ? h2 : h1);
|
|
| 36 | 37 |
} |
| 37 | 38 |
|
| 38 | 39 |
|
| ... | ... | |
| 65 | 66 |
} |
| 66 | 67 |
} |
| 67 | 68 |
|
| 68 |
ui.entitiesActionsInit = function(){
|
|
| 69 |
|
|
| 70 |
// TODO: refactor this |
|
| 71 |
$('.entities a').click(function(){
|
|
| 72 |
if ($(this).attr('data-reveal-id')) {
|
|
| 73 |
$('.entities li .more').hide();
|
|
| 74 |
} |
|
| 75 |
}) |
|
| 76 |
|
|
| 77 |
if ($('.entities .items-list >li').length == 1) {
|
|
| 78 |
$('.overlay-wrapper').addClass('no-vm');
|
|
| 79 |
} |
|
| 80 |
$('.entities li .more').each(function(){
|
|
| 81 |
var width = $(this).parent('li').outerWidth() + 20;
|
|
| 82 |
$(this).css('width', width);
|
|
| 83 |
}) |
|
| 84 |
$('.entities li .img-wrap').mouseenter(function(e) {
|
|
| 85 |
var that = this; |
|
| 86 |
setTimeout(function(){
|
|
| 87 |
if ($(that).closest('.container').siblings('.more').length>0) {
|
|
| 88 |
$(that).closest('.container').fadeOut(100,'easeInCirc');
|
|
| 89 |
$(that).closest('.container').siblings('.more').fadeIn(300,'easeInCirc');
|
|
| 90 |
} |
|
| 91 |
},50); |
|
| 92 |
}); |
|
| 93 |
$('.entities li .more').mouseleave(function(e) {
|
|
| 94 |
$(this).fadeOut(200, function() {
|
|
| 95 |
$(this).siblings('.container').fadeIn('fast');
|
|
| 96 |
}); |
|
| 97 |
}); |
|
| 98 |
$('.entities .items-list > li').mouseleave(function(e){
|
|
| 99 |
var that = this; |
|
| 100 |
setTimeout(function(){
|
|
| 101 |
$(that).find('.more').fadeOut(200, function() {
|
|
| 102 |
$(this).siblings('.container').fadeIn('fast');
|
|
| 103 |
}); |
|
| 104 |
},100) |
|
| 105 |
}); |
|
| 106 |
} |
|
| 107 |
|
|
| 108 | 69 |
/* |
| 109 | 70 |
* In order for the editable value functionality to work, the html markup |
| 110 | 71 |
* should be: |
| ... | ... | |
| 231 | 192 |
/* |
| 232 | 193 |
* functions concerning checkboxes and radiobuttons links |
| 233 | 194 |
*/ |
| 195 |
|
|
| 234 | 196 |
ui.changeCheckboxState =function(checkbox_link) {
|
| 235 | 197 |
$(checkbox_link).find('.snf-checkbox-unchecked, .snf-checkbox-checked').toggleClass('snf-checkbox-unchecked snf-checkbox-checked');
|
| 236 | 198 |
} |
| ... | ... | |
| 263 | 225 |
|
| 264 | 226 |
$(document).ready(function(){
|
| 265 | 227 |
|
| 266 |
|
|
| 228 |
ui.setSidebarHeight(); |
|
| 267 | 229 |
$('#hd-search .hd-icon-search').click(function(e){
|
| 268 | 230 |
var that = this; |
| 269 | 231 |
$(this).parents('.hd-search').toggleClass('hd-open');
|
| ... | ... | |
| 274 | 236 |
} |
| 275 | 237 |
}) |
| 276 | 238 |
|
| 239 |
$('.entities a').click(function(){
|
|
| 240 |
if ($(this).attr('data-reveal-id')) {
|
|
| 241 |
$('.entities li .more').hide();
|
|
| 242 |
} |
|
| 243 |
}); |
|
| 244 |
|
|
| 245 |
if ($('.entities .items-list >li').length == 1) {
|
|
| 246 |
$('.overlay-wrapper').addClass('no-vm');
|
|
| 247 |
}; |
|
| 248 |
$('.entities li .more').each(function(){
|
|
| 249 |
var width = $(this).parent('li').outerWidth() + 20;
|
|
| 250 |
$(this).css('width', width);
|
|
| 251 |
}); |
|
| 252 |
|
|
| 253 |
$('.items-list li .img-wrap').on("mouseenter", function(e) {
|
|
| 254 |
var that = this; |
|
| 255 |
if ($(this).parents('.entities').hasClass('grid-view')) {
|
|
| 256 |
if ($(that).parent('.container').siblings('.more').length>0) {
|
|
| 257 |
$(that).parent('.container').fadeOut(50,'easeInCirc');
|
|
| 258 |
$(that).parent('.container').siblings('.more').fadeIn(150,'easeInCirc');
|
|
| 259 |
} |
|
| 260 |
} |
|
| 261 |
}); |
|
| 262 |
$('.entities li .more').mouseleave(function(e) {
|
|
| 263 |
$(this).fadeOut(50, function() {
|
|
| 264 |
$(this).siblings('.container').fadeIn(50);
|
|
| 265 |
}); |
|
| 266 |
}); |
|
| 267 |
$('.grid-view .items-list > li').mouseleave(function(e){
|
|
| 268 |
var that = this; |
|
| 269 |
setTimeout(function(){
|
|
| 270 |
$(that).find('.more').fadeOut(200, function() {
|
|
| 271 |
$(this).siblings('.container').fadeIn('fast');
|
|
| 272 |
}); |
|
| 273 |
},50) |
|
| 274 |
}); |
|
| 277 | 275 |
|
| 278 |
ui.setSidebarHeight(); |
|
| 279 | 276 |
ui.closeDiv($('.info .close'), '.info');
|
| 280 | 277 |
ui.editable(); |
| 281 | 278 |
ui.overlay(); |
| ... | ... | |
| 314 | 311 |
} |
| 315 | 312 |
}) |
| 316 | 313 |
|
| 317 |
ui.entitiesActionsInit(); |
|
| 318 |
|
|
| 319 | 314 |
$('.new-btn a.current').click(function(e){
|
| 320 | 315 |
e.preventDefault(); |
| 321 | 316 |
}) |
| ... | ... | |
| 390 | 385 |
e.preventDefault(); |
| 391 | 386 |
$('.view-type .grid span').removeClass('current');
|
| 392 | 387 |
$(this).find('span').addClass('current');
|
| 393 |
$('.items-list').removeClass('small-block-grid-2 large-block-grid-3');
|
|
| 394 |
$('.items-list').addClass('list-view');
|
|
| 388 |
$('.entities').removeClass('grid-view');
|
|
| 389 |
$('.entities').addClass('list-view');
|
|
| 395 | 390 |
}); |
| 396 | 391 |
|
| 397 | 392 |
$('.view-type .grid').click(function(e){
|
| 398 | 393 |
e.preventDefault(); |
| 399 | 394 |
$('.view-type .list span').removeClass('current');
|
| 400 | 395 |
$(this).find('span').addClass('current');
|
| 401 |
$('.items-list').addClass('small-block-grid-2 large-block-grid-3');
|
|
| 402 |
$('.items-list').removeClass('list-view');
|
|
| 396 |
$('.entities').addClass('grid-view');
|
|
| 397 |
$('.entities').removeClass('list-view');
|
|
| 403 | 398 |
}); |
| 404 | 399 |
|
| 400 |
$('.lt-bar .select').click(function(e){
|
|
| 401 |
$(this).find('span').toggleClass('snf-checkbox-checked snf-checkbox-unchecked');
|
|
| 402 |
$(this).find('em').toggle();
|
|
| 403 |
if ( $(this).find('span').hasClass('snf-checkbox-unchecked')){
|
|
| 404 |
$('.list-view li .check span').removeClass('snf-checkbox-checked');
|
|
| 405 |
$('.list-view li .check span').addClass('snf-checkbox-unchecked');
|
|
| 406 |
} else {
|
|
| 407 |
$('.list-view li .check span').addClass('snf-checkbox-checked');
|
|
| 408 |
$('.list-view li .check span').removeClass('snf-checkbox-unchecked');
|
|
| 409 |
} |
|
| 410 |
}); |
|
| 411 |
|
|
| 405 | 412 |
// set filter visible |
| 406 | 413 |
$('.filter-menu .filter').click(function(e) {
|
| 407 | 414 |
e.preventDefault(); |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/foundation/foundation.tooltips.js | ||
|---|---|---|
| 12 | 12 |
selector : '.has-tip', |
| 13 | 13 |
additionalInheritableClasses : [], |
| 14 | 14 |
tooltipClass : '.tooltip', |
| 15 |
posBottom: 10, |
|
| 15 | 16 |
tipTemplate : function (selector, content) {
|
| 16 | 17 |
return '<span data-selector="' + selector + '" class="' |
| 17 | 18 |
+ Foundation.libs.tooltips.settings.tooltipClass.substring(1) |
| ... | ... | |
| 111 | 112 |
|
| 112 | 113 |
reposition : function (target, tip, classes) {
|
| 113 | 114 |
var width, nub, nubHeight, nubWidth, column, objPos; |
| 115 |
var self = this; |
|
| 114 | 116 |
|
| 115 | 117 |
tip.css('visibility', 'hidden').show();
|
| 116 | 118 |
|
| ... | ... | |
| 129 | 131 |
}).end(); |
| 130 | 132 |
}; |
| 131 | 133 |
|
| 132 |
objPos(tip, (target.offset().top + this.outerHeight(target) + 10), 'auto', 'auto', target.offset().left, width);
|
|
| 134 |
objPos(tip, (target.offset().top + this.outerHeight(target) + self.settings.posBottom), 'auto', 'auto', target.offset().left, width);
|
|
| 133 | 135 |
|
| 134 | 136 |
if ($(window).width() < 767) {
|
| 135 |
objPos(tip, (target.offset().top + this.outerHeight(target) + 10), 'auto', 'auto', 12.5, $(this.scope).width());
|
|
| 137 |
objPos(tip, (target.offset().top + this.outerHeight(target) + self.settings.posBottom), 'auto', 'auto', 12.5, $(this.scope).width());
|
|
| 136 | 138 |
tip.addClass('tip-override');
|
| 137 | 139 |
objPos(nub, -nubHeight, 'auto', 'auto', target.offset().left); |
| 138 | 140 |
} else {
|
| 139 |
objPos(tip, (target.offset().top + this.outerHeight(target) + 10), 'auto', 'auto', target.offset().left, width);
|
|
| 141 |
objPos(tip, (target.offset().top + this.outerHeight(target) + self.settings.posBottom), 'auto', 'auto', target.offset().left, width);
|
|
| 140 | 142 |
tip.removeClass('tip-override');
|
| 141 | 143 |
if (classes && classes.indexOf('tip-top') > -1) {
|
| 142 | 144 |
objPos(tip, (target.offset().top - this.outerHeight(tip)), 'auto', 'auto', target.offset().left, width) |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_common.scss | ||
|---|---|---|
| 269 | 269 |
} |
| 270 | 270 |
|
| 271 | 271 |
.main {
|
| 272 |
padding:0 10px;
|
|
| 272 |
padding:0 $main-padding-horizontal;
|
|
| 273 | 273 |
} |
| 274 | 274 |
|
| 275 | 275 |
/* Header ----------------------------------------------- */ |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_items-list.scss | ||
|---|---|---|
| 1 | 1 |
/* List view for VMs, networks */ |
| 2 |
.entities {
|
|
| 3 |
position:relative; |
|
| 4 |
} |
|
| 2 | 5 |
|
| 3 |
.items-list {
|
|
| 4 |
@include block-grid(2, 0, true); |
|
| 5 |
padding-left:1px; |
|
| 6 |
@media #{$small} {
|
|
| 7 |
@include block-grid(4, 0, true); |
|
| 6 |
.grid-view {
|
|
| 7 |
.lt-bar {
|
|
| 8 |
display: none; |
|
| 9 |
} |
|
| 10 |
.items-list {
|
|
| 11 |
@include block-grid(2, 0, true); |
|
| 8 | 12 |
padding-left:1px; |
| 9 |
}; |
|
| 10 |
background:url(../images/dashed_atom.png) repeat-y left center; |
|
| 13 |
@media #{$small} {
|
|
| 14 |
@include block-grid(4, 0, true); |
|
| 15 |
padding-left:1px; |
|
| 16 |
}; |
|
| 17 |
background:url(../images/dashed_atom.png) repeat-y left center; |
|
| 11 | 18 |
|
| 19 |
&>li {
|
|
| 20 |
height:215px; |
|
| 21 |
.check {
|
|
| 22 |
display: none; |
|
| 23 |
} |
|
| 24 |
.info {
|
|
| 25 |
display: none; |
|
| 26 |
} |
|
| 27 |
.img-wrap {
|
|
| 28 |
margin-bottom: 16px; |
|
| 29 |
height:60px; |
|
| 30 |
} |
|
| 31 |
.container {
|
|
| 32 |
height:160px; |
|
| 33 |
margin: 16px 20px 20px; |
|
| 34 |
position: relative; |
|
| 35 |
line-height:120%; |
|
| 36 |
.tags {
|
|
| 37 |
width: 100%; |
|
| 38 |
min-height: 12px; |
|
| 39 |
position: absolute; |
|
| 40 |
bottom: 6px; |
|
| 41 |
} |
|
| 42 |
} |
|
| 43 |
} |
|
| 44 |
} |
|
| 45 |
} |
|
| 46 |
.items-list {
|
|
| 12 | 47 |
&>li {
|
| 13 | 48 |
text-align:center; |
| 14 | 49 |
padding:20px; |
| ... | ... | |
| 17 | 52 |
background:url(../images/dashed-bg-corner.png) no-repeat right bottom; |
| 18 | 53 |
height: 215px; |
| 19 | 54 |
.img-wrap {
|
| 20 |
margin-bottom: 16px; |
|
| 21 | 55 |
position: relative; |
| 22 |
height:60px; |
|
| 23 | 56 |
display: inline-block; |
| 24 | 57 |
overflow: hidden; |
| 25 | 58 |
} |
| 26 |
.container {
|
|
| 27 |
height:160px; |
|
| 28 |
margin: 16px 20px 20px; |
|
| 29 |
position: relative; |
|
| 30 |
line-height:120%; |
|
| 31 |
.tags {
|
|
| 32 |
width: 100%; |
|
| 33 |
min-height: 12px; |
|
| 34 |
position: absolute; |
|
| 35 |
bottom: 6px; |
|
| 59 |
.status {
|
|
| 60 |
font-size: emCalc(12px); |
|
| 61 |
a {
|
|
| 62 |
color: $secondary-color; |
|
| 36 | 63 |
} |
| 37 |
.status {
|
|
| 38 |
font-size: emCalc(12px); |
|
| 39 |
a {
|
|
| 40 |
color: $secondary-color; |
|
| 41 |
} |
|
| 42 |
span {
|
|
| 43 |
color: $secondary-color; |
|
| 44 |
display: block; |
|
| 45 |
} |
|
| 64 |
span {
|
|
| 65 |
color: $secondary-color; |
|
| 66 |
display: block; |
|
| 46 | 67 |
} |
| 47 | 68 |
} |
| 48 | 69 |
.more {
|
| ... | ... | |
| 54 | 75 |
z-index:101; |
| 55 | 76 |
position: absolute; |
| 56 | 77 |
@include clearfix; |
| 57 |
@include box-shadow(-5px 5px 5px #ccc);
|
|
| 78 |
@include box-shadow(0 0 10px #ccc);
|
|
| 58 | 79 |
.col {
|
| 59 | 80 |
width: 50%; |
| 60 | 81 |
float: left; |
| ... | ... | |
| 73 | 94 |
width:100%; |
| 74 | 95 |
padding: 5px 5px 5px 30px; |
| 75 | 96 |
&:hover {
|
| 76 |
background-color: $secondary-color; |
|
| 77 |
color: #fff;
|
|
| 97 |
//background-color: $secondary-color;
|
|
| 98 |
color: $secondary-color;
|
|
| 78 | 99 |
} |
| 79 | 100 |
} |
| 80 | 101 |
} |
| ... | ... | |
| 111 | 132 |
height: 30px; |
| 112 | 133 |
font-weight: normal; |
| 113 | 134 |
} |
| 114 |
&[data-status="add-new"] {
|
|
| 135 |
&.add-new {
|
|
| 115 | 136 |
background-color: $secondary-color; |
| 116 | 137 |
@include transition(background-color, 300ms, linear); |
| 117 | 138 |
.container {
|
| ... | ... | |
| 144 | 165 |
} |
| 145 | 166 |
} |
| 146 | 167 |
} |
| 147 |
&.list-view {
|
|
| 148 |
li {
|
|
| 168 |
} |
|
| 169 |
|
|
| 170 |
.list-view {
|
|
| 171 |
.btn5 {
|
|
| 172 |
display: none; |
|
| 173 |
} |
|
| 174 |
.lt-bar {
|
|
| 175 |
position: fixed; |
|
| 176 |
width: $lt-bar-width; |
|
| 177 |
left:50%; |
|
| 178 |
top:$header-height + $bar-height; |
|
| 179 |
padding:8px 10px; |
|
| 180 |
margin-left:-($row-width - 2*$main-padding-horizontal)/2; |
|
| 181 |
@include box-shadow(3px -2px 8px #ccc); |
|
| 182 |
background:#fff; |
|
| 183 |
a {
|
|
| 184 |
color:$overlay-color; |
|
| 185 |
&:hover{
|
|
| 186 |
color:$secondary-color; |
|
| 187 |
} |
|
| 188 |
} |
|
| 189 |
ul {
|
|
| 190 |
list-style: none outside none; |
|
| 191 |
font-size:emCalc(12px); |
|
| 192 |
li {
|
|
| 193 |
list-style: none outside none; |
|
| 194 |
padding:12px 0 ; |
|
| 195 |
&.select {
|
|
| 196 |
span {
|
|
| 197 |
font-size: 16px; |
|
| 198 |
margin-right: 5px; |
|
| 199 |
position: relative; |
|
| 200 |
top: 2px; |
|
| 201 |
&.snf-checkbox-checked {
|
|
| 202 |
color:$secondary-color; |
|
| 203 |
} |
|
| 204 |
} |
|
| 205 |
em {
|
|
| 206 |
display: none; |
|
| 207 |
font-style: normal; |
|
| 208 |
} |
|
| 209 |
&:hover {
|
|
| 210 |
cursor: pointer; |
|
| 211 |
} |
|
| 212 |
} |
|
| 213 |
} |
|
| 214 |
} |
|
| 215 |
} |
|
| 216 |
.items-list {
|
|
| 217 |
$check-w : 60px; |
|
| 218 |
$img-wrap-w : 70px; |
|
| 219 |
$h4-w :40%; |
|
| 220 |
$tags-w :8%; |
|
| 221 |
$info-w: 30%; |
|
| 222 |
overflow:hidden; |
|
| 223 |
& >li {
|
|
| 224 |
@extend .clearfix; |
|
| 225 |
height:auto; |
|
| 149 | 226 |
width:100%; |
| 227 |
padding:15px 15px 15px $lt-bar-width; |
|
| 228 |
background-image: none; |
|
| 229 |
&:hover{
|
|
| 230 |
background-color:lighten($primary-color,30%); |
|
| 231 |
} |
|
| 232 |
.check {
|
|
| 233 |
width:$check-w; |
|
| 234 |
text-align: center; |
|
| 235 |
float:left; |
|
| 236 |
&:hover {
|
|
| 237 |
cursor: pointer; |
|
| 238 |
color:$secondary-color; |
|
| 239 |
} |
|
| 240 |
} |
|
| 241 |
.img-wrap {
|
|
| 242 |
width:$img-wrap-w; |
|
| 243 |
float:left; |
|
| 244 |
text-align: center; |
|
| 245 |
height: $list-vm-height; |
|
| 246 |
.os {
|
|
| 247 |
@include sprite('../images/os-unknown.png', 16px, 16px);
|
|
| 248 |
background-size:100%; |
|
| 249 |
position: absolute; |
|
| 250 |
display: block; |
|
| 251 |
text-align: center; |
|
| 252 |
line-height:18px; |
|
| 253 |
left:50%; |
|
| 254 |
margin-left:-8px; |
|
| 255 |
top:3px; |
|
| 256 |
} |
|
| 257 |
.snf-PC_fill {
|
|
| 258 |
font-size: $list-vm-height; |
|
| 259 |
} |
|
| 260 |
} |
|
| 261 |
h4 {
|
|
| 262 |
width:$h4-w |
|
| 263 |
; |
|
| 264 |
float:left; |
|
| 265 |
text-align: left; |
|
| 266 |
height:20px; |
|
| 267 |
} |
|
| 268 |
.tags {
|
|
| 269 |
float:left; |
|
| 270 |
width:$tags-w; |
|
| 271 |
min-height: 1px; |
|
| 272 |
height:$list-vm-height; |
|
| 273 |
line-height: $list-vm-height; |
|
| 274 |
a {
|
|
| 275 |
vertical-align: text-top; |
|
| 276 |
} |
|
| 277 |
} |
|
| 278 |
.status {
|
|
| 279 |
position: absolute; |
|
| 280 |
left: $img-wrap-w+$check-w + $lt-bar-width; |
|
| 281 |
text-align: left; |
|
| 282 |
top:30px; |
|
| 283 |
width:$h4-w; |
|
| 284 |
span {
|
|
| 285 |
display: inline; |
|
| 286 |
} |
|
| 287 |
} |
|
| 288 |
.info {
|
|
| 289 |
float: left; |
|
| 290 |
width: $info-w; |
|
| 291 |
font-size: emCalc(12px); |
|
| 292 |
color:$overlay-color; |
|
| 293 |
a {
|
|
| 294 |
color: $overlay-color; |
|
| 295 |
&:hover {
|
|
| 296 |
color:$secondary-color; |
|
| 297 |
} |
|
| 298 |
} |
|
| 299 |
} |
|
| 300 |
&.add-new {
|
|
| 301 |
height: $bar-height; |
|
| 302 |
line-height: $bar-height; |
|
| 303 |
padding:0 0 0 $lt-bar-width; |
|
| 304 |
&:hover {
|
|
| 305 |
background: $overlay-color; |
|
| 306 |
} |
|
| 307 |
.check {
|
|
| 308 |
visibility: hidden; |
|
| 309 |
} |
|
| 310 |
.img-wrap {
|
|
| 311 |
margin: 0; |
|
| 312 |
height:$bar-height; |
|
| 313 |
line-height: $bar-height; |
|
| 314 |
.symbol {
|
|
| 315 |
font-size:emCalc(16px); |
|
| 316 |
position: absolute; |
|
| 317 |
left:0; |
|
| 318 |
top:-3px; |
|
| 319 |
width: 100%; |
|
| 320 |
height: 100%; |
|
| 321 |
margin: 0 auto; |
|
| 322 |
} |
|
| 323 |
span {
|
|
| 324 |
font-size:20px; |
|
| 325 |
line-height: 30px; |
|
| 326 |
} |
|
| 327 |
} |
|
| 328 |
h4 {
|
|
| 329 |
height:auto; |
|
| 330 |
line-height: $bar-height; |
|
| 331 |
margin:0; |
|
| 332 |
} |
|
| 333 |
} |
|
| 334 |
&[data-status="building"] {
|
|
| 335 |
.img-wrap {
|
|
| 336 |
.incomplete {
|
|
| 337 |
width:$list-vm-height; |
|
| 338 |
margin:0 auto; |
|
| 339 |
} |
|
| 340 |
.complete {
|
|
| 341 |
top:-$list-vm-height; |
|
| 342 |
margin:0 auto; |
|
| 343 |
} |
|
| 344 |
} |
|
| 345 |
} |
|
| 150 | 346 |
} |
| 151 | 347 |
} |
| 152 | 348 |
} |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_machines.scss | ||
|---|---|---|
| 1 | 1 |
/* Machines (VMs) related styles */ |
| 2 | 2 |
|
| 3 |
.build-progress {
|
|
| 3 |
.grid-view .build-progress {
|
|
| 4 | 4 |
animation: |
| 5 | 5 |
progress_animation 5s infinite, |
| 6 | 6 |
pulse 1s infinite; |
| ... | ... | |
| 9 | 9 |
pulse 1s infinite; |
| 10 | 10 |
} |
| 11 | 11 |
|
| 12 |
.list-view .build-progress {
|
|
| 13 |
animation: |
|
| 14 |
progress_animation_list 5s infinite, |
|
| 15 |
pulse 1s infinite; |
|
| 16 |
-webkit-animation: |
|
| 17 |
progress_animation_list 5s infinite, |
|
| 18 |
pulse 1s infinite; |
|
| 19 |
} |
|
| 20 |
|
|
| 12 | 21 |
@include keyframes( progress_animation) {
|
| 13 | 22 |
from {
|
| 14 | 23 |
width: 0% |
| ... | ... | |
| 18 | 27 |
} |
| 19 | 28 |
} |
| 20 | 29 |
|
| 30 |
@include keyframes( progress_animation_list) {
|
|
| 31 |
from {
|
|
| 32 |
width: 0% |
|
| 33 |
} |
|
| 34 |
to {
|
|
| 35 |
width: $list-vm-height; |
|
| 36 |
} |
|
| 37 |
} |
|
| 38 |
|
|
| 21 | 39 |
@include keyframes( pulse) {
|
| 22 | 40 |
from {
|
| 23 | 41 |
color: $secondary-color |
| ... | ... | |
| 36 | 54 |
opacity:0.8; |
| 37 | 55 |
} |
| 38 | 56 |
} |
| 39 |
&:hover {
|
|
| 40 |
.snf-PC_fill {
|
|
| 41 |
color: darken($vm-active-color,10%); |
|
| 42 |
} |
|
| 43 |
} |
|
| 44 | 57 |
.snf-PC_fill {
|
| 45 | 58 |
font-size: 60px; |
| 46 | 59 |
color: $vm-active-color; |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_settings.scss | ||
|---|---|---|
| 71 | 71 |
// $global-rounded: 1000px; |
| 72 | 72 |
|
| 73 | 73 |
// header settings |
| 74 |
$header-height:80px; |
|
| 75 |
$header-height-responsive:120px; |
|
| 76 |
$header-padding-vertical:20px; |
|
| 77 |
$header-padding-horizontal:15px; |
|
| 74 |
$header-height: 80px;
|
|
| 75 |
$header-height-responsive: 120px;
|
|
| 76 |
$header-padding-vertical: 20px;
|
|
| 77 |
$header-padding-horizontal: 15px;
|
|
| 78 | 78 |
|
| 79 | 79 |
// icons nav settings |
| 80 |
$icons-nav-margin-horizontal :10px; |
|
| 80 |
$icons-nav-margin-horizontal : 10px;
|
|
| 81 | 81 |
|
| 82 | 82 |
// bar options |
| 83 |
$bar-height:30px; |
|
| 84 |
$bar-menu-height:50px; |
|
| 85 |
$bar-submenu-height:40px; |
|
| 83 |
$bar-height: 30px;
|
|
| 84 |
$bar-menu-height: 50px;
|
|
| 85 |
$bar-submenu-height: 40px;
|
|
| 86 | 86 |
|
| 87 | 87 |
// button options |
| 88 |
$btn-height:30px; |
|
| 88 |
$btn-height: 30px; |
|
| 89 |
|
|
| 90 |
// list-view |
|
| 91 |
$lt-bar-width: 110px; |
|
| 92 |
$list-vm-height: 34px; |
|
| 89 | 93 |
|
| 90 | 94 |
|
| 91 | 95 |
// We use these to control inset shadow shiny edges and depressions. |
| ... | ... | |
| 119 | 123 |
$row-full-width:100%; |
| 120 | 124 |
$row-width: emCalc(960px); |
| 121 | 125 |
$row-small: emCalc(580px); |
| 126 |
$main-padding-horizontal: emCalc(10px); |
|
| 122 | 127 |
|
| 123 | 128 |
$conf-area-h-width: emCalc(300px); |
| 124 | 129 |
|
| ... | ... | |
| 1011 | 1016 |
$has-tip-cursor-type: inherit; |
| 1012 | 1017 |
|
| 1013 | 1018 |
$tooltip-padding: emCalc(2px) emCalc(12px); |
| 1014 |
$tooltip-bg: $primary-color;
|
|
| 1019 |
$tooltip-bg: #cecece;
|
|
| 1015 | 1020 |
$tooltip-font-size: emCalc(12px); |
| 1016 | 1021 |
$tooltip-font-weight: normal; |
| 1017 |
$tooltip-font-color: #fff;
|
|
| 1022 |
$tooltip-font-color: $black;
|
|
| 1018 | 1023 |
// $tooltip-line-height: 1.3; |
| 1019 | 1024 |
// $tooltip-close-font-size: emCalc(10px); |
| 1020 | 1025 |
// $tooltip-close-font-weight: normal; |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css | ||
|---|---|---|
| 6596 | 6596 |
max-width: 85%; |
| 6597 | 6597 |
left: 50%; |
| 6598 | 6598 |
width: 100%; |
| 6599 |
color: white;
|
|
| 6600 |
background: #919194;
|
|
| 6599 |
color: #1a1a1a;
|
|
| 6600 |
background: #cecece;
|
|
| 6601 | 6601 |
-webkit-border-radius: 7px; |
| 6602 | 6602 |
border-radius: 7px; |
| 6603 | 6603 |
} |
| ... | ... | |
| 6609 | 6609 |
width: 0; |
| 6610 | 6610 |
height: 0; |
| 6611 | 6611 |
border: solid 0; |
| 6612 |
border-color: transparent transparent #919194 transparent;
|
|
| 6612 |
border-color: transparent transparent #cecece transparent;
|
|
| 6613 | 6613 |
top: 0; |
| 6614 | 6614 |
} |
| 6615 | 6615 |
/* line 71, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_tooltips.scss */ |
| ... | ... | |
| 6629 | 6629 |
@media only screen and (min-width: 768px) {
|
| 6630 | 6630 |
/* line 86, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_tooltips.scss */ |
| 6631 | 6631 |
.tooltip > .nub {
|
| 6632 |
border-color: transparent transparent #919194 transparent;
|
|
| 6632 |
border-color: transparent transparent #cecece transparent;
|
|
| 6633 | 6633 |
top: 0; |
| 6634 | 6634 |
} |
| 6635 | 6635 |
/* line 90, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_tooltips.scss */ |
| 6636 | 6636 |
.tooltip.tip-top > .nub {
|
| 6637 |
border-color: #919194 transparent transparent transparent;
|
|
| 6637 |
border-color: #cecece transparent transparent transparent;
|
|
| 6638 | 6638 |
top: auto; |
| 6639 | 6639 |
bottom: 0; |
| 6640 | 6640 |
} |
| ... | ... | |
| 6644 | 6644 |
} |
| 6645 | 6645 |
/* line 99, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_tooltips.scss */ |
| 6646 | 6646 |
.tooltip.tip-left > .nub {
|
| 6647 |
border-color: transparent transparent transparent #919194;
|
|
| 6647 |
border-color: transparent transparent transparent #cecece;
|
|
| 6648 | 6648 |
right: 0; |
| 6649 | 6649 |
left: auto; |
| 6650 | 6650 |
top: 50%; |
| ... | ... | |
| 6652 | 6652 |
} |
| 6653 | 6653 |
/* line 106, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_tooltips.scss */ |
| 6654 | 6654 |
.tooltip.tip-right > .nub {
|
| 6655 |
border-color: transparent #919194 transparent transparent;
|
|
| 6655 |
border-color: transparent #cecece transparent transparent;
|
|
| 6656 | 6656 |
right: auto; |
| 6657 | 6657 |
left: 0; |
| 6658 | 6658 |
top: 50%; |
| ... | ... | |
| 6803 | 6803 |
*/ |
| 6804 | 6804 |
/* Clearfix -------------------------------------------- */ |
| 6805 | 6805 |
/* line 18, ../sass/_common.scss */ |
| 6806 |
.clearfix, .storage .files li, .wizard .middle .step .os li, .wizard .middle .step .os li .details dl, .wizard .middle .step .flavor li .title, .wizard .middle .step .flavor li .options-bar {
|
|
| 6806 |
.clearfix, .list-view .items-list > li, .storage .files li, .wizard .middle .step .os li, .wizard .middle .step .os li .details dl, .wizard .middle .step .flavor li .title, .wizard .middle .step .flavor li .options-bar {
|
|
| 6807 | 6807 |
zoom: 1; |
| 6808 | 6808 |
} |
| 6809 | 6809 |
/* line 20, ../sass/_common.scss */ |
| 6810 |
.clearfix:before, .storage .files li:before, .wizard .middle .step .os li:before, .wizard .middle .step .os li .details dl:before, .wizard .middle .step .flavor li .title:before, .wizard .middle .step .flavor li .options-bar:before, .clearfix:after, .storage .files li:after, .wizard .middle .step .os li:after, .wizard .middle .step .os li .details dl:after, .wizard .middle .step .flavor li .title:after, .wizard .middle .step .flavor li .options-bar:after {
|
|
| 6810 |
.clearfix:before, .list-view .items-list > li:before, .storage .files li:before, .wizard .middle .step .os li:before, .wizard .middle .step .os li .details dl:before, .wizard .middle .step .flavor li .title:before, .wizard .middle .step .flavor li .options-bar:before, .clearfix:after, .list-view .items-list > li:after, .storage .files li:after, .wizard .middle .step .os li:after, .wizard .middle .step .os li .details dl:after, .wizard .middle .step .flavor li .title:after, .wizard .middle .step .flavor li .options-bar:after {
|
|
| 6811 | 6811 |
content: "\0020"; |
| 6812 | 6812 |
display: block; |
| 6813 | 6813 |
height: 0; |
| 6814 | 6814 |
overflow: hidden; |
| 6815 | 6815 |
} |
| 6816 | 6816 |
/* line 26, ../sass/_common.scss */ |
| 6817 |
.clearfix:after, .storage .files li:after, .wizard .middle .step .os li:after, .wizard .middle .step .os li .details dl:after, .wizard .middle .step .flavor li .title:after, .wizard .middle .step .flavor li .options-bar:after {
|
|
| 6817 |
.clearfix:after, .list-view .items-list > li:after, .storage .files li:after, .wizard .middle .step .os li:after, .wizard .middle .step .os li .details dl:after, .wizard .middle .step .flavor li .title:after, .wizard .middle .step .flavor li .options-bar:after {
|
|
| 6818 | 6818 |
clear: both; |
| 6819 | 6819 |
} |
| 6820 | 6820 |
|
| ... | ... | |
| 7025 | 7025 |
|
| 7026 | 7026 |
/* line 271, ../sass/_common.scss */ |
| 7027 | 7027 |
.main {
|
| 7028 |
padding: 0 10px;
|
|
| 7028 |
padding: 0 0.625em;
|
|
| 7029 | 7029 |
} |
| 7030 | 7030 |
|
| 7031 | 7031 |
/* Header ----------------------------------------------- */ |
| ... | ... | |
| 7425 | 7425 |
} |
| 7426 | 7426 |
} |
| 7427 | 7427 |
/* List view for VMs, networks */ |
| 7428 |
/* line 3, ../sass/_items-list.scss */ |
|
| 7429 |
.items-list {
|
|
| 7428 |
/* line 2, ../sass/_items-list.scss */ |
|
| 7429 |
.entities {
|
|
| 7430 |
position: relative; |
|
| 7431 |
} |
|
| 7432 |
|
|
| 7433 |
/* line 7, ../sass/_items-list.scss */ |
|
| 7434 |
.grid-view .lt-bar {
|
|
| 7435 |
display: none; |
|
| 7436 |
} |
|
| 7437 |
/* line 10, ../sass/_items-list.scss */ |
|
| 7438 |
.grid-view .items-list {
|
|
| 7430 | 7439 |
display: block; |
| 7431 | 7440 |
padding: 0; |
| 7432 | 7441 |
margin: 0 0; |
| ... | ... | |
| 7435 | 7444 |
background: url(../images/dashed_atom.png) repeat-y left center; |
| 7436 | 7445 |
} |
| 7437 | 7446 |
/* line 121, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_global.scss */ |
| 7438 |
.items-list:before, .items-list:after {
|
|
| 7447 |
.grid-view .items-list:before, .grid-view .items-list:after {
|
|
| 7439 | 7448 |
content: " "; |
| 7440 | 7449 |
display: table; |
| 7441 | 7450 |
} |
| 7442 | 7451 |
/* line 122, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_global.scss */ |
| 7443 |
.items-list:after {
|
|
| 7452 |
.grid-view .items-list:after {
|
|
| 7444 | 7453 |
clear: both; |
| 7445 | 7454 |
} |
| 7446 | 7455 |
/* line 27, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_block-grid.scss */ |
| 7447 |
.items-list > li {
|
|
| 7456 |
.grid-view .items-list > li {
|
|
| 7448 | 7457 |
display: inline; |
| 7449 | 7458 |
height: auto; |
| 7450 | 7459 |
float: left; |
| 7451 | 7460 |
padding: 0 0 0; |
| 7452 | 7461 |
} |
| 7453 | 7462 |
/* line 36, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_block-grid.scss */ |
| 7454 |
.items-list > li {
|
|
| 7463 |
.grid-view .items-list > li {
|
|
| 7455 | 7464 |
width: 50%; |
| 7456 | 7465 |
padding: 0 0 0; |
| 7457 | 7466 |
} |
| 7458 | 7467 |
/* line 40, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_block-grid.scss */ |
| 7459 |
.items-list > li:nth-of-type(n) {
|
|
| 7468 |
.grid-view .items-list > li:nth-of-type(n) {
|
|
| 7460 | 7469 |
clear: none; |
| 7461 | 7470 |
} |
| 7462 | 7471 |
/* line 41, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_block-grid.scss */ |
| 7463 |
.items-list > li:nth-of-type(2n+1) {
|
|
| 7472 |
.grid-view .items-list > li:nth-of-type(2n+1) {
|
|
| 7464 | 7473 |
clear: both; |
| 7465 | 7474 |
} |
| 7466 | 7475 |
@media only screen and (min-width: 768px) {
|
| 7467 |
/* line 3, ../sass/_items-list.scss */
|
|
| 7468 |
.items-list {
|
|
| 7476 |
/* line 10, ../sass/_items-list.scss */
|
|
| 7477 |
.grid-view .items-list {
|
|
| 7469 | 7478 |
display: block; |
| 7470 | 7479 |
padding: 0; |
| 7471 | 7480 |
margin: 0 0; |
| ... | ... | |
| 7473 | 7482 |
padding-left: 1px; |
| 7474 | 7483 |
} |
| 7475 | 7484 |
/* line 121, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_global.scss */ |
| 7476 |
.items-list:before, .items-list:after {
|
|
| 7485 |
.grid-view .items-list:before, .grid-view .items-list:after {
|
|
| 7477 | 7486 |
content: " "; |
| 7478 | 7487 |
display: table; |
| 7479 | 7488 |
} |
| 7480 | 7489 |
/* line 122, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_global.scss */ |
| 7481 |
.items-list:after {
|
|
| 7490 |
.grid-view .items-list:after {
|
|
| 7482 | 7491 |
clear: both; |
| 7483 | 7492 |
} |
| 7484 | 7493 |
/* line 27, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_block-grid.scss */ |
| 7485 |
.items-list > li {
|
|
| 7494 |
.grid-view .items-list > li {
|
|
| 7486 | 7495 |
display: inline; |
| 7487 | 7496 |
height: auto; |
| 7488 | 7497 |
float: left; |
| 7489 | 7498 |
padding: 0 0 0; |
| 7490 | 7499 |
} |
| 7491 | 7500 |
/* line 36, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_block-grid.scss */ |
| 7492 |
.items-list > li {
|
|
| 7501 |
.grid-view .items-list > li {
|
|
| 7493 | 7502 |
width: 25%; |
| 7494 | 7503 |
padding: 0 0 0; |
| 7495 | 7504 |
} |
| 7496 | 7505 |
/* line 40, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_block-grid.scss */ |
| 7497 |
.items-list > li:nth-of-type(n) {
|
|
| 7506 |
.grid-view .items-list > li:nth-of-type(n) {
|
|
| 7498 | 7507 |
clear: none; |
| 7499 | 7508 |
} |
| 7500 | 7509 |
/* line 41, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_block-grid.scss */ |
| 7501 |
.items-list > li:nth-of-type(4n+1) {
|
|
| 7510 |
.grid-view .items-list > li:nth-of-type(4n+1) {
|
|
| 7502 | 7511 |
clear: both; |
| 7503 | 7512 |
} |
| 7504 | 7513 |
} |
| 7505 |
/* line 12, ../sass/_items-list.scss */ |
|
| 7506 |
.items-list > li {
|
|
| 7507 |
text-align: center; |
|
| 7508 |
padding: 20px; |
|
| 7509 |
position: relative; |
|
| 7510 |
list-style: none; |
|
| 7511 |
background: url(../images/dashed-bg-corner.png) no-repeat right bottom; |
|
| 7514 |
/* line 19, ../sass/_items-list.scss */ |
|
| 7515 |
.grid-view .items-list > li {
|
|
| 7512 | 7516 |
height: 215px; |
| 7513 | 7517 |
} |
| 7514 |
/* line 19, ../sass/_items-list.scss */ |
|
| 7515 |
.items-list > li .img-wrap {
|
|
| 7518 |
/* line 21, ../sass/_items-list.scss */ |
|
| 7519 |
.grid-view .items-list > li .check {
|
|
| 7520 |
display: none; |
|
| 7521 |
} |
|
| 7522 |
/* line 24, ../sass/_items-list.scss */ |
|
| 7523 |
.grid-view .items-list > li .info {
|
|
| 7524 |
display: none; |
|
| 7525 |
} |
|
| 7526 |
/* line 27, ../sass/_items-list.scss */ |
|
| 7527 |
.grid-view .items-list > li .img-wrap {
|
|
| 7516 | 7528 |
margin-bottom: 16px; |
| 7517 |
position: relative; |
|
| 7518 | 7529 |
height: 60px; |
| 7519 |
display: inline-block; |
|
| 7520 |
overflow: hidden; |
|
| 7521 | 7530 |
} |
| 7522 |
/* line 26, ../sass/_items-list.scss */
|
|
| 7523 |
.items-list > li .container {
|
|
| 7531 |
/* line 31, ../sass/_items-list.scss */
|
|
| 7532 |
.grid-view .items-list > li .container {
|
|
| 7524 | 7533 |
height: 160px; |
| 7525 | 7534 |
margin: 16px 20px 20px; |
| 7526 | 7535 |
position: relative; |
| 7527 | 7536 |
line-height: 120%; |
| 7528 | 7537 |
} |
| 7529 |
/* line 31, ../sass/_items-list.scss */
|
|
| 7530 |
.items-list > li .container .tags {
|
|
| 7538 |
/* line 36, ../sass/_items-list.scss */
|
|
| 7539 |
.grid-view .items-list > li .container .tags {
|
|
| 7531 | 7540 |
width: 100%; |
| 7532 | 7541 |
min-height: 12px; |
| 7533 | 7542 |
position: absolute; |
| 7534 | 7543 |
bottom: 6px; |
| 7535 | 7544 |
} |
| 7536 |
/* line 37, ../sass/_items-list.scss */ |
|
| 7537 |
.items-list > li .container .status {
|
|
| 7545 |
|
|
| 7546 |
/* line 47, ../sass/_items-list.scss */ |
|
| 7547 |
.items-list > li {
|
|
| 7548 |
text-align: center; |
|
| 7549 |
padding: 20px; |
|
| 7550 |
position: relative; |
|
| 7551 |
list-style: none; |
|
| 7552 |
background: url(../images/dashed-bg-corner.png) no-repeat right bottom; |
|
| 7553 |
height: 215px; |
|
| 7554 |
} |
|
| 7555 |
/* line 54, ../sass/_items-list.scss */ |
|
| 7556 |
.items-list > li .img-wrap {
|
|
| 7557 |
position: relative; |
|
| 7558 |
display: inline-block; |
|
| 7559 |
overflow: hidden; |
|
| 7560 |
} |
|
| 7561 |
/* line 59, ../sass/_items-list.scss */ |
|
| 7562 |
.items-list > li .status {
|
|
| 7538 | 7563 |
font-size: 0.75em; |
| 7539 | 7564 |
} |
| 7540 |
/* line 39, ../sass/_items-list.scss */
|
|
| 7541 |
.items-list > li .container .status a {
|
|
| 7565 |
/* line 61, ../sass/_items-list.scss */
|
|
| 7566 |
.items-list > li .status a {
|
|
| 7542 | 7567 |
color: #30c79e; |
| 7543 | 7568 |
} |
| 7544 |
/* line 42, ../sass/_items-list.scss */
|
|
| 7545 |
.items-list > li .container .status span {
|
|
| 7569 |
/* line 64, ../sass/_items-list.scss */
|
|
| 7570 |
.items-list > li .status span {
|
|
| 7546 | 7571 |
color: #30c79e; |
| 7547 | 7572 |
display: block; |
| 7548 | 7573 |
} |
| 7549 |
/* line 48, ../sass/_items-list.scss */
|
|
| 7574 |
/* line 69, ../sass/_items-list.scss */
|
|
| 7550 | 7575 |
.items-list > li .more {
|
| 7551 | 7576 |
display: none; |
| 7552 | 7577 |
background: #fff; |
| ... | ... | |
| 7555 | 7580 |
z-index: 101; |
| 7556 | 7581 |
position: absolute; |
| 7557 | 7582 |
*zoom: 1; |
| 7558 |
-moz-box-shadow: -5px 5px 5px #cccccc;
|
|
| 7559 |
-webkit-box-shadow: -5px 5px 5px #cccccc;
|
|
| 7560 |
box-shadow: -5px 5px 5px #cccccc;
|
|
| 7583 |
-moz-box-shadow: 0 0 10px #cccccc;
|
|
| 7584 |
-webkit-box-shadow: 0 0 10px #cccccc;
|
|
| 7585 |
box-shadow: 0 0 10px #cccccc;
|
|
| 7561 | 7586 |
} |
| 7562 | 7587 |
/* line 121, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_global.scss */ |
| 7563 | 7588 |
.items-list > li .more:before, .items-list > li .more:after {
|
| ... | ... | |
| 7568 | 7593 |
.items-list > li .more:after {
|
| 7569 | 7594 |
clear: both; |
| 7570 | 7595 |
} |
| 7571 |
/* line 58, ../sass/_items-list.scss */
|
|
| 7596 |
/* line 79, ../sass/_items-list.scss */
|
|
| 7572 | 7597 |
.items-list > li .more .col {
|
| 7573 | 7598 |
width: 50%; |
| 7574 | 7599 |
float: left; |
| 7575 | 7600 |
font-size: 0.875em; |
| 7576 | 7601 |
height: 200px; |
| 7577 | 7602 |
} |
| 7578 |
/* line 63, ../sass/_items-list.scss */
|
|
| 7603 |
/* line 84, ../sass/_items-list.scss */
|
|
| 7579 | 7604 |
.items-list > li .more .col ul {
|
| 7580 | 7605 |
margin: 0; |
| 7581 | 7606 |
padding: 0; |
| 7582 | 7607 |
list-style: none outside none; |
| 7583 | 7608 |
} |
| 7584 |
/* line 67, ../sass/_items-list.scss */
|
|
| 7609 |
/* line 88, ../sass/_items-list.scss */
|
|
| 7585 | 7610 |
.items-list > li .more .col ul li {
|
| 7586 | 7611 |
padding: 0; |
| 7587 | 7612 |
text-align: left; |
| 7588 | 7613 |
} |
| 7589 |
/* line 70, ../sass/_items-list.scss */
|
|
| 7614 |
/* line 91, ../sass/_items-list.scss */
|
|
| 7590 | 7615 |
.items-list > li .more .col ul li a {
|
| 7591 | 7616 |
color: #1e1e1e; |
| 7592 | 7617 |
display: block; |
| 7593 | 7618 |
width: 100%; |
| 7594 | 7619 |
padding: 5px 5px 5px 30px; |
| 7595 | 7620 |
} |
| 7596 |
/* line 75, ../sass/_items-list.scss */
|
|
| 7621 |
/* line 96, ../sass/_items-list.scss */
|
|
| 7597 | 7622 |
.items-list > li .more .col ul li a:hover {
|
| 7598 |
background-color: #30c79e; |
|
| 7599 |
color: #fff; |
|
| 7623 |
color: #30c79e; |
|
| 7600 | 7624 |
} |
| 7601 |
/* line 83, ../sass/_items-list.scss */
|
|
| 7625 |
/* line 104, ../sass/_items-list.scss */
|
|
| 7602 | 7626 |
.items-list > li .more .col.lt ul {
|
| 7603 | 7627 |
padding-top: 10px; |
| 7604 | 7628 |
} |
| 7605 |
/* line 89, ../sass/_items-list.scss */
|
|
| 7629 |
/* line 110, ../sass/_items-list.scss */
|
|
| 7606 | 7630 |
.items-list > li .more .col.rt ul li {
|
| 7607 | 7631 |
height: 100px; |
| 7608 | 7632 |
} |
| 7609 |
/* line 91, ../sass/_items-list.scss */
|
|
| 7633 |
/* line 112, ../sass/_items-list.scss */
|
|
| 7610 | 7634 |
.items-list > li .more .col.rt ul li a {
|
| 7611 | 7635 |
height: 100%; |
| 7612 | 7636 |
padding: 0 0 0 30px; |
| 7613 | 7637 |
line-height: 100px; |
| 7614 | 7638 |
} |
| 7615 |
/* line 100, ../sass/_items-list.scss */
|
|
| 7639 |
/* line 121, ../sass/_items-list.scss */
|
|
| 7616 | 7640 |
.items-list > li .more .name {
|
| 7617 | 7641 |
background: url(../images/dashed_atom-x.png) repeat-x center top; |
| 7618 | 7642 |
padding: 10px; |
| 7619 | 7643 |
font-size: 0.625em; |
| 7620 | 7644 |
} |
| 7621 |
/* line 106, ../sass/_items-list.scss */
|
|
| 7645 |
/* line 127, ../sass/_items-list.scss */
|
|
| 7622 | 7646 |
.items-list > li h4 {
|
| 7623 | 7647 |
font-size: 0.75em; |
| 7624 | 7648 |
color: #1e1e1e; |
| ... | ... | |
| 7627 | 7651 |
height: 30px; |
| 7628 | 7652 |
font-weight: normal; |
| 7629 | 7653 |
} |
| 7630 |
/* line 114, ../sass/_items-list.scss */
|
|
| 7631 |
.items-list > li[data-status="add-new"] {
|
|
| 7654 |
/* line 135, ../sass/_items-list.scss */
|
|
| 7655 |
.items-list > li.add-new {
|
|
| 7632 | 7656 |
background-color: #30c79e; |
| 7633 | 7657 |
-webkit-transition: background-color 300ms linear; |
| 7634 | 7658 |
-moz-transition: background-color 300ms linear; |
| ... | ... | |
| 7636 | 7660 |
-o-transition: background-color 300ms linear; |
| 7637 | 7661 |
transition: background-color 300ms linear; |
| 7638 | 7662 |
} |
| 7639 |
/* line 119, ../sass/_items-list.scss */
|
|
| 7640 |
.items-list > li[data-status="add-new"] .container .img-wrap span:first-child {
|
|
| 7663 |
/* line 140, ../sass/_items-list.scss */
|
|
| 7664 |
.items-list > li.add-new .container .img-wrap span:first-child {
|
|
| 7641 | 7665 |
color: white; |
| 7642 | 7666 |
} |
| 7643 |
/* line 122, ../sass/_items-list.scss */
|
|
| 7644 |
.items-list > li[data-status="add-new"] .container .img-wrap .symbol {
|
|
| 7667 |
/* line 143, ../sass/_items-list.scss */
|
|
| 7668 |
.items-list > li.add-new .container .img-wrap .symbol {
|
|
| 7645 | 7669 |
background-image: none; |
| 7646 | 7670 |
color: #30c79e; |
| 7647 | 7671 |
font-size: 30px; |
| 7648 | 7672 |
text-indent: 0; |
| 7649 | 7673 |
} |
| 7650 |
/* line 129, ../sass/_items-list.scss */
|
|
| 7651 |
.items-list > li[data-status="add-new"] .container h4 {
|
|
| 7674 |
/* line 150, ../sass/_items-list.scss */
|
|
| 7675 |
.items-list > li.add-new .container h4 {
|
|
| 7652 | 7676 |
color: white; |
| 7653 | 7677 |
} |
| 7654 |
/* line 133, ../sass/_items-list.scss */
|
|
| 7655 |
.items-list > li[data-status="add-new"]:hover {
|
|
| 7678 |
/* line 154, ../sass/_items-list.scss */
|
|
| 7679 |
.items-list > li.add-new:hover {
|
|
| 7656 | 7680 |
background-color: #485057; |
| 7657 | 7681 |
-webkit-transition: background-color 300ms linear; |
| 7658 | 7682 |
-moz-transition: background-color 300ms linear; |
| ... | ... | |
| 7661 | 7685 |
transition: background-color 300ms linear; |
| 7662 | 7686 |
cursor: pointer; |
| 7663 | 7687 |
} |
| 7664 |
/* line 139, ../sass/_items-list.scss */ |
|
| 7665 |
.items-list > li[data-status="add-new"]:hover .container .img-wrap .symbol {
|
|
| 7688 |
/* line 160, ../sass/_items-list.scss */ |
|
| 7689 |
.items-list > li.add-new:hover .container .img-wrap .symbol {
|
|
| 7690 |
color: #485057; |
|
| 7691 |
} |
|
| 7692 |
|
|
| 7693 |
/* line 171, ../sass/_items-list.scss */ |
|
| 7694 |
.list-view .btn5, .list-view .wizard .middle .step .os li .btn-col a, .wizard .middle .step .os li .btn-col .list-view a, .list-view .wizard .middle .step .flavor li .options-bar .options li a, .wizard .middle .step .flavor li .options-bar .options li .list-view a {
|
|
| 7695 |
display: none; |
|
| 7696 |
} |
|
| 7697 |
/* line 174, ../sass/_items-list.scss */ |
|
| 7698 |
.list-view .lt-bar {
|
|
| 7699 |
position: fixed; |
|
| 7700 |
width: 110px; |
|
| 7701 |
left: 50%; |
|
| 7702 |
top: 110px; |
|
| 7703 |
padding: 8px 10px; |
|
| 7704 |
margin-left: -29.375em; |
|
| 7705 |
-moz-box-shadow: 3px -2px 8px #cccccc; |
|
| 7706 |
-webkit-box-shadow: 3px -2px 8px #cccccc; |
|
| 7707 |
box-shadow: 3px -2px 8px #cccccc; |
|
| 7708 |
background: #fff; |
|
| 7709 |
} |
|
| 7710 |
/* line 183, ../sass/_items-list.scss */ |
|
| 7711 |
.list-view .lt-bar a {
|
|
| 7712 |
color: #485057; |
|
| 7713 |
} |
|
| 7714 |
/* line 185, ../sass/_items-list.scss */ |
|
| 7715 |
.list-view .lt-bar a:hover {
|
|
| 7716 |
color: #30c79e; |
|
| 7717 |
} |
|
| 7718 |
/* line 189, ../sass/_items-list.scss */ |
|
| 7719 |
.list-view .lt-bar ul {
|
|
| 7720 |
list-style: none outside none; |
|
| 7721 |
font-size: 0.75em; |
|
| 7722 |
} |
|
| 7723 |
/* line 192, ../sass/_items-list.scss */ |
|
| 7724 |
.list-view .lt-bar ul li {
|
|
| 7725 |
list-style: none outside none; |
|
| 7726 |
padding: 12px 0; |
|
| 7727 |
} |
|
| 7728 |
/* line 196, ../sass/_items-list.scss */ |
|
| 7729 |
.list-view .lt-bar ul li.select span {
|
|
| 7730 |
font-size: 16px; |
|
| 7731 |
margin-right: 5px; |
|
| 7732 |
position: relative; |
|
| 7733 |
top: 2px; |
|
| 7734 |
} |
|
| 7735 |
/* line 201, ../sass/_items-list.scss */ |
|
| 7736 |
.list-view .lt-bar ul li.select span.snf-checkbox-checked {
|
|
| 7737 |
color: #30c79e; |
|
| 7738 |
} |
|
| 7739 |
/* line 205, ../sass/_items-list.scss */ |
|
| 7740 |
.list-view .lt-bar ul li.select em {
|
|
| 7741 |
display: none; |
|
| 7742 |
font-style: normal; |
|
| 7743 |
} |
|
| 7744 |
/* line 209, ../sass/_items-list.scss */ |
|
| 7745 |
.list-view .lt-bar ul li.select:hover {
|
|
| 7746 |
cursor: pointer; |
|
| 7747 |
} |
|
| 7748 |
/* line 216, ../sass/_items-list.scss */ |
|
| 7749 |
.list-view .items-list {
|
|
| 7750 |
overflow: hidden; |
|
| 7751 |
} |
|
| 7752 |
/* line 223, ../sass/_items-list.scss */ |
|
| 7753 |
.list-view .items-list > li {
|
|
| 7754 |
height: auto; |
|
| 7755 |
width: 100%; |
|
| 7756 |
padding: 15px 15px 15px 110px; |
|
| 7757 |
background-image: none; |
|
| 7758 |
} |
|
| 7759 |
/* line 229, ../sass/_items-list.scss */ |
|
| 7760 |
.list-view .items-list > li:hover {
|
|
| 7761 |
background-color: #dfdfdf; |
|
| 7762 |
} |
|
| 7763 |
/* line 232, ../sass/_items-list.scss */ |
|
| 7764 |
.list-view .items-list > li .check {
|
|
| 7765 |
width: 60px; |
|
| 7766 |
text-align: center; |
|
| 7767 |
float: left; |
|
| 7768 |
} |
|
| 7769 |
/* line 236, ../sass/_items-list.scss */ |
|
| 7770 |
.list-view .items-list > li .check:hover {
|
|
| 7771 |
cursor: pointer; |
|
| 7772 |
color: #30c79e; |
|
| 7773 |
} |
|
| 7774 |
/* line 241, ../sass/_items-list.scss */ |
|
| 7775 |
.list-view .items-list > li .img-wrap {
|
|
| 7776 |
width: 70px; |
|
| 7777 |
float: left; |
|
| 7778 |
text-align: center; |
|
| 7779 |
height: 34px; |
|
| 7780 |
} |
|
| 7781 |
/* line 246, ../sass/_items-list.scss */ |
|
| 7782 |
.list-view .items-list > li .img-wrap .os {
|
|
| 7783 |
background: url("../images/os-unknown.png") no-repeat center center;
|
|
| 7784 |
width: 16px; |
|
| 7785 |
height: 16px; |
|
| 7786 |
display: inline-block; |
|
| 7787 |
text-indent: -2000px; |
|
| 7788 |
overflow: hidden; |
|
| 7789 |
background-size: 100%; |
|
| 7790 |
position: absolute; |
|
| 7791 |
display: block; |
|
| 7792 |
text-align: center; |
|
| 7793 |
line-height: 18px; |
|
| 7794 |
left: 50%; |
|
| 7795 |
margin-left: -8px; |
|
| 7796 |
top: 3px; |
|
| 7797 |
} |
|
| 7798 |
/* line 257, ../sass/_items-list.scss */ |
|
| 7799 |
.list-view .items-list > li .img-wrap .snf-PC_fill {
|
|
| 7800 |
font-size: 34px; |
|
| 7801 |
} |
|
| 7802 |
/* line 261, ../sass/_items-list.scss */ |
|
| 7803 |
.list-view .items-list > li h4 {
|
|
| 7804 |
width: 40%; |
|
| 7805 |
float: left; |
|
| 7806 |
text-align: left; |
|
| 7807 |
height: 20px; |
|
| 7808 |
} |
|
| 7809 |
/* line 268, ../sass/_items-list.scss */ |
|
| 7810 |
.list-view .items-list > li .tags {
|
|
| 7811 |
float: left; |
|
| 7812 |
width: 8%; |
|
| 7813 |
min-height: 1px; |
|
| 7814 |
height: 34px; |
|
| 7815 |
line-height: 34px; |
|
| 7816 |
} |
|
| 7817 |
/* line 274, ../sass/_items-list.scss */ |
|
| 7818 |
.list-view .items-list > li .tags a {
|
|
| 7819 |
vertical-align: text-top; |
|
| 7820 |
} |
|
| 7821 |
/* line 278, ../sass/_items-list.scss */ |
|
| 7822 |
.list-view .items-list > li .status {
|
|
| 7823 |
position: absolute; |
|
| 7824 |
left: 240px; |
|
| 7825 |
text-align: left; |
|
| 7826 |
top: 30px; |
|
| 7827 |
width: 40%; |
|
| 7828 |
} |
|
| 7829 |
/* line 284, ../sass/_items-list.scss */ |
|
| 7830 |
.list-view .items-list > li .status span {
|
|
| 7831 |
display: inline; |
|
| 7832 |
} |
|
| 7833 |
/* line 288, ../sass/_items-list.scss */ |
|
| 7834 |
.list-view .items-list > li .info {
|
|
| 7835 |
float: left; |
|
| 7836 |
width: 30%; |
|
| 7837 |
font-size: 0.75em; |
|
| 7838 |
color: #485057; |
|
| 7839 |
} |
|
| 7840 |
/* line 293, ../sass/_items-list.scss */ |
|
| 7841 |
.list-view .items-list > li .info a {
|
|
| 7666 | 7842 |
color: #485057; |
| 7667 | 7843 |
} |
| 7668 |
/* line 148, ../sass/_items-list.scss */ |
|
| 7669 |
.items-list.list-view li {
|
|
| 7844 |
/* line 295, ../sass/_items-list.scss */ |
|
| 7845 |
.list-view .items-list > li .info a:hover {
|
|
| 7846 |
color: #30c79e; |
|
| 7847 |
} |
|
| 7848 |
/* line 300, ../sass/_items-list.scss */ |
|
| 7849 |
.list-view .items-list > li.add-new {
|
|
| 7850 |
height: 30px; |
|
| 7851 |
line-height: 30px; |
|
| 7852 |
padding: 0 0 0 110px; |
|
| 7853 |
} |
|
| 7854 |
/* line 304, ../sass/_items-list.scss */ |
|
| 7855 |
.list-view .items-list > li.add-new:hover {
|
|
| 7856 |
background: #485057; |
|
| 7857 |
} |
|
| 7858 |
/* line 307, ../sass/_items-list.scss */ |
|
| 7859 |
.list-view .items-list > li.add-new .check {
|
|
| 7860 |
visibility: hidden; |
|
| 7861 |
} |
|
| 7862 |
/* line 310, ../sass/_items-list.scss */ |
|
| 7863 |
.list-view .items-list > li.add-new .img-wrap {
|
|
| 7864 |
margin: 0; |
|
| 7865 |
height: 30px; |
|
| 7866 |
line-height: 30px; |
|
| 7867 |
} |
|
| 7868 |
/* line 314, ../sass/_items-list.scss */ |
|
| 7869 |
.list-view .items-list > li.add-new .img-wrap .symbol {
|
|
| 7870 |
font-size: 1em; |
|
| 7871 |
position: absolute; |
|
| 7872 |
left: 0; |
|
| 7873 |
top: -3px; |
|
| 7670 | 7874 |
width: 100%; |
| 7875 |
height: 100%; |
|
| 7876 |
margin: 0 auto; |
|
| 7877 |
} |
|
| 7878 |
/* line 323, ../sass/_items-list.scss */ |
|
| 7879 |
.list-view .items-list > li.add-new .img-wrap span {
|
|
| 7880 |
font-size: 20px; |
|
| 7881 |
line-height: 30px; |
|
| 7882 |
} |
|
| 7883 |
/* line 328, ../sass/_items-list.scss */ |
|
| 7884 |
.list-view .items-list > li.add-new h4 {
|
|
| 7885 |
height: auto; |
|
| 7886 |
line-height: 30px; |
|
| 7887 |
margin: 0; |
|
| 7888 |
} |
|
| 7889 |
/* line 336, ../sass/_items-list.scss */ |
|
| 7890 |
.list-view .items-list > li[data-status="building"] .img-wrap .incomplete {
|
|
| 7891 |
width: 34px; |
|
| 7892 |
margin: 0 auto; |
|
| 7893 |
} |
|
| 7894 |
/* line 340, ../sass/_items-list.scss */ |
|
| 7895 |
.list-view .items-list > li[data-status="building"] .img-wrap .complete {
|
|
| 7896 |
top: -34px; |
|
| 7897 |
margin: 0 auto; |
|
| 7671 | 7898 |
} |
| 7672 | 7899 |
|
| 7673 | 7900 |
/* Detailed view for VMs, networks */ |
| ... | ... | |
| 7997 | 8224 |
|
| 7998 | 8225 |
/* Machines (VMs) related styles */ |
| 7999 | 8226 |
/* line 3, ../sass/_machines.scss */ |
| 8000 |
.build-progress {
|
|
| 8227 |
.grid-view .build-progress {
|
|
| 8001 | 8228 |
animation: progress_animation 5s infinite, pulse 1s infinite; |
| 8002 | 8229 |
-webkit-animation: progress_animation 5s infinite, pulse 1s infinite; |
| 8003 | 8230 |
} |
| 8004 | 8231 |
|
| 8232 |
/* line 12, ../sass/_machines.scss */ |
|
| 8233 |
.list-view .build-progress {
|
|
| 8234 |
animation: progress_animation_list 5s infinite, pulse 1s infinite; |
|
| 8235 |
-webkit-animation: progress_animation_list 5s infinite, pulse 1s infinite; |
|
| 8236 |
} |
|
| 8237 |
|
|
| 8005 | 8238 |
@-webkit-keyframes progress_animation {
|
| 8006 |
/* line 13, ../sass/_machines.scss */
|
|
| 8239 |
/* line 22, ../sass/_machines.scss */
|
|
| 8007 | 8240 |
from {
|
| 8008 | 8241 |
width: 0%; |
| 8009 | 8242 |
} |
| 8010 | 8243 |
|
| 8011 |
/* line 16, ../sass/_machines.scss */
|
|
| 8244 |
/* line 25, ../sass/_machines.scss */
|
|
| 8012 | 8245 |
to {
|
| 8013 | 8246 |
width: 100%; |
| 8014 | 8247 |
} |
| 8015 | 8248 |
} |
| 8016 | 8249 |
|
| 8017 | 8250 |
@-moz-keyframes progress_animation {
|
| 8018 |
/* line 13, ../sass/_machines.scss */
|
|
| 8251 |
/* line 22, ../sass/_machines.scss */
|
|
| 8019 | 8252 |
from {
|
| 8020 | 8253 |
width: 0%; |
| 8021 | 8254 |
} |
| 8022 | 8255 |
|
| 8023 |
/* line 16, ../sass/_machines.scss */
|
|
| 8256 |
/* line 25, ../sass/_machines.scss */
|
|
| 8024 | 8257 |
to {
|
| 8025 | 8258 |
width: 100%; |
| 8026 | 8259 |
} |
| 8027 | 8260 |
} |
| 8028 | 8261 |
|
| 8029 | 8262 |
@-ms-keyframes progress_animation {
|
| 8030 |
/* line 13, ../sass/_machines.scss */
|
|
| 8263 |
/* line 22, ../sass/_machines.scss */
|
|
| 8031 | 8264 |
from {
|
| 8032 | 8265 |
width: 0%; |
| 8033 | 8266 |
} |
| 8034 | 8267 |
|
| 8035 |
/* line 16, ../sass/_machines.scss */
|
|
| 8268 |
/* line 25, ../sass/_machines.scss */
|
|
| 8036 | 8269 |
to {
|
| 8037 | 8270 |
width: 100%; |
| 8038 | 8271 |
} |
| 8039 | 8272 |
} |
| 8040 | 8273 |
|
| 8041 | 8274 |
@keyframes progress_animation {
|
| 8042 |
/* line 13, ../sass/_machines.scss */
|
|
| 8275 |
/* line 22, ../sass/_machines.scss */
|
|
| 8043 | 8276 |
from {
|
| 8044 | 8277 |
width: 0%; |
| 8045 | 8278 |
} |
| 8046 | 8279 |
|
| 8047 |
/* line 16, ../sass/_machines.scss */
|
|
| 8280 |
/* line 25, ../sass/_machines.scss */
|
|
| 8048 | 8281 |
to {
|
| 8049 | 8282 |
width: 100%; |
| 8050 | 8283 |
} |
| 8051 | 8284 |
} |
| 8052 | 8285 |
|
| 8286 |
@-webkit-keyframes progress_animation_list {
|
|
| 8287 |
/* line 31, ../sass/_machines.scss */ |
|
| 8288 |
from {
|
|
| 8289 |
width: 0%; |
|
| 8290 |
} |
|
| 8291 |
|
|
| 8292 |
/* line 34, ../sass/_machines.scss */ |
|
| 8293 |
to {
|
|
| 8294 |
width: 34px; |
|
| 8295 |
} |
|
| 8296 |
} |
|
| 8297 |
|
|
| 8298 |
@-moz-keyframes progress_animation_list {
|
|
| 8299 |
/* line 31, ../sass/_machines.scss */ |
|
| 8300 |
from {
|
|
| 8301 |
width: 0%; |
|
| 8302 |
} |
|
| 8303 |
|
|
| 8304 |
/* line 34, ../sass/_machines.scss */ |
|
| 8305 |
to {
|
|
| 8306 |
width: 34px; |
|
| 8307 |
} |
|
| 8308 |
} |
|
| 8309 |
|
|
| 8310 |
@-ms-keyframes progress_animation_list {
|
|
| 8311 |
/* line 31, ../sass/_machines.scss */ |
|
| 8312 |
from {
|
|
| 8313 |
width: 0%; |
|
| 8314 |
} |
|
| 8315 |
|
|
| 8316 |
/* line 34, ../sass/_machines.scss */ |
|
| 8317 |
to {
|
|
| 8318 |
width: 34px; |
|
| 8319 |
} |
|
| 8320 |
} |
|
| 8321 |
|
|
| 8322 |
@keyframes progress_animation_list {
|
|
| 8323 |
/* line 31, ../sass/_machines.scss */ |
|
| 8324 |
from {
|
|
| 8325 |
width: 0%; |
|
| 8326 |
} |
|
| 8327 |
|
|
| 8328 |
/* line 34, ../sass/_machines.scss */ |
|
| 8329 |
to {
|
|
| 8330 |
width: 34px; |
|
| 8331 |
} |
|
| 8332 |
} |
|
| 8333 |
|
|
| 8053 | 8334 |
@-webkit-keyframes pulse {
|
| 8054 |
/* line 22, ../sass/_machines.scss */
|
|
| 8335 |
/* line 40, ../sass/_machines.scss */
|
|
| 8055 | 8336 |
from {
|
| 8056 | 8337 |
color: #30c79e; |
| 8057 | 8338 |
} |
| 8058 | 8339 |
|
| 8059 |
/* line 25, ../sass/_machines.scss */
|
|
| 8340 |
/* line 43, ../sass/_machines.scss */
|
|
| 8060 | 8341 |
to {
|
| 8061 | 8342 |
color: #269e7d; |
| 8062 | 8343 |
} |
| 8063 | 8344 |
} |
| 8064 | 8345 |
|
| 8065 | 8346 |
@-moz-keyframes pulse {
|
| 8066 |
/* line 22, ../sass/_machines.scss */
|
|
| 8347 |
/* line 40, ../sass/_machines.scss */
|
|
| 8067 | 8348 |
from {
|
| 8068 | 8349 |
color: #30c79e; |
| 8069 | 8350 |
} |
| 8070 | 8351 |
|
| 8071 |
/* line 25, ../sass/_machines.scss */
|
|
| 8352 |
/* line 43, ../sass/_machines.scss */
|
|
| 8072 | 8353 |
to {
|
| 8073 | 8354 |
color: #269e7d; |
| 8074 | 8355 |
} |
| 8075 | 8356 |
} |
| 8076 | 8357 |
|
| 8077 | 8358 |
@-ms-keyframes pulse {
|
| 8078 |
/* line 22, ../sass/_machines.scss */
|
|
| 8359 |
/* line 40, ../sass/_machines.scss */
|
|
| 8079 | 8360 |
from {
|
| 8080 | 8361 |
color: #30c79e; |
| 8081 | 8362 |
} |
| 8082 | 8363 |
|
| 8083 |
/* line 25, ../sass/_machines.scss */
|
|
| 8364 |
/* line 43, ../sass/_machines.scss */
|
|
| 8084 | 8365 |
to {
|
| 8085 | 8366 |
color: #269e7d; |
| 8086 | 8367 |
} |
| 8087 | 8368 |
} |
| 8088 | 8369 |
|
| 8089 | 8370 |
@keyframes pulse {
|
| 8090 |
/* line 22, ../sass/_machines.scss */
|
|
| 8371 |
/* line 40, ../sass/_machines.scss */
|
|
| 8091 | 8372 |
from {
|
| 8092 | 8373 |
color: #30c79e; |
| 8093 | 8374 |
} |
| 8094 | 8375 |
|
| 8095 |
/* line 25, ../sass/_machines.scss */
|
|
| 8376 |
/* line 43, ../sass/_machines.scss */
|
|
| 8096 | 8377 |
to {
|
| 8097 | 8378 |
color: #269e7d; |
| 8098 | 8379 |
} |
| 8099 | 8380 |
} |
| 8100 | 8381 |
|
| 8101 |
/* line 31, ../sass/_machines.scss */
|
|
| 8382 |
/* line 49, ../sass/_machines.scss */
|
|
| 8102 | 8383 |
.vms .items-list .img-wrap {
|
| 8103 | 8384 |
width: 60px; |
| 8104 | 8385 |
} |
| 8105 |
/* line 34, ../sass/_machines.scss */
|
|
| 8386 |
/* line 52, ../sass/_machines.scss */
|
|
| 8106 | 8387 |
.vms .items-list .img-wrap span:hover {
|
| 8107 | 8388 |
cursor: pointer; |
| 8108 | 8389 |
opacity: 0.8; |
| 8109 | 8390 |
} |
| 8110 |
/* line 40, ../sass/_machines.scss */ |
|
| 8111 |
.vms .items-list .img-wrap:hover .snf-PC_fill {
|
|
| 8112 |
color: #269e7d; |
|
| 8113 |
} |
|
| 8114 |
/* line 44, ../sass/_machines.scss */ |
|
| 8391 |
/* line 57, ../sass/_machines.scss */ |
|
| 8115 | 8392 |
.vms .items-list .img-wrap .snf-PC_fill {
|
| 8116 | 8393 |
font-size: 60px; |
| 8117 | 8394 |
color: #30c79e; |
| 8118 | 8395 |
} |
| 8119 |
/* line 48, ../sass/_machines.scss */
|
|
| 8396 |
/* line 61, ../sass/_machines.scss */
|
|
| 8120 | 8397 |
.vms .items-list .img-wrap .os {
|
| 8121 | 8398 |
background: url("../images/os-unknown.png") no-repeat center center;
|
| 8122 | 8399 |
width: 22px; |
| ... | ... | |
| 8128 | 8405 |
top: 8px; |
| 8129 | 8406 |
left: 19px; |
| 8130 | 8407 |
} |
| 8131 |
/* line 53, ../sass/_machines.scss */
|
|
| 8408 |
/* line 66, ../sass/_machines.scss */
|
|
| 8132 | 8409 |
.vms .items-list .img-wrap .os.windows {
|
| 8133 | 8410 |
background-image: url("../images/os-windows.png");
|
| 8134 | 8411 |
} |
| 8135 |
/* line 54, ../sass/_machines.scss */
|
|
| 8412 |
/* line 67, ../sass/_machines.scss */
|
|
| 8136 | 8413 |
.vms .items-list .img-wrap .os.kubuntu {
|
| 8137 | 8414 |
background-image: url("../images/os-kubuntu.png");
|
| 8138 | 8415 |
} |
| 8139 |
/* line 55, ../sass/_machines.scss */
|
|
| 8416 |
/* line 68, ../sass/_machines.scss */
|
|
| 8140 | 8417 |
.vms .items-list .img-wrap .os.fedora {
|
| 8141 | 8418 |
background-image: url("../images/os-fedora.png");
|
Also available in: Unified diff