Revision 65814c28 snf-cyclades-app/synnefo/ui/new_ui/ui/sass/app.scss
b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/app.scss | ||
---|---|---|
184 | 184 |
|
185 | 185 |
|
186 | 186 |
.row-full { |
187 |
max-width:$row-top-width;
|
|
187 |
max-width:$row-full-width;
|
|
188 | 188 |
margin:0 auto; |
189 | 189 |
} |
190 | 190 |
|
... | ... | |
331 | 331 |
color:$white; |
332 | 332 |
} |
333 | 333 |
|
334 |
|
|
334 |
.entities { |
|
335 |
padding-top:25px; |
|
336 |
} |
|
335 | 337 |
.items-list { |
336 |
padding:25px 0; |
|
337 | 338 |
li { |
338 | 339 |
text-align:center; |
339 | 340 |
padding:20px; |
... | ... | |
374 | 375 |
top:-3px; |
375 | 376 |
left:0; |
376 | 377 |
display: none; |
377 |
z-index: 1; |
|
378 |
z-index: 11;
|
|
378 | 379 |
.wrap { |
379 | 380 |
height:100%; |
380 | 381 |
padding:25px 25px 0; |
... | ... | |
391 | 392 |
color: $secondary-color; |
392 | 393 |
} |
393 | 394 |
} |
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 | 427 |
} |
395 | 428 |
} |
396 | 429 |
} |
... | ... | |
981 | 1014 |
} |
982 | 1015 |
|
983 | 1016 |
|
1017 |
.onecol { |
|
1018 |
max-width:$row-width; |
|
1019 |
margin:0 auto; |
|
1020 |
} |
|
1021 |
|
|
1022 |
@media #{$entities-large} { |
|
1023 |
.entities { |
|
1024 |
.items-list { |
|
1025 |
@include block-grid(4, 20px, true); |
|
1026 |
} |
|
1027 |
} |
|
1028 |
} |
|
984 | 1029 |
|
985 | 1030 |
|
Also available in: Unified diff