/* Machines (VMs) related styles */ .vms .items-list { .img { width: 60px; span { &:hover { cursor: pointer; } } &:hover { .snf-PC_fill { color: darken($vm-active-color,10%); } } .snf-PC_fill { font-size: 60px; color: $vm-active-color; } &.stopped { .snf-PC_fill { color: $vm-stopped-color; } } &.stopped:hover { .snf-PC_fill { color: darken($vm-stopped-color,10%); } } .os { @include sprite('../images/os-unknown.png', 22px, 22px); position: absolute; top:8px; left:19px; &.windows { background-image:url('../images/os-windows.png'); } &.kubuntu { background-image:url('../images/os-kubuntu.png'); } &.fedora { background-image:url('../images/os-fedora.png'); } } } } .vm { .top { .img { //@include sprite('../images/vm-on.png', 112px, 116px); display: inline-block; height: 112px; .snf-PC_fill { font-size: 112px; color: $vm-active-color; } &.stopped { .snf-PC_fill { color: $vm-stopped-color; } } } .os { @include sprite('../images/os-unknown.png', 44px, 44px); position: absolute; background-size:100%; left:34px; top:11px; &.windows { background-image:url('../images/os-windows.png'); } &.kubuntu { background-image:url('../images/os-kubuntu.png'); } &.fedora { background-image:url('../images/os-fedora.png'); } } } } .create-vm { .select-os { li { width:23%; padding:20px; list-style:none outside none; display: inline-block; float: left; height: 200px; margin:0 10px 10px 0; &:hover, &.selected { background:#fff; h2, p, a { color:$secondary-color; } } a { color:#fff; } .os { @include sprite('../images/os-unknown.png', 30px, 30px); background-size:100%; margin-bottom:2em; &.windows { background-image:url('../images/os-windows.png'); } &.kubuntu { background-image:url('../images/os-kubuntu.png'); } &.fedora { background-image:url('../images/os-fedora.png'); } } h2 { font-size:emCalc(16px); font-weight:normal; color:#fff; } .details { font-weight:bold; font-size:emCalc(14px); } } } .select-flavor { dl { color:#fff; font-size:emCalc(20px); margin-bottom:10px; dd { width:23%; display: inline-block; } dt { width:70%; display: inline-block; font-weight: normal; span { @extend .btn3; min-width: 90px; margin:0 10px; &:first-child { margin-left:0; } } } } } } #vm-connect { .info { font-style:italic; font-size:emCalc(13px); color: lighten($primary-color,5%); } .ssh { text-align: center; span { padding: 10px 30px; background:$secondary-color; color:#fff; } } }