Revision 5e62e9c1 snf-cyclades-app/synnefo/ui/new_ui/ui/sass/app.scss

b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/app.scss
220 220
		position:relative;
221 221
		margin:2*$header-padding-vertical 0 $header-padding-vertical;
222 222
		.main-actions {
223
			display: none;
223
			position:relative;
224
			top:95px;
224 225
		}
225 226
		ul {
226 227
			margin:0;
......
230 231
				margin:0 5px;
231 232
				a {
232 233
					display: block;
234
					color:lighten($primary-color,30%);
233 235
					width:100%;
234 236
					padding:8px 20px;
235 237
					border:1px solid transparent;
238
					&.active {
239
						color:$primary-color;
240
						&:hover {
241
							border:1px solid $secondary-color;
242
							cursor: pointer;
243
						}
244
					}
236 245
					&:hover {
237
						border:1px solid $secondary-color;
246
						cursor:default;
238 247
					}
248

  
239 249
				}
240 250
			}
241 251
		}
......
281 291
.top-info {
282 292
	padding:50px 100px;
283 293
	position: relative;
294
	display:none;
284 295
	.close {
285 296
		position: absolute;
286 297
		right:$header-padding-horizontal;
......
312 323
}
313 324

  
314 325
.items-list {
315
	padding:50px 0;
326
	padding:25px 0;
316 327
	li {
317 328
		text-align:center;
318 329
		padding:20px;
......
327 338
.vms {
328 339
	.items-list {
329 340
		li {
341
			.add-new {
342
				a {
343
					margin:0 20px;
344
					display: block;
345
					font-weight: bold;
346
					height:190px;
347
					padding:65px 30px 15px;
348
					border:2px dashed $primary-color;
349
					&:hover {
350
						border-color:$secondary-color;
351
						color:$secondary-color;
352
					}
353
				}			
354
			}
330 355
			.img {
331 356
				@include sprite('../images/vm-on.png', 56px, 58px);
332 357
				margin-bottom: 20px;
......
343 368
					&.kubuntu { background-image:url('../images/os-kubuntu.png'); }
344 369
					&.fedora { background-image:url('../images/os-fedora.png'); }
345 370
				}
371
			
372
			}
373
			
374
			.container {
375
				border:1px solid transparent;
376
				margin: 0 20px;
377
				padding:20px 0;
378
				position: relative;
379
				.options {
380
					width:100%;
381
					height:100%;
382
					background:$white;
383

  
384
					position: absolute;
385
					top:0;
386
					left:0;
387
					display: none;
388
					z-index: 1;
389
					.wrap {
390
						height:190px;
391
						padding:15px 30px;
392
						text-align: left;
393
						border:1px solid $secondary-color;
394
						a {
395
							font-size:emCalc(27px);
396
							color:$primary-color;
397
							line-height: 45px;
398
							font-weight: bold;
399
							.custom_checkbox {
400
								color:$secondary-color;
401
								position:relative;
402
								top:5px;
403
							}
404
							span {
405
								float:right;
406
							}
407
							&:hover {
408
								color: $secondary-color;
409
							}
410
						}
411
					}
412
				}
346 413
			}
414
			.more_checkbox {
415
				position:absolute;
416
				right:31px;
417
				top:15px;
418
				color:$secondary-color;
419
				font-weight: bold;
420
				font-size:emCalc(27px);
421

  
422
			}
423

  
347 424
		}
348 425
	}
349 426
}
......
552 629
	}
553 630
}
554 631

  
632
#vm-connect {
633
	.info {
634
		font-style:italic;
635
		font-size:emCalc(13px);
636
		color: lighten($primary-color,5%);
637
	}
638
	.ssh {
639
		text-align: center;
640
		span {
641
			padding: 10px 30px;
642
			background:$secondary-color;
643
			color:$white;
644
		}
645
	}
646
	a:hover { color: $secondary-color;}
647
}
648

  
555 649

  

Also available in: Unified diff