Revision 52b4bfd7
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_machines.scss | ||
|---|---|---|
| 70 | 70 |
} |
| 71 | 71 |
|
| 72 | 72 |
|
| 73 |
.create-vm {
|
|
| 74 |
.select-os {
|
|
| 75 |
li {
|
|
| 76 |
width:23%; |
|
| 77 |
padding:20px; |
|
| 78 |
list-style:none outside none; |
|
| 79 |
display: inline-block; |
|
| 80 |
float: left; |
|
| 81 |
height: 200px; |
|
| 82 |
margin:0 10px 10px 0; |
|
| 83 |
&:hover, |
|
| 84 |
&.selected {
|
|
| 85 |
background:#fff; |
|
| 86 |
h2, p, a {
|
|
| 87 |
color:$secondary-color; |
|
| 88 |
} |
|
| 89 |
} |
|
| 90 |
a {
|
|
| 91 |
color:#fff; |
|
| 92 |
} |
|
| 93 |
.os {
|
|
| 94 |
@include sprite('../images/os-unknown.png', 30px, 30px);
|
|
| 95 |
background-size:100%; |
|
| 96 |
margin-bottom:2em; |
|
| 97 |
&.windows { background-image:url('../images/os-windows.png'); }
|
|
| 98 |
&.kubuntu { background-image:url('../images/os-kubuntu.png'); }
|
|
| 99 |
&.fedora { background-image:url('../images/os-fedora.png'); }
|
|
| 100 |
} |
|
| 101 |
h2 {
|
|
| 102 |
font-size:emCalc(16px); |
|
| 103 |
font-weight:normal; |
|
| 104 |
color:#fff; |
|
| 105 |
} |
|
| 106 |
.details {
|
|
| 107 |
font-weight:bold; |
|
| 108 |
font-size:emCalc(14px); |
|
| 109 |
} |
|
| 110 |
} |
|
| 111 |
} |
|
| 112 |
.select-flavor {
|
|
| 113 |
dl {
|
|
| 114 |
color:#fff; |
|
| 115 |
font-size:emCalc(20px); |
|
| 116 |
margin-bottom:10px; |
|
| 117 |
dd {
|
|
| 118 |
width:23%; |
|
| 119 |
display: inline-block; |
|
| 120 |
} |
|
| 121 |
dt {
|
|
| 122 |
width:70%; |
|
| 123 |
display: inline-block; |
|
| 124 |
font-weight: normal; |
|
| 125 |
span {
|
|
| 126 |
@extend .btn3; |
|
| 127 |
min-width: 90px; |
|
| 128 |
margin:0 10px; |
|
| 129 |
&:first-child {
|
|
| 130 |
margin-left:0; |
|
| 131 |
} |
|
| 132 |
} |
|
| 133 |
} |
|
| 134 |
} |
|
| 135 |
} |
|
| 136 |
} |
|
| 137 |
|
|
| 138 | 73 |
#vm-connect {
|
| 139 | 74 |
.info {
|
| 140 | 75 |
font-style:italic; |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css | ||
|---|---|---|
| 6909 | 6909 |
} |
| 6910 | 6910 |
|
| 6911 | 6911 |
/* line 109, ../sass/_common.scss */ |
| 6912 |
.btn1, .btn2, .btn3, .create-vm .select-flavor dl dt span, .upload-widget .btns a, .btn4, .btn-img, .new-btn a, .details .top .actions ul li a {
|
|
| 6912 |
.btn1, .btn2, .btn3, .upload-widget .btns a, .btn4, .btn-img, .new-btn a, .details .top .actions ul li a {
|
|
| 6913 | 6913 |
border: 1px solid #919194; |
| 6914 | 6914 |
color: #919194; |
| 6915 | 6915 |
display: inline-block; |
| ... | ... | |
| 6918 | 6918 |
text-align: center; |
| 6919 | 6919 |
} |
| 6920 | 6920 |
/* line 117, ../sass/_common.scss */ |
| 6921 |
.btn1:hover, .btn2:hover, .btn3:hover, .create-vm .select-flavor dl dt span:hover, .upload-widget .btns a:hover, .btn4:hover, .btn-img:hover, .new-btn a:hover, .details .top .actions ul li a:hover, .btn1.current, .current.btn2, .current.btn3, .create-vm .select-flavor dl dt span.current, .upload-widget .btns a.current, .current.btn4, .current.btn-img, .new-btn a.current, .details .top .actions ul li a.current {
|
|
| 6921 |
.btn1:hover, .btn2:hover, .btn3:hover, .upload-widget .btns a:hover, .btn4:hover, .btn-img:hover, .new-btn a:hover, .details .top .actions ul li a:hover, .btn1.current, .current.btn2, .current.btn3, .upload-widget .btns a.current, .current.btn4, .current.btn-img, .new-btn a.current, .details .top .actions ul li a.current {
|
|
| 6922 | 6922 |
border-color: #3582ac; |
| 6923 | 6923 |
background: #3582ac; |
| 6924 | 6924 |
color: #fff; |
| 6925 | 6925 |
} |
| 6926 | 6926 |
/* line 122, ../sass/_common.scss */ |
| 6927 |
.btn1.current, .current.btn2, .current.btn3, .create-vm .select-flavor dl dt span.current, .upload-widget .btns a.current, .current.btn4, .current.btn-img, .new-btn a.current, .details .top .actions ul li a.current {
|
|
| 6927 |
.btn1.current, .current.btn2, .current.btn3, .upload-widget .btns a.current, .current.btn4, .current.btn-img, .new-btn a.current, .details .top .actions ul li a.current {
|
|
| 6928 | 6928 |
cursor: default; |
| 6929 | 6929 |
} |
| 6930 | 6930 |
|
| ... | ... | |
| 6941 | 6941 |
} |
| 6942 | 6942 |
|
| 6943 | 6943 |
/* line 139, ../sass/_common.scss */ |
| 6944 |
.btn3, .create-vm .select-flavor dl dt span, .upload-widget .btns a {
|
|
| 6944 |
.btn3, .upload-widget .btns a {
|
|
| 6945 | 6945 |
color: #fff; |
| 6946 | 6946 |
border-color: #fff; |
| 6947 | 6947 |
} |
| 6948 | 6948 |
/* line 144, ../sass/_common.scss */ |
| 6949 |
.btn3:hover, .create-vm .select-flavor dl dt span:hover, .upload-widget .btns a:hover, .btn3.current, .create-vm .select-flavor dl dt span.current, .upload-widget .btns a.current {
|
|
| 6949 |
.btn3:hover, .upload-widget .btns a:hover, .btn3.current, .upload-widget .btns a.current {
|
|
| 6950 | 6950 |
color: #3582ac; |
| 6951 | 6951 |
background: #fff; |
| 6952 | 6952 |
border-color: #fff; |
| ... | ... | |
| 7688 | 7688 |
background-image: url("../images/os-fedora.png");
|
| 7689 | 7689 |
} |
| 7690 | 7690 |
|
| 7691 |
/* line 75, ../sass/_machines.scss */ |
|
| 7692 |
.create-vm .select-os li {
|
|
| 7693 |
width: 23%; |
|
| 7694 |
padding: 20px; |
|
| 7695 |
list-style: none outside none; |
|
| 7696 |
display: inline-block; |
|
| 7697 |
float: left; |
|
| 7698 |
height: 200px; |
|
| 7699 |
margin: 0 10px 10px 0; |
|
| 7700 |
} |
|
| 7701 |
/* line 84, ../sass/_machines.scss */ |
|
| 7702 |
.create-vm .select-os li:hover, .create-vm .select-os li.selected {
|
|
| 7703 |
background: #fff; |
|
| 7704 |
} |
|
| 7705 |
/* line 86, ../sass/_machines.scss */ |
|
| 7706 |
.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 {
|
|
| 7707 |
color: #3582ac; |
|
| 7708 |
} |
|
| 7709 |
/* line 90, ../sass/_machines.scss */ |
|
| 7710 |
.create-vm .select-os li a {
|
|
| 7711 |
color: #fff; |
|
| 7712 |
} |
|
| 7713 |
/* line 93, ../sass/_machines.scss */ |
|
| 7714 |
.create-vm .select-os li .os {
|
|
| 7715 |
background: url("../images/os-unknown.png") no-repeat center center;
|
|
| 7716 |
width: 30px; |
|
| 7717 |
height: 30px; |
|
| 7718 |
display: inline-block; |
|
| 7719 |
text-indent: -2000px; |
|
| 7720 |
overflow: hidden; |
|
| 7721 |
background-size: 100%; |
|
| 7722 |
margin-bottom: 2em; |
|
| 7723 |
} |
|
| 7724 |
/* line 97, ../sass/_machines.scss */ |
|
| 7725 |
.create-vm .select-os li .os.windows {
|
|
| 7726 |
background-image: url("../images/os-windows.png");
|
|
| 7727 |
} |
|
| 7728 |
/* line 98, ../sass/_machines.scss */ |
|
| 7729 |
.create-vm .select-os li .os.kubuntu {
|
|
| 7730 |
background-image: url("../images/os-kubuntu.png");
|
|
| 7731 |
} |
|
| 7732 |
/* line 99, ../sass/_machines.scss */ |
|
| 7733 |
.create-vm .select-os li .os.fedora {
|
|
| 7734 |
background-image: url("../images/os-fedora.png");
|
|
| 7735 |
} |
|
| 7736 |
/* line 101, ../sass/_machines.scss */ |
|
| 7737 |
.create-vm .select-os li h2 {
|
|
| 7738 |
font-size: 1em; |
|
| 7739 |
font-weight: normal; |
|
| 7740 |
color: #fff; |
|
| 7741 |
} |
|
| 7742 |
/* line 106, ../sass/_machines.scss */ |
|
| 7743 |
.create-vm .select-os li .details {
|
|
| 7744 |
font-weight: bold; |
|
| 7745 |
font-size: 0.875em; |
|
| 7746 |
} |
|
| 7747 |
/* line 113, ../sass/_machines.scss */ |
|
| 7748 |
.create-vm .select-flavor dl {
|
|
| 7749 |
color: #fff; |
|
| 7750 |
font-size: 1.25em; |
|
| 7751 |
margin-bottom: 10px; |
|
| 7752 |
} |
|
| 7753 |
/* line 117, ../sass/_machines.scss */ |
|
| 7754 |
.create-vm .select-flavor dl dd {
|
|
| 7755 |
width: 23%; |
|
| 7756 |
display: inline-block; |
|
| 7757 |
} |
|
| 7758 |
/* line 121, ../sass/_machines.scss */ |
|
| 7759 |
.create-vm .select-flavor dl dt {
|
|
| 7760 |
width: 70%; |
|
| 7761 |
display: inline-block; |
|
| 7762 |
font-weight: normal; |
|
| 7763 |
} |
|
| 7764 |
/* line 125, ../sass/_machines.scss */ |
|
| 7765 |
.create-vm .select-flavor dl dt span {
|
|
| 7766 |
min-width: 90px; |
|
| 7767 |
margin: 0 10px; |
|
| 7768 |
} |
|
| 7769 |
/* line 129, ../sass/_machines.scss */ |
|
| 7770 |
.create-vm .select-flavor dl dt span:first-child {
|
|
| 7771 |
margin-left: 0; |
|
| 7772 |
} |
|
| 7773 |
|
|
| 7774 |
/* line 139, ../sass/_machines.scss */ |
|
| 7691 |
/* line 74, ../sass/_machines.scss */ |
|
| 7775 | 7692 |
#vm-connect .info {
|
| 7776 | 7693 |
font-style: italic; |
| 7777 | 7694 |
font-size: 0.8125em; |
| 7778 | 7695 |
color: #9e9ea1; |
| 7779 | 7696 |
} |
| 7780 |
/* line 144, ../sass/_machines.scss */
|
|
| 7697 |
/* line 79, ../sass/_machines.scss */
|
|
| 7781 | 7698 |
#vm-connect .ssh {
|
| 7782 | 7699 |
text-align: center; |
| 7783 | 7700 |
} |
| 7784 |
/* line 146, ../sass/_machines.scss */
|
|
| 7701 |
/* line 81, ../sass/_machines.scss */
|
|
| 7785 | 7702 |
#vm-connect .ssh span {
|
| 7786 | 7703 |
padding: 10px 30px; |
| 7787 | 7704 |
background: #3582ac; |
| /dev/null | ||
|---|---|---|
| 1 |
|
|
| 2 |
<!DOCTYPE html> |
|
| 3 |
<!--[if lte IE 7]><script src="javascripts/lte-ie7.js"></script><![endif]--> |
|
| 4 |
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]--> |
|
| 5 |
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]--> |
|
| 6 |
<head> |
|
| 7 |
<meta charset="utf-8" /> |
|
| 8 |
<meta name="viewport" content="width=device-width" /> |
|
| 9 |
<title>Synnefo | VM list</title> |
|
| 10 |
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=latin,greek-ext,greek' rel='stylesheet' type='text/css'> |
|
| 11 |
<link rel="stylesheet" href="stylesheets/normalize.css" /> |
|
| 12 |
<link rel="stylesheet" href="stylesheets/app.css" /> |
|
| 13 |
<link rel="stylesheet" href="stylesheets/font_custom.css" /> |
|
| 14 |
<link rel="stylesheet" href="stylesheets/jquery.jscrollpane.css" media="all" /> |
|
| 15 |
<link rel="stylesheet" href="stylesheets/magnific-popup.css" /> |
|
| 16 |
<script src="javascripts/vendor/custom.modernizr.js"></script> |
|
| 17 |
</head> |
|
| 18 |
<body> |
|
| 19 |
|
|
| 20 |
<header class="header"> |
|
| 21 |
<nav> |
|
| 22 |
<ul class="icons-nav"> |
|
| 23 |
<li><a href="pithos_list.html" data-tooltip class="has-tip" title="Storage" ><span class="snf-Pithos"></span></a></li> |
|
| 24 |
<li><a href="vm_list.html" data-tooltip class="has-tip current" title="Machines"><span class="snf-PC"></span></a></li> |
|
| 25 |
<li><a href="" data-tooltip class="has-tip" title="Disks"><span class="snf-HDD"></span></a></li> |
|
| 26 |
<li><a href="network_list.html" data-tooltip class="has-tip" title="Networks"><span class="snf-network"></span></a></li> |
|
| 27 |
<li><a href="" data-tooltip class="has-tip" title="Dashboard"><span class="snf-DASHboard"></span></a></li> |
|
| 28 |
</ul> |
|
| 29 |
</nav> |
|
| 30 |
<div class="logo"> |
|
| 31 |
<a href="index.html"><img src="images/logo_01.png" alt="software logo"></a> |
|
| 32 |
<h2>Machines</h2> |
|
| 33 |
</div> |
|
| 34 |
<div class="login"> |
|
| 35 |
<a href="">test@grnet.gr</a> |
|
| 36 |
</div> |
|
| 37 |
<div class="actions clearfix"> |
|
| 38 |
<div class="new-btn"><a href="vm_create_a.html"><span>+</span> NEW MACHINE </a></div> |
|
| 39 |
<div class="main-actions"> |
|
| 40 |
<ul> |
|
| 41 |
<li class="running" ><a href="" data-overlay-id="#overlay1">Reboot</a></li> |
|
| 42 |
<li class="running"><a href="" data-overlay-id="#overlay1">Shutdown</a></li> |
|
| 43 |
<li class="both"><a href="">Destroy</a></li> |
|
| 44 |
<li class="stopped"><a href="">Start</a></li> |
|
| 45 |
<!-- in case we want an action always activated |
|
| 46 |
<li class="pernament"><a href="" class="active">Action</a></li> --> |
|
| 47 |
</ul> |
|
| 48 |
</div> |
|
| 49 |
</div> |
|
| 50 |
</header> |
|
| 51 |
<div class="overlay-wrapper"> |
|
| 52 |
<div class="overlay create-vm"> |
|
| 53 |
<div class="lt-sidebar nav"> |
|
| 54 |
<ul> |
|
| 55 |
<li><a href="#">Image type<span>></span></a></li> |
|
| 56 |
<li><a href="#" class="current">System<span>></span></a></li> |
|
| 57 |
<li><a href="#">My images<span>></span></a></li> |
|
| 58 |
<li><a href="#">Shared with me<span>></span></a></li> |
|
| 59 |
</ul> |
|
| 60 |
<ul> |
|
| 61 |
<li><a href="#">Categories<span>></span></a></li> |
|
| 62 |
|
|
| 63 |
</ul> |
|
| 64 |
</div> |
|
| 65 |
<div class="main"> |
|
| 66 |
<a href="vm_list.html" class="close" title="cancel vm creation">close</a> |
|
| 67 |
<div class="select-os"> |
|
| 68 |
<ul class="clearfix"> |
|
| 69 |
<li> |
|
| 70 |
<div class="os kubuntu">kubuntu</div> |
|
| 71 |
<h2>kubuntu sidufsoi foisdu fso</h2> |
|
| 72 |
<p class="details"><a href="">details</a></p> |
|
| 73 |
</li> |
|
| 74 |
<li> |
|
| 75 |
<div class="os fedora">fedora</div> |
|
| 76 |
<h2>fedora </h2> |
|
| 77 |
<p class="details"><a href="">details</a></p> |
|
| 78 |
</li> |
|
| 79 |
<li> |
|
| 80 |
<div class="os windows">windows</div> |
|
| 81 |
<h2>Windows </h2> |
|
| 82 |
<p class="details"><a href="">details</a></p> |
|
| 83 |
</li> |
|
| 84 |
<li> |
|
| 85 |
<div class="os kubuntu">windows</div> |
|
| 86 |
<h2>Windows </h2> |
|
| 87 |
<p class="details"><a href="">details</a></p> |
|
| 88 |
</li> |
|
| 89 |
<li> |
|
| 90 |
<div class="os kubuntu">windows</div> |
|
| 91 |
<h2>Windows </h2> |
|
| 92 |
<p class="details"><a href="">details</a></p> |
|
| 93 |
</li> |
|
| 94 |
<li> |
|
| 95 |
<div class="os fedora">windows</div> |
|
| 96 |
<h2>Windows </h2> |
|
| 97 |
<p class="details"><a href="">details</a></p> |
|
| 98 |
</li> |
|
| 99 |
</ul> |
|
| 100 |
</div> |
|
| 101 |
<div class="navigation clearfix"> |
|
| 102 |
|
|
| 103 |
<a class="rt btn2" href="vm_create_b.html" title="next step">NEXT</a> |
|
| 104 |
</div> |
|
| 105 |
</div> |
|
| 106 |
</div> |
|
| 107 |
|
|
| 108 |
</div> |
|
| 109 |
|
|
| 110 |
|
|
| 111 |
<script src="javascripts/vendor/jquery.js"></script> |
|
| 112 |
|
|
| 113 |
<script src="javascripts/foundation/foundation.js"></script> |
|
| 114 |
|
|
| 115 |
<script src="javascripts/foundation/foundation.alerts.js"></script> |
|
| 116 |
|
|
| 117 |
<script src="javascripts/foundation/foundation.clearing.js"></script> |
|
| 118 |
|
|
| 119 |
<script src="javascripts/foundation/foundation.cookie.js"></script> |
|
| 120 |
|
|
| 121 |
<script src="javascripts/foundation/foundation.dropdown.js"></script> |
|
| 122 |
|
|
| 123 |
<script src="javascripts/foundation/foundation.forms.js"></script> |
|
| 124 |
|
|
| 125 |
<script src="javascripts/foundation/foundation.joyride.js"></script> |
|
| 126 |
|
|
| 127 |
<script src="javascripts/foundation/foundation.magellan.js"></script> |
|
| 128 |
|
|
| 129 |
<script src="javascripts/foundation/foundation.orbit.js"></script> |
|
| 130 |
|
|
| 131 |
<script src="javascripts/foundation/foundation.placeholder.js"></script> |
|
| 132 |
|
|
| 133 |
<script src="javascripts/foundation/foundation.reveal.js"></script> |
|
| 134 |
|
|
| 135 |
<script src="javascripts/foundation/foundation.section.js"></script> |
|
| 136 |
|
|
| 137 |
<script src="javascripts/foundation/foundation.tooltips.js"></script> |
|
| 138 |
|
|
| 139 |
<script src="javascripts/foundation/foundation.topbar.js"></script> |
|
| 140 |
|
|
| 141 |
<script type="text/javascript" src="javascripts/jquery.mousewheel.js"></script> |
|
| 142 |
|
|
| 143 |
<script type="text/javascript" src="javascripts/jquery.jscrollpane.js"></script> |
|
| 144 |
|
|
| 145 |
<script type="text/javascript" src="javascripts/jquery.magnific-popup.js"></script> |
|
| 146 |
|
|
| 147 |
<script type="text/javascript" src="javascripts/dropzone.js"></script> |
|
| 148 |
|
|
| 149 |
<script src="javascripts/common.js"></script> |
|
| 150 |
|
|
| 151 |
<script> |
|
| 152 |
$(document).foundation(); |
|
| 153 |
</script> |
|
| 154 |
</body> |
|
| 155 |
</html> |
|
| /dev/null | ||
|---|---|---|
| 1 |
|
|
| 2 |
<!DOCTYPE html> |
|
| 3 |
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]--> |
|
| 4 |
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]--> |
|
| 5 |
|
|
| 6 |
<head> |
|
| 7 |
<meta charset="utf-8" /> |
|
| 8 |
<meta name="viewport" content="width=device-width" /> |
|
| 9 |
<title>Synnefo | VM create</title> |
|
| 10 |
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=latin,greek-ext,greek' rel='stylesheet' type='text/css'> |
|
| 11 |
<link rel="stylesheet" href="stylesheets/normalize.css" /> |
|
| 12 |
<link rel="stylesheet" href="stylesheets/app.css" /> |
|
| 13 |
<link rel="stylesheet" href="stylesheets/font_custom.css" /> |
|
| 14 |
<link rel="stylesheet" href="stylesheets/jquery.jscrollpane.css" media="all" /> |
|
| 15 |
<link rel="stylesheet" href="stylesheets/magnific-popup.css" /> |
|
| 16 |
<script src="javascripts/vendor/custom.modernizr.js"></script> |
|
| 17 |
</head> |
|
| 18 |
<body> |
|
| 19 |
<header class="header"> |
|
| 20 |
<nav> |
|
| 21 |
<ul class="icons-nav"> |
|
| 22 |
<li><a href="pithos_list.html" data-tooltip class="has-tip" title="Storage" ><span class="snf-Pithos"></span></a></li> |
|
| 23 |
<li><a href="vm_list.html" data-tooltip class="has-tip current" title="Machines"><span class="snf-PC"></span></a></li> |
|
| 24 |
<li><a href="" data-tooltip class="has-tip" title="Disks"><span class="snf-HDD"></span></a></li> |
|
| 25 |
<li><a href="network_list.html" data-tooltip class="has-tip" title="Networks"><span class="snf-network"></span></a></li> |
|
| 26 |
<li><a href="" data-tooltip class="has-tip" title="Dashboard"><span class="snf-DASHboard"></span></a></li> |
|
| 27 |
</ul> |
|
| 28 |
</nav> |
|
| 29 |
<div class="logo"> |
|
| 30 |
<a href="index.html"><img src="images/logo_01.png" alt="software logo"></a> |
|
| 31 |
<h2>Machines</h2> |
|
| 32 |
</div> |
|
| 33 |
<div class="login"> |
|
| 34 |
<a href="">test@grnet.gr</a> |
|
| 35 |
</div> |
|
| 36 |
<div class="actions clearfix"> |
|
| 37 |
<div class="new-btn"><a href="vm_create_a.html"><span>+</span> NEW MACHINE </a></div> |
|
| 38 |
<div class="main-actions"> |
|
| 39 |
<ul> |
|
| 40 |
<li class="running" ><a href="" data-overlay-id="#overlay1">Reboot</a></li> |
|
| 41 |
<li class="running"><a href="" data-overlay-id="#overlay1">Shutdown</a></li> |
|
| 42 |
<li class="both"><a href="">Destroy</a></li> |
|
| 43 |
<li class="stopped"><a href="">Start</a></li> |
|
| 44 |
<!-- in case we want an action always activated |
|
| 45 |
<li class="pernament"><a href="" class="active">Action</a></li> --> |
|
| 46 |
</ul> |
|
| 47 |
</div> |
|
| 48 |
</div> |
|
| 49 |
</header> |
|
| 50 |
<div class="overlay-wrapper"> |
|
| 51 |
<div class="overlay create-vm"> |
|
| 52 |
<div class="lt-sidebar nav"> |
|
| 53 |
<ul> |
|
| 54 |
<li><span class="titles">Predefined</span></li> |
|
| 55 |
<li><a href="#" class="flavor_selection small_flavor">Small<span>></span></a></li> |
|
| 56 |
<li><a href="#" class="flavor_selection medium_flavor">Medium<span>></span></a></li> |
|
| 57 |
<li><a href="#" class="flavor_selection large_flavor">Large<span>></span></a></li> |
|
| 58 |
</ul> |
|
| 59 |
|
|
| 60 |
</div> |
|
| 61 |
<div class="main"> |
|
| 62 |
<a href="vm_list.html" class="close" title="cancel vm creation">close</a> |
|
| 63 |
<div class="select-flavor"> |
|
| 64 |
<dl class="clearfix cpus"> |
|
| 65 |
<dd><strong>Cpu</strong> (x cores)</dd> |
|
| 66 |
<dt><span class="small_flavor current">1</span><span class="medium_flavor">2</span><span class="large_flavor">4</span></dt> |
|
| 67 |
</dl> |
|
| 68 |
<dl class="clearfix disk"> |
|
| 69 |
<dd><strong>Disk Size</strong> (GB)</dd> |
|
| 70 |
<dt><span class="small_flavor current">5</span><span class="medium_flavor">10</span><span class="large_flavor">20</span><span>40</span></dt> |
|
| 71 |
</dl> |
|
| 72 |
<dl class="clearfix ram"> |
|
| 73 |
<dd><strong>Memory Size</strong> (MB)</dd> |
|
| 74 |
<dt><span class="small_flavor current">1024</span><span class="medium_flavor large_flavor">2048</span><span>4096</span></dt> |
|
| 75 |
</dl> |
|
| 76 |
<dl class="clearfix storage"> |
|
| 77 |
<dd><strong>Storage</strong></dd> |
|
| 78 |
<dt><span class="current">Standard</span><span>Rdb</span><span>Local</span></dt> |
|
| 79 |
</dl> |
|
| 80 |
</div> |
|
| 81 |
<div class="navigation clearfix"> |
|
| 82 |
<a class="lt btn2" href="vm_create_a.html">PREVIOUS</a> |
|
| 83 |
<a class="rt btn2" href="#">NEXT</a> |
|
| 84 |
</div> |
|
| 85 |
</div> |
|
| 86 |
</div> |
|
| 87 |
|
|
| 88 |
</div> |
|
| 89 |
|
|
| 90 |
|
|
| 91 |
<script src="javascripts/vendor/jquery.js"></script> |
|
| 92 |
|
|
| 93 |
<script src="javascripts/foundation/foundation.js"></script> |
|
| 94 |
|
|
| 95 |
<script src="javascripts/foundation/foundation.alerts.js"></script> |
|
| 96 |
|
|
| 97 |
<script src="javascripts/foundation/foundation.clearing.js"></script> |
|
| 98 |
|
|
| 99 |
<script src="javascripts/foundation/foundation.cookie.js"></script> |
|
| 100 |
|
|
| 101 |
<script src="javascripts/foundation/foundation.dropdown.js"></script> |
|
| 102 |
|
|
| 103 |
<script src="javascripts/foundation/foundation.forms.js"></script> |
|
| 104 |
|
|
| 105 |
<script src="javascripts/foundation/foundation.joyride.js"></script> |
|
| 106 |
|
|
| 107 |
<script src="javascripts/foundation/foundation.magellan.js"></script> |
|
| 108 |
|
|
| 109 |
<script src="javascripts/foundation/foundation.orbit.js"></script> |
|
| 110 |
|
|
| 111 |
<script src="javascripts/foundation/foundation.placeholder.js"></script> |
|
| 112 |
|
|
| 113 |
<script src="javascripts/foundation/foundation.reveal.js"></script> |
|
| 114 |
|
|
| 115 |
<script src="javascripts/foundation/foundation.section.js"></script> |
|
| 116 |
|
|
| 117 |
<script src="javascripts/foundation/foundation.tooltips.js"></script> |
|
| 118 |
|
|
| 119 |
<script src="javascripts/foundation/foundation.topbar.js"></script> |
|
| 120 |
|
|
| 121 |
<script type="text/javascript" src="javascripts/jquery.mousewheel.js"></script> |
|
| 122 |
|
|
| 123 |
<script type="text/javascript" src="javascripts/jquery.jscrollpane.js"></script> |
|
| 124 |
|
|
| 125 |
<script type="text/javascript" src="javascripts/dropzone.js"></script> |
|
| 126 |
|
|
| 127 |
<script type="text/javascript" src="javascripts/jquery.magnific-popup.js"></script> |
|
| 128 |
|
|
| 129 |
<script src="javascripts/common.js"></script> |
|
| 130 |
|
|
| 131 |
|
|
| 132 |
<script> |
|
| 133 |
$(document).foundation(); |
|
| 134 |
</script> |
|
| 135 |
</body> |
|
| 136 |
</html> |
|
Also available in: Unified diff