Revision db1f3b94 snf-cyclades-app/synnefo/ui/new_ui/ui/sass/app.scss
b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/app.scss | ||
---|---|---|
375 | 375 |
top:-3px; |
376 | 376 |
left:0; |
377 | 377 |
display: none; |
378 |
z-index: 11; |
|
379 | 378 |
.wrap { |
380 | 379 |
height:100%; |
381 | 380 |
padding:25px 25px 0; |
... | ... | |
392 | 391 |
color: $secondary-color; |
393 | 392 |
} |
394 | 393 |
} |
395 |
.details { |
|
396 |
display: inline; |
|
397 |
position: relative; |
|
398 |
|
|
399 |
.info-box { |
|
400 |
display: none; |
|
401 |
position:absolute; |
|
402 |
left:0; |
|
403 |
top:20px; |
|
404 |
background:$primary-color; |
|
405 |
width:emCalc(300px); |
|
406 |
padding:20px; |
|
407 |
color:white; |
|
408 |
h2 { |
|
409 |
font-size:1em; |
|
410 |
color:white; |
|
411 |
} |
|
412 |
dl { |
|
413 |
font-size:1em; |
|
414 |
dt { |
|
415 |
float:left; |
|
416 |
width:30%; |
|
417 |
} |
|
418 |
dd { |
|
419 |
overflow:hidden; |
|
420 |
} |
|
421 |
} |
|
422 |
} |
|
423 |
&:hover { |
|
424 |
.info-box { display:block;} |
|
425 |
} |
|
426 |
} |
|
394 |
|
|
395 |
|
|
396 |
|
|
427 | 397 |
} |
428 | 398 |
} |
429 | 399 |
} |
... | ... | |
442 | 412 |
color:$secondary-color; |
443 | 413 |
} |
444 | 414 |
} |
415 |
.info-box { |
|
416 |
position:absolute; |
|
417 |
left:20px; |
|
418 |
top:60px; |
|
419 |
background:$primary-color; |
|
420 |
width:emCalc(300px); |
|
421 |
padding:20px; |
|
422 |
color:white; |
|
423 |
z-index:20; |
|
424 |
display: none; |
|
425 |
h2 { |
|
426 |
font-size:1em; |
|
427 |
color:white; |
|
428 |
} |
|
429 |
dl { |
|
430 |
font-size:1em; |
|
431 |
dt { |
|
432 |
float:left; |
|
433 |
width:30%; |
|
434 |
} |
|
435 |
dd { |
|
436 |
overflow:hidden; |
|
437 |
} |
|
438 |
} |
|
439 |
} |
|
445 | 440 |
.visible-info { |
446 | 441 |
margin: 0 25px; |
447 | 442 |
position:relative; |
Also available in: Unified diff