Revision c2c9975a

b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/common.js
55 55
	var vm_container = $('.vms li .container');
56 56
	var vm_img = vm_container.find('.img-wrap');
57 57

  
58
	vm_img.mouseenter(
58
	$('.vms li .container .img').mouseenter(
59 59
      function (e) {
60
        $(this).parents('.container').find('.options').slideDown();
60
        $(this).parents('.container').find('.options').fadeIn();
61 61
      }
62 62
    );
63 63

  
64 64
    $('li .container .options').mouseleave(
65 65
        function(e){
66
        	var checkbox = $(this).find('.custom_checkbox');
67

  
68
	        if (checkbox.hasClass('checkbox-checked')){
69
	            checkbox.parents('.container').find('.more_checkbox').html(checkbox.clone());
70
	            
71
	        } else {
72
	        	 checkbox.parents('.container').find('.more_checkbox').html('');
73
	        }
74
            $('li .container .options').hide();
75
            
76
            
66
            $('li .container .options').fadeOut();
77 67
        }
78 68
    );
79 69

  
......
85 75
        
86 76
        if(checkbox.hasClass('checkbox-checked')){
87 77
            checkbox.html('b');
78
            $(this).parents('.container').find('.options').fadeOut();
79
            
80
        }
81
        else{
82
            checkbox.html('a'); 
83
      
84
        }
85
        if (checkbox.hasClass('checkbox-checked')){
86
            checkbox.parents('.container').find('.more_checkbox').html(checkbox.clone());
87
            
88
        } else {
89
        	 checkbox.parents('.container').find('.more_checkbox').html('');
90
        }
91
        ui.cntCheckbox();
92
    })
93
    $('.more_checkbox').on('click', function(e){
94
    	
95
        var checkbox = $(this).find('span');
96
        checkbox.toggleClass('checkbox-checked');
97
        var self = $(this);
98
        if(checkbox.hasClass('checkbox-checked')){
99
            checkbox.html('b');
100
            $(this).parents('.container').find('.options').fadeOut();
101
            self.parents('.container').find('.custom_checkbox').addClass('checkbox-checked');
102
            self.parents('.container').find('.custom_checkbox').html('b');
103
            
88 104
        }
89 105
        else{
90 106
            checkbox.html('a'); 
107
            self.parents('.container').find('.custom_checkbox').removeClass('checkbox-checked');
108
            self.parents('.container').find('.custom_checkbox').html('a');
91 109
      
92 110
        }
111

  
112
        
113
        if (!(checkbox.hasClass('checkbox-checked'))){
114
         	self.html('');
115
        }
93 116
        ui.cntCheckbox();
94 117
    })
95 118
}
b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/app.scss
212 212
	background:$white;
213 213
	.logo {
214 214
		text-align: center;
215
		img {
216
			max-height: 30px;			
217
		}
215 218
	}
216 219
	.actions {
217 220
		text-align:center;
......
221 224
		margin:2*$header-padding-vertical 0 $header-padding-vertical;
222 225
		.main-actions {
223 226
			position:relative;
224
			top:95px;
227
			top:86px;
228
			margin:0 -40px;
229
			border-bottom:1px solid lighten($primary-color,20%);
225 230
		}
226 231
		ul {
227 232
			margin:0;
......
418 423
				color:$secondary-color;
419 424
				font-weight: bold;
420 425
				font-size:emCalc(27px);
421

  
426
				cursor: pointer;
422 427
			}
423 428

  
424 429
		}
......
436 441
	.items-list li .os {
437 442
		background-size:80%;
438 443
	}
439
	li:hover,
444
	li:hover {
445
		background:lighten($primary-color,35%);
446
	}
440 447
	li.current {
441 448
		background:lighten($primary-color,30%);
442 449
		cursor: pointer;
450

  
443 451
	}
452

  
444 453
}
445 454

  
446 455
.vm {
......
519 528
.border-bottom-style1 {
520 529
	padding-bottom:20px;
521 530
	margin-bottom:20px;
522
	border-bottom:2px dashed $primary-color;
531
	border-bottom:1px dashed $primary-color;
523 532
}
524 533

  
525 534
.overlay {
526 535
	background:$secondary-color;
536
	position: relative;
537
	z-index:1;
527 538
	.lt-sidebar {
528 539
		border-right:1px solid $white;
529 540
		ul {
b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css
4931 4931
  height: 100%;
4932 4932
  width: 100%;
4933 4933
  background: black;
4934
  background: rgba(0, 0, 0, 0.6);
4934
  background: rgba(0, 0, 0, 0.8);
4935 4935
  z-index: 98;
4936 4936
  display: none;
4937 4937
  top: 0;
......
6957 6957
.header .logo {
6958 6958
  text-align: center;
6959 6959
}
6960
/* line 216, ../sass/app.scss */
6960
/* line 215, ../sass/app.scss */
6961
.header .logo img {
6962
  max-height: 30px;
6963
}
6964
/* line 219, ../sass/app.scss */
6961 6965
.header .actions {
6962 6966
  text-align: center;
6963 6967
  height: 45px;
......
6965 6969
  position: relative;
6966 6970
  margin: 2.5em 0 1.25em;
6967 6971
}
6968
/* line 222, ../sass/app.scss */
6972
/* line 225, ../sass/app.scss */
6969 6973
.header .actions .main-actions {
6970 6974
  position: relative;
6971
  top: 95px;
6975
  top: 86px;
6976
  margin: 0 -40px;
6977
  border-bottom: 1px solid #c5c5c6;
6972 6978
}
6973
/* line 226, ../sass/app.scss */
6979
/* line 231, ../sass/app.scss */
6974 6980
.header .actions ul {
6975 6981
  margin: 0;
6976 6982
}
6977
/* line 228, ../sass/app.scss */
6983
/* line 233, ../sass/app.scss */
6978 6984
.header .actions ul li {
6979 6985
  list-style: none outside none;
6980 6986
  display: inline-block;
6981 6987
  margin: 0 5px;
6982 6988
}
6983
/* line 232, ../sass/app.scss */
6989
/* line 237, ../sass/app.scss */
6984 6990
.header .actions ul li a {
6985 6991
  display: block;
6986 6992
  color: #dfdfdf;
......
6988 6994
  padding: 8px 20px;
6989 6995
  border: 1px solid transparent;
6990 6996
}
6991
/* line 238, ../sass/app.scss */
6997
/* line 243, ../sass/app.scss */
6992 6998
.header .actions ul li a.active {
6993 6999
  color: #919194;
6994 7000
}
6995
/* line 240, ../sass/app.scss */
7001
/* line 245, ../sass/app.scss */
6996 7002
.header .actions ul li a.active:hover {
6997 7003
  border: 1px solid #ff7bac;
6998 7004
  cursor: pointer;
6999 7005
}
7000
/* line 245, ../sass/app.scss */
7006
/* line 250, ../sass/app.scss */
7001 7007
.header .actions ul li a:hover {
7002 7008
  cursor: default;
7003 7009
}
7004
/* line 253, ../sass/app.scss */
7010
/* line 258, ../sass/app.scss */
7005 7011
.header .new-btn {
7006 7012
  position: absolute;
7007 7013
  left: 0;
7008 7014
  bottom: 0;
7009 7015
}
7010
/* line 259, ../sass/app.scss */
7016
/* line 264, ../sass/app.scss */
7011 7017
.header .new-btn a span {
7012 7018
  font-size: 1.25em;
7013 7019
}
7014 7020

  
7015
/* line 265, ../sass/app.scss */
7021
/* line 270, ../sass/app.scss */
7016 7022
.login {
7017 7023
  position: absolute;
7018 7024
  right: 2.5em;
7019 7025
  top: 1.25em;
7020 7026
}
7021 7027

  
7022
/* line 271, ../sass/app.scss */
7028
/* line 276, ../sass/app.scss */
7023 7029
.top-nav {
7024 7030
  position: absolute;
7025 7031
  left: 2.5em;
7026 7032
  top: 1.25em;
7027 7033
}
7028
/* line 275, ../sass/app.scss */
7034
/* line 280, ../sass/app.scss */
7029 7035
.top-nav ul {
7030 7036
  margin: 0;
7031 7037
  padding: 0;
7032 7038
}
7033
/* line 277, ../sass/app.scss */
7039
/* line 282, ../sass/app.scss */
7034 7040
.top-nav ul li {
7035 7041
  display: inline-block;
7036 7042
  margin-right: 15px;
7037 7043
}
7038
/* line 280, ../sass/app.scss */
7044
/* line 285, ../sass/app.scss */
7039 7045
.top-nav ul li a {
7040 7046
  padding-bottom: 5px;
7041 7047
}
7042 7048

  
7043
/* line 291, ../sass/app.scss */
7049
/* line 296, ../sass/app.scss */
7044 7050
.top-info {
7045 7051
  padding: 50px 100px;
7046 7052
  position: relative;
7047 7053
  display: none;
7048 7054
}
7049
/* line 295, ../sass/app.scss */
7055
/* line 300, ../sass/app.scss */
7050 7056
.top-info .close {
7051 7057
  position: absolute;
7052 7058
  right: 2.5em;
......
7059 7065
  overflow: hidden;
7060 7066
}
7061 7067

  
7062
/* line 304, ../sass/app.scss */
7068
/* line 309, ../sass/app.scss */
7063 7069
.info.error {
7064 7070
  background: #ff5c58;
7065 7071
  color: white;
7066 7072
}
7067 7073

  
7068
/* line 310, ../sass/app.scss */
7074
/* line 315, ../sass/app.scss */
7069 7075
.info.alert {
7070 7076
  background: #ff7bac;
7071 7077
  color: white;
7072 7078
}
7073 7079

  
7074
/* line 315, ../sass/app.scss */
7080
/* line 320, ../sass/app.scss */
7075 7081
.info.warning {
7076 7082
  background: #919194;
7077 7083
  color: white;
7078 7084
}
7079 7085

  
7080
/* line 320, ../sass/app.scss */
7086
/* line 325, ../sass/app.scss */
7081 7087
.info.success {
7082 7088
  background: #00a551;
7083 7089
  color: white;
7084 7090
}
7085 7091

  
7086
/* line 325, ../sass/app.scss */
7092
/* line 330, ../sass/app.scss */
7087 7093
.items-list {
7088 7094
  padding: 25px 0;
7089 7095
}
7090
/* line 327, ../sass/app.scss */
7096
/* line 332, ../sass/app.scss */
7091 7097
.items-list li {
7092 7098
  text-align: center;
7093 7099
  padding: 20px;
7094 7100
}
7095
/* line 331, ../sass/app.scss */
7101
/* line 336, ../sass/app.scss */
7096 7102
.items-list li .visible-info span {
7097 7103
  display: block;
7098 7104
}
7099 7105

  
7100
/* line 342, ../sass/app.scss */
7106
/* line 347, ../sass/app.scss */
7101 7107
.vms .items-list li .add-new a {
7102 7108
  margin: 0 20px;
7103 7109
  display: block;
......
7106 7112
  padding: 65px 30px 15px;
7107 7113
  border: 2px dashed #919194;
7108 7114
}
7109
/* line 349, ../sass/app.scss */
7115
/* line 354, ../sass/app.scss */
7110 7116
.vms .items-list li .add-new a:hover {
7111 7117
  border-color: #ff7bac;
7112 7118
  color: #ff7bac;
7113 7119
}
7114
/* line 355, ../sass/app.scss */
7120
/* line 360, ../sass/app.scss */
7115 7121
.vms .items-list li .img {
7116 7122
  background: url("../images/vm-on.png") no-repeat center center;
7117 7123
  width: 56px;
......
7122 7128
  margin-bottom: 20px;
7123 7129
  position: relative;
7124 7130
}
7125
/* line 359, ../sass/app.scss */
7131
/* line 364, ../sass/app.scss */
7126 7132
.vms .items-list li .img.stopped {
7127 7133
  background-image: url("../images/vm-stopped.png");
7128 7134
}
7129
/* line 362, ../sass/app.scss */
7135
/* line 367, ../sass/app.scss */
7130 7136
.vms .items-list li .img .os {
7131 7137
  background: url("../images/os-unknown.png") no-repeat center center;
7132 7138
  width: 22px;
......
7138 7144
  top: 8px;
7139 7145
  left: 18px;
7140 7146
}
7141
/* line 367, ../sass/app.scss */
7147
/* line 372, ../sass/app.scss */
7142 7148
.vms .items-list li .img .os.windows {
7143 7149
  background-image: url("../images/os-windows.png");
7144 7150
}
7145
/* line 368, ../sass/app.scss */
7151
/* line 373, ../sass/app.scss */
7146 7152
.vms .items-list li .img .os.kubuntu {
7147 7153
  background-image: url("../images/os-kubuntu.png");
7148 7154
}
7149
/* line 369, ../sass/app.scss */
7155
/* line 374, ../sass/app.scss */
7150 7156
.vms .items-list li .img .os.fedora {
7151 7157
  background-image: url("../images/os-fedora.png");
7152 7158
}
7153
/* line 374, ../sass/app.scss */
7159
/* line 379, ../sass/app.scss */
7154 7160
.vms .items-list li .container {
7155 7161
  border: 1px solid transparent;
7156 7162
  margin: 0 20px;
7157 7163
  padding: 20px 0;
7158 7164
  position: relative;
7159 7165
}
7160
/* line 379, ../sass/app.scss */
7166
/* line 384, ../sass/app.scss */
7161 7167
.vms .items-list li .container .options {
7162 7168
  width: 100%;
7163 7169
  height: 100%;
......
7168 7174
  display: none;
7169 7175
  z-index: 1;
7170 7176
}
7171
/* line 389, ../sass/app.scss */
7177
/* line 394, ../sass/app.scss */
7172 7178
.vms .items-list li .container .options .wrap {
7173 7179
  height: 190px;
7174 7180
  padding: 15px 30px;
7175 7181
  text-align: left;
7176 7182
  border: 1px solid #ff7bac;
7177 7183
}
7178
/* line 394, ../sass/app.scss */
7184
/* line 399, ../sass/app.scss */
7179 7185
.vms .items-list li .container .options .wrap a {
7180 7186
  font-size: 1.6875em;
7181 7187
  color: #919194;
7182 7188
  line-height: 45px;
7183 7189
  font-weight: bold;
7184 7190
}
7185
/* line 399, ../sass/app.scss */
7191
/* line 404, ../sass/app.scss */
7186 7192
.vms .items-list li .container .options .wrap a .custom_checkbox {
7187 7193
  color: #ff7bac;
7188 7194
  position: relative;
7189 7195
  top: 5px;
7190 7196
}
7191
/* line 404, ../sass/app.scss */
7197
/* line 409, ../sass/app.scss */
7192 7198
.vms .items-list li .container .options .wrap a span {
7193 7199
  float: right;
7194 7200
}
7195
/* line 407, ../sass/app.scss */
7201
/* line 412, ../sass/app.scss */
7196 7202
.vms .items-list li .container .options .wrap a:hover {
7197 7203
  color: #ff7bac;
7198 7204
}
7199
/* line 414, ../sass/app.scss */
7205
/* line 419, ../sass/app.scss */
7200 7206
.vms .items-list li .more_checkbox {
7201 7207
  position: absolute;
7202 7208
  right: 31px;
......
7204 7210
  color: #ff7bac;
7205 7211
  font-weight: bold;
7206 7212
  font-size: 1.6875em;
7213
  cursor: pointer;
7207 7214
}
7208 7215

  
7209
/* line 428, ../sass/app.scss */
7216
/* line 433, ../sass/app.scss */
7210 7217
.lt-sidebar.vms {
7211 7218
  overflow: scroll;
7212 7219
  height: 300px;
7213 7220
  font-size: 0.75em;
7214 7221
}
7215
/* line 432, ../sass/app.scss */
7222
/* line 437, ../sass/app.scss */
7216 7223
.lt-sidebar.vms .items-list {
7217 7224
  padding: 0;
7218 7225
}
7219
/* line 436, ../sass/app.scss */
7226
/* line 441, ../sass/app.scss */
7220 7227
.lt-sidebar.vms .items-list li .img,
7221 7228
.lt-sidebar.vms .items-list li .os {
7222 7229
  background-size: 80%;
7223 7230
}
7224
/* line 440, ../sass/app.scss */
7225
.lt-sidebar.vms li:hover,
7231
/* line 444, ../sass/app.scss */
7232
.lt-sidebar.vms li:hover {
7233
  background: #ebebec;
7234
}
7235
/* line 447, ../sass/app.scss */
7226 7236
.lt-sidebar.vms li.current {
7227 7237
  background: #dfdfdf;
7228 7238
  cursor: pointer;
7229 7239
}
7230 7240

  
7231
/* line 447, ../sass/app.scss */
7241
/* line 456, ../sass/app.scss */
7232 7242
.vm .img {
7233 7243
  background: url("../images/vm-on.png") no-repeat center center;
7234 7244
  width: 56px;
......
7239 7249
  margin-bottom: 20px;
7240 7250
  position: relative;
7241 7251
}
7242
/* line 451, ../sass/app.scss */
7252
/* line 460, ../sass/app.scss */
7243 7253
.vm .img.stopped {
7244 7254
  background-image: url("../images/vm-stopped.png");
7245 7255
}
7246
/* line 454, ../sass/app.scss */
7256
/* line 463, ../sass/app.scss */
7247 7257
.vm .img .os {
7248 7258
  background: url("../images/os-unknown.png") no-repeat center center;
7249 7259
  width: 22px;
......
7255 7265
  top: 8px;
7256 7266
  left: 18px;
7257 7267
}
7258
/* line 459, ../sass/app.scss */
7268
/* line 468, ../sass/app.scss */
7259 7269
.vm .img .os.windows {
7260 7270
  background-image: url("../images/os-windows.png");
7261 7271
}
7262
/* line 460, ../sass/app.scss */
7272
/* line 469, ../sass/app.scss */
7263 7273
.vm .img .os.kubuntu {
7264 7274
  background-image: url("../images/os-kubuntu.png");
7265 7275
}
7266
/* line 461, ../sass/app.scss */
7276
/* line 470, ../sass/app.scss */
7267 7277
.vm .img .os.fedora {
7268 7278
  background-image: url("../images/os-fedora.png");
7269 7279
}
7270 7280

  
7271
/* line 466, ../sass/app.scss */
7281
/* line 475, ../sass/app.scss */
7272 7282
.details {
7273 7283
  position: relative;
7274 7284
}
7275
/* line 469, ../sass/app.scss */
7285
/* line 478, ../sass/app.scss */
7276 7286
.details .top {
7277 7287
  padding: 100px 2.5em;
7278 7288
  text-align: center;
7279 7289
}
7280
/* line 472, ../sass/app.scss */
7290
/* line 481, ../sass/app.scss */
7281 7291
.details .top .img {
7282 7292
  background: url("../images/vm-on.png") no-repeat center center;
7283 7293
  width: 112px;
......
7287 7297
  overflow: hidden;
7288 7298
  background-size: 100%;
7289 7299
}
7290
/* line 476, ../sass/app.scss */
7300
/* line 485, ../sass/app.scss */
7291 7301
.details .top .os {
7292 7302
  background-size: 100%;
7293 7303
  width: 44px;
......
7295 7305
  left: 36px;
7296 7306
  top: 16px;
7297 7307
}
7298
/* line 484, ../sass/app.scss */
7308
/* line 493, ../sass/app.scss */
7299 7309
.details .top .actions ul {
7300 7310
  padding: 1em;
7301 7311
  text-align: center;
7302 7312
}
7303
/* line 487, ../sass/app.scss */
7313
/* line 496, ../sass/app.scss */
7304 7314
.details .top .actions ul li {
7305 7315
  list-style: none outside none;
7306 7316
  display: inline-block;
7307 7317
  margin: 0 10px;
7308 7318
  min-width: 112px;
7309 7319
}
7310
/* line 502, ../sass/app.scss */
7320
/* line 511, ../sass/app.scss */
7311 7321
.details .info dl {
7312 7322
  margin: 0;
7313 7323
}
7314
/* line 504, ../sass/app.scss */
7324
/* line 513, ../sass/app.scss */
7315 7325
.details .info dl dt {
7316 7326
  display: inline-block;
7317 7327
  width: 25%;
7318 7328
  float: left;
7319 7329
}
7320
/* line 511, ../sass/app.scss */
7330
/* line 520, ../sass/app.scss */
7321 7331
.details .close {
7322 7332
  position: absolute;
7323 7333
  right: 2.5em;
......
7330 7340
  overflow: hidden;
7331 7341
}
7332 7342

  
7333
/* line 519, ../sass/app.scss */
7343
/* line 528, ../sass/app.scss */
7334 7344
.border-bottom-style1 {
7335 7345
  padding-bottom: 20px;
7336 7346
  margin-bottom: 20px;
7337
  border-bottom: 2px dashed #919194;
7347
  border-bottom: 1px dashed #919194;
7338 7348
}
7339 7349

  
7340
/* line 525, ../sass/app.scss */
7350
/* line 534, ../sass/app.scss */
7341 7351
.overlay {
7342 7352
  background: #ff7bac;
7353
  position: relative;
7354
  z-index: 1;
7343 7355
}
7344
/* line 527, ../sass/app.scss */
7356
/* line 538, ../sass/app.scss */
7345 7357
.overlay .lt-sidebar {
7346 7358
  border-right: 1px solid white;
7347 7359
}
7348
/* line 530, ../sass/app.scss */
7360
/* line 541, ../sass/app.scss */
7349 7361
.overlay .lt-sidebar ul li {
7350 7362
  list-style: none outside none;
7351 7363
}
7352
/* line 532, ../sass/app.scss */
7364
/* line 543, ../sass/app.scss */
7353 7365
.overlay .lt-sidebar ul li a {
7354 7366
  color: white;
7355 7367
}
7356
/* line 534, ../sass/app.scss */
7368
/* line 545, ../sass/app.scss */
7357 7369
.overlay .lt-sidebar ul li a span {
7358 7370
  float: right;
7359 7371
  display: none;
7360 7372
}
7361
/* line 536, ../sass/app.scss */
7373
/* line 547, ../sass/app.scss */
7362 7374
.overlay .lt-sidebar ul li a:hover, .overlay .lt-sidebar ul li a.current {
7363 7375
  text-decoration: none;
7364 7376
}
7365
/* line 539, ../sass/app.scss */
7377
/* line 550, ../sass/app.scss */
7366 7378
.overlay .lt-sidebar ul li a:hover span, .overlay .lt-sidebar ul li a.current span {
7367 7379
  display: inline;
7368 7380
}
7369
/* line 550, ../sass/app.scss */
7381
/* line 561, ../sass/app.scss */
7370 7382
.overlay .lt-sidebar,
7371 7383
.overlay .main {
7372 7384
  padding: 100px 2.5em;
7373 7385
  position: relative;
7374 7386
}
7375
/* line 555, ../sass/app.scss */
7387
/* line 566, ../sass/app.scss */
7376 7388
.overlay .navigation .rt {
7377 7389
  float: right;
7378 7390
}
7379
/* line 559, ../sass/app.scss */
7391
/* line 570, ../sass/app.scss */
7380 7392
.overlay .close {
7381 7393
  position: absolute;
7382 7394
  right: 2.5em;
......
7389 7401
  overflow: hidden;
7390 7402
}
7391 7403

  
7392
/* line 569, ../sass/app.scss */
7404
/* line 580, ../sass/app.scss */
7393 7405
.create-vm .select-os li {
7394 7406
  width: 23%;
7395 7407
  padding: 20px;
......
7399 7411
  height: 200px;
7400 7412
  margin: 0 10px 10px 0;
7401 7413
}
7402
/* line 578, ../sass/app.scss */
7414
/* line 589, ../sass/app.scss */
7403 7415
.create-vm .select-os li:hover, .create-vm .select-os li.selected {
7404 7416
  background: white;
7405 7417
}
7406
/* line 580, ../sass/app.scss */
7418
/* line 591, ../sass/app.scss */
7407 7419
.create-vm .select-os li:hover h2, .create-vm .select-os li:hover p, .create-vm .select-os li:hover a, .create-vm .select-os li.selected h2, .create-vm .select-os li.selected p, .create-vm .select-os li.selected a {
7408 7420
  color: #ff7bac;
7409 7421
}
7410
/* line 584, ../sass/app.scss */
7422
/* line 595, ../sass/app.scss */
7411 7423
.create-vm .select-os li a {
7412 7424
  color: white;
7413 7425
}
7414
/* line 587, ../sass/app.scss */
7426
/* line 598, ../sass/app.scss */
7415 7427
.create-vm .select-os li .os {
7416 7428
  background: url("../images/os-unknown.png") no-repeat center center;
7417 7429
  width: 30px;
......
7422 7434
  background-size: 100%;
7423 7435
  margin-bottom: 2em;
7424 7436
}
7425
/* line 591, ../sass/app.scss */
7437
/* line 602, ../sass/app.scss */
7426 7438
.create-vm .select-os li .os.windows {
7427 7439
  background-image: url("../images/os-windows.png");
7428 7440
}
7429
/* line 592, ../sass/app.scss */
7441
/* line 603, ../sass/app.scss */
7430 7442
.create-vm .select-os li .os.kubuntu {
7431 7443
  background-image: url("../images/os-kubuntu.png");
7432 7444
}
7433
/* line 593, ../sass/app.scss */
7445
/* line 604, ../sass/app.scss */
7434 7446
.create-vm .select-os li .os.fedora {
7435 7447
  background-image: url("../images/os-fedora.png");
7436 7448
}
7437
/* line 595, ../sass/app.scss */
7449
/* line 606, ../sass/app.scss */
7438 7450
.create-vm .select-os li h2 {
7439 7451
  font-size: 1em;
7440 7452
  font-weight: normal;
7441 7453
  color: white;
7442 7454
}
7443
/* line 600, ../sass/app.scss */
7455
/* line 611, ../sass/app.scss */
7444 7456
.create-vm .select-os li .details {
7445 7457
  font-weight: bold;
7446 7458
  font-size: 0.875em;
7447 7459
}
7448
/* line 607, ../sass/app.scss */
7460
/* line 618, ../sass/app.scss */
7449 7461
.create-vm .select-flavor dl {
7450 7462
  color: white;
7451 7463
  font-size: 1.25em;
7452 7464
  margin-bottom: 10px;
7453 7465
}
7454
/* line 611, ../sass/app.scss */
7466
/* line 622, ../sass/app.scss */
7455 7467
.create-vm .select-flavor dl dd {
7456 7468
  width: 23%;
7457 7469
  display: inline-block;
7458 7470
}
7459
/* line 615, ../sass/app.scss */
7471
/* line 626, ../sass/app.scss */
7460 7472
.create-vm .select-flavor dl dt {
7461 7473
  width: 70%;
7462 7474
  display: inline-block;
7463 7475
  font-weight: normal;
7464 7476
}
7465
/* line 619, ../sass/app.scss */
7477
/* line 630, ../sass/app.scss */
7466 7478
.create-vm .select-flavor dl dt span {
7467 7479
  min-width: 90px;
7468 7480
  margin: 0 10px;
7469 7481
}
7470
/* line 623, ../sass/app.scss */
7482
/* line 634, ../sass/app.scss */
7471 7483
.create-vm .select-flavor dl dt span:first-child {
7472 7484
  margin-left: 0;
7473 7485
}
7474 7486

  
7475
/* line 633, ../sass/app.scss */
7487
/* line 644, ../sass/app.scss */
7476 7488
#vm-connect .info {
7477 7489
  font-style: italic;
7478 7490
  font-size: 0.8125em;
7479 7491
  color: #9e9ea1;
7480 7492
}
7481
/* line 638, ../sass/app.scss */
7493
/* line 649, ../sass/app.scss */
7482 7494
#vm-connect .ssh {
7483 7495
  text-align: center;
7484 7496
}
7485
/* line 640, ../sass/app.scss */
7497
/* line 651, ../sass/app.scss */
7486 7498
#vm-connect .ssh span {
7487 7499
  padding: 10px 30px;
7488 7500
  background: #ff7bac;
7489 7501
  color: white;
7490 7502
}
7491
/* line 646, ../sass/app.scss */
7503
/* line 657, ../sass/app.scss */
7492 7504
#vm-connect a:hover {
7493 7505
  color: #ff7bac;
7494 7506
}
b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/styles.css
73 73

  
74 74
.action_links{
75 75
	display: inline-block;
76
	width: 130px;
77 76
	
78 77
}
78
.action_links a:hover {
79
	text-decoration: underline;
80
}
79 81

  
80 82
.btn_pinkb{
81 83
	width: 11.5em;
b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_details_v1.html
23 23
	</div>
24 24
	<div class="row-full">
25 25
		<header class="header">
26
			<!-- logo -->
26
			
27 27
			<div class="logo">
28
				<img src="http://dummyimage.com/300x100/000/fff" alt="software logo">
28
				<img src="images/logo_01.png" alt="software logo">
29 29
			</div>
30
			<div class="new-btn"><a href="vm_create_a_v1.html"><span>+</span> NEW MACHINE </a></div>
31
			<!-- icons-nav -->
30
			
32 31
			<nav class="top-nav icons-nav">
33 32
				
34 33
				<ul>
......
41 40
				 
42 41
			</nav>
43 42
			
44
			<!-- login functionality -->
45 43
			<div class="login">
46 44
				<a href="">test@grnet.gr</a>
47 45
			</div>
48
			<!-- extra actions -->
49
			<div class="actions">
46
			<div class="actions clearfix">
50 47
				
51
				<div class="lt-actions"></div>
48
				<div class="lt-actions">
49
					<div class="new-btn"><a href="vm_create_a_v1.html"><span>+</span> NEW MACHINE </a></div>
50
				</div>
52 51
				<div class="main-actions">
53 52
					<ul>
54
						<li><a href="">Reboot</a></li>
55
						<li><a href="">Shutdown</a></li>
56
						<li><a href="">Console</a></li>
57
						<li><a href="">Action1</a></li>
58
						<li><a href="">Action2</a></li>
53
						<li class="running"><a href="">Reboot</a></li>
54
						<li class="running"><a href="">Shutdown</a></li>
55
						<li class="running single"><a href="">Console</a></li>
56
						<li class="both"><a href="">Destroy</a></li>
57
						<li class="stopped"><a href="">Start</a></li>
59 58
					</ul>
60 59
				</div>
61 60
			</div>
62 61
		</header>
63
		
62
		<div class="info top-info alert">
63
			<div class="wrap">
64
				<p>ALERT!</p>
65

  
66
				<p>Nunc at velit quis lectus nonummy eleifend. Curabitur eros. Aenean ligula dolor, gravida auctor, auctor et, neque ut neque. In at libero. </p>
67
			</div>
68
			<a href="#" class="close" title="hide message">close</a>
69
		</div>
70

  
64 71
	</div>
65 72
	<div class="row-full wrapper">
66 73
		<div class="lt-sidebar vms">

Also available in: Unified diff