Revision 6e3d008c snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css

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

  
6923 6923
/* line 186, ../sass/app.scss */
6924 6924
.row-full {
6925
  width: 100%;
6925
  max-width: 1300px;
6926 6926
  margin: 0 auto;
6927 6927
}
6928 6928

  
......
7005 7005
}
7006 7006
/* line 248, ../sass/app.scss */
7007 7007
.header .actions ul li a.active:hover {
7008
  border: 1px solid #ff7bac;
7008
  color: #ff7bac;
7009 7009
  cursor: pointer;
7010 7010
}
7011 7011
/* line 253, ../sass/app.scss */
......
7102 7102
.items-list li {
7103 7103
  text-align: center;
7104 7104
  padding: 20px;
7105
  list-style: none;
7105 7106
}
7106
/* line 340, ../sass/app.scss */
7107
/* line 341, ../sass/app.scss */
7107 7108
.items-list li .add-new a {
7108 7109
  margin: 0 20px;
7109 7110
  display: block;
7110 7111
  font-weight: bold;
7111 7112
  height: 190px;
7112 7113
  padding: 65px 30px 15px;
7113
  border: 2px dashed #919194;
7114
  border: 1px dashed #919194;
7114 7115
}
7115
/* line 347, ../sass/app.scss */
7116
/* line 348, ../sass/app.scss */
7116 7117
.items-list li .add-new a:hover {
7117 7118
  border-color: #ff7bac;
7118 7119
  color: #ff7bac;
7119 7120
}
7120
/* line 353, ../sass/app.scss */
7121
/* line 354, ../sass/app.scss */
7121 7122
.items-list li .img-wrap {
7122 7123
  height: 78px;
7123 7124
}
7124
/* line 356, ../sass/app.scss */
7125
/* line 357, ../sass/app.scss */
7125 7126
.items-list li .img {
7126 7127
  margin-bottom: 20px;
7127 7128
  position: relative;
7128 7129
  height: 58px;
7129 7130
}
7130
/* line 361, ../sass/app.scss */
7131
/* line 362, ../sass/app.scss */
7131 7132
.items-list li .container {
7132 7133
  border: 1px solid transparent;
7133 7134
  margin: 0 20px;
7134 7135
  padding: 25px 0;
7135 7136
  position: relative;
7136 7137
}
7137
/* line 362, ../sass/app.scss */
7138
/* line 363, ../sass/app.scss */
7138 7139
.items-list li .container.set-bg {
7139 7140
  background: #f3f3f4;
7140 7141
}
7141
/* line 363, ../sass/app.scss */
7142
/* line 364, ../sass/app.scss */
7142 7143
.items-list li .container.set-border {
7143 7144
  border-color: #ff7bac;
7144 7145
}
7145
/* line 368, ../sass/app.scss */
7146
/* line 369, ../sass/app.scss */
7146 7147
.items-list li .container .options {
7147 7148
  width: 100%;
7148 7149
  text-align: center;
......
7152 7153
  display: none;
7153 7154
  z-index: 1;
7154 7155
}
7155
/* line 376, ../sass/app.scss */
7156
/* line 377, ../sass/app.scss */
7156 7157
.items-list li .container .options .wrap {
7157 7158
  height: 100%;
7158 7159
  padding: 25px 25px 0;
7159 7160
  text-align: left;
7160 7161
}
7161
/* line 380, ../sass/app.scss */
7162
/* line 381, ../sass/app.scss */
7162 7163
.items-list li .container .options .wrap a {
7163 7164
  font-size: 1.6875em;
7164 7165
  display: inline-block;
......
7167 7168
  margin-bottom: 10px;
7168 7169
  font-weight: bold;
7169 7170
}
7170
/* line 388, ../sass/app.scss */
7171
/* line 389, ../sass/app.scss */
7171 7172
.items-list li .container .options .wrap a:hover {
7172 7173
  color: #ff7bac;
7173 7174
}
7174
/* line 395, ../sass/app.scss */
7175
/* line 396, ../sass/app.scss */
7175 7176
.items-list li .check {
7176 7177
  position: absolute;
7177 7178
  right: 10px;
......
7182 7183
  cursor: pointer;
7183 7184
  z-index: 10;
7184 7185
}
7185
/* line 405, ../sass/app.scss */
7186
/* line 406, ../sass/app.scss */
7186 7187
.items-list li .check span {
7187 7188
  position: relative;
7188 7189
  z-index: 10;
7189 7190
}
7190
/* line 406, ../sass/app.scss */
7191
/* line 407, ../sass/app.scss */
7191 7192
.items-list li .check.active {
7192 7193
  color: #ff7bac;
7193 7194
}
7194
/* line 410, ../sass/app.scss */
7195
/* line 411, ../sass/app.scss */
7195 7196
.items-list li .visible-info {
7196 7197
  margin: 0 25px;
7197 7198
  position: relative;
7198 7199
  color: #919194;
7199 7200
  overflow: hidden;
7200 7201
}
7201
/* line 415, ../sass/app.scss */
7202
/* line 416, ../sass/app.scss */
7202 7203
.items-list li .visible-info span {
7203 7204
  display: block;
7204 7205
  position: relative;
7205 7206
}
7206
/* line 416, ../sass/app.scss */
7207
/* line 417, ../sass/app.scss */
7207 7208
.items-list li .visible-info span.title {
7208 7209
  white-space: nowrap;
7209 7210
}
7210
/* line 421, ../sass/app.scss */
7211
/* line 422, ../sass/app.scss */
7211 7212
.items-list li .visible-info span em {
7212 7213
  font-style: normal;
7213 7214
  position: relative;
7214 7215
}
7215 7216

  
7216
/* line 432, ../sass/app.scss */
7217
/* line 433, ../sass/app.scss */
7217 7218
.lt-sidebar {
7218 7219
  margin-top: 43px;
7219 7220
  overflow: scroll;
7220 7221
  height: 300px;
7221 7222
  font-size: 0.75em;
7222 7223
}
7223
/* line 437, ../sass/app.scss */
7224
/* line 438, ../sass/app.scss */
7224 7225
.lt-sidebar .items-list {
7225 7226
  padding: 0;
7226 7227
}
7227
/* line 441, ../sass/app.scss */
7228
/* line 442, ../sass/app.scss */
7228 7229
.lt-sidebar .items-list li .img,
7229 7230
.lt-sidebar .items-list li .os {
7230 7231
  background-size: 80%;
7231 7232
}
7232
/* line 444, ../sass/app.scss */
7233
/* line 445, ../sass/app.scss */
7233 7234
.lt-sidebar .items-list li .img .os {
7234 7235
  top: 10px;
7235 7236
}
7236
/* line 447, ../sass/app.scss */
7237
/* line 448, ../sass/app.scss */
7237 7238
.lt-sidebar li:hover {
7238 7239
  background: #ebebec;
7239 7240
}
7240
/* line 450, ../sass/app.scss */
7241
/* line 451, ../sass/app.scss */
7241 7242
.lt-sidebar li.current {
7242 7243
  background: #dfdfdf;
7243 7244
  cursor: pointer;
7244 7245
}
7245
/* line 456, ../sass/app.scss */
7246
/* line 457, ../sass/app.scss */
7246 7247
.lt-sidebar .jspDrag {
7247 7248
  background-color: #919194;
7248 7249
}
7249
/* line 459, ../sass/app.scss */
7250
/* line 460, ../sass/app.scss */
7250 7251
.lt-sidebar .jspVerticalBar {
7251 7252
  width: 10px;
7252 7253
  right: 4px;
7253 7254
}
7254
/* line 463, ../sass/app.scss */
7255
/* line 464, ../sass/app.scss */
7255 7256
.lt-sidebar .jspTrack {
7256 7257
  background: white;
7257 7258
  border: 1px solid #919194;
7258 7259
  border-top: 1px solid #c5c5c6;
7259 7260
}
7260 7261

  
7261
/* line 474, ../sass/app.scss */
7262
/* line 475, ../sass/app.scss */
7262 7263
.vms .items-list .img {
7263 7264
  background: url("../images/vm-on.png") no-repeat center center;
7264 7265
  width: 56px;
......
7267 7268
  text-indent: -2000px;
7268 7269
  overflow: hidden;
7269 7270
}
7270
/* line 477, ../sass/app.scss */
7271
/* line 478, ../sass/app.scss */
7271 7272
.vms .items-list .img.stopped {
7272 7273
  background-image: url("../images/vm-stopped.png");
7273 7274
}
7274
/* line 480, ../sass/app.scss */
7275
/* line 481, ../sass/app.scss */
7275 7276
.vms .items-list .img .os {
7276 7277
  background: url("../images/os-unknown.png") no-repeat center center;
7277 7278
  width: 22px;
......
7283 7284
  top: 8px;
7284 7285
  left: 18px;
7285 7286
}
7286
/* line 485, ../sass/app.scss */
7287
/* line 486, ../sass/app.scss */
7287 7288
.vms .items-list .img .os.windows {
7288 7289
  background-image: url("../images/os-windows.png");
7289 7290
}
7290
/* line 486, ../sass/app.scss */
7291
/* line 487, ../sass/app.scss */
7291 7292
.vms .items-list .img .os.kubuntu {
7292 7293
  background-image: url("../images/os-kubuntu.png");
7293 7294
}
7294
/* line 487, ../sass/app.scss */
7295
/* line 488, ../sass/app.scss */
7295 7296
.vms .items-list .img .os.fedora {
7296 7297
  background-image: url("../images/os-fedora.png");
7297 7298
}
7298 7299

  
7299
/* line 496, ../sass/app.scss */
7300
/* line 497, ../sass/app.scss */
7300 7301
.vm .top .img {
7301 7302
  background: url("../images/vm-on.png") no-repeat center center;
7302 7303
  width: 112px;
......
7305 7306
  text-indent: -2000px;
7306 7307
  overflow: hidden;
7307 7308
}
7308
/* line 499, ../sass/app.scss */
7309
/* line 500, ../sass/app.scss */
7309 7310
.vm .top.stopped {
7310 7311
  background-image: url("../images/vm-stopped.png");
7311 7312
}
7312
/* line 502, ../sass/app.scss */
7313
/* line 503, ../sass/app.scss */
7313 7314
.vm .top .os {
7314 7315
  background: url("../images/os-unknown.png") no-repeat center center;
7315 7316
  width: 22px;
......
7324 7325
  left: 36px;
7325 7326
  top: 16px;
7326 7327
}
7327
/* line 510, ../sass/app.scss */
7328
/* line 511, ../sass/app.scss */
7328 7329
.vm .top .os.windows {
7329 7330
  background-image: url("../images/os-windows.png");
7330 7331
}
7331
/* line 511, ../sass/app.scss */
7332
/* line 512, ../sass/app.scss */
7332 7333
.vm .top .os.kubuntu {
7333 7334
  background-image: url("../images/os-kubuntu.png");
7334 7335
}
7335
/* line 512, ../sass/app.scss */
7336
/* line 513, ../sass/app.scss */
7336 7337
.vm .top .os.fedora {
7337 7338
  background-image: url("../images/os-fedora.png");
7338 7339
}
7339 7340

  
7340
/* line 517, ../sass/app.scss */
7341
/* line 518, ../sass/app.scss */
7341 7342
.details {
7342 7343
  position: relative;
7343 7344
}
7344
/* line 520, ../sass/app.scss */
7345
/* line 521, ../sass/app.scss */
7345 7346
.details .top {
7346 7347
  padding: 100px 2.5em;
7347 7348
  text-align: center;
7348 7349
}
7349
/* line 523, ../sass/app.scss */
7350
/* line 524, ../sass/app.scss */
7350 7351
.details .top .img {
7351 7352
  background-size: 100%;
7352 7353
  margin-bottom: 20px;
7353 7354
  position: relative;
7354 7355
}
7355
/* line 529, ../sass/app.scss */
7356
/* line 530, ../sass/app.scss */
7356 7357
.details .top .actions ul {
7357 7358
  padding: 1em;
7358 7359
  text-align: center;
7359 7360
}
7360
/* line 532, ../sass/app.scss */
7361
/* line 533, ../sass/app.scss */
7361 7362
.details .top .actions ul li {
7362 7363
  list-style: none outside none;
7363 7364
  display: inline-block;
7364 7365
  margin: 0 10px;
7365 7366
  min-width: 112px;
7366 7367
}
7367
/* line 547, ../sass/app.scss */
7368
/* line 548, ../sass/app.scss */
7368 7369
.details .info dl {
7369 7370
  margin: 0;
7370 7371
}
7371
/* line 549, ../sass/app.scss */
7372
/* line 550, ../sass/app.scss */
7372 7373
.details .info dl dt {
7373 7374
  display: inline-block;
7374 7375
  width: 25%;
7375 7376
}
7376
/* line 554, ../sass/app.scss */
7377
/* line 555, ../sass/app.scss */
7377 7378
.details .info dl dd {
7378 7379
  width: 74%;
7379 7380
  display: inline-block;
7380 7381
}
7381
/* line 560, ../sass/app.scss */
7382
/* line 561, ../sass/app.scss */
7382 7383
.details .close {
7383 7384
  position: absolute;
7384 7385
  right: 2.5em;
7385 7386
  top: 5.1875em;
7386 7387
}
7387
/* line 564, ../sass/app.scss */
7388
/* line 565, ../sass/app.scss */
7388 7389
.details .close span {
7389 7390
  font-size: 2em;
7390 7391
}
7391
/* line 567, ../sass/app.scss */
7392
/* line 568, ../sass/app.scss */
7392 7393
.details .close:hover {
7393 7394
  color: #ff7bac;
7394 7395
}
7395 7396

  
7396
/* line 577, ../sass/app.scss */
7397
/* line 578, ../sass/app.scss */
7397 7398
.border-bottom-style1 {
7398 7399
  padding-bottom: 20px;
7399 7400
  margin-bottom: 20px;
7400 7401
  border-bottom: 1px dashed #919194;
7401 7402
}
7402 7403

  
7403
/* line 583, ../sass/app.scss */
7404
/* line 584, ../sass/app.scss */
7404 7405
.overlay {
7405 7406
  background: #ff7bac;
7406 7407
  position: relative;
7407 7408
  z-index: 10;
7408 7409
}
7409
/* line 587, ../sass/app.scss */
7410
/* line 588, ../sass/app.scss */
7410 7411
.overlay .lt-sidebar {
7411 7412
  border-right: 1px solid white;
7412 7413
}
7413
/* line 590, ../sass/app.scss */
7414
/* line 591, ../sass/app.scss */
7414 7415
.overlay .lt-sidebar ul li {
7415 7416
  list-style: none outside none;
7416 7417
}
7417
/* line 592, ../sass/app.scss */
7418
/* line 593, ../sass/app.scss */
7418 7419
.overlay .lt-sidebar ul li a {
7419 7420
  color: white;
7420 7421
}
7421
/* line 594, ../sass/app.scss */
7422
/* line 595, ../sass/app.scss */
7422 7423
.overlay .lt-sidebar ul li a span {
7423 7424
  float: right;
7424 7425
  display: none;
7425 7426
}
7426
/* line 596, ../sass/app.scss */
7427
/* line 597, ../sass/app.scss */
7427 7428
.overlay .lt-sidebar ul li a:hover, .overlay .lt-sidebar ul li a.current {
7428 7429
  text-decoration: none;
7429 7430
}
7430
/* line 599, ../sass/app.scss */
7431
/* line 600, ../sass/app.scss */
7431 7432
.overlay .lt-sidebar ul li a:hover span, .overlay .lt-sidebar ul li a.current span {
7432 7433
  display: inline;
7433 7434
}
7434
/* line 610, ../sass/app.scss */
7435
/* line 611, ../sass/app.scss */
7435 7436
.overlay .lt-sidebar,
7436 7437
.overlay .main {
7437 7438
  padding: 100px 2.5em;
7438 7439
  position: relative;
7439 7440
}
7440
/* line 615, ../sass/app.scss */
7441
/* line 616, ../sass/app.scss */
7441 7442
.overlay .navigation .rt {
7442 7443
  float: right;
7443 7444
}
7444
/* line 619, ../sass/app.scss */
7445
/* line 620, ../sass/app.scss */
7445 7446
.overlay .close {
7446 7447
  position: absolute;
7447 7448
  right: 2.5em;
......
7454 7455
  overflow: hidden;
7455 7456
}
7456 7457

  
7457
/* line 629, ../sass/app.scss */
7458
/* line 630, ../sass/app.scss */
7458 7459
.create-vm .select-os li {
7459 7460
  width: 23%;
7460 7461
  padding: 20px;
......
7464 7465
  height: 200px;
7465 7466
  margin: 0 10px 10px 0;
7466 7467
}
7467
/* line 638, ../sass/app.scss */
7468
/* line 639, ../sass/app.scss */
7468 7469
.create-vm .select-os li:hover, .create-vm .select-os li.selected {
7469 7470
  background: white;
7470 7471
}
7471
/* line 640, ../sass/app.scss */
7472
/* line 641, ../sass/app.scss */
7472 7473
.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 {
7473 7474
  color: #ff7bac;
7474 7475
}
7475
/* line 644, ../sass/app.scss */
7476
/* line 645, ../sass/app.scss */
7476 7477
.create-vm .select-os li a {
7477 7478
  color: white;
7478 7479
}
7479
/* line 647, ../sass/app.scss */
7480
/* line 648, ../sass/app.scss */
7480 7481
.create-vm .select-os li .os {
7481 7482
  background: url("../images/os-unknown.png") no-repeat center center;
7482 7483
  width: 30px;
......
7487 7488
  background-size: 100%;
7488 7489
  margin-bottom: 2em;
7489 7490
}
7490
/* line 651, ../sass/app.scss */
7491
/* line 652, ../sass/app.scss */
7491 7492
.create-vm .select-os li .os.windows {
7492 7493
  background-image: url("../images/os-windows.png");
7493 7494
}
7494
/* line 652, ../sass/app.scss */
7495
/* line 653, ../sass/app.scss */
7495 7496
.create-vm .select-os li .os.kubuntu {
7496 7497
  background-image: url("../images/os-kubuntu.png");
7497 7498
}
7498
/* line 653, ../sass/app.scss */
7499
/* line 654, ../sass/app.scss */
7499 7500
.create-vm .select-os li .os.fedora {
7500 7501
  background-image: url("../images/os-fedora.png");
7501 7502
}
7502
/* line 655, ../sass/app.scss */
7503
/* line 656, ../sass/app.scss */
7503 7504
.create-vm .select-os li h2 {
7504 7505
  font-size: 1em;
7505 7506
  font-weight: normal;
7506 7507
  color: white;
7507 7508
}
7508
/* line 660, ../sass/app.scss */
7509
/* line 661, ../sass/app.scss */
7509 7510
.create-vm .select-os li .details {
7510 7511
  font-weight: bold;
7511 7512
  font-size: 0.875em;
7512 7513
}
7513
/* line 667, ../sass/app.scss */
7514
/* line 668, ../sass/app.scss */
7514 7515
.create-vm .select-flavor dl {
7515 7516
  color: white;
7516 7517
  font-size: 1.25em;
7517 7518
  margin-bottom: 10px;
7518 7519
}
7519
/* line 671, ../sass/app.scss */
7520
/* line 672, ../sass/app.scss */
7520 7521
.create-vm .select-flavor dl dd {
7521 7522
  width: 23%;
7522 7523
  display: inline-block;
7523 7524
}
7524
/* line 675, ../sass/app.scss */
7525
/* line 676, ../sass/app.scss */
7525 7526
.create-vm .select-flavor dl dt {
7526 7527
  width: 70%;
7527 7528
  display: inline-block;
7528 7529
  font-weight: normal;
7529 7530
}
7530
/* line 679, ../sass/app.scss */
7531
/* line 680, ../sass/app.scss */
7531 7532
.create-vm .select-flavor dl dt span {
7532 7533
  min-width: 90px;
7533 7534
  margin: 0 10px;
7534 7535
}
7535
/* line 683, ../sass/app.scss */
7536
/* line 684, ../sass/app.scss */
7536 7537
.create-vm .select-flavor dl dt span:first-child {
7537 7538
  margin-left: 0;
7538 7539
}
7539 7540

  
7540
/* line 693, ../sass/app.scss */
7541
/* line 694, ../sass/app.scss */
7541 7542
#vm-connect .info {
7542 7543
  font-style: italic;
7543 7544
  font-size: 0.8125em;
7544 7545
  color: #9e9ea1;
7545 7546
}
7546
/* line 698, ../sass/app.scss */
7547
/* line 699, ../sass/app.scss */
7547 7548
#vm-connect .ssh {
7548 7549
  text-align: center;
7549 7550
}
7550
/* line 700, ../sass/app.scss */
7551
/* line 701, ../sass/app.scss */
7551 7552
#vm-connect .ssh span {
7552 7553
  padding: 10px 30px;
7553 7554
  background: #ff7bac;
7554 7555
  color: white;
7555 7556
}
7556 7557

  
7557
/* line 710, ../sass/app.scss */
7558
/* line 711, ../sass/app.scss */
7559
.reveal-modal h3 {
7560
  font-size: 1em;
7561
}
7562
/* line 714, ../sass/app.scss */
7558 7563
.reveal-modal a:hover {
7559 7564
  color: #ff7bac;
7560 7565
}
7561 7566

  
7562
/* line 715, ../sass/app.scss */
7567
/* line 719, ../sass/app.scss */
7563 7568
.reveal-custom {
7564 7569
  position: absolute;
7565 7570
  top: 100px;
......
7570 7575
  display: none;
7571 7576
}
7572 7577

  
7573
/* line 727, ../sass/app.scss */
7578
/* line 731, ../sass/app.scss */
7574 7579
.details dl .editable {
7575 7580
  position: relative;
7576 7581
}
7577
/* line 729, ../sass/app.scss */
7582
/* line 733, ../sass/app.scss */
7578 7583
.details dl .editable .input-txt {
7579 7584
  width: 320px;
7580 7585
}
7581
/* line 732, ../sass/app.scss */
7586
/* line 736, ../sass/app.scss */
7582 7587
.details dl .editable .editbuttons {
7583 7588
  position: absolute;
7584 7589
  left: 340px;
7585 7590
  top: 0;
7586 7591
}
7587
/* line 747, ../sass/app.scss */
7592
/* line 751, ../sass/app.scss */
7588 7593
.details dl .editable input[type="text"] {
7589 7594
  position: relative;
7590 7595
  height: 25px;
......
7596 7601
  top: -1px;
7597 7602
}
7598 7603

  
7599
/* line 763, ../sass/app.scss */
7604
/* line 767, ../sass/app.scss */
7600 7605
.editable .editbuttons a {
7601 7606
  color: #ff7bac;
7602 7607
}
7603
/* line 766, ../sass/app.scss */
7608
/* line 770, ../sass/app.scss */
7604 7609
.editable .editbuttons a.save, .editable .editbuttons a.cancel {
7605 7610
  display: none;
7606 7611
}
7607
/* line 767, ../sass/app.scss */
7612
/* line 771, ../sass/app.scss */
7608 7613
.editable .editbuttons a:hover {
7609 7614
  color: #919194;
7610 7615
}
7611
/* line 773, ../sass/app.scss */
7616
/* line 777, ../sass/app.scss */
7612 7617
.editable input[type="text"] {
7613 7618
  display: none;
7614 7619
}

Also available in: Unified diff