Revision 5b2f3030 snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css

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

  
6939 6939
/* line 200, ../sass/app.scss */
6940 6940
.main {
6941
  padding: 20px 40px;
6941
  padding: 43px 40px;
6942 6942
}
6943 6943

  
6944 6944
/* line 204, ../sass/app.scss */
......
7089 7089
  color: white;
7090 7090
}
7091 7091

  
7092
/* line 330, ../sass/app.scss */
7092
/* line 331, ../sass/app.scss */
7093 7093
.items-list {
7094 7094
  padding: 25px 0;
7095 7095
}
7096
/* line 332, ../sass/app.scss */
7096
/* line 333, ../sass/app.scss */
7097 7097
.items-list li {
7098 7098
  text-align: center;
7099 7099
  padding: 20px;
7100 7100
}
7101
/* line 335, ../sass/app.scss */
7102
.items-list li .visible-info {
7103
  margin: 0 25px;
7104
  position: relative;
7105
  color: #919194;
7106
}
7107
/* line 339, ../sass/app.scss */
7108
.items-list li .visible-info span {
7109
  display: block;
7110
  position: relative;
7111
}
7112
/* line 342, ../sass/app.scss */
7113
.items-list li .visible-info span em {
7114
  font-style: normal;
7115
  position: relative;
7116
}
7117

  
7118
/* line 355, ../sass/app.scss */
7119
.vms .items-list li .add-new a {
7101
/* line 337, ../sass/app.scss */
7102
.items-list li .add-new a {
7120 7103
  margin: 0 20px;
7121 7104
  display: block;
7122 7105
  font-weight: bold;
......
7124 7107
  padding: 65px 30px 15px;
7125 7108
  border: 2px dashed #919194;
7126 7109
}
7127
/* line 362, ../sass/app.scss */
7128
.vms .items-list li .add-new a:hover {
7110
/* line 344, ../sass/app.scss */
7111
.items-list li .add-new a:hover {
7129 7112
  border-color: #ff7bac;
7130 7113
  color: #ff7bac;
7131 7114
}
7132
/* line 368, ../sass/app.scss */
7133
.vms .items-list li .img {
7134
  background: url("../images/vm-on.png") no-repeat center center;
7135
  width: 56px;
7136
  height: 58px;
7137
  display: inline-block;
7138
  text-indent: -2000px;
7139
  overflow: hidden;
7115
/* line 350, ../sass/app.scss */
7116
.items-list li .img {
7140 7117
  margin-bottom: 20px;
7141 7118
  position: relative;
7119
  height: 58px;
7142 7120
}
7143
/* line 372, ../sass/app.scss */
7144
.vms .items-list li .img.stopped {
7145
  background-image: url("../images/vm-stopped.png");
7146
}
7147
/* line 375, ../sass/app.scss */
7148
.vms .items-list li .img .os {
7149
  background: url("../images/os-unknown.png") no-repeat center center;
7150
  width: 22px;
7151
  height: 22px;
7152
  display: inline-block;
7153
  text-indent: -2000px;
7154
  overflow: hidden;
7155
  position: absolute;
7156
  top: 8px;
7157
  left: 18px;
7158
}
7159
/* line 380, ../sass/app.scss */
7160
.vms .items-list li .img .os.windows {
7161
  background-image: url("../images/os-windows.png");
7162
}
7163
/* line 381, ../sass/app.scss */
7164
.vms .items-list li .img .os.kubuntu {
7165
  background-image: url("../images/os-kubuntu.png");
7166
}
7167
/* line 382, ../sass/app.scss */
7168
.vms .items-list li .img .os.fedora {
7169
  background-image: url("../images/os-fedora.png");
7170
}
7171
/* line 387, ../sass/app.scss */
7172
.vms .items-list li .container {
7121
/* line 355, ../sass/app.scss */
7122
.items-list li .container {
7173 7123
  border: 1px solid transparent;
7174 7124
  margin: 0 20px;
7175 7125
  padding: 25px 0;
7176 7126
  position: relative;
7177 7127
}
7178
/* line 388, ../sass/app.scss */
7179
.vms .items-list li .container.set-bg {
7128
/* line 356, ../sass/app.scss */
7129
.items-list li .container.set-bg {
7180 7130
  background: #dfdfdf;
7181 7131
}
7182
/* line 389, ../sass/app.scss */
7183
.vms .items-list li .container.set-border {
7132
/* line 357, ../sass/app.scss */
7133
.items-list li .container.set-border {
7184 7134
  border-color: #ff7bac;
7185 7135
}
7186
/* line 394, ../sass/app.scss */
7187
.vms .items-list li .container .options {
7136
/* line 362, ../sass/app.scss */
7137
.items-list li .container .options {
7188 7138
  width: 100%;
7189 7139
  text-align: center;
7190 7140
  position: absolute;
......
7193 7143
  display: none;
7194 7144
  z-index: 1;
7195 7145
}
7196
/* line 402, ../sass/app.scss */
7197
.vms .items-list li .container .options .wrap {
7146
/* line 370, ../sass/app.scss */
7147
.items-list li .container .options .wrap {
7198 7148
  height: 100%;
7199 7149
  padding: 25px;
7200 7150
  text-align: left;
7201 7151
}
7202
/* line 406, ../sass/app.scss */
7203
.vms .items-list li .container .options .wrap a {
7152
/* line 374, ../sass/app.scss */
7153
.items-list li .container .options .wrap a {
7204 7154
  font-size: 1.6875em;
7205 7155
  display: block;
7206 7156
  color: #919194;
......
7208 7158
  margin-bottom: 10px;
7209 7159
  font-weight: bold;
7210 7160
}
7211
/* line 414, ../sass/app.scss */
7212
.vms .items-list li .container .options .wrap a:hover {
7161
/* line 382, ../sass/app.scss */
7162
.items-list li .container .options .wrap a:hover {
7213 7163
  color: #ff7bac;
7214 7164
}
7215
/* line 421, ../sass/app.scss */
7216
.vms .items-list li .check {
7165
/* line 389, ../sass/app.scss */
7166
.items-list li .check {
7217 7167
  position: absolute;
7218 7168
  right: 10px;
7219 7169
  top: 5px;
......
7224 7174
  cursor: pointer;
7225 7175
  z-index: 10;
7226 7176
}
7227
/* line 431, ../sass/app.scss */
7228
.vms .items-list li .check span {
7177
/* line 399, ../sass/app.scss */
7178
.items-list li .check span {
7229 7179
  position: relative;
7230 7180
  z-index: 10;
7231 7181
}
7182
/* line 401, ../sass/app.scss */
7183
.items-list li .visible-info {
7184
  margin: 0 25px;
7185
  position: relative;
7186
  color: #919194;
7187
  overflow: hidden;
7188
}
7189
/* line 406, ../sass/app.scss */
7190
.items-list li .visible-info span {
7191
  display: block;
7192
  position: relative;
7193
}
7194
/* line 407, ../sass/app.scss */
7195
.items-list li .visible-info span.title {
7196
  white-space: nowrap;
7197
}
7198
/* line 412, ../sass/app.scss */
7199
.items-list li .visible-info span em {
7200
  font-style: normal;
7201
  position: relative;
7202
}
7232 7203

  
7233
/* line 438, ../sass/app.scss */
7234
.lt-sidebar.vms {
7204
/* line 422, ../sass/app.scss */
7205
.lt-sidebar {
7206
  margin-top: 43px;
7235 7207
  overflow: scroll;
7236 7208
  height: 300px;
7237 7209
  font-size: 0.75em;
7238 7210
}
7239
/* line 442, ../sass/app.scss */
7240
.lt-sidebar.vms .items-list {
7211
/* line 427, ../sass/app.scss */
7212
.lt-sidebar .items-list {
7241 7213
  padding: 0;
7242 7214
}
7243
/* line 446, ../sass/app.scss */
7244
.lt-sidebar.vms .items-list li .img,
7245
.lt-sidebar.vms .items-list li .os {
7215
/* line 431, ../sass/app.scss */
7216
.lt-sidebar .items-list li .img,
7217
.lt-sidebar .items-list li .os {
7246 7218
  background-size: 80%;
7247 7219
}
7248
/* line 449, ../sass/app.scss */
7249
.lt-sidebar.vms li:hover {
7220
/* line 434, ../sass/app.scss */
7221
.lt-sidebar li:hover {
7250 7222
  background: #ebebec;
7251 7223
}
7252
/* line 452, ../sass/app.scss */
7253
.lt-sidebar.vms li.current {
7224
/* line 437, ../sass/app.scss */
7225
.lt-sidebar li.current {
7254 7226
  background: #dfdfdf;
7255 7227
  cursor: pointer;
7256 7228
}
7257 7229

  
7258
/* line 461, ../sass/app.scss */
7259
.vm .img {
7230
/* line 446, ../sass/app.scss */
7231
.vms .items-list .img {
7260 7232
  background: url("../images/vm-on.png") no-repeat center center;
7261 7233
  width: 56px;
7262 7234
  height: 58px;
7263 7235
  display: inline-block;
7264 7236
  text-indent: -2000px;
7265 7237
  overflow: hidden;
7266
  margin-bottom: 20px;
7267
  position: relative;
7268 7238
}
7269
/* line 465, ../sass/app.scss */
7270
.vm .img.stopped {
7239
/* line 449, ../sass/app.scss */
7240
.vms .items-list .img.stopped {
7271 7241
  background-image: url("../images/vm-stopped.png");
7272 7242
}
7273
/* line 468, ../sass/app.scss */
7274
.vm .img .os {
7243
/* line 452, ../sass/app.scss */
7244
.vms .items-list .img .os {
7275 7245
  background: url("../images/os-unknown.png") no-repeat center center;
7276 7246
  width: 22px;
7277 7247
  height: 22px;
......
7282 7252
  top: 8px;
7283 7253
  left: 18px;
7284 7254
}
7285
/* line 473, ../sass/app.scss */
7286
.vm .img .os.windows {
7255
/* line 457, ../sass/app.scss */
7256
.vms .items-list .img .os.windows {
7287 7257
  background-image: url("../images/os-windows.png");
7288 7258
}
7289
/* line 474, ../sass/app.scss */
7290
.vm .img .os.kubuntu {
7259
/* line 458, ../sass/app.scss */
7260
.vms .items-list .img .os.kubuntu {
7291 7261
  background-image: url("../images/os-kubuntu.png");
7292 7262
}
7293
/* line 475, ../sass/app.scss */
7294
.vm .img .os.fedora {
7263
/* line 459, ../sass/app.scss */
7264
.vms .items-list .img .os.fedora {
7295 7265
  background-image: url("../images/os-fedora.png");
7296 7266
}
7297 7267

  
7298
/* line 480, ../sass/app.scss */
7299
.details {
7300
  position: relative;
7301
}
7302
/* line 483, ../sass/app.scss */
7303
.details .top {
7304
  padding: 100px 2.5em;
7305
  text-align: center;
7306
}
7307
/* line 486, ../sass/app.scss */
7308
.details .top .img {
7268
/* line 468, ../sass/app.scss */
7269
.vm .top .img {
7309 7270
  background: url("../images/vm-on.png") no-repeat center center;
7310 7271
  width: 112px;
7311 7272
  height: 116px;
7312 7273
  display: inline-block;
7313 7274
  text-indent: -2000px;
7314 7275
  overflow: hidden;
7315
  background-size: 100%;
7316 7276
}
7317
/* line 490, ../sass/app.scss */
7318
.details .top .os {
7277
/* line 471, ../sass/app.scss */
7278
.vm .top.stopped {
7279
  background-image: url("../images/vm-stopped.png");
7280
}
7281
/* line 474, ../sass/app.scss */
7282
.vm .top .os {
7283
  background: url("../images/os-unknown.png") no-repeat center center;
7284
  width: 22px;
7285
  height: 22px;
7286
  display: inline-block;
7287
  text-indent: -2000px;
7288
  overflow: hidden;
7289
  position: absolute;
7319 7290
  background-size: 100%;
7320 7291
  width: 44px;
7321 7292
  height: 44px;
7322 7293
  left: 36px;
7323 7294
  top: 16px;
7324 7295
}
7325
/* line 498, ../sass/app.scss */
7296
/* line 482, ../sass/app.scss */
7297
.vm .top .os.windows {
7298
  background-image: url("../images/os-windows.png");
7299
}
7300
/* line 483, ../sass/app.scss */
7301
.vm .top .os.kubuntu {
7302
  background-image: url("../images/os-kubuntu.png");
7303
}
7304
/* line 484, ../sass/app.scss */
7305
.vm .top .os.fedora {
7306
  background-image: url("../images/os-fedora.png");
7307
}
7308

  
7309
/* line 489, ../sass/app.scss */
7310
.details {
7311
  position: relative;
7312
}
7313
/* line 492, ../sass/app.scss */
7314
.details .top {
7315
  padding: 100px 2.5em;
7316
  text-align: center;
7317
}
7318
/* line 495, ../sass/app.scss */
7319
.details .top .img {
7320
  background-size: 100%;
7321
  margin-bottom: 20px;
7322
  position: relative;
7323
}
7324
/* line 501, ../sass/app.scss */
7326 7325
.details .top .actions ul {
7327 7326
  padding: 1em;
7328 7327
  text-align: center;
7329 7328
}
7330
/* line 501, ../sass/app.scss */
7329
/* line 504, ../sass/app.scss */
7331 7330
.details .top .actions ul li {
7332 7331
  list-style: none outside none;
7333 7332
  display: inline-block;
7334 7333
  margin: 0 10px;
7335 7334
  min-width: 112px;
7336 7335
}
7337
/* line 516, ../sass/app.scss */
7336
/* line 519, ../sass/app.scss */
7338 7337
.details .info dl {
7339 7338
  margin: 0;
7340 7339
}
7341
/* line 518, ../sass/app.scss */
7340
/* line 521, ../sass/app.scss */
7342 7341
.details .info dl dt {
7343 7342
  display: inline-block;
7344 7343
  width: 25%;
7345 7344
  float: left;
7346 7345
}
7347
/* line 525, ../sass/app.scss */
7346
/* line 528, ../sass/app.scss */
7348 7347
.details .close {
7349 7348
  position: absolute;
7350 7349
  right: 2.5em;
......
7357 7356
  overflow: hidden;
7358 7357
}
7359 7358

  
7360
/* line 533, ../sass/app.scss */
7359
/* line 540, ../sass/app.scss */
7361 7360
.border-bottom-style1 {
7362 7361
  padding-bottom: 20px;
7363 7362
  margin-bottom: 20px;
7364 7363
  border-bottom: 1px dashed #919194;
7365 7364
}
7366 7365

  
7367
/* line 539, ../sass/app.scss */
7366
/* line 546, ../sass/app.scss */
7368 7367
.overlay {
7369 7368
  background: #ff7bac;
7370 7369
  position: relative;
7371 7370
  z-index: 1;
7372 7371
}
7373
/* line 543, ../sass/app.scss */
7372
/* line 550, ../sass/app.scss */
7374 7373
.overlay .lt-sidebar {
7375 7374
  border-right: 1px solid white;
7376 7375
}
7377
/* line 546, ../sass/app.scss */
7376
/* line 553, ../sass/app.scss */
7378 7377
.overlay .lt-sidebar ul li {
7379 7378
  list-style: none outside none;
7380 7379
}
7381
/* line 548, ../sass/app.scss */
7380
/* line 555, ../sass/app.scss */
7382 7381
.overlay .lt-sidebar ul li a {
7383 7382
  color: white;
7384 7383
}
7385
/* line 550, ../sass/app.scss */
7384
/* line 557, ../sass/app.scss */
7386 7385
.overlay .lt-sidebar ul li a span {
7387 7386
  float: right;
7388 7387
  display: none;
7389 7388
}
7390
/* line 552, ../sass/app.scss */
7389
/* line 559, ../sass/app.scss */
7391 7390
.overlay .lt-sidebar ul li a:hover, .overlay .lt-sidebar ul li a.current {
7392 7391
  text-decoration: none;
7393 7392
}
7394
/* line 555, ../sass/app.scss */
7393
/* line 562, ../sass/app.scss */
7395 7394
.overlay .lt-sidebar ul li a:hover span, .overlay .lt-sidebar ul li a.current span {
7396 7395
  display: inline;
7397 7396
}
7398
/* line 566, ../sass/app.scss */
7397
/* line 573, ../sass/app.scss */
7399 7398
.overlay .lt-sidebar,
7400 7399
.overlay .main {
7401 7400
  padding: 100px 2.5em;
7402 7401
  position: relative;
7403 7402
}
7404
/* line 571, ../sass/app.scss */
7403
/* line 578, ../sass/app.scss */
7405 7404
.overlay .navigation .rt {
7406 7405
  float: right;
7407 7406
}
7408
/* line 575, ../sass/app.scss */
7407
/* line 582, ../sass/app.scss */
7409 7408
.overlay .close {
7410 7409
  position: absolute;
7411 7410
  right: 2.5em;
......
7418 7417
  overflow: hidden;
7419 7418
}
7420 7419

  
7421
/* line 585, ../sass/app.scss */
7420
/* line 592, ../sass/app.scss */
7422 7421
.create-vm .select-os li {
7423 7422
  width: 23%;
7424 7423
  padding: 20px;
......
7428 7427
  height: 200px;
7429 7428
  margin: 0 10px 10px 0;
7430 7429
}
7431
/* line 594, ../sass/app.scss */
7430
/* line 601, ../sass/app.scss */
7432 7431
.create-vm .select-os li:hover, .create-vm .select-os li.selected {
7433 7432
  background: white;
7434 7433
}
7435
/* line 596, ../sass/app.scss */
7434
/* line 603, ../sass/app.scss */
7436 7435
.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 {
7437 7436
  color: #ff7bac;
7438 7437
}
7439
/* line 600, ../sass/app.scss */
7438
/* line 607, ../sass/app.scss */
7440 7439
.create-vm .select-os li a {
7441 7440
  color: white;
7442 7441
}
7443
/* line 603, ../sass/app.scss */
7442
/* line 610, ../sass/app.scss */
7444 7443
.create-vm .select-os li .os {
7445 7444
  background: url("../images/os-unknown.png") no-repeat center center;
7446 7445
  width: 30px;
......
7451 7450
  background-size: 100%;
7452 7451
  margin-bottom: 2em;
7453 7452
}
7454
/* line 607, ../sass/app.scss */
7453
/* line 614, ../sass/app.scss */
7455 7454
.create-vm .select-os li .os.windows {
7456 7455
  background-image: url("../images/os-windows.png");
7457 7456
}
7458
/* line 608, ../sass/app.scss */
7457
/* line 615, ../sass/app.scss */
7459 7458
.create-vm .select-os li .os.kubuntu {
7460 7459
  background-image: url("../images/os-kubuntu.png");
7461 7460
}
7462
/* line 609, ../sass/app.scss */
7461
/* line 616, ../sass/app.scss */
7463 7462
.create-vm .select-os li .os.fedora {
7464 7463
  background-image: url("../images/os-fedora.png");
7465 7464
}
7466
/* line 611, ../sass/app.scss */
7465
/* line 618, ../sass/app.scss */
7467 7466
.create-vm .select-os li h2 {
7468 7467
  font-size: 1em;
7469 7468
  font-weight: normal;
7470 7469
  color: white;
7471 7470
}
7472
/* line 616, ../sass/app.scss */
7471
/* line 623, ../sass/app.scss */
7473 7472
.create-vm .select-os li .details {
7474 7473
  font-weight: bold;
7475 7474
  font-size: 0.875em;
7476 7475
}
7477
/* line 623, ../sass/app.scss */
7476
/* line 630, ../sass/app.scss */
7478 7477
.create-vm .select-flavor dl {
7479 7478
  color: white;
7480 7479
  font-size: 1.25em;
7481 7480
  margin-bottom: 10px;
7482 7481
}
7483
/* line 627, ../sass/app.scss */
7482
/* line 634, ../sass/app.scss */
7484 7483
.create-vm .select-flavor dl dd {
7485 7484
  width: 23%;
7486 7485
  display: inline-block;
7487 7486
}
7488
/* line 631, ../sass/app.scss */
7487
/* line 638, ../sass/app.scss */
7489 7488
.create-vm .select-flavor dl dt {
7490 7489
  width: 70%;
7491 7490
  display: inline-block;
7492 7491
  font-weight: normal;
7493 7492
}
7494
/* line 635, ../sass/app.scss */
7493
/* line 642, ../sass/app.scss */
7495 7494
.create-vm .select-flavor dl dt span {
7496 7495
  min-width: 90px;
7497 7496
  margin: 0 10px;
7498 7497
}
7499
/* line 639, ../sass/app.scss */
7498
/* line 646, ../sass/app.scss */
7500 7499
.create-vm .select-flavor dl dt span:first-child {
7501 7500
  margin-left: 0;
7502 7501
}
7503 7502

  
7504
/* line 649, ../sass/app.scss */
7503
/* line 656, ../sass/app.scss */
7505 7504
#vm-connect .info {
7506 7505
  font-style: italic;
7507 7506
  font-size: 0.8125em;
7508 7507
  color: #9e9ea1;
7509 7508
}
7510
/* line 654, ../sass/app.scss */
7509
/* line 661, ../sass/app.scss */
7511 7510
#vm-connect .ssh {
7512 7511
  text-align: center;
7513 7512
}
7514
/* line 656, ../sass/app.scss */
7513
/* line 663, ../sass/app.scss */
7515 7514
#vm-connect .ssh span {
7516 7515
  padding: 10px 30px;
7517 7516
  background: #ff7bac;
7518 7517
  color: white;
7519 7518
}
7520
/* line 662, ../sass/app.scss */
7519
/* line 669, ../sass/app.scss */
7521 7520
#vm-connect a:hover {
7522 7521
  color: #ff7bac;
7523 7522
}
7524 7523

  
7525
/* line 665, ../sass/app.scss */
7524
/* line 672, ../sass/app.scss */
7526 7525
.editable {
7527 7526
  text-align: center;
7528 7527
}
7529
/* line 667, ../sass/app.scss */
7528
/* line 674, ../sass/app.scss */
7530 7529
.editable input, .editable em {
7531 7530
  width: 70%;
7532 7531
  padding: 5px 10px;
......
7535 7534
  margin: 0 auto;
7536 7535
  font-size: inherit;
7537 7536
}
7538
/* line 675, ../sass/app.scss */
7537
/* line 682, ../sass/app.scss */
7539 7538
.editable input {
7540 7539
  display: none;
7541 7540
}
7542
/* line 678, ../sass/app.scss */
7541
/* line 685, ../sass/app.scss */
7543 7542
.editable em {
7544 7543
  overflow: hidden;
7545 7544
  white-space: nowrap;

Also available in: Unified diff