Revision 97cd255d snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_items-list.scss
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_items-list.scss | ||
|---|---|---|
| 233 | 233 |
overflow:hidden; |
| 234 | 234 |
& >li {
|
| 235 | 235 |
&.selected {
|
| 236 |
background-color: $light-bg;
|
|
| 236 |
background-color: $gray-4;
|
|
| 237 | 237 |
} |
| 238 | 238 |
@extend .clearfix; |
| 239 | 239 |
height:auto; |
| ... | ... | |
| 241 | 241 |
padding:15px 15px 15px $lt-bar-width; |
| 242 | 242 |
background-image: none; |
| 243 | 243 |
&:hover{
|
| 244 |
background-color:lighten($primary-color,30%);
|
|
| 244 |
background-color: $gray-4;
|
|
| 245 | 245 |
} |
| 246 | 246 |
.check {
|
| 247 | 247 |
width:$check-w; |
| ... | ... | |
| 249 | 249 |
line-height: $list-icon-height; |
| 250 | 250 |
text-align: center; |
| 251 | 251 |
float:left; |
| 252 |
padding-left: 20px; |
|
| 252 | 253 |
&:hover {
|
| 253 | 254 |
cursor: pointer; |
| 254 | 255 |
color:$link-color-hover; |
| ... | ... | |
| 259 | 260 |
float:left; |
| 260 | 261 |
text-align: center; |
| 261 | 262 |
height: $list-icon-height; |
| 262 |
top: -6px; |
|
| 263 | 263 |
.os {
|
| 264 | 264 |
@include sprite('../images/os-unknown.png', 14px, 14px);
|
| 265 | 265 |
background-size:100%; |
| ... | ... | |
| 281 | 281 |
overflow: hidden; |
| 282 | 282 |
float:left; |
| 283 | 283 |
text-align: left; |
| 284 |
height:18px; |
|
| 284 |
padding-right: 20px; |
|
| 285 |
height: $list-icon-height; |
|
| 286 |
line-height: $list-icon-height; |
|
| 285 | 287 |
margin: 0; |
| 286 | 288 |
color: inherit; |
| 289 |
padding-right: 20px; |
|
| 287 | 290 |
} |
| 288 | 291 |
.tags {
|
| 289 | 292 |
float:left; |
| ... | ... | |
| 291 | 294 |
height:$list-icon-height; |
| 292 | 295 |
line-height: $list-icon-height; |
| 293 | 296 |
a {
|
| 294 |
vertical-align: text-top;
|
|
| 297 |
vertical-align: middle;
|
|
| 295 | 298 |
} |
| 296 | 299 |
} |
| 297 | 300 |
.size, .remove {
|
| ... | ... | |
| 301 | 304 |
line-height: $list-icon-height; |
| 302 | 305 |
font-size: emCalc(12px); |
| 303 | 306 |
text-align: left; |
| 307 |
padding-left: 20px; |
|
| 304 | 308 |
} |
| 305 | 309 |
.status {
|
| 306 | 310 |
position: absolute; |
| 307 | 311 |
left: $img-wrap-w+$check-w + $lt-bar-width; |
| 308 | 312 |
text-align: left; |
| 309 |
top:30px; |
|
| 310 |
width:$h4-w; |
|
| 313 |
top:36px; |
|
| 314 |
font-size: 11px; |
|
| 315 |
line-height: 110%; |
|
| 316 |
width:$vm-h4-w; |
|
| 311 | 317 |
span {
|
| 312 | 318 |
display: inline; |
| 313 | 319 |
} |
| ... | ... | |
| 315 | 321 |
.info, .progress-col {
|
| 316 | 322 |
float: left; |
| 317 | 323 |
width: $info-w; |
| 324 |
padding-right: 20px; |
|
| 318 | 325 |
height:$list-icon-height; |
| 319 | 326 |
line-height: $list-icon-height; |
| 320 | 327 |
font-size: emCalc(12px); |
| ... | ... | |
| 324 | 331 |
height:$list-icon-height; |
| 325 | 332 |
line-height: $list-icon-height; |
| 326 | 333 |
position: relative; |
| 327 |
top:-4px;
|
|
| 328 |
margin:0 10px;
|
|
| 334 |
padding:0 10px;
|
|
| 335 |
top: 2px;
|
|
| 329 | 336 |
a {
|
| 330 | 337 |
&:first-child {
|
| 331 | 338 |
margin-right:5px; |
| ... | ... | |
| 439 | 446 |
// overflow: hidden; |
| 440 | 447 |
display: inline-block; |
| 441 | 448 |
line-height: 100%; |
| 442 |
span {
|
|
| 443 |
&:hover {
|
|
| 444 |
cursor: pointer; |
|
| 445 |
} |
|
| 446 |
} |
|
| 447 | 449 |
.os {
|
| 448 | 450 |
@include sprite('../images/os-unknown.png', 22px, 22px);
|
| 449 | 451 |
position: absolute; |
Also available in: Unified diff