Revision 4dc55f56

b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_overlays.scss
349 349
					}
350 350
				}
351 351
			}
352
			.summary {
353
				.row {
354
					padding-top:1em;
355
					margin-top:1em;
356
					border-top:1px solid white;
357
					&:first-child {
358
						border-top:0 none;
359
					}
360
				}
361
				h2 {
362
					font-size:1em;
363
					color:white;
364
				}
365
				dl {
366
					margin-bottom:0;
367
					span {
368
						margin-right:10px;
369
						font-size:20px;
370
					}
371
					dt {
372
						display: inline-block;
373
						width: 45%;
374
						vertical-align: top;
375
					}
376
					dd {
377
						display: inline-block;
378
						width:45%;
379
					}
380
				}
381
			}
352 382
		}
353 383
	}
354 384
	.bottom {
b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css
8436 8436
.wizard .middle .step .flavor li .options-bar .options li a.current {
8437 8437
  color: #485057;
8438 8438
}
8439
/* line 354, ../sass/_overlays.scss */
8439
/* line 353, ../sass/_overlays.scss */
8440
.wizard .middle .step .summary .row {
8441
  padding-top: 1em;
8442
  margin-top: 1em;
8443
  border-top: 1px solid white;
8444
}
8445
/* line 357, ../sass/_overlays.scss */
8446
.wizard .middle .step .summary .row:first-child {
8447
  border-top: 0 none;
8448
}
8449
/* line 361, ../sass/_overlays.scss */
8450
.wizard .middle .step .summary h2 {
8451
  font-size: 1em;
8452
  color: white;
8453
}
8454
/* line 365, ../sass/_overlays.scss */
8455
.wizard .middle .step .summary dl {
8456
  margin-bottom: 0;
8457
}
8458
/* line 367, ../sass/_overlays.scss */
8459
.wizard .middle .step .summary dl span {
8460
  margin-right: 10px;
8461
  font-size: 20px;
8462
}
8463
/* line 371, ../sass/_overlays.scss */
8464
.wizard .middle .step .summary dl dt {
8465
  display: inline-block;
8466
  width: 45%;
8467
  vertical-align: top;
8468
}
8469
/* line 376, ../sass/_overlays.scss */
8470
.wizard .middle .step .summary dl dd {
8471
  display: inline-block;
8472
  width: 45%;
8473
}
8474
/* line 384, ../sass/_overlays.scss */
8440 8475
.wizard .bottom {
8441 8476
  position: fixed;
8442 8477
  left: 0;
......
8445 8480
  border-top: 1px solid #333333;
8446 8481
  background: #485057;
8447 8482
}
8448
/* line 361, ../sass/_overlays.scss */
8483
/* line 391, ../sass/_overlays.scss */
8449 8484
.wizard .bottom .row {
8450 8485
  height: 60px;
8451 8486
  line-height: 60px;
8452 8487
}
8453
/* line 365, ../sass/_overlays.scss */
8488
/* line 395, ../sass/_overlays.scss */
8454 8489
.wizard .bottom .nav {
8455 8490
  height: 60px;
8456 8491
  line-height: 60px;
......
8459 8494
  position: relative;
8460 8495
  top: 15px;
8461 8496
}
8462
/* line 372, ../sass/_overlays.scss */
8497
/* line 402, ../sass/_overlays.scss */
8463 8498
.wizard .bottom .nav span {
8464 8499
  display: inline-block;
8465 8500
  height: 30px;
8466 8501
  line-height: 30px;
8467 8502
  float: left;
8468 8503
}
8469
/* line 379, ../sass/_overlays.scss */
8504
/* line 409, ../sass/_overlays.scss */
8470 8505
.wizard .bottom .prev {
8471 8506
  float: left;
8472 8507
  height: 30px;
8473 8508
  padding-left: 19px;
8474 8509
  background: url("../images/nav-edge-lt.png") no-repeat left top;
8475 8510
}
8476
/* line 384, ../sass/_overlays.scss */
8511
/* line 414, ../sass/_overlays.scss */
8477 8512
.wizard .bottom .prev span {
8478 8513
  padding-right: 10px;
8479 8514
  background: url("../images/nav-lt.png") no-repeat right top;
8480 8515
}
8481
/* line 388, ../sass/_overlays.scss */
8516
/* line 418, ../sass/_overlays.scss */
8482 8517
.wizard .bottom .prev:hover {
8483 8518
  background-position: left bottom;
8484 8519
  -webkit-transition: background 0 ease-out;
......
8487 8522
  -o-transition: background 0 ease-out;
8488 8523
  transition: background 0 ease-out;
8489 8524
}
8490
/* line 391, ../sass/_overlays.scss */
8525
/* line 421, ../sass/_overlays.scss */
8491 8526
.wizard .bottom .prev:hover span {
8492 8527
  background-position: right bottom;
8493 8528
  -webkit-transition: background 0 ease-out;
......
8496 8531
  -o-transition: background 0 ease-out;
8497 8532
  transition: background 0 ease-out;
8498 8533
}
8499
/* line 397, ../sass/_overlays.scss */
8534
/* line 427, ../sass/_overlays.scss */
8500 8535
.wizard .bottom .next {
8501 8536
  float: right;
8502 8537
  height: 30px;
8503 8538
  padding-right: 19px;
8504 8539
  background: url("../images/nav-edge-rt.png") no-repeat right top;
8505 8540
}
8506
/* line 402, ../sass/_overlays.scss */
8541
/* line 432, ../sass/_overlays.scss */
8507 8542
.wizard .bottom .next span {
8508 8543
  padding-left: 10px;
8509 8544
  background: url("../images/nav-rt.png") no-repeat left top;
8510 8545
}
8511
/* line 406, ../sass/_overlays.scss */
8546
/* line 436, ../sass/_overlays.scss */
8512 8547
.wizard .bottom .next:hover {
8513 8548
  background-position: right bottom;
8514 8549
  -webkit-transition: background 0 ease-out;
......
8517 8552
  -o-transition: background 0 ease-out;
8518 8553
  transition: background 0 ease-out;
8519 8554
}
8520
/* line 409, ../sass/_overlays.scss */
8555
/* line 439, ../sass/_overlays.scss */
8521 8556
.wizard .bottom .next:hover span {
8522 8557
  background-position: left bottom;
8523 8558
  -webkit-transition: background 0 ease-out;
......
8526 8561
  -o-transition: background 0 ease-out;
8527 8562
  transition: background 0 ease-out;
8528 8563
}
8529
/* line 415, ../sass/_overlays.scss */
8564
/* line 445, ../sass/_overlays.scss */
8530 8565
.wizard .bottom .nums {
8531 8566
  text-align: center;
8532 8567
  list-style: none outside none;
......
8534 8569
  height: 60px;
8535 8570
  line-height: 60px;
8536 8571
}
8537
/* line 421, ../sass/_overlays.scss */
8572
/* line 451, ../sass/_overlays.scss */
8538 8573
.wizard .bottom .nums li {
8539 8574
  list-style: none outside none;
8540 8575
  display: inline-block;
......
8545 8580
  line-height: 25px;
8546 8581
  margin: 0 3px;
8547 8582
}
8548
/* line 430, ../sass/_overlays.scss */
8583
/* line 460, ../sass/_overlays.scss */
8549 8584
.wizard .bottom .nums li a {
8550 8585
  color: #919194;
8551 8586
  display: block;
8552 8587
}
8553
/* line 433, ../sass/_overlays.scss */
8588
/* line 463, ../sass/_overlays.scss */
8554 8589
.wizard .bottom .nums li a:hover {
8555 8590
  cursor: default;
8556 8591
}
8557
/* line 437, ../sass/_overlays.scss */
8592
/* line 467, ../sass/_overlays.scss */
8558 8593
.wizard .bottom .nums li.current {
8559 8594
  border-color: white;
8560 8595
}
8561
/* line 439, ../sass/_overlays.scss */
8596
/* line 469, ../sass/_overlays.scss */
8562 8597
.wizard .bottom .nums li.current a {
8563 8598
  color: white;
8564 8599
}
8565
/* line 444, ../sass/_overlays.scss */
8600
/* line 474, ../sass/_overlays.scss */
8566 8601
.wizard .bottom .nums li.current {
8567 8602
  font-size: 1.25em;
8568 8603
  width: 30px;
8569 8604
  height: 30px;
8570 8605
}
8571 8606

  
8572
/* line 454, ../sass/_overlays.scss */
8607
/* line 484, ../sass/_overlays.scss */
8573 8608
.wizard-content {
8574 8609
  overflow: hidden;
8575 8610
}
8576 8611

  
8577
/* line 458, ../sass/_overlays.scss */
8612
/* line 488, ../sass/_overlays.scss */
8578 8613
.vm-wizard-carousel {
8579 8614
  width: 20000px;
8580 8615
  position: relative;
8581 8616
}
8582 8617

  
8583
/* line 464, ../sass/_overlays.scss */
8618
/* line 494, ../sass/_overlays.scss */
8584 8619
.advanced-conf-step {
8585 8620
  color: white;
8586 8621
}
8587
/* line 466, ../sass/_overlays.scss */
8622
/* line 496, ../sass/_overlays.scss */
8588 8623
.advanced-conf-step h2 {
8589 8624
  color: white;
8590 8625
  font-size: 1em;
8591 8626
  margin: 0 auto 1em;
8592 8627
}
8593
/* line 471, ../sass/_overlays.scss */
8628
/* line 501, ../sass/_overlays.scss */
8594 8629
.advanced-conf-step p {
8595 8630
  font-size: 10px;
8596 8631
}
8597
/* line 474, ../sass/_overlays.scss */
8632
/* line 504, ../sass/_overlays.scss */
8598 8633
.advanced-conf-step .adv-main {
8599 8634
  padding: 10px 0 30px;
8600 8635
  width: 37.5em;
8601 8636
}
8602
/* line 477, ../sass/_overlays.scss */
8637
/* line 507, ../sass/_overlays.scss */
8603 8638
.advanced-conf-step .adv-main .vm-name {
8604 8639
  font-weight: bold;
8605 8640
}
8606
/* line 481, ../sass/_overlays.scss */
8641
/* line 511, ../sass/_overlays.scss */
8607 8642
.advanced-conf-step .adv-main .btn5:hover, .advanced-conf-step .adv-main .wizard .middle .step .os li .btn-col a:hover, .wizard .middle .step .os li .btn-col .advanced-conf-step .adv-main a:hover, .advanced-conf-step .adv-main .wizard .middle .step .flavor li .options-bar .options li a:hover, .wizard .middle .step .flavor li .options-bar .options li .advanced-conf-step .adv-main a:hover {
8608 8643
  color: white;
8609 8644
}
8610
/* line 484, ../sass/_overlays.scss */
8645
/* line 514, ../sass/_overlays.scss */
8611 8646
.advanced-conf-step .adv-main .btn5.current, .advanced-conf-step .adv-main .wizard .middle .step .os li .btn-col a.current, .wizard .middle .step .os li .btn-col .advanced-conf-step .adv-main a.current, .advanced-conf-step .adv-main .wizard .middle .step .flavor li .options-bar .options li a.current, .wizard .middle .step .flavor li .options-bar .options li .advanced-conf-step .adv-main a.current, .advanced-conf-step .adv-main .btn5.current:hover, .advanced-conf-step .adv-main .wizard .middle .step .os li .btn-col a.current:hover, .wizard .middle .step .os li .btn-col .advanced-conf-step .adv-main a.current:hover, .advanced-conf-step .adv-main .wizard .middle .step .flavor li .options-bar .options li a.current:hover, .wizard .middle .step .flavor li .options-bar .options li .advanced-conf-step .adv-main a.current:hover {
8612 8647
  color: #485057;
8613 8648
}
8614
/* line 488, ../sass/_overlays.scss */
8649
/* line 518, ../sass/_overlays.scss */
8615 8650
.advanced-conf-step .adv-main input[type="text"] {
8616 8651
  width: 200px;
8617 8652
  border: 0;
......
8624 8659
  box-shadow: 7px 7px 0px rgba(72, 80, 87, 0);
8625 8660
}
8626 8661

  
8627
/* line 502, ../sass/_overlays.scss */
8662
/* line 532, ../sass/_overlays.scss */
8628 8663
.advanced-conf-options {
8629 8664
  display: none;
8630 8665
}
8631
/* line 504, ../sass/_overlays.scss */
8666
/* line 534, ../sass/_overlays.scss */
8632 8667
.advanced-conf-options .area {
8633 8668
  padding: 30px 0;
8634 8669
}
8635
/* line 506, ../sass/_overlays.scss */
8670
/* line 536, ../sass/_overlays.scss */
8636 8671
.advanced-conf-options .area .row {
8637 8672
  width: 37.5em;
8638 8673
}
8639
/* line 510, ../sass/_overlays.scss */
8674
/* line 540, ../sass/_overlays.scss */
8640 8675
.advanced-conf-options .area .btn5:hover, .advanced-conf-options .area .wizard .middle .step .os li .btn-col a:hover, .wizard .middle .step .os li .btn-col .advanced-conf-options .area a:hover, .advanced-conf-options .area .wizard .middle .step .flavor li .options-bar .options li a:hover, .wizard .middle .step .flavor li .options-bar .options li .advanced-conf-options .area a:hover {
8641 8676
  color: white;
8642 8677
}
8643
/* line 515, ../sass/_overlays.scss */
8678
/* line 545, ../sass/_overlays.scss */
8644 8679
.advanced-conf-options .area ul li {
8645 8680
  position: relative;
8646 8681
  list-style: none outside none;
8647 8682
  margin-bottom: 7px;
8648 8683
}
8649
/* line 520, ../sass/_overlays.scss */
8684
/* line 550, ../sass/_overlays.scss */
8650 8685
.advanced-conf-options .area ul li.checkbox:hover {
8651 8686
  cursor: pointer;
8652 8687
}
8653
/* line 524, ../sass/_overlays.scss */
8688
/* line 554, ../sass/_overlays.scss */
8654 8689
.advanced-conf-options .area ul li h3 {
8655 8690
  width: 18.75em;
8656 8691
  color: white;
......
8659 8694
  margin: 0 20px 0 0;
8660 8695
  display: inline-block;
8661 8696
}
8662
/* line 535, ../sass/_overlays.scss */
8697
/* line 565, ../sass/_overlays.scss */
8663 8698
.advanced-conf-options .ssh-keys-area {
8664 8699
  background-color: #ff7049;
8665 8700
}
8666
/* line 538, ../sass/_overlays.scss */
8701
/* line 568, ../sass/_overlays.scss */
8667 8702
.advanced-conf-options .networks-area {
8668 8703
  background-color: #ff948c;
8669 8704
}
8670
/* line 541, ../sass/_overlays.scss */
8705
/* line 571, ../sass/_overlays.scss */
8671 8706
.advanced-conf-options .networks-area li .net-icons {
8672 8707
  padding-right: 20px;
8673 8708
  position: absolute;
......
8677 8712
  text-align: right;
8678 8713
  font-size: 30px;
8679 8714
}
8680
/* line 549, ../sass/_overlays.scss */
8715
/* line 579, ../sass/_overlays.scss */
8681 8716
.advanced-conf-options .networks-area li .net-icons span {
8682 8717
  margin-left: 6px;
8683 8718
}
8684
/* line 551, ../sass/_overlays.scss */
8719
/* line 581, ../sass/_overlays.scss */
8685 8720
.advanced-conf-options .networks-area li .net-icons span.snf-modem {
8686 8721
  position: relative;
8687 8722
  top: -6px;
8688 8723
}
8689
/* line 557, ../sass/_overlays.scss */
8724
/* line 587, ../sass/_overlays.scss */
8690 8725
.advanced-conf-options .networks-area li.more {
8691 8726
  display: none;
8692 8727
  background: white;
......
8694 8729
  padding: 30px 0;
8695 8730
  color: #ff948c;
8696 8731
}
8697
/* line 563, ../sass/_overlays.scss */
8732
/* line 593, ../sass/_overlays.scss */
8698 8733
.advanced-conf-options .networks-area li.more h3 {
8699 8734
  color: #ff948c;
8700 8735
}
8701
/* line 566, ../sass/_overlays.scss */
8736
/* line 596, ../sass/_overlays.scss */
8702 8737
.advanced-conf-options .networks-area li.more .btn5, .advanced-conf-options .networks-area .wizard .middle .step .os li.more .btn-col a, .wizard .middle .step .os .advanced-conf-options .networks-area li.more .btn-col a, .advanced-conf-options .networks-area .wizard .middle .step .flavor li.more .options-bar .options li a, .wizard .middle .step .flavor .advanced-conf-options .networks-area li.more .options-bar .options li a {
8703 8738
  margin-top: 1em;
8704 8739
  border-color: #ff948c;
8705 8740
  color: #ff948c;
8706 8741
}
8707
/* line 575, ../sass/_overlays.scss */
8742
/* line 605, ../sass/_overlays.scss */
8708 8743
.advanced-conf-options .tags-area {
8709 8744
  background-color: #4c71ff;
8710 8745
}
b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list.html
573 573
									</div>
574 574
								</div>
575 575
<!-- end step 3 -->				</div>
576
							<div class="step step-4">test4</div>
576
							<div class="step step-4">
577
								<div class="summary">
578
									<div class="row">
579
										<dl>
580
											<dt>Machine name</dt>
581
											<dd>handsome frank</dd>
582
										</dl>
583
									</div>
584
									<div class="row">
585
										<h2>Images</h2>
586
										<dl>
587
											<dt>Name</dt>
588
											<dd>Debian Base</dd>
589
											<dt>Desciption</dt>
590
											<dd>open suse description open suse description open suse description open suse description open suse description</dd>
591
											<dt>os</dt>
592
											<dd>Debian</dd>
593
											<dt>Size</dt>
594
											<dd>10.4GB</dd>
595
											<dt>GUI</dt>
596
											<dd>No GUI</dd>
597
											<dt>Kernel</dt>
598
											<dd>2.3.4</dd>
599
										</dl>
600
									</div>
601
									<div class="row">
602
										<h2>Flavor</h2>
603
										<dl>
604
											<dt><span class="snf-cpu icon"></span>CPUs</dt>
605
											<dd>4x</dd>
606
											<dt><span class="snf-ram icon"></span>Memory</dt>
607
											<dd>512 MB</dd>
608
											<dt><span class="snf-HDD icon"></span>Disk</dt>
609
											<dd>4GB</dd>
610
											<dt><span class="snf-HDD icon"></span>Storage Type</dt>
611
											<dd>DRDP</dd>
612
										</dl>
613
									</div>
614
									<div class="row">
615
										<dl>
616
											<dt>Machine Tags</dt>
617
											<dd>Database server</dd>
618
											<dt>SSH Keys</dt>
619
											<dd>
620
												my public key 1<br>
621
												my public key 3<br>
622
											</dd>
623
											<dt>IPs</dt>
624
											<dd>192.168.1.3<br>192.168.1.3</dd>
625
											<dt>Private networks</dt>
626
											<dd>No private networks selected</dd>
627
										</dl>
628
									</div>
629
								</div>
630
							</div>
577 631
						</div>
578 632
					</div>
579 633
				</div>

Also available in: Unified diff