Revision 1f03ad61

b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/ember/components/tag-a.js
1 
App.TagAComponent = Ember.Component.extend({
2 
    tagName: 'a',
3 
    classNames: ['tag', 'has-tip'],
4 
    attributeBindings: ['style', 'title'],
5 
    title:'tag1',
6 
    color: 'yellow',
7 
    style: function () {
8 
        return 'background-color:'+this.color;
9 
    }.property('color'),
10 

  		





  
  11
  
    
    didInsertElement: function() {


  		





  
  12
  
    
        this.$().attr('data-tooltip','');


  		





  
  13
  
    
        //Foundation.libs.tooltips.init();


  		





  
  14
  
    
    },


  		





  
  15
  
    

  		





  
  16
  
    
});


  		












  

    
      b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/ember/models/tag.js
    
  






  1
  1
  
    
App.Tag = DS.Model.extend({


  		





  2
  2
  
    
    name     : DS.attr(),


  		





  3
  3
  
    
    color    : DS.attr(),


  		





  
  4
  
    
    vms      : DS.hasMany('vm', { async:true }),


  		





  4
  5
  
    
});


  		





  5
  6
  
    

  		





  6
  7
  
    

  		





  ......




  9
  10
  
    
        id: 1,


  		





  10
  11
  
    
        name: 'hacking',


  		





  11
  12
  
    
        color: '#1E96FF',


  		





  
  13
  
    
        vms: [2,3,42],


  		





  12
  14
  
    
    },


  		





  13
  15
  
    
    {


  		





  14
  
  
    
        id: 1,


  		





  
  16
  
    
        id: 2,


  		





  15
  17
  
    
        name: 'movies',


  		





  16
  
  
    
        color: '#F8FC0A',


  		





  
  18
  
    
        color: '#FFCB44',


  		





  
  19
  
    
        vms: [2,4,42],


  		





  17
  20
  
    
    },


  		





  18
  21
  
    
    {


  		





  19
  
  
    
        id: 1,


  		





  
  22
  
    
        id: 3,


  		





  20
  23
  
    
        name: 'dev',


  		





  21
  
  
    
        color: '#A41FF2',


  		





  
  24
  
    
        color: '#DF2F74',


  		





  
  25
  
    
        vms: [2,42],


  		





  22
  26
  
    
    },


  		





  23
  27
  
    
    {


  		





  24
  
  
    
        id: 1,


  		





  
  28
  
    
        id: 4,


  		





  25
  29
  
    
        name: 'var',


  		





  26
  30
  
    
        color: '#F76720',


  		





  
  31
  
    
        vms: [6,2],


  		





  27
  32
  
    
    },


  		





  28
  33
  
    
];


  		












  

    
      b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/ember/models/vm.js
    
  






  36
  36
  
    
    created   : DS.attr('date'), 


  		





  37
  37
  
    
    updated   : DS.attr('date'), 


  		





  38
  38
  
    
    /*flavor   : DS.attr('raw'),*/


  		





  39
  
  
    
    networks : DS.hasMany('network', { async:true }),


  		





  
  39
  
    
    networks  : DS.hasMany('network', { async:true }),


  		





  
  40
  
    
    tags      : DS.hasMany('tag', { async:true }),


  		





  40
  41
  
    

  		





  41
  42
  
    
    enabledActions: function() {


  		





  42
  43
  
    
        return statussActionsVm[this.get('status')].enabledActions;


  		





  ......




  56
  57
  
    
        link: 'http://www.in.gr',


  		





  57
  58
  
    
        updated: "2011-05-29T14:07:07.037602+00:00",


  		





  58
  59
  
    
        networks: [1,2],


  		





  
  60
  
    
        tags: [1,2,3],


  		





  59
  61
  
    
    }, 


  		





  60
  62
  
    
    {


  		





  61
  63
  
    
        id: 2,


  		





  ......




  64
  66
  
    
        os: 'unknown',


  		





  65
  67
  
    
        link: 'http://www.in.gr',


  		





  66
  68
  
    
        networks:[3],


  		





  
  69
  
    
        tags: [1,2,3,4],


  		





  67
  70
  
    
    },


  		





  68
  71
  
    
    {


  		





  69
  72
  
    
        id: 3,


  		





  ......




  71
  74
  
    
        status: 'building',


  		





  72
  75
  
    
        os: 'windows',


  		





  73
  76
  
    
        link: 'http://www.in.gr',


  		





  
  77
  
    
        tags: [1],


  		





  74
  78
  
    
    },


  		





  75
  79
  
    
    {


  		





  76
  80
  
    
        id: 4,


  		





  ......




  78
  82
  
    
        status: 'running',


  		





  79
  83
  
    
        os: 'fedora',


  		





  80
  84
  
    
        link: 'www.france24.fr',


  		





  
  85
  
    
        tags: [2],


  		





  81
  86
  
    
    },


  		





  82
  87
  
    
    {


  		





  83
  88
  
    
        id: 5,


  		





  ......




  85
  90
  
    
        status: 'rebooting',


  		





  86
  91
  
    
        os: 'kubuntu',


  		





  87
  92
  
    
        link: 'http://www.in.gr',


  		





  
  93
  
    
        tags: [4],


  		





  88
  94
  
    
    },


  		





  89
  95
  
    
    {


  		





  90
  96
  
    
        id: 6,


  		












  

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






  238
  238
  
    
  


  		





  239
  239
  
    
});


  		





  240
  240
  
    

  		





  
  241
  
    
Ember.TEMPLATES["components/tag-a"] = Ember.Handlebars.template(function anonymous(Handlebars,depth0,helpers,partials,data) {


  		





  
  242
  
    
this.compilerInfo = [4,'>= 1.0.0'];


  		





  
  243
  
    
helpers = this.merge(helpers, Ember.Handlebars.helpers); data = data || {};


  		





  
  244
  
    
  


  		





  
  245
  
    

  		





  
  246
  
    

  		





  
  247
  
    
  data.buffer.push(" ");


  		





  
  248
  
    
  


  		





  
  249
  
    
});


  		





  
  250
  
    

  		





  241
  251
  
    
Ember.TEMPLATES["details/disk-connected"] = Ember.Handlebars.template(function anonymous(Handlebars,depth0,helpers,partials,data) {


  		





  242
  252
  
    
this.compilerInfo = [4,'>= 1.0.0'];


  		





  243
  253
  
    
helpers = this.merge(helpers, Ember.Handlebars.helpers); data = data || {};


  		





  ......




  301
  311
  
    
Ember.TEMPLATES["item"] = Ember.Handlebars.template(function anonymous(Handlebars,depth0,helpers,partials,data) {


  		





  302
  312
  
    
this.compilerInfo = [4,'>= 1.0.0'];


  		





  303
  313
  
    
helpers = this.merge(helpers, Ember.Handlebars.helpers); data = data || {};


  		





  304
  
  
    
  var buffer = '', stack1, helper, options, escapeExpression=this.escapeExpression, helperMissing=helpers.helperMissing;


  		





  
  314
  
    
  var buffer = '', stack1, helper, options, helperMissing=helpers.helperMissing, escapeExpression=this.escapeExpression, self=this;


  		





  305
  315
  
    

  		





  
  316
  
    
function program1(depth0,data) {


  		





  
  317
  
    
  


  		





  
  318
  
    
  var buffer = '', helper, options;


  		





  
  319
  
    
  data.buffer.push("\n				");


  		





  
  320
  
    
  data.buffer.push(escapeExpression((helper = helpers['tag-a'] || (depth0 && depth0['tag-a']),options={hash:{


  		





  
  321
  
    
    'title': ("tag.name"),


  		





  
  322
  
    
    'color': ("tag.color")


  		





  
  323
  
    
  },hashTypes:{'title': "ID",'color': "ID"},hashContexts:{'title': depth0,'color': depth0},contexts:[],types:[],data:data},helper ? helper.call(depth0, options) : helperMissing.call(depth0, "tag-a", options))));


  		





  
  324
  
    
  data.buffer.push("\n			");


  		





  
  325
  
    
  return buffer;


  		





  
  326
  
    
  }


  		





  306
  327
  
    

  		





  307
  328
  
    
  data.buffer.push("<li ");


  		





  308
  329
  
    
  data.buffer.push(escapeExpression(helpers['bind-attr'].call(depth0, {hash:{


  		





  ......




  318
  339
  
    
  if(stack1 || stack1 === 0) { data.buffer.push(stack1); }


  		





  319
  340
  
    
  data.buffer.push("</h4>\n		<div class= \"status\">\n			<span class=\"state\">");


  		





  320
  341
  
    
  data.buffer.push(escapeExpression((helper = helpers['status-to-text'] || (depth0 && depth0['status-to-text']),options={hash:{},hashTypes:{},hashContexts:{},contexts:[depth0],types:["ID"],data:data},helper ? helper.call(depth0, "status", options) : helperMissing.call(depth0, "status-to-text", "status", options))));


  		





  321
  
  
    
  data.buffer.push("</span>\n		</div>\n	</div>\n</li>\n	");


  		





  
  342
  
    
  data.buffer.push("</span>\n		</div>\n		<div class=\"tags\">\n			");


  		





  
  343
  
    
  stack1 = helpers.each.call(depth0, "tag", "in", "tags", {hash:{},hashTypes:{},hashContexts:{},inverse:self.noop,fn:self.program(1, program1, data),contexts:[depth0,depth0,depth0],types:["ID","ID","ID"],data:data});


  		





  
  344
  
    
  if(stack1 || stack1 === 0) { data.buffer.push(stack1); }


  		





  
  345
  
    
  data.buffer.push("\n\n		</div>\n	</div>\n</li>\n	");


  		





  322
  346
  
    
  return buffer;


  		





  323
  347
  
    
  


  		





  324
  348
  
    
});


  		












  

    
      b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/templates/components/tag-a.hbs
    
  






  
  1
  
    
&nbsp;


  		












  

    
      b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/templates/item.hbs
    
  






  13
  13
  
    
		<div class= "status">


  		





  14
  14
  
    
			<span class="state">{{status-to-text this.status}}</span>


  		





  15
  15
  
    
		</div>


  		





  
  16
  
    
		<div class="tags">


  		





  
  17
  
    
			{{#each tag in this.tags}}


  		





  
  18
  
    
				{{tag-a title=tag.name color=tag.color}}


  		





  
  19
  
    
			{{/each}}


  		





  
  20
  
    

  		





  
  21
  
    
		</div>


  		





  16
  22
  
    
	</div>


  		





  17
  23
  
    
</li>


  		





  18
  24
  
    
	


  		












  

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






  152
  152
  
    
				line-height:120%;


  		





  153
  153
  
    
				overflow: hidden;


  		





  154
  154
  
    
				.tags {


  		





  155
  
  
    
					width: 100%;


  		





  156
  
  
    
					min-height: 12px;


  		





  157
  
  
    
					position: absolute;


  		





  158
  
  
    
					bottom: 12px;


  		





  
  155
  
    
					margin:1em 0;


  		





  159
  156
  
    
				}


  		





  160
  157
  
    
			}


  		





  161
  158
  
    
		}


  		












  

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






  7835
  7835
  
    
}


  		





  7836
  7836
  
    
/* line 154, ../sass/_items-list.scss */


  		





  7837
  7837
  
    
.grid-view .items-list > li .container .tags {


  		





  7838
  
  
    
  width: 100%;


  		





  7839
  
  
    
  min-height: 12px;


  		





  7840
  
  
    
  position: absolute;


  		





  7841
  
  
    
  bottom: 12px;


  		





  
  7838
  
    
  margin: 1em 0;


  		





  7842
  7839
  
    
}


  		





  7843
  7840
  
    

  		





  7844
  
  
    
/* line 165, ../sass/_items-list.scss */


  		





  
  7841
  
    
/* line 162, ../sass/_items-list.scss */


  		





  7845
  7842
  
    
.list-view .btn5, .list-view .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col a, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col .list-view a, .list-view .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li .list-view a, .list-view #volume-wizard .step .volume_options > li .options-bar .options li a, #volume-wizard .step .volume_options > li .options-bar .options li .list-view a, .storage-progress .btn5, .storage-progress .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col a, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col .storage-progress a, .storage-progress .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a, .body-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li .storage-progress a, .storage-progress #volume-wizard .step .volume_options > li .options-bar .options li a, #volume-wizard .step .volume_options > li .options-bar .options li .storage-progress a {


  		





  7846
  7843
  
    
  display: none;


  		





  7847
  7844
  
    
}


  		





  7848
  
  
    
/* line 168, ../sass/_items-list.scss */


  		





  
  7845
  
    
/* line 165, ../sass/_items-list.scss */


  		





  7849
  7846
  
    
.list-view .lt-bar, .storage-progress .lt-bar {


  		





  7850
  7847
  
    
  position: fixed;


  		





  7851
  7848
  
    
  overflow: scroll;


  		





  ......




  7860
  7857
  
    
  background: white;


  		





  7861
  7858
  
    
  z-index: 3;


  		





  7862
  7859
  
    
}


  		





  7863
  
  
    
/* line 170, ../sass/_items-list.scss */


  		





  
  7860
  
    
/* line 167, ../sass/_items-list.scss */


  		





  7864
  7861
  
    
.list-view .lt-bar ul, .storage-progress .lt-bar ul {


  		





  7865
  7862
  
    
  list-style: none outside none;


  		





  7866
  7863
  
    
  font-size: 0.75em;


  		





  7867
  7864
  
    
}


  		





  7868
  
  
    
/* line 173, ../sass/_items-list.scss */


  		





  
  7865
  
    
/* line 170, ../sass/_items-list.scss */


  		





  7869
  7866
  
    
.list-view .lt-bar ul li, .storage-progress .lt-bar ul li {


  		





  7870
  7867
  
    
  list-style: none outside none;


  		





  7871
  7868
  
    
  height: 30px;


  		





  7872
  7869
  
    
  line-height: 30px;


  		





  7873
  7870
  
    
}


  		





  7874
  
  
    
/* line 177, ../sass/_items-list.scss */


  		





  
  7871
  
    
/* line 174, ../sass/_items-list.scss */


  		





  7875
  7872
  
    
.list-view .lt-bar ul li.select, .storage-progress .lt-bar ul li.select {


  		





  7876
  7873
  
    
  text-transform: capitalize;


  		





  7877
  7874
  
    
}


  		





  7878
  
  
    
/* line 179, ../sass/_items-list.scss */


  		





  
  7875
  
    
/* line 176, ../sass/_items-list.scss */


  		





  7879
  7876
  
    
.list-view .lt-bar ul li.select span, .storage-progress .lt-bar ul li.select span {


  		





  7880
  7877
  
    
  font-size: 16px;


  		





  7881
  7878
  
    
  margin-right: 5px;


  		





  7882
  7879
  
    
  position: relative;


  		





  7883
  7880
  
    
  top: 2px;


  		





  7884
  7881
  
    
}


  		





  7885
  
  
    
/* line 185, ../sass/_items-list.scss */


  		





  
  7882
  
    
/* line 182, ../sass/_items-list.scss */


  		





  7886
  7883
  
    
.list-view .lt-bar ul li.select em, .storage-progress .lt-bar ul li.select em {


  		





  7887
  7884
  
    
  display: none;


  		





  7888
  7885
  
    
  font-style: normal;


  		





  7889
  7886
  
    
}


  		





  7890
  
  
    
/* line 189, ../sass/_items-list.scss */


  		





  
  7887
  
    
/* line 186, ../sass/_items-list.scss */


  		





  7891
  7888
  
    
.list-view .lt-bar ul li.select:hover, .storage-progress .lt-bar ul li.select:hover {


  		





  7892
  7889
  
    
  color: #e660a3;


  		





  7893
  7890
  
    
  cursor: pointer;


  		





  7894
  7891
  
    
}


  		





  7895
  
  
    
/* line 193, ../sass/_items-list.scss */


  		





  
  7892
  
    
/* line 190, ../sass/_items-list.scss */


  		





  7896
  7893
  
    
.list-view .lt-bar ul li.select.selected, .storage-progress .lt-bar ul li.select.selected {


  		





  7897
  7894
  
    
  text-transform: lowercase;


  		





  7898
  7895
  
    
}


  		





  7899
  
  
    
/* line 195, ../sass/_items-list.scss */


  		





  
  7896
  
    
/* line 192, ../sass/_items-list.scss */


  		





  7900
  7897
  
    
.list-view .lt-bar ul li.select.selected em, .storage-progress .lt-bar ul li.select.selected em {


  		





  7901
  7898
  
    
  text-transform: capitalize;


  		





  7902
  7899
  
    
}


  		





  7903
  
  
    
/* line 203, ../sass/_items-list.scss */


  		





  
  7900
  
    
/* line 200, ../sass/_items-list.scss */


  		





  7904
  7901
  
    
.list-view .lt-bar ul.lt-actions li a, .storage-progress .lt-bar ul.lt-actions li a {


  		





  7905
  7902
  
    
  color: #bebebe;


  		





  7906
  7903
  
    
}


  		





  7907
  
  
    
/* line 205, ../sass/_items-list.scss */


  		





  
  7904
  
    
/* line 202, ../sass/_items-list.scss */


  		





  7908
  7905
  
    
.list-view .lt-bar ul.lt-actions li a:hover, .storage-progress .lt-bar ul.lt-actions li a:hover {


  		





  7909
  7906
  
    
  color: #bebebe;


  		





  7910
  7907
  
    
  cursor: default;


  		





  7911
  7908
  
    
}


  		





  7912
  
  
    
/* line 209, ../sass/_items-list.scss */


  		





  
  7909
  
    
/* line 206, ../sass/_items-list.scss */


  		





  7913
  7910
  
    
.list-view .lt-bar ul.lt-actions li a.active, .storage-progress .lt-bar ul.lt-actions li a.active {


  		





  7914
  7911
  
    
  color: #485057;


  		





  7915
  7912
  
    
}


  		





  7916
  
  
    
/* line 211, ../sass/_items-list.scss */


  		





  
  7913
  
    
/* line 208, ../sass/_items-list.scss */


  		





  7917
  7914
  
    
.list-view .lt-bar ul.lt-actions li a.active:hover, .storage-progress .lt-bar ul.lt-actions li a.active:hover {


  		





  7918
  7915
  
    
  color: #e660a3;


  		





  7919
  7916
  
    
  cursor: pointer;


  		





  7920
  7917
  
    
}


  		





  7921
  
  
    
/* line 216, ../sass/_items-list.scss */


  		





  
  7918
  
    
/* line 213, ../sass/_items-list.scss */


  		





  7922
  7919
  
    
.list-view .lt-bar ul.lt-actions li a span, .storage-progress .lt-bar ul.lt-actions li a span {


  		





  7923
  7920
  
    
  margin-right: 6px;


  		





  7924
  7921
  
    
  width: 14px;


  		





  7925
  7922
  
    
  display: inline-block;


  		





  7926
  7923
  
    
}


  		





  7927
  
  
    
/* line 220, ../sass/_items-list.scss */


  		





  
  7924
  
    
/* line 217, ../sass/_items-list.scss */


  		





  7928
  7925
  
    
.list-view .lt-bar ul.lt-actions li a span.snf-folder-move-outline, .storage-progress .lt-bar ul.lt-actions li a span.snf-folder-move-outline {


  		





  7929
  7926
  
    
  font-size: 1.5em;


  		





  7930
  7927
  
    
  position: relative;


  		





  7931
  7928
  
    
}


  		





  7932
  
  
    
/* line 232, ../sass/_items-list.scss */


  		





  
  7929
  
    
/* line 229, ../sass/_items-list.scss */


  		





  7933
  7930
  
    
.list-view .lt-bar ul.more li a span, .storage-progress .lt-bar ul.more li a span {


  		





  7934
  7931
  
    
  font-size: 1.5em;


  		





  7935
  7932
  
    
  margin-right: 2px;


  		





  7936
  7933
  
    
}


  		





  7937
  
  
    
/* line 241, ../sass/_items-list.scss */


  		





  
  7934
  
    
/* line 238, ../sass/_items-list.scss */


  		





  7938
  7935
  
    
.list-view .items-list, .storage-progress .items-list {


  		





  7939
  7936
  
    
  overflow: hidden;


  		





  7940
  7937
  
    
}


  		





  7941
  
  
    
/* line 243, ../sass/_items-list.scss */


  		





  
  7938
  
    
/* line 240, ../sass/_items-list.scss */


  		





  7942
  7939
  
    
.list-view .items-list > li, .storage-progress .items-list > li {


  		





  7943
  7940
  
    
  height: auto;


  		





  7944
  7941
  
    
  width: 100%;


  		





  7945
  7942
  
    
  padding: 15px 15px 15px 140px;


  		





  7946
  7943
  
    
  background-image: none;


  		





  7947
  7944
  
    
}


  		





  7948
  
  
    
/* line 244, ../sass/_items-list.scss */


  		





  
  7945
  
    
/* line 241, ../sass/_items-list.scss */


  		





  7949
  7946
  
    
.list-view .items-list > li.selected, .storage-progress .items-list > li.selected {


  		





  7950
  7947
  
    
  background-color: #ced248;


  		





  7951
  7948
  
    
}


  		





  7952
  
  
    
/* line 252, ../sass/_items-list.scss */


  		





  
  7949
  
    
/* line 249, ../sass/_items-list.scss */


  		





  7953
  7950
  
    
.list-view .items-list > li:hover, .storage-progress .items-list > li:hover {


  		





  7954
  7951
  
    
  background-color: #ced248;


  		





  7955
  7952
  
    
}


  		





  7956
  
  
    
/* line 255, ../sass/_items-list.scss */


  		





  
  7953
  
    
/* line 252, ../sass/_items-list.scss */


  		





  7957
  7954
  
    
.list-view .items-list > li .check, .storage-progress .items-list > li .check {


  		





  7958
  7955
  
    
  width: 60px;


  		





  7959
  7956
  
    
  height: 30px;


  		





  ......




  7962
  7959
  
    
  float: left;


  		





  7963
  7960
  
    
  padding-left: 20px;


  		





  7964
  7961
  
    
}


  		





  7965
  
  
    
/* line 262, ../sass/_items-list.scss */


  		





  
  7962
  
    
/* line 259, ../sass/_items-list.scss */


  		





  7966
  7963
  
    
.list-view .items-list > li .check:hover, .storage-progress .items-list > li .check:hover {


  		





  7967
  7964
  
    
  cursor: pointer;


  		





  7968
  7965
  
    
  color: #e660a3;


  		





  7969
  7966
  
    
}


  		





  7970
  
  
    
/* line 267, ../sass/_items-list.scss */


  		





  
  7967
  
    
/* line 264, ../sass/_items-list.scss */


  		





  7971
  7968
  
    
.list-view .items-list > li .img-wrap, .storage-progress .items-list > li .img-wrap {


  		





  7972
  7969
  
    
  width: 60px;


  		





  7973
  7970
  
    
  float: left;


  		





  7974
  7971
  
    
  text-align: center;


  		





  7975
  7972
  
    
  height: 30px;


  		





  7976
  7973
  
    
}


  		





  7977
  
  
    
/* line 272, ../sass/_items-list.scss */


  		





  
  7974
  
    
/* line 269, ../sass/_items-list.scss */


  		





  7978
  7975
  
    
.list-view .items-list > li .img-wrap .os, .storage-progress .items-list > li .img-wrap .os {


  		





  7979
  7976
  
    
  background: url("../images/os-unknown.png") no-repeat center center;


  		





  7980
  7977
  
    
  width: 14px;


  		





  ......




  7990
  7987
  
    
  margin-left: -7px;


  		





  7991
  7988
  
    
  top: 6px;


  		





  7992
  7989
  
    
}


  		





  7993
  
  
    
/* line 283, ../sass/_items-list.scss */


  		





  
  7990
  
    
/* line 280, ../sass/_items-list.scss */


  		





  7994
  7991
  
    
.list-view .items-list > li .img-wrap .snf-font, .storage-progress .items-list > li .img-wrap .snf-font {


  		





  7995
  7992
  
    
  font-size: 30px;


  		





  7996
  7993
  
    
  line-height: 120%;


  		





  7997
  7994
  
    
}


  		





  7998
  
  
    
/* line 288, ../sass/_items-list.scss */


  		





  
  7995
  
    
/* line 285, ../sass/_items-list.scss */


  		





  7999
  7996
  
    
.list-view .items-list > li h4, .storage-progress .items-list > li h4 {


  		





  8000
  7997
  
    
  width: 180px;


  		





  8001
  7998
  
    
  overflow: hidden;


  		





  ......




  8008
  8005
  
    
  color: inherit;


  		





  8009
  8006
  
    
  padding-right: 20px;


  		





  8010
  8007
  
    
}


  		





  8011
  
  
    
/* line 300, ../sass/_items-list.scss */


  		





  
  8008
  
    
/* line 297, ../sass/_items-list.scss */


  		





  8012
  8009
  
    
.list-view .items-list > li .tags, .storage-progress .items-list > li .tags {


  		





  8013
  8010
  
    
  float: left;


  		





  8014
  8011
  
    
  width: 100px;


  		





  8015
  8012
  
    
  height: 30px;


  		





  8016
  8013
  
    
  line-height: 30px;


  		





  8017
  8014
  
    
}


  		





  8018
  
  
    
/* line 305, ../sass/_items-list.scss */


  		





  
  8015
  
    
/* line 302, ../sass/_items-list.scss */


  		





  8019
  8016
  
    
.list-view .items-list > li .tags a, .storage-progress .items-list > li .tags a {


  		





  8020
  8017
  
    
  vertical-align: middle;


  		





  8021
  8018
  
    
}


  		





  8022
  
  
    
/* line 309, ../sass/_items-list.scss */


  		





  
  8019
  
    
/* line 306, ../sass/_items-list.scss */


  		





  8023
  8020
  
    
.list-view .items-list > li .size, .list-view .items-list > li .remove, .storage-progress .items-list > li .size, .storage-progress .items-list > li .remove {


  		





  8024
  8021
  
    
  float: left;


  		





  8025
  8022
  
    
  width: 100px;


  		





  ......




  8029
  8026
  
    
  text-align: left;


  		





  8030
  8027
  
    
  padding-left: 20px;


  		





  8031
  8028
  
    
}


  		





  8032
  
  
    
/* line 318, ../sass/_items-list.scss */


  		





  
  8029
  
    
/* line 315, ../sass/_items-list.scss */


  		





  8033
  8030
  
    
.list-view .items-list > li .status, .storage-progress .items-list > li .status {


  		





  8034
  8031
  
    
  position: absolute;


  		





  8035
  8032
  
    
  left: 260px;


  		





  ......




  8039
  8036
  
    
  line-height: 110%;


  		





  8040
  8037
  
    
  width: 240px;


  		





  8041
  8038
  
    
}


  		





  8042
  
  
    
/* line 326, ../sass/_items-list.scss */


  		





  
  8039
  
    
/* line 323, ../sass/_items-list.scss */


  		





  8043
  8040
  
    
.list-view .items-list > li .status span, .storage-progress .items-list > li .status span {


  		





  8044
  8041
  
    
  display: inline;


  		





  8045
  8042
  
    
}


  		





  8046
  
  
    
/* line 330, ../sass/_items-list.scss */


  		





  
  8043
  
    
/* line 327, ../sass/_items-list.scss */


  		





  8047
  8044
  
    
.list-view .items-list > li .info, .list-view .items-list > li .progress-col, .storage-progress .items-list > li .info, .storage-progress .items-list > li .progress-col {


  		





  8048
  8045
  
    
  float: left;


  		





  8049
  8046
  
    
  width: 220px;


  		





  ......




  8052
  8049
  
    
  line-height: 30px;


  		





  8053
  8050
  
    
  font-size: 0.75em;


  		





  8054
  8051
  
    
}


  		





  8055
  
  
    
/* line 338, ../sass/_items-list.scss */


  		





  
  8052
  
    
/* line 335, ../sass/_items-list.scss */


  		





  8056
  8053
  
    
.list-view .items-list > li .actions, .storage-progress .items-list > li .actions {


  		





  8057
  8054
  
    
  float: left;


  		





  8058
  8055
  
    
  height: 30px;


  		





  ......




  8061
  8058
  
    
  padding: 0 10px;


  		





  8062
  8059
  
    
  top: 2px;


  		





  8063
  8060
  
    
}


  		





  8064
  
  
    
/* line 346, ../sass/_items-list.scss */


  		





  
  8061
  
    
/* line 343, ../sass/_items-list.scss */


  		





  8065
  8062
  
    
.list-view .items-list > li .actions a:first-child, .storage-progress .items-list > li .actions a:first-child {


  		





  8066
  8063
  
    
  margin-right: 5px;


  		





  8067
  8064
  
    
}


  		





  8068
  
  
    
/* line 351, ../sass/_items-list.scss */


  		





  
  8065
  
    
/* line 348, ../sass/_items-list.scss */


  		





  8069
  8066
  
    
.list-view .items-list > li .actions-col, .list-view .items-list > li .remove, .storage-progress .items-list > li .actions-col, .storage-progress .items-list > li .remove {


  		





  8070
  8067
  
    
  visibility: hidden;


  		





  8071
  8068
  
    
  height: 30px;


  		





  ......




  8074
  8071
  
    
  width: 140px;


  		





  8075
  8072
  
    
  float: left;


  		





  8076
  8073
  
    
}


  		





  8077
  
  
    
/* line 358, ../sass/_items-list.scss */


  		





  
  8074
  
    
/* line 355, ../sass/_items-list.scss */


  		





  8078
  8075
  
    
.list-view .items-list > li .actions-col a, .list-view .items-list > li .remove a, .storage-progress .items-list > li .actions-col a, .storage-progress .items-list > li .remove a {


  		





  8079
  8076
  
    
  margin-right: 10px;


  		





  8080
  8077
  
    
}


  		





  8081
  
  
    
/* line 363, ../sass/_items-list.scss */


  		





  
  8078
  
    
/* line 360, ../sass/_items-list.scss */


  		





  8082
  8079
  
    
.list-view .items-list > li.add-new:hover, .storage-progress .items-list > li.add-new:hover {


  		





  8083
  8080
  
    
  background: #485057;


  		





  8084
  8081
  
    
}


  		





  8085
  
  
    
/* line 366, ../sass/_items-list.scss */


  		





  
  8082
  
    
/* line 363, ../sass/_items-list.scss */


  		





  8086
  8083
  
    
.list-view .items-list > li.add-new .check, .storage-progress .items-list > li.add-new .check {


  		





  8087
  8084
  
    
  visibility: hidden;


  		





  8088
  8085
  
    
}


  		





  8089
  
  
    
/* line 369, ../sass/_items-list.scss */


  		





  
  8086
  
    
/* line 366, ../sass/_items-list.scss */


  		





  8090
  8087
  
    
.list-view .items-list > li.add-new h4, .storage-progress .items-list > li.add-new h4 {


  		





  8091
  8088
  
    
  margin: 0;


  		





  8092
  8089
  
    
}


  		





  8093
  
  
    
/* line 373, ../sass/_items-list.scss */


  		





  
  8090
  
    
/* line 370, ../sass/_items-list.scss */


  		





  8094
  8091
  
    
.list-view .items-list > li.add-new .img-wrap .symbol, .storage-progress .items-list > li.add-new .img-wrap .symbol {


  		





  8095
  8092
  
    
  font-size: 24px;


  		





  8096
  8093
  
    
}


  		





  8097
  
  
    
/* line 380, ../sass/_items-list.scss */


  		





  
  8094
  
    
/* line 377, ../sass/_items-list.scss */


  		





  8098
  8095
  
    
.list-view .items-list > li.building .img-wrap .incomplete, .storage-progress .items-list > li.building .img-wrap .incomplete {


  		





  8099
  8096
  
    
  width: 30px;


  		





  8100
  8097
  
    
  margin: 0 auto;


  		





  8101
  8098
  
    
}


  		





  8102
  
  
    
/* line 384, ../sass/_items-list.scss */


  		





  
  8099
  
    
/* line 381, ../sass/_items-list.scss */


  		





  8103
  8100
  
    
.list-view .items-list > li.building .img-wrap .complete, .storage-progress .items-list > li.building .img-wrap .complete {


  		





  8104
  8101
  
    
  top: -30px;


  		





  8105
  8102
  
    
  margin: 0 auto;


  		





  8106
  8103
  
    
}


  		





  8107
  8104
  
    

  		





  8108
  
  
    
/* line 398, ../sass/_items-list.scss */


  		





  
  8105
  
    
/* line 395, ../sass/_items-list.scss */


  		





  8109
  8106
  
    
.containers .storage .items-list > li:hover {


  		





  8110
  8107
  
    
  background-color: inherit;


  		





  8111
  8108
  
    
}


  		





  8112
  8109
  
    

  		





  8113
  
  
    
/* line 409, ../sass/_items-list.scss */


  		





  
  8110
  
    
/* line 406, ../sass/_items-list.scss */


  		





  8114
  8111
  
    
.storage .lt-bar .lt-actions .select {


  		





  8115
  8112
  
    
  margin-right: 4px;


  		





  8116
  8113
  
    
}


  		





  8117
  8114
  
    

  		





  8118
  
  
    
/* line 418, ../sass/_items-list.scss */


  		





  
  8115
  
    
/* line 415, ../sass/_items-list.scss */


  		





  8119
  8116
  
    
.lt-bar .items-list .check, .lt-bar .items-list .actions, .lt-bar .items-list .info {


  		





  8120
  8117
  
    
  display: none;


  		





  8121
  8118
  
    
}


  		





  8122
  
  
    
/* line 421, ../sass/_items-list.scss */


  		





  
  8119
  
    
/* line 418, ../sass/_items-list.scss */


  		





  8123
  8120
  
    
.lt-bar .items-list .container {


  		





  8124
  8121
  
    
  padding: 40px 0;


  		





  8125
  8122
  
    
}


  		





  8126
  
  
    
/* line 424, ../sass/_items-list.scss */


  		





  
  8123
  
    
/* line 421, ../sass/_items-list.scss */


  		





  8127
  8124
  
    
.lt-bar .items-list .side-actions {


  		





  8128
  8125
  
    
  display: none;


  		





  8129
  8126
  
    
}


  		





  8130
  8127
  
    

  		





  8131
  8128
  
    
/* img-wrap div ( colors & styles ) */


  		





  8132
  
  
    
/* line 433, ../sass/_items-list.scss */


  		





  
  8129
  
    
/* line 430, ../sass/_items-list.scss */


  		





  8133
  8130
  
    
.img-wrap {


  		





  8134
  8131
  
    
  width: 60px;


  		





  8135
  8132
  
    
  position: relative;


  		





  8136
  8133
  
    
  display: inline-block;


  		





  8137
  8134
  
    
  line-height: 100%;


  		





  8138
  8135
  
    
}


  		





  8139
  
  
    
/* line 439, ../sass/_items-list.scss */


  		





  
  8136
  
    
/* line 436, ../sass/_items-list.scss */


  		





  8140
  8137
  
    
.img-wrap .os {


  		





  8141
  8138
  
    
  background: url("../images/os-unknown.png") no-repeat center center;


  		





  8142
  8139
  
    
  width: 22px;


  		





  ......




  8149
  8146
  
    
  left: 50%;


  		





  8150
  8147
  
    
  margin-left: -11px;


  		





  8151
  8148
  
    
}


  		





  8152
  
  
    
/* line 445, ../sass/_items-list.scss */


  		





  
  8149
  
    
/* line 442, ../sass/_items-list.scss */


  		





  8153
  8150
  
    
.img-wrap .os.windows {


  		





  8154
  8151
  
    
  background-image: url("../images/os-windows.png");


  		





  8155
  8152
  
    
}


  		





  8156
  
  
    
/* line 446, ../sass/_items-list.scss */


  		





  
  8153
  
    
/* line 443, ../sass/_items-list.scss */


  		





  8157
  8154
  
    
.img-wrap .os.kubuntu {


  		





  8158
  8155
  
    
  background-image: url("../images/os-kubuntu.png");


  		





  8159
  8156
  
    
}


  		





  8160
  
  
    
/* line 447, ../sass/_items-list.scss */


  		





  
  8157
  
    
/* line 444, ../sass/_items-list.scss */


  		





  8161
  8158
  
    
.img-wrap .os.fedora {


  		





  8162
  8159
  
    
  background-image: url("../images/os-fedora.png");


  		





  8163
  8160
  
    
}


  		





  8164
  
  
    
/* line 448, ../sass/_items-list.scss */


  		





  
  8161
  
    
/* line 445, ../sass/_items-list.scss */


  		





  8165
  8162
  
    
.img-wrap .os.symbol {


  		





  8166
  8163
  
    
  position: relative;


  		





  8167
  8164
  
    
  top: -50px;


  		





  ......




  8241
  8238
  
    
  color: #e660a3;


  		





  8242
  8239
  
    
}


  		





  8243
  8240
  
    

  		





  8244
  
  
    
/* line 485, ../sass/_items-list.scss */


  		





  
  8241
  
    
/* line 482, ../sass/_items-list.scss */


  		





  8245
  8242
  
    
.building .img-wrap .snf-pc-full {


  		





  8246
  8243
  
    
  display: block;


  		





  8247
  8244
  
    
}


  		





  8248
  
  
    
/* line 489, ../sass/_items-list.scss */


  		





  
  8245
  
    
/* line 486, ../sass/_items-list.scss */


  		





  8249
  8246
  
    
.building .img-wrap .incomplete {


  		





  8250
  8247
  
    
  color: #ed8cbc;


  		





  8251
  8248
  
    
  width: 60px;


  		





  8252
  8249
  
    
}


  		





  8253
  
  
    
/* line 493, ../sass/_items-list.scss */


  		





  
  8250
  
    
/* line 490, ../sass/_items-list.scss */


  		





  8254
  8251
  
    
.building .img-wrap .complete {


  		





  8255
  8252
  
    
  width: 0%;


  		





  8256
  8253
  
    
  position: absolute;


  		












Also available in:
  Unified diff