Revision e6a2ceea

b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_common.scss
200 200
	height:100%;
201 201
}
202 202

  
203
body {
204
	padding-top:$header-height+$bar-height;
205
}
206

  
203 207
.overlay-wrapper {
204 208
	min-height:100%;
205 209
}
......
227 231
/* Header ----------------------------------------------- */
228 232

  
229 233
.header {
230
	position:relative;
234
	position:fixed;
235
	top:0;
236
	left:0;
237
	right:0;
238
	width:100%;
231 239
	height:$header-height;
232 240
	line-height:$header-height;
233 241
	padding:0 $header-padding-horizontal;
234 242
	border-bottom:1px solid $primary-color;
235
	background:#fff;
243
	background:white;
244
	z-index:100;
236 245
	.icons-nav {
237 246
		position:absolute;
238 247
		left:$header-padding-horizontal - $icons-nav-margin-horizontal;
......
266 275
/* Actions Bar ----------------------------------------------- */
267 276

  
268 277
.actions-bar {
278
	position:fixed;
279
	left:0;
280
	top:$header-height;
281
	width:100%;
282
	z-index:15;
269 283
	text-align:center;
270 284
	height:$bar-height;
271 285
	line-height:$bar-height;
272
	position:relative;
286
	background:white;
273 287
	border-bottom:1px solid $primary-color;
274 288
	.row {
275 289
		position: relative;
b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_overlays.scss
43 43
		position:absolute;
44 44
		left:0;
45 45
		right:0;
46
		top:0;
46
		top:-$header-height;
47 47
		width:100%;
48 48
		height:100%;
49 49
		background:$overlay-color;
......
54 54
		right:$header-padding-horizontal;
55 55
		top:50px;
56 56
		font-size:32px;
57
		color:white;
57
		color:$primary-color;
58 58
		&:hover {
59
			color:$primary-color;
59
			color:white;
60 60
		}
61 61
	}
62 62
	.row {
......
88 88
		}
89 89
		&.wizard {
90 90
			background:$overlay-color;
91
			padding:0;
91
			padding:0 ;
92 92
			width:100%;
93 93
			top:0;
94 94
			left:0;
......
157 157
		background:$overlay-color-top;
158 158
		height:$bar-height;
159 159
		line-height: $bar-height;
160
		position:fixed;
161
		left:0;
162
		top:$header-height;
163
		width:100%;
164
		z-index:40;
160 165
		.sub-menu {
161 166
			display: none;
162 167
			&[data-step="1"] {
......
184 189
		}
185 190
	}
186 191
	.middle {
192
		padding-top:$bar-height;
187 193
		.step {
188 194
			padding:50px 0;
189 195
			float:left;
......
194 200
					list-style: none outside none;
195 201
					@extend .clearfix;
196 202
					padding:0.5em 0;
197
					margin-bottom:0.5em;
198 203
					&:hover {
199 204
						background:lighten($overlay-color-top, 10%);
200 205
					}
b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_settings.scss
62 62
// $global-rounded: 1000px;
63 63

  
64 64
// header settings
65
$header-height:emCalc(70px);
65
$header-height:70px;
66 66
$header-padding-vertical:emCalc(20px);
67 67
$header-padding-horizontal:emCalc(40px);
68 68

  
b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css
7008 7008
}
7009 7009

  
7010 7010
/* line 203, ../sass/_common.scss */
7011
body {
7012
  padding-top: 130px;
7013
}
7014

  
7015
/* line 207, ../sass/_common.scss */
7011 7016
.overlay-wrapper {
7012 7017
  min-height: 100%;
7013 7018
}
7014 7019

  
7015
/* line 207, ../sass/_common.scss */
7020
/* line 211, ../sass/_common.scss */
7016 7021
.lt-sidebar {
7017 7022
  width: 250px;
7018 7023
  float: left;
7019 7024
}
7020
/* line 210, ../sass/_common.scss */
7025
/* line 214, ../sass/_common.scss */
7021 7026
.lt-sidebar.nav {
7022 7027
  margin-top: 0;
7023 7028
  font-size: 1em;
7024 7029
  overflow: auto;
7025 7030
}
7026
/* line 215, ../sass/_common.scss */
7031
/* line 219, ../sass/_common.scss */
7027 7032
.lt-sidebar + .main {
7028 7033
  overflow: hidden;
7029 7034
}
7030 7035

  
7031
/* line 220, ../sass/_common.scss */
7036
/* line 224, ../sass/_common.scss */
7032 7037
.main {
7033 7038
  padding: 0 40px;
7034 7039
  overflow: hidden;
7035 7040
}
7036 7041

  
7037 7042
/* Header ----------------------------------------------- */
7038
/* line 229, ../sass/_common.scss */
7043
/* line 233, ../sass/_common.scss */
7039 7044
.header {
7040
  position: relative;
7041
  height: 4.375em;
7042
  line-height: 4.375em;
7045
  position: fixed;
7046
  top: 0;
7047
  left: 0;
7048
  right: 0;
7049
  width: 100%;
7050
  height: 70px;
7051
  line-height: 70px;
7043 7052
  padding: 0 2.5em;
7044 7053
  border-bottom: 1px solid #919194;
7045
  background: #fff;
7054
  background: white;
7055
  z-index: 100;
7046 7056
}
7047
/* line 236, ../sass/_common.scss */
7057
/* line 245, ../sass/_common.scss */
7048 7058
.header .icons-nav {
7049 7059
  position: absolute;
7050 7060
  left: 2.1875em;
7051
  height: 4.375em;
7052
  line-height: 4.375em;
7061
  height: 70px;
7062
  line-height: 70px;
7053 7063
  top: 0;
7054 7064
}
7055
/* line 243, ../sass/_common.scss */
7065
/* line 252, ../sass/_common.scss */
7056 7066
.header .logo {
7057 7067
  text-align: center;
7058 7068
}
7059
/* line 245, ../sass/_common.scss */
7069
/* line 254, ../sass/_common.scss */
7060 7070
.header .logo img {
7061 7071
  max-height: 30px;
7062 7072
}
7063
/* line 248, ../sass/_common.scss */
7073
/* line 257, ../sass/_common.scss */
7064 7074
.header .logo h2 {
7065 7075
  display: none;
7066 7076
  margin: 0;
......
7068 7078
  color: #919194;
7069 7079
  font-weight: normal;
7070 7080
}
7071
/* line 256, ../sass/_common.scss */
7081
/* line 265, ../sass/_common.scss */
7072 7082
.header .login {
7073 7083
  position: absolute;
7074 7084
  top: 0;
7075 7085
  right: 2.5em;
7076
  height: 4.375em;
7077
  line-height: 4.375em;
7086
  height: 70px;
7087
  line-height: 70px;
7078 7088
}
7079 7089

  
7080 7090
/* Actions Bar ----------------------------------------------- */
7081
/* line 268, ../sass/_common.scss */
7091
/* line 277, ../sass/_common.scss */
7082 7092
.actions-bar {
7093
  position: fixed;
7094
  left: 0;
7095
  top: 70px;
7096
  width: 100%;
7097
  z-index: 15;
7083 7098
  text-align: center;
7084 7099
  height: 60px;
7085 7100
  line-height: 60px;
7086
  position: relative;
7101
  background: white;
7087 7102
  border-bottom: 1px solid #919194;
7088 7103
}
7089
/* line 274, ../sass/_common.scss */
7104
/* line 288, ../sass/_common.scss */
7090 7105
.actions-bar .row {
7091 7106
  position: relative;
7092 7107
  height: 60px;
7093 7108
}
7094
/* line 278, ../sass/_common.scss */
7109
/* line 292, ../sass/_common.scss */
7095 7110
.actions-bar ul {
7096 7111
  margin: 0;
7097 7112
}
7098
/* line 280, ../sass/_common.scss */
7113
/* line 294, ../sass/_common.scss */
7099 7114
.actions-bar ul li {
7100 7115
  list-style: none outside none;
7101 7116
  display: inline-block;
7102 7117
  line-height: 60px;
7103 7118
}
7104
/* line 284, ../sass/_common.scss */
7119
/* line 298, ../sass/_common.scss */
7105 7120
.actions-bar ul li a {
7106 7121
  display: block;
7107 7122
  color: #dfdfdf;
......
7109 7124
  padding: 0 20px;
7110 7125
  border: 1px solid transparent;
7111 7126
}
7112
/* line 290, ../sass/_common.scss */
7127
/* line 304, ../sass/_common.scss */
7113 7128
.actions-bar ul li a.active, .actions-bar ul .items-list li .container:hover a.check, .items-list .actions-bar ul li .container:hover a.check {
7114 7129
  color: #919194;
7115 7130
}
7116
/* line 292, ../sass/_common.scss */
7131
/* line 306, ../sass/_common.scss */
7117 7132
.actions-bar ul li a.active:hover, .actions-bar ul .items-list li .container:hover a.check:hover, .items-list .actions-bar ul li .container:hover a.check:hover {
7118 7133
  color: #3582ac;
7119 7134
  cursor: pointer;
7120 7135
}
7121
/* line 297, ../sass/_common.scss */
7136
/* line 311, ../sass/_common.scss */
7122 7137
.actions-bar ul li a:hover {
7123 7138
  cursor: default;
7124 7139
}
7125 7140

  
7126
/* line 305, ../sass/_common.scss */
7141
/* line 319, ../sass/_common.scss */
7127 7142
.new-btn {
7128 7143
  position: absolute;
7129 7144
  left: 0;
7130 7145
  bottom: 0;
7131 7146
  height: 60px;
7132 7147
}
7133
/* line 312, ../sass/_common.scss */
7148
/* line 326, ../sass/_common.scss */
7134 7149
.new-btn a span {
7135 7150
  font-size: 1.25em;
7136 7151
}
7137 7152

  
7138 7153
/* Icons Navigation ----------------------------------------------- */
7139
/* line 320, ../sass/_common.scss */
7154
/* line 334, ../sass/_common.scss */
7140 7155
.icons-nav {
7141 7156
  margin: 0;
7142 7157
  padding: 0;
7143 7158
}
7144
/* line 322, ../sass/_common.scss */
7159
/* line 336, ../sass/_common.scss */
7145 7160
.icons-nav li {
7146 7161
  display: inline-block;
7147 7162
  margin: 0 0.3125em;
......
7152 7167
  text-align: center;
7153 7168
  overflow: hidden;
7154 7169
}
7155
/* line 331, ../sass/_common.scss */
7170
/* line 345, ../sass/_common.scss */
7156 7171
.icons-nav li a {
7157 7172
  color: #333333;
7158 7173
}
7159
/* line 333, ../sass/_common.scss */
7174
/* line 347, ../sass/_common.scss */
7160 7175
.icons-nav li a:hover, .icons-nav li a.current {
7161 7176
  font-size: 30px;
7162 7177
  color: #30c79e;
7163 7178
}
7164 7179

  
7165 7180
/* Top info  ----------------------------------------------- */
7166
/* line 346, ../sass/_common.scss */
7181
/* line 360, ../sass/_common.scss */
7167 7182
.top-info {
7168 7183
  padding: 50px 100px;
7169 7184
  position: relative;
7170 7185
  z-index: 10;
7171 7186
  display: none;
7172 7187
}
7173
/* line 351, ../sass/_common.scss */
7188
/* line 365, ../sass/_common.scss */
7174 7189
.top-info .close {
7175 7190
  position: absolute;
7176 7191
  right: 2.5em;
......
7183 7198
  overflow: hidden;
7184 7199
}
7185 7200

  
7186
/* line 360, ../sass/_common.scss */
7201
/* line 374, ../sass/_common.scss */
7187 7202
.info.error {
7188 7203
  background: #ff5c58;
7189 7204
  color: #fff;
7190 7205
}
7191 7206

  
7192
/* line 366, ../sass/_common.scss */
7207
/* line 380, ../sass/_common.scss */
7193 7208
.info.alert {
7194 7209
  background: #3582ac;
7195 7210
  color: #fff;
7196 7211
}
7197 7212

  
7198
/* line 371, ../sass/_common.scss */
7213
/* line 385, ../sass/_common.scss */
7199 7214
.info.warning {
7200 7215
  background: #919194;
7201 7216
  color: #fff;
7202 7217
}
7203 7218

  
7204
/* line 376, ../sass/_common.scss */
7219
/* line 390, ../sass/_common.scss */
7205 7220
.info.success {
7206 7221
  background: #00a551;
7207 7222
  color: #fff;
7208 7223
}
7209 7224

  
7210
/* line 381, ../sass/_common.scss */
7225
/* line 395, ../sass/_common.scss */
7211 7226
.border-bottom-style1 {
7212 7227
  padding-bottom: 20px;
7213 7228
  margin-bottom: 20px;
......
7215 7230
}
7216 7231

  
7217 7232
/* Progress Bar ----------------------------------------------- */
7218
/* line 390, ../sass/_common.scss */
7233
/* line 404, ../sass/_common.scss */
7219 7234
.progress-bar {
7220 7235
  position: fixed;
7221 7236
  bottom: 0;
......
7226 7241
  padding: 20px 0 20px 310px;
7227 7242
  color: #919194;
7228 7243
}
7229
/* line 399, ../sass/_common.scss */
7244
/* line 413, ../sass/_common.scss */
7230 7245
.progress-bar span.counter {
7231 7246
  display: inline-block;
7232 7247
  margin-right: 20px;
7233 7248
  float: left;
7234 7249
}
7235
/* line 404, ../sass/_common.scss */
7250
/* line 418, ../sass/_common.scss */
7236 7251
.progress-bar div.progress-wrap {
7237 7252
  display: inline-block;
7238 7253
  float: left;
7239 7254
  width: 40%;
7240 7255
  margin-right: 60px;
7241 7256
}
7242
/* line 409, ../sass/_common.scss */
7257
/* line 423, ../sass/_common.scss */
7243 7258
.progress-bar div.progress-wrap .progress {
7244 7259
  position: relative;
7245 7260
  top: 2px;
7246 7261
}
7247
/* line 414, ../sass/_common.scss */
7262
/* line 428, ../sass/_common.scss */
7248 7263
.progress-bar span.more {
7249 7264
  display: inline-block;
7250 7265
}
......
8076 8091
  position: absolute;
8077 8092
  left: 0;
8078 8093
  right: 0;
8079
  top: 0;
8094
  top: -70px;
8080 8095
  width: 100%;
8081 8096
  height: 100%;
8082 8097
  background: #485057;
......
8088 8103
  right: 2.5em;
8089 8104
  top: 50px;
8090 8105
  font-size: 32px;
8091
  color: white;
8106
  color: #919194;
8092 8107
}
8093 8108
/* line 58, ../sass/_overlays.scss */
8094 8109
.overlay-wrapper .close:hover {
8095
  color: #919194;
8110
  color: white;
8096 8111
}
8097 8112
/* line 63, ../sass/_overlays.scss */
8098 8113
.overlay-wrapper .row .close {
......
8206 8221
  background: #636a70;
8207 8222
  height: 60px;
8208 8223
  line-height: 60px;
8224
  position: fixed;
8225
  left: 0;
8226
  top: 70px;
8227
  width: 100%;
8228
  z-index: 40;
8209 8229
}
8210
/* line 160, ../sass/_overlays.scss */
8230
/* line 165, ../sass/_overlays.scss */
8211 8231
.wizard .top .sub-menu {
8212 8232
  display: none;
8213 8233
}
8214
/* line 162, ../sass/_overlays.scss */
8234
/* line 167, ../sass/_overlays.scss */
8215 8235
.wizard .top .sub-menu[data-step="1"] {
8216 8236
  display: block;
8217 8237
}
8218
/* line 165, ../sass/_overlays.scss */
8238
/* line 170, ../sass/_overlays.scss */
8219 8239
.wizard .top .sub-menu ul {
8220 8240
  margin: 0;
8221 8241
  padding: 0;
8222 8242
  list-style: none outside none;
8223 8243
  font-size: 0.75em;
8224 8244
}
8225
/* line 170, ../sass/_overlays.scss */
8245
/* line 175, ../sass/_overlays.scss */
8226 8246
.wizard .top .sub-menu ul li {
8227 8247
  display: inline;
8228 8248
  margin-right: 10px;
8229 8249
  line-height: 60px;
8230 8250
  list-style: none outside none;
8231 8251
}
8232
/* line 175, ../sass/_overlays.scss */
8252
/* line 180, ../sass/_overlays.scss */
8233 8253
.wizard .top .sub-menu ul li a {
8234 8254
  color: #333333;
8235 8255
}
8236
/* line 177, ../sass/_overlays.scss */
8256
/* line 182, ../sass/_overlays.scss */
8237 8257
.wizard .top .sub-menu ul li a:hover, .wizard .top .sub-menu ul li a.current {
8238 8258
  color: white;
8239 8259
  text-decoration: underline;
8240 8260
}
8241
/* line 187, ../sass/_overlays.scss */
8261
/* line 191, ../sass/_overlays.scss */
8262
.wizard .middle {
8263
  padding-top: 60px;
8264
}
8265
/* line 193, ../sass/_overlays.scss */
8242 8266
.wizard .middle .step {
8243 8267
  padding: 50px 0;
8244 8268
  float: left;
8245 8269
  position: relative;
8246 8270
  width: 75em;
8247 8271
}
8248
/* line 193, ../sass/_overlays.scss */
8272
/* line 199, ../sass/_overlays.scss */
8249 8273
.wizard .middle .step .os li {
8250 8274
  list-style: none outside none;
8251 8275
  padding: 0.5em 0;
8252
  margin-bottom: 0.5em;
8253 8276
}
8254
/* line 198, ../sass/_overlays.scss */
8277
/* line 203, ../sass/_overlays.scss */
8255 8278
.wizard .middle .step .os li:hover {
8256 8279
  background: #7b848b;
8257 8280
}
8258
/* line 201, ../sass/_overlays.scss */
8281
/* line 206, ../sass/_overlays.scss */
8259 8282
.wizard .middle .step .os li.current {
8260 8283
  background: #636a70;
8261 8284
}
8262
/* line 204, ../sass/_overlays.scss */
8285
/* line 209, ../sass/_overlays.scss */
8263 8286
.wizard .middle .step .os li .img-col {
8264 8287
  float: left;
8265 8288
  width: 10%;
8266 8289
}
8267
/* line 208, ../sass/_overlays.scss */
8290
/* line 213, ../sass/_overlays.scss */
8268 8291
.wizard .middle .step .os li .name-col {
8269 8292
  float: left;
8270 8293
  width: 70%;
8271 8294
}
8272
/* line 212, ../sass/_overlays.scss */
8295
/* line 217, ../sass/_overlays.scss */
8273 8296
.wizard .middle .step .os li .size-col {
8274 8297
  float: left;
8275 8298
  width: 10%;
8276 8299
}
8277
/* line 216, ../sass/_overlays.scss */
8300
/* line 221, ../sass/_overlays.scss */
8278 8301
.wizard .middle .step .os li .btn-col {
8279 8302
  float: left;
8280 8303
  width: 10%;
8281 8304
}
8282
/* line 221, ../sass/_overlays.scss */
8305
/* line 226, ../sass/_overlays.scss */
8283 8306
.wizard .middle .step .os li .btn-col a.current {
8284 8307
  color: #485057;
8285 8308
}
8286
/* line 226, ../sass/_overlays.scss */
8309
/* line 231, ../sass/_overlays.scss */
8287 8310
.wizard .middle .step .os li .details {
8288 8311
  display: none;
8289 8312
  background: white;
......
8291 8314
  margin: 20px 0;
8292 8315
  color: #222222;
8293 8316
}
8294
/* line 232, ../sass/_overlays.scss */
8317
/* line 237, ../sass/_overlays.scss */
8295 8318
.wizard .middle .step .os li .details h3 {
8296 8319
  font-size: 1em;
8297 8320
}
8298
/* line 237, ../sass/_overlays.scss */
8321
/* line 242, ../sass/_overlays.scss */
8299 8322
.wizard .middle .step .os li .details dl dt {
8300 8323
  width: 20%;
8301 8324
  float: left;
8302 8325
  font-weight: normal;
8303 8326
}
8304
/* line 242, ../sass/_overlays.scss */
8327
/* line 247, ../sass/_overlays.scss */
8305 8328
.wizard .middle .step .os li .details dl dd {
8306 8329
  margin: 0 0 5px;
8307 8330
}
8308
/* line 249, ../sass/_overlays.scss */
8331
/* line 254, ../sass/_overlays.scss */
8309 8332
.wizard .middle .step .flavor {
8310 8333
  list-style: none outside none;
8311 8334
}
8312
/* line 251, ../sass/_overlays.scss */
8335
/* line 256, ../sass/_overlays.scss */
8313 8336
.wizard .middle .step .flavor li {
8314 8337
  list-style: none outside none;
8315 8338
  margin-bottom: 1.5em;
8316 8339
}
8317
/* line 254, ../sass/_overlays.scss */
8340
/* line 259, ../sass/_overlays.scss */
8318 8341
.wizard .middle .step .flavor li .title {
8319 8342
  margin-bottom: 0.3125em;
8320 8343
  color: white;
8321 8344
  vertical-align: top;
8322 8345
}
8323
/* line 259, ../sass/_overlays.scss */
8346
/* line 264, ../sass/_overlays.scss */
8324 8347
.wizard .middle .step .flavor li .title .icon {
8325 8348
  display: block;
8326 8349
  width: 5%;
8327 8350
  font-size: 2.5em;
8328 8351
  float: left;
8329 8352
}
8330
/* line 265, ../sass/_overlays.scss */
8353
/* line 270, ../sass/_overlays.scss */
8331 8354
.wizard .middle .step .flavor li .title h2 {
8332 8355
  font-size: 1em;
8333 8356
  float: left;
......
8335 8358
  color: white;
8336 8359
  margin-right: 4%;
8337 8360
}
8338
/* line 267, ../sass/_overlays.scss */
8361
/* line 272, ../sass/_overlays.scss */
8339 8362
.wizard .middle .step .flavor li .title h2 span {
8340 8363
  font-weight: normal;
8341 8364
}
8342
/* line 275, ../sass/_overlays.scss */
8365
/* line 280, ../sass/_overlays.scss */
8343 8366
.wizard .middle .step .flavor li .title h2:hover + p {
8344 8367
  visibility: visible;
8345 8368
}
8346
/* line 280, ../sass/_overlays.scss */
8369
/* line 285, ../sass/_overlays.scss */
8347 8370
.wizard .middle .step .flavor li .title p {
8348 8371
  visibility: hidden;
8349 8372
  float: left;
8350 8373
  width: 70%;
8351 8374
  font-size: 0.75em;
8352 8375
}
8353
/* line 289, ../sass/_overlays.scss */
8376
/* line 294, ../sass/_overlays.scss */
8354 8377
.wizard .middle .step .flavor li .options-bar .bar {
8355 8378
  width: 24%;
8356 8379
  float: left;
......
8359 8382
  position: relative;
8360 8383
  top: 2px;
8361 8384
}
8362
/* line 296, ../sass/_overlays.scss */
8385
/* line 301, ../sass/_overlays.scss */
8363 8386
.wizard .middle .step .flavor li .options-bar .bar .wrap {
8364 8387
  border: 1px solid white;
8365 8388
  padding: 1px;
8366 8389
  height: 100%;
8367 8390
}
8368
/* line 300, ../sass/_overlays.scss */
8391
/* line 305, ../sass/_overlays.scss */
8369 8392
.wizard .middle .step .flavor li .options-bar .bar .wrap .container {
8370 8393
  height: 100%;
8371 8394
}
8372
/* line 302, ../sass/_overlays.scss */
8395
/* line 307, ../sass/_overlays.scss */
8373 8396
.wizard .middle .step .flavor li .options-bar .bar .wrap .container .total {
8374 8397
  background: #919194;
8375 8398
  height: 100%;
8376 8399
  float: left;
8377 8400
  position: relative;
8378 8401
}
8379
/* line 307, ../sass/_overlays.scss */
8402
/* line 312, ../sass/_overlays.scss */
8380 8403
.wizard .middle .step .flavor li .options-bar .bar .wrap .container .total .current {
8381 8404
  background: white;
8382 8405
  height: 100%;
8383 8406
  float: left;
8384 8407
}
8385
/* line 312, ../sass/_overlays.scss */
8408
/* line 317, ../sass/_overlays.scss */
8386 8409
.wizard .middle .step .flavor li .options-bar .bar .wrap .container .total span {
8387 8410
  position: absolute;
8388 8411
  right: 10px;
8389 8412
  color: #333333;
8390 8413
  font-size: 0.75em;
8391 8414
}
8392
/* line 319, ../sass/_overlays.scss */
8415
/* line 324, ../sass/_overlays.scss */
8393 8416
.wizard .middle .step .flavor li .options-bar .bar .wrap .container .total.low span {
8394 8417
  right: -30px;
8395 8418
  color: white;
8396 8419
}
8397
/* line 328, ../sass/_overlays.scss */
8420
/* line 333, ../sass/_overlays.scss */
8398 8421
.wizard .middle .step .flavor li .options-bar .options {
8399 8422
  overflow: hidden;
8400 8423
  list-style: none outside none;
8401 8424
}
8402
/* line 331, ../sass/_overlays.scss */
8425
/* line 336, ../sass/_overlays.scss */
8403 8426
.wizard .middle .step .flavor li .options-bar .options li {
8404 8427
  list-style: none outside none;
8405 8428
  display: inline-block;
8406 8429
  margin-right: 10px;
8407 8430
}
8408
/* line 335, ../sass/_overlays.scss */
8431
/* line 340, ../sass/_overlays.scss */
8409 8432
.wizard .middle .step .flavor li .options-bar .options li a {
8410 8433
  min-width: 60px;
8411 8434
}
8412
/* line 338, ../sass/_overlays.scss */
8435
/* line 343, ../sass/_overlays.scss */
8413 8436
.wizard .middle .step .flavor li .options-bar .options li a.current {
8414 8437
  color: #485057;
8415 8438
}
8416
/* line 349, ../sass/_overlays.scss */
8439
/* line 354, ../sass/_overlays.scss */
8417 8440
.wizard .bottom {
8418 8441
  position: fixed;
8419 8442
  left: 0;
......
8422 8445
  border-top: 1px solid #333333;
8423 8446
  background: #485057;
8424 8447
}
8425
/* line 356, ../sass/_overlays.scss */
8448
/* line 361, ../sass/_overlays.scss */
8426 8449
.wizard .bottom .row {
8427 8450
  height: 60px;
8428 8451
  line-height: 60px;
8429 8452
}
8430
/* line 360, ../sass/_overlays.scss */
8453
/* line 365, ../sass/_overlays.scss */
8431 8454
.wizard .bottom .nav {
8432 8455
  height: 60px;
8433 8456
  line-height: 60px;
8434 8457
  color: white;
8435 8458
  display: inline-block;
8436 8459
}
8437
/* line 365, ../sass/_overlays.scss */
8460
/* line 370, ../sass/_overlays.scss */
8438 8461
.wizard .bottom .nav span {
8439 8462
  display: inline-block;
8440 8463
  height: 30px;
8441 8464
  line-height: 30px;
8442 8465
  border: 1px solid white;
8443 8466
}
8444
/* line 372, ../sass/_overlays.scss */
8467
/* line 377, ../sass/_overlays.scss */
8445 8468
.wizard .bottom .nav:hover span {
8446 8469
  border-width: 2px;
8447 8470
  line-height: 28px;
8448 8471
}
8449
/* line 378, ../sass/_overlays.scss */
8472
/* line 383, ../sass/_overlays.scss */
8450 8473
.wizard .bottom .prev {
8451 8474
  float: left;
8452 8475
  padding-left: 11px;
8453 8476
  background: url("../images/nav-edge-lt.png") no-repeat left center;
8454 8477
}
8455
/* line 382, ../sass/_overlays.scss */
8478
/* line 387, ../sass/_overlays.scss */
8456 8479
.wizard .bottom .prev span {
8457 8480
  padding: 0 12px 0 10px;
8458 8481
  border-left: 0 none;
8459 8482
}
8460
/* line 386, ../sass/_overlays.scss */
8483
/* line 391, ../sass/_overlays.scss */
8461 8484
.wizard .bottom .prev:hover {
8462 8485
  background-image: url("../images/nav-edge-lt-hover.png");
8463 8486
}
8464
/* line 390, ../sass/_overlays.scss */
8487
/* line 395, ../sass/_overlays.scss */
8465 8488
.wizard .bottom .next {
8466 8489
  float: right;
8467 8490
  padding-right: 11px;
8468 8491
  background: url("../images/nav-edge-rt.png") no-repeat right center;
8469 8492
}
8470
/* line 394, ../sass/_overlays.scss */
8493
/* line 399, ../sass/_overlays.scss */
8471 8494
.wizard .bottom .next span {
8472 8495
  padding: 0 10px 0 12px;
8473 8496
  border-right: 0 none;
8474 8497
}
8475
/* line 398, ../sass/_overlays.scss */
8498
/* line 403, ../sass/_overlays.scss */
8476 8499
.wizard .bottom .next:hover {
8477 8500
  background-image: url("../images/nav-edge-rt-hover.png");
8478 8501
}
8479
/* line 402, ../sass/_overlays.scss */
8502
/* line 407, ../sass/_overlays.scss */
8480 8503
.wizard .bottom .nums {
8481 8504
  text-align: center;
8482 8505
  list-style: none outside none;
......
8484 8507
  height: 60px;
8485 8508
  line-height: 60px;
8486 8509
}
8487
/* line 408, ../sass/_overlays.scss */
8510
/* line 413, ../sass/_overlays.scss */
8488 8511
.wizard .bottom .nums li {
8489 8512
  list-style: none outside none;
8490 8513
  display: inline-block;
......
8495 8518
  line-height: 25px;
8496 8519
  margin: 0 3px;
8497 8520
}
8498
/* line 417, ../sass/_overlays.scss */
8521
/* line 422, ../sass/_overlays.scss */
8499 8522
.wizard .bottom .nums li a {
8500 8523
  color: #919194;
8501 8524
  display: block;
8502 8525
}
8503
/* line 420, ../sass/_overlays.scss */
8526
/* line 425, ../sass/_overlays.scss */
8504 8527
.wizard .bottom .nums li a:hover {
8505 8528
  cursor: default;
8506 8529
}
8507
/* line 424, ../sass/_overlays.scss */
8530
/* line 429, ../sass/_overlays.scss */
8508 8531
.wizard .bottom .nums li.current {
8509 8532
  border-color: white;
8510 8533
}
8511
/* line 426, ../sass/_overlays.scss */
8534
/* line 431, ../sass/_overlays.scss */
8512 8535
.wizard .bottom .nums li.current a {
8513 8536
  color: white;
8514 8537
}
8515
/* line 431, ../sass/_overlays.scss */
8538
/* line 436, ../sass/_overlays.scss */
8516 8539
.wizard .bottom .nums li.current {
8517 8540
  font-size: 1.25em;
8518 8541
  width: 30px;
8519 8542
  height: 30px;
8520 8543
}
8521 8544

  
8522
/* line 441, ../sass/_overlays.scss */
8545
/* line 446, ../sass/_overlays.scss */
8523 8546
.wizard-content {
8524 8547
  overflow: hidden;
8525 8548
}
8526 8549

  
8527
/* line 445, ../sass/_overlays.scss */
8550
/* line 450, ../sass/_overlays.scss */
8528 8551
.vm-wizard-carousel {
8529 8552
  width: 20000px;
8530 8553
  position: relative;
8531 8554
}
8532 8555

  
8533
/* line 451, ../sass/_overlays.scss */
8556
/* line 456, ../sass/_overlays.scss */
8534 8557
.advanced-conf-step {
8535 8558
  color: white;
8536 8559
}
8537
/* line 453, ../sass/_overlays.scss */
8560
/* line 458, ../sass/_overlays.scss */
8538 8561
.advanced-conf-step h2 {
8539 8562
  color: white;
8540 8563
  font-size: 16px;
8541 8564
  font-weight: bold;
8542 8565
}
8543
/* line 458, ../sass/_overlays.scss */
8566
/* line 463, ../sass/_overlays.scss */
8544 8567
.advanced-conf-step .adv-main {
8545 8568
  padding: 10px 0 30px;
8546 8569
  width: 47.5em;
8547 8570
}
8548
/* line 461, ../sass/_overlays.scss */
8571
/* line 466, ../sass/_overlays.scss */
8549 8572
.advanced-conf-step .adv-main .vm-name {
8550 8573
  font-weight: bold;
8551 8574
}
8552
/* line 465, ../sass/_overlays.scss */
8575
/* line 470, ../sass/_overlays.scss */
8553 8576
.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 {
8554 8577
  color: white;
8555 8578
}
8556
/* line 468, ../sass/_overlays.scss */
8579
/* line 473, ../sass/_overlays.scss */
8557 8580
.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 {
8558 8581
  color: #485057;
8559 8582
}
8560
/* line 472, ../sass/_overlays.scss */
8583
/* line 477, ../sass/_overlays.scss */
8561 8584
.advanced-conf-step .adv-main input[type="text"] {
8562 8585
  width: 200px;
8563 8586
  border: 0;
......
8570 8593
  box-shadow: 7px 7px 0px rgba(72, 80, 87, 0);
8571 8594
}
8572 8595

  
8573
/* line 486, ../sass/_overlays.scss */
8596
/* line 491, ../sass/_overlays.scss */
8574 8597
.advanced-conf-options {
8575 8598
  display: none;
8576 8599
}
8577
/* line 488, ../sass/_overlays.scss */
8600
/* line 493, ../sass/_overlays.scss */
8578 8601
.advanced-conf-options .area {
8579 8602
  padding: 30px 0;
8580 8603
}
8581
/* line 491, ../sass/_overlays.scss */
8604
/* line 496, ../sass/_overlays.scss */
8582 8605
.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 {
8583 8606
  color: white;
8584 8607
}
8585
/* line 496, ../sass/_overlays.scss */
8608
/* line 501, ../sass/_overlays.scss */
8586 8609
.advanced-conf-options .ssh-keys-area {
8587 8610
  background-color: #ff7049;
8588 8611
}
8589
/* line 498, ../sass/_overlays.scss */
8612
/* line 503, ../sass/_overlays.scss */
8590 8613
.advanced-conf-options .ssh-keys-area .row {
8591 8614
  width: 47.5em;
8592 8615
}
8593
/* line 502, ../sass/_overlays.scss */
8616
/* line 507, ../sass/_overlays.scss */
8594 8617
.advanced-conf-options .ssh-keys-area ul li {
8595 8618
  list-style: none outside none;
8596 8619
}
8597
/* line 504, ../sass/_overlays.scss */
8620
/* line 509, ../sass/_overlays.scss */
8598 8621
.advanced-conf-options .ssh-keys-area ul li span {
8599 8622
  margin-left: 20px;
8600 8623
}
8601
/* line 506, ../sass/_overlays.scss */
8624
/* line 511, ../sass/_overlays.scss */
8602 8625
.advanced-conf-options .ssh-keys-area ul li span:hover {
8603 8626
  cursor: pointer;
8604 8627
}
8605
/* line 513, ../sass/_overlays.scss */
8628
/* line 518, ../sass/_overlays.scss */
8606 8629
.advanced-conf-options .networks-area {
8607 8630
  background-color: #ff948c;
8608 8631
}
8609
/* line 516, ../sass/_overlays.scss */
8632
/* line 521, ../sass/_overlays.scss */
8610 8633
.advanced-conf-options .networks-area li.network-data ul.ips-list {
8611 8634
  display: none;
8612 8635
}
8613
/* line 520, ../sass/_overlays.scss */
8636
/* line 525, ../sass/_overlays.scss */
8614 8637
.advanced-conf-options .networks-area .row {
8615 8638
  width: 47.5em;
8616 8639
}
8617
/* line 524, ../sass/_overlays.scss */
8640
/* line 529, ../sass/_overlays.scss */
8618 8641
.advanced-conf-options .tags-area {
8619 8642
  background-color: #4c71ff;
8620 8643
}
8621
/* line 526, ../sass/_overlays.scss */
8644
/* line 531, ../sass/_overlays.scss */
8622 8645
.advanced-conf-options .tags-area .row {
8623 8646
  width: 47.5em;
8624 8647
}
b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list.html
72 72
						<div class="vm-wizard-carousel">
73 73
							<div class="step step-1">
74 74
								<ul class="os">
75
									<li  class="current">
75
									<li>
76 76
										<div class="row">
77 77
											<div class="img-col"><img src="images/os-fedora.png" alt=""></div>
78 78
											<div class="name-col">Ubuntu Desktop LTS (Long Term Support)</div>
......
153 153
											</div>
154 154
										</div>
155 155
									</li>
156
									<li>
156
									<li  class="current">
157 157
										<div class="row">
158 158
											<div class="img-col"><img src="images/os-fedora.png" alt=""></div>
159 159
											<div class="name-col">Ubuntu Desktop LTS (Long Term Support)</div>

Also available in: Unified diff