Revision 05689a8e snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_overlays.scss
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_overlays.scss | ||
|---|---|---|
| 207 | 207 |
display: inline; |
| 208 | 208 |
p {
|
| 209 | 209 |
display: none; |
| 210 |
position: relative; |
|
| 211 |
top: 1px; |
|
| 212 |
strong {
|
|
| 213 |
font-size:16px; |
|
| 214 |
margin-right:10px; |
|
| 215 |
} |
|
| 210 | 216 |
} |
| 211 | 217 |
em {
|
| 212 | 218 |
display: inline-block; |
| ... | ... | |
| 257 | 263 |
list-style: none outside none; |
| 258 | 264 |
@extend .clearfix; |
| 259 | 265 |
padding:0.5em 0; |
| 260 |
&:hover {
|
|
| 266 |
&:hover, |
|
| 267 |
&.hover {
|
|
| 261 | 268 |
background:$overlay-darker-color; |
| 262 | 269 |
} |
| 263 | 270 |
&.current {
|
| ... | ... | |
| 286 | 293 |
.name-col {
|
| 287 | 294 |
float: left; |
| 288 | 295 |
color: $wizard-base-font-color; |
| 289 |
&:focus {
|
|
| 290 |
background:lighten($overlay-color-top, 10%); |
|
| 291 |
} |
|
| 292 | 296 |
width:65%; |
| 293 | 297 |
padding-right:10px; |
| 294 | 298 |
} |
| ... | ... | |
| 355 | 359 |
width: 19%; |
| 356 | 360 |
color:white; |
| 357 | 361 |
margin-right:4%; |
| 362 |
padding-left:emCalc(10px); |
|
| 358 | 363 |
&:hover {
|
| 359 | 364 |
& + p {
|
| 360 | 365 |
visibility: visible; |
| ... | ... | |
| 468 | 473 |
p {
|
| 469 | 474 |
font-size: $wizard-paragraph-font-size; |
| 470 | 475 |
} |
| 471 |
|
|
| 472 | 476 |
.expand-btn {
|
| 473 | 477 |
margin: 50px 0 30px; |
| 474 | 478 |
a {
|
| ... | ... | |
| 645 | 649 |
.prev {
|
| 646 | 650 |
float:left; |
| 647 | 651 |
height:30px; |
| 648 |
padding-left:19px;
|
|
| 652 |
padding-left:18px;
|
|
| 649 | 653 |
background:url('../images/nav-edge-lt.png') no-repeat left top;
|
| 650 | 654 |
span {
|
| 651 | 655 |
padding-right:10px; |
| ... | ... | |
| 662 | 666 |
.next {
|
| 663 | 667 |
float:right; |
| 664 | 668 |
height:30px; |
| 665 |
padding-right:19px;
|
|
| 669 |
padding-right:18px;
|
|
| 666 | 670 |
background:url('../images/nav-edge-rt.png') no-repeat right top;
|
| 667 | 671 |
span {
|
| 668 | 672 |
padding-left:10px; |
| ... | ... | |
| 692 | 696 |
} |
| 693 | 697 |
|
| 694 | 698 |
|
| 695 |
// for network creation wizard |
|
| 699 |
/* Responive ------------------------------------------------ */ |
|
| 700 |
@media only screen and (max-width: $small-mobile) {
|
|
| 701 |
} |
|
| 702 |
|
|
| 703 |
@media only screen and (max-width: $small-screen) {
|
|
| 704 |
.wizard {
|
|
| 705 |
.top {
|
|
| 706 |
position: static; |
|
| 707 |
} |
|
| 708 |
.middle {
|
|
| 709 |
padding-top:0; |
|
| 710 |
} |
|
| 711 |
} |
|
| 712 |
.overlay-wrapper {
|
|
| 713 |
.overlay-area {
|
|
| 714 |
top:0; |
|
| 715 |
} |
|
| 716 |
} |
|
| 717 |
} |
|
Also available in: Unified diff