root / snf-cyclades-app / synnefo / ui / new_ui / ui / sass / _overlays.scss @ ca3c8b6e
History | View | Annotate | Download (23 kB)
| 1 | ca3c8b6e | Athina Bekakou | /* |
|---|---|---|---|
| 2 | 673ea014 | Olga Brani | |
| 3 | 15948f00 | Olga Brani | Overlays (Todo: clean up) |
| 4 | 15948f00 | Olga Brani | |
| 5 | 15948f00 | Olga Brani | */ |
| 6 | 314323e8 | Athina Bekakou | // body.with-overlay {
|
| 7 | ca3c8b6e | Athina Bekakou | // background:$secondary-color; |
| 8 | 314323e8 | Athina Bekakou | // } |
| 9 | 673ea014 | Olga Brani | |
| 10 | 673ea014 | Olga Brani | .reveal-modal {
|
| 11 | ca3c8b6e | Athina Bekakou | h3 {
|
| 12 | ca3c8b6e | Athina Bekakou | font-size:1em; |
| 13 | ca3c8b6e | Athina Bekakou | } |
| 14 | ca3c8b6e | Athina Bekakou | a {
|
| 15 | ca3c8b6e | Athina Bekakou | color: $secondary-color; |
| 16 | ca3c8b6e | Athina Bekakou | &:hover {
|
| 17 | ca3c8b6e | Athina Bekakou | text-decoration: underline; |
| 18 | ca3c8b6e | Athina Bekakou | } |
| 19 | ca3c8b6e | Athina Bekakou | &.close-reveal-modal:hover {
|
| 20 | ca3c8b6e | Athina Bekakou | text-decoration: none; |
| 21 | ca3c8b6e | Athina Bekakou | color:$secondary-color; |
| 22 | ca3c8b6e | Athina Bekakou | } |
| 23 | ca3c8b6e | Athina Bekakou | } |
| 24 | 673ea014 | Olga Brani | } |
| 25 | 673ea014 | Olga Brani | |
| 26 | 673ea014 | Olga Brani | |
| 27 | 673ea014 | Olga Brani | // custom modal with opaque overlay |
| 28 | 673ea014 | Olga Brani | .reveal-custom {
|
| 29 | ca3c8b6e | Athina Bekakou | position: absolute; |
| 30 | ca3c8b6e | Athina Bekakou | top:100px; |
| 31 | ca3c8b6e | Athina Bekakou | left:25%; |
| 32 | ca3c8b6e | Athina Bekakou | z-index:99; |
| 33 | ca3c8b6e | Athina Bekakou | background:yellow; |
| 34 | ca3c8b6e | Athina Bekakou | width:50%; |
| 35 | ca3c8b6e | Athina Bekakou | display:none; |
| 36 | 673ea014 | Olga Brani | } |
| 37 | 673ea014 | Olga Brani | |
| 38 | 673ea014 | Olga Brani | |
| 39 | 673ea014 | Olga Brani | .overlay-wrapper {
|
| 40 | ca3c8b6e | Athina Bekakou | position: relative; |
| 41 | ca3c8b6e | Athina Bekakou | .overlay-area {
|
| 42 | ca3c8b6e | Athina Bekakou | display:none; |
| 43 | ca3c8b6e | Athina Bekakou | position:absolute; |
| 44 | ca3c8b6e | Athina Bekakou | left:0; |
| 45 | ca3c8b6e | Athina Bekakou | right:0; |
| 46 | ca3c8b6e | Athina Bekakou | top:-$bar-height; |
| 47 | ca3c8b6e | Athina Bekakou | width:100%; |
| 48 | ca3c8b6e | Athina Bekakou | height:100%; |
| 49 | ca3c8b6e | Athina Bekakou | background:$overlay-color; |
| 50 | ca3c8b6e | Athina Bekakou | z-index:20; |
| 51 | ca3c8b6e | Athina Bekakou | } |
| 52 | ca3c8b6e | Athina Bekakou | .close {
|
| 53 | ca3c8b6e | Athina Bekakou | position: absolute; |
| 54 | ca3c8b6e | Athina Bekakou | right:$header-padding-horizontal; |
| 55 | ca3c8b6e | Athina Bekakou | top:50px; |
| 56 | ca3c8b6e | Athina Bekakou | font-size:32px; |
| 57 | ca3c8b6e | Athina Bekakou | color:$primary-color; |
| 58 | ca3c8b6e | Athina Bekakou | &:hover, &:focus {
|
| 59 | ca3c8b6e | Athina Bekakou | color:white; |
| 60 | ca3c8b6e | Athina Bekakou | } |
| 61 | ca3c8b6e | Athina Bekakou | } |
| 62 | ca3c8b6e | Athina Bekakou | .row {
|
| 63 | ca3c8b6e | Athina Bekakou | .close {
|
| 64 | ca3c8b6e | Athina Bekakou | position:static; |
| 65 | ca3c8b6e | Athina Bekakou | float:right; |
| 66 | ca3c8b6e | Athina Bekakou | } |
| 67 | ca3c8b6e | Athina Bekakou | } |
| 68 | ca3c8b6e | Athina Bekakou | .overlay-div {
|
| 69 | ca3c8b6e | Athina Bekakou | display: none; |
| 70 | ca3c8b6e | Athina Bekakou | z-index:100; |
| 71 | ca3c8b6e | Athina Bekakou | position: relative; |
| 72 | ca3c8b6e | Athina Bekakou | background:#fff; |
| 73 | ca3c8b6e | Athina Bekakou | top:20%; |
| 74 | ca3c8b6e | Athina Bekakou | left:25%; |
| 75 | ca3c8b6e | Athina Bekakou | width:50%; |
| 76 | ca3c8b6e | Athina Bekakou | padding:25px; |
| 77 | ca3c8b6e | Athina Bekakou | .buttons {
|
| 78 | ca3c8b6e | Athina Bekakou | a {
|
| 79 | ca3c8b6e | Athina Bekakou | margin-right:20px; |
| 80 | ca3c8b6e | Athina Bekakou | } |
| 81 | ca3c8b6e | Athina Bekakou | } |
| 82 | ca3c8b6e | Athina Bekakou | &.upload-widget {
|
| 83 | ca3c8b6e | Athina Bekakou | background:transparent; |
| 84 | ca3c8b6e | Athina Bekakou | padding:45px 0; |
| 85 | ca3c8b6e | Athina Bekakou | width:80%; |
| 86 | ca3c8b6e | Athina Bekakou | left:10%; |
| 87 | ca3c8b6e | Athina Bekakou | border:1px solid white; |
| 88 | ca3c8b6e | Athina Bekakou | } |
| 89 | ca3c8b6e | Athina Bekakou | &.wizard {
|
| 90 | ca3c8b6e | Athina Bekakou | background:$overlay-color; |
| 91 | ca3c8b6e | Athina Bekakou | padding:0 ; |
| 92 | ca3c8b6e | Athina Bekakou | width:100%; |
| 93 | ca3c8b6e | Athina Bekakou | top:0; |
| 94 | ca3c8b6e | Athina Bekakou | left:0; |
| 95 | ca3c8b6e | Athina Bekakou | } |
| 96 | ca3c8b6e | Athina Bekakou | } |
| 97 | 673ea014 | Olga Brani | } |
| 98 | 673ea014 | Olga Brani | |
| 99 | 673ea014 | Olga Brani | |
| 100 | 673ea014 | Olga Brani | .overlay {
|
| 101 | ca3c8b6e | Athina Bekakou | background:$secondary-color; |
| 102 | ca3c8b6e | Athina Bekakou | position: relative; |
| 103 | ca3c8b6e | Athina Bekakou | // z-index:10; |
| 104 | ca3c8b6e | Athina Bekakou | .lt-sidebar {
|
| 105 | ca3c8b6e | Athina Bekakou | border-right:1px solid #fff; |
| 106 | ca3c8b6e | Athina Bekakou | color:#fff; |
| 107 | ca3c8b6e | Athina Bekakou | ul {
|
| 108 | ca3c8b6e | Athina Bekakou | li {
|
| 109 | ca3c8b6e | Athina Bekakou | list-style:none outside none; |
| 110 | ca3c8b6e | Athina Bekakou | |
| 111 | ca3c8b6e | Athina Bekakou | a {
|
| 112 | ca3c8b6e | Athina Bekakou | display: block; |
| 113 | ca3c8b6e | Athina Bekakou | color:#fff; |
| 114 | ca3c8b6e | Athina Bekakou | span { float:right; display:none;}
|
| 115 | ca3c8b6e | Athina Bekakou | &:hover, |
| 116 | ca3c8b6e | Athina Bekakou | &.current {
|
| 117 | ca3c8b6e | Athina Bekakou | text-decoration: none; |
| 118 | ca3c8b6e | Athina Bekakou | span {
|
| 119 | ca3c8b6e | Athina Bekakou | display:inline; |
| 120 | ca3c8b6e | Athina Bekakou | } |
| 121 | ca3c8b6e | Athina Bekakou | } |
| 122 | ca3c8b6e | Athina Bekakou | } |
| 123 | 673ea014 | Olga Brani | |
| 124 | ca3c8b6e | Athina Bekakou | } |
| 125 | ca3c8b6e | Athina Bekakou | } |
| 126 | 673ea014 | Olga Brani | |
| 127 | ca3c8b6e | Athina Bekakou | } |
| 128 | ca3c8b6e | Athina Bekakou | .lt-sidebar, |
| 129 | ca3c8b6e | Athina Bekakou | .main {
|
| 130 | ca3c8b6e | Athina Bekakou | padding:100px $header-padding-horizontal; |
| 131 | ca3c8b6e | Athina Bekakou | position:relative; |
| 132 | ca3c8b6e | Athina Bekakou | } |
| 133 | ca3c8b6e | Athina Bekakou | .navigation {
|
| 134 | ca3c8b6e | Athina Bekakou | .rt {
|
| 135 | ca3c8b6e | Athina Bekakou | float:right; |
| 136 | ca3c8b6e | Athina Bekakou | } |
| 137 | ca3c8b6e | Athina Bekakou | } |
| 138 | ca3c8b6e | Athina Bekakou | .close {
|
| 139 | ca3c8b6e | Athina Bekakou | position: absolute; |
| 140 | ca3c8b6e | Athina Bekakou | right:$header-padding-horizontal; |
| 141 | ca3c8b6e | Athina Bekakou | top:50px; |
| 142 | ca3c8b6e | Athina Bekakou | @include sprite('../images/info-close.png', 31px, 30px);
|
| 143 | ca3c8b6e | Athina Bekakou | } |
| 144 | ca3c8b6e | Athina Bekakou | .close_char {
|
| 145 | ca3c8b6e | Athina Bekakou | background: none; |
| 146 | ca3c8b6e | Athina Bekakou | text-indent: 0; |
| 147 | ca3c8b6e | Athina Bekakou | font-size: 1.8em; /* for the the character e (for d we can put 2em) */ |
| 148 | ca3c8b6e | Athina Bekakou | color: white; |
| 149 | ca3c8b6e | Athina Bekakou | } |
| 150 | 673ea014 | Olga Brani | } |
| 151 | e5c8c342 | Olga Brani | |
| 152 | e5c8c342 | Olga Brani | .wizard {
|
| 153 | ca3c8b6e | Athina Bekakou | position: relative; |
| 154 | ca3c8b6e | Athina Bekakou | top:0; |
| 155 | ca3c8b6e | Athina Bekakou | color:white; |
| 156 | ca3c8b6e | Athina Bekakou | .top {
|
| 157 | ca3c8b6e | Athina Bekakou | background:$overlay-color-top; |
| 158 | ca3c8b6e | Athina Bekakou | height:$bar-height+$bar-submenu-height; |
| 159 | ca3c8b6e | Athina Bekakou | position:fixed; |
| 160 | ca3c8b6e | Athina Bekakou | left:0; |
| 161 | ca3c8b6e | Athina Bekakou | top:$header-height; |
| 162 | ca3c8b6e | Athina Bekakou | width:100%; |
| 163 | ca3c8b6e | Athina Bekakou | z-index:40; |
| 164 | ca3c8b6e | Athina Bekakou | .numbers {
|
| 165 | ca3c8b6e | Athina Bekakou | height:$bar-height; |
| 166 | ca3c8b6e | Athina Bekakou | line-height:$bar-height; |
| 167 | ca3c8b6e | Athina Bekakou | background:$overlay-darker-color; |
| 168 | ca3c8b6e | Athina Bekakou | } |
| 169 | ca3c8b6e | Athina Bekakou | .sub-menu {
|
| 170 | ca3c8b6e | Athina Bekakou | display: none; |
| 171 | ca3c8b6e | Athina Bekakou | &[data-step="1"] {
|
| 172 | ca3c8b6e | Athina Bekakou | display: block; |
| 173 | ca3c8b6e | Athina Bekakou | } |
| 174 | ca3c8b6e | Athina Bekakou | ul {
|
| 175 | ca3c8b6e | Athina Bekakou | margin:0; |
| 176 | ca3c8b6e | Athina Bekakou | padding:0; |
| 177 | ca3c8b6e | Athina Bekakou | list-style: none outside none; |
| 178 | ca3c8b6e | Athina Bekakou | font-size:emCalc(12px); |
| 179 | ca3c8b6e | Athina Bekakou | li {
|
| 180 | ca3c8b6e | Athina Bekakou | display: inline; |
| 181 | ca3c8b6e | Athina Bekakou | margin-right:10px; |
| 182 | ca3c8b6e | Athina Bekakou | line-height: $bar-submenu-height; |
| 183 | ca3c8b6e | Athina Bekakou | list-style: none outside none; |
| 184 | ca3c8b6e | Athina Bekakou | a {
|
| 185 | ca3c8b6e | Athina Bekakou | color:$black; |
| 186 | ca3c8b6e | Athina Bekakou | &:hover, &:focus, &.current {
|
| 187 | ca3c8b6e | Athina Bekakou | color:white; |
| 188 | ca3c8b6e | Athina Bekakou | } |
| 189 | ca3c8b6e | Athina Bekakou | &.current {
|
| 190 | ca3c8b6e | Athina Bekakou | text-decoration: underline; |
| 191 | ca3c8b6e | Athina Bekakou | } |
| 192 | ca3c8b6e | Athina Bekakou | } |
| 193 | ca3c8b6e | Athina Bekakou | } |
| 194 | ca3c8b6e | Athina Bekakou | } |
| 195 | ca3c8b6e | Athina Bekakou | } |
| 196 | ca3c8b6e | Athina Bekakou | .nums {
|
| 197 | ca3c8b6e | Athina Bekakou | text-align: right; |
| 198 | ca3c8b6e | Athina Bekakou | list-style:none outside none; |
| 199 | ca3c8b6e | Athina Bekakou | margin:0; |
| 200 | ca3c8b6e | Athina Bekakou | height: $bar-height; |
| 201 | ca3c8b6e | Athina Bekakou | line-height: $bar-height; |
| 202 | ca3c8b6e | Athina Bekakou | font-size:emCalc(12px); |
| 203 | ca3c8b6e | Athina Bekakou | padding-right:120px; |
| 204 | ca3c8b6e | Athina Bekakou | color:$secondary-color; |
| 205 | ca3c8b6e | Athina Bekakou | li {
|
| 206 | ca3c8b6e | Athina Bekakou | list-style:none outside none; |
| 207 | ca3c8b6e | Athina Bekakou | display: inline; |
| 208 | ca3c8b6e | Athina Bekakou | p {
|
| 209 | ca3c8b6e | Athina Bekakou | display: none; |
| 210 | ca3c8b6e | Athina Bekakou | position: relative; |
| 211 | ca3c8b6e | Athina Bekakou | top: 1px; |
| 212 | ca3c8b6e | Athina Bekakou | strong {
|
| 213 | ca3c8b6e | Athina Bekakou | font-size:16px; |
| 214 | ca3c8b6e | Athina Bekakou | margin-right:10px; |
| 215 | ca3c8b6e | Athina Bekakou | } |
| 216 | ca3c8b6e | Athina Bekakou | } |
| 217 | ca3c8b6e | Athina Bekakou | em {
|
| 218 | ca3c8b6e | Athina Bekakou | display: inline-block; |
| 219 | ca3c8b6e | Athina Bekakou | border-radius:50%; |
| 220 | ca3c8b6e | Athina Bekakou | border:1px solid $secondary-color; |
| 221 | ca3c8b6e | Athina Bekakou | width:25px; |
| 222 | ca3c8b6e | Athina Bekakou | height:25px; |
| 223 | ca3c8b6e | Athina Bekakou | line-height: 21px; |
| 224 | ca3c8b6e | Athina Bekakou | margin:0 3px; |
| 225 | ca3c8b6e | Athina Bekakou | text-align: center; |
| 226 | ca3c8b6e | Athina Bekakou | font-style: normal; |
| 227 | ca3c8b6e | Athina Bekakou | } |
| 228 | ca3c8b6e | Athina Bekakou | a {
|
| 229 | ca3c8b6e | Athina Bekakou | color:$secondary-color; |
| 230 | ca3c8b6e | Athina Bekakou | display: block; |
| 231 | ca3c8b6e | Athina Bekakou | &:hover {
|
| 232 | ca3c8b6e | Athina Bekakou | cursor: default; |
| 233 | ca3c8b6e | Athina Bekakou | } |
| 234 | ca3c8b6e | Athina Bekakou | } |
| 235 | ca3c8b6e | Athina Bekakou | &.current{
|
| 236 | ca3c8b6e | Athina Bekakou | float: left; |
| 237 | ca3c8b6e | Athina Bekakou | p {
|
| 238 | ca3c8b6e | Athina Bekakou | display: inline-block; |
| 239 | ca3c8b6e | Athina Bekakou | } |
| 240 | ca3c8b6e | Athina Bekakou | em {
|
| 241 | ca3c8b6e | Athina Bekakou | font-size:emCalc(16px); |
| 242 | ca3c8b6e | Athina Bekakou | width:30px; |
| 243 | ca3c8b6e | Athina Bekakou | height:30px; |
| 244 | ca3c8b6e | Athina Bekakou | line-height: 27px; |
| 245 | ca3c8b6e | Athina Bekakou | border-color:$secondary-color; |
| 246 | ca3c8b6e | Athina Bekakou | * {
|
| 247 | ca3c8b6e | Athina Bekakou | color:$secondary-color; |
| 248 | ca3c8b6e | Athina Bekakou | } |
| 249 | ca3c8b6e | Athina Bekakou | } |
| 250 | ca3c8b6e | Athina Bekakou | } |
| 251 | ca3c8b6e | Athina Bekakou | } |
| 252 | ca3c8b6e | Athina Bekakou | } |
| 253 | ca3c8b6e | Athina Bekakou | } |
| 254 | ca3c8b6e | Athina Bekakou | .middle {
|
| 255 | ca3c8b6e | Athina Bekakou | padding-top:$bar-height+$bar-submenu-height; |
| 256 | ca3c8b6e | Athina Bekakou | .step {
|
| 257 | ca3c8b6e | Athina Bekakou | padding:50px 0 50px; |
| 258 | ca3c8b6e | Athina Bekakou | position:relative; |
| 259 | ca3c8b6e | Athina Bekakou | width:$row-width; |
| 260 | ca3c8b6e | Athina Bekakou | overflow:hidden; |
| 261 | ca3c8b6e | Athina Bekakou | overflow-y: scroll; |
| 262 | ca3c8b6e | Athina Bekakou | &.step-3 {
|
| 263 | ca3c8b6e | Athina Bekakou | padding-bottom: 0; |
| 264 | ca3c8b6e | Athina Bekakou | } |
| 265 | ca3c8b6e | Athina Bekakou | .os {
|
| 266 | ca3c8b6e | Athina Bekakou | li {
|
| 267 | ca3c8b6e | Athina Bekakou | list-style: none outside none; |
| 268 | ca3c8b6e | Athina Bekakou | @extend .clearfix; |
| 269 | ca3c8b6e | Athina Bekakou | padding:0.5em 0; |
| 270 | ca3c8b6e | Athina Bekakou | &:hover, |
| 271 | ca3c8b6e | Athina Bekakou | &.hover {
|
| 272 | ca3c8b6e | Athina Bekakou | background:$overlay-darker-color; |
| 273 | ca3c8b6e | Athina Bekakou | } |
| 274 | ca3c8b6e | Athina Bekakou | &.current {
|
| 275 | ca3c8b6e | Athina Bekakou | background:white; |
| 276 | ca3c8b6e | Athina Bekakou | color:$overlay-color; |
| 277 | ca3c8b6e | Athina Bekakou | .name-col {
|
| 278 | ca3c8b6e | Athina Bekakou | color:$overlay-color; |
| 279 | ca3c8b6e | Athina Bekakou | } |
| 280 | ca3c8b6e | Athina Bekakou | .btn-col {
|
| 281 | ca3c8b6e | Athina Bekakou | a {
|
| 282 | ca3c8b6e | Athina Bekakou | @extend .btn5; |
| 283 | ca3c8b6e | Athina Bekakou | border-color:$overlay-color; |
| 284 | ca3c8b6e | Athina Bekakou | color:$overlay-color; |
| 285 | ca3c8b6e | Athina Bekakou | &.current {
|
| 286 | ca3c8b6e | Athina Bekakou | color:white; |
| 287 | ca3c8b6e | Athina Bekakou | background:$overlay-color; |
| 288 | ca3c8b6e | Athina Bekakou | } |
| 289 | ca3c8b6e | Athina Bekakou | } |
| 290 | ca3c8b6e | Athina Bekakou | } |
| 291 | ca3c8b6e | Athina Bekakou | } |
| 292 | ca3c8b6e | Athina Bekakou | .img-col {
|
| 293 | ca3c8b6e | Athina Bekakou | float:left; |
| 294 | ca3c8b6e | Athina Bekakou | width:10%; |
| 295 | ca3c8b6e | Athina Bekakou | padding-right:10px; |
| 296 | ca3c8b6e | Athina Bekakou | } |
| 297 | ca3c8b6e | Athina Bekakou | .name-col {
|
| 298 | ca3c8b6e | Athina Bekakou | float: left; |
| 299 | ca3c8b6e | Athina Bekakou | color: $wizard-base-font-color; |
| 300 | ca3c8b6e | Athina Bekakou | width:65%; |
| 301 | ca3c8b6e | Athina Bekakou | padding-right:10px; |
| 302 | ca3c8b6e | Athina Bekakou | } |
| 303 | ca3c8b6e | Athina Bekakou | .size-col {
|
| 304 | ca3c8b6e | Athina Bekakou | float:left; |
| 305 | ca3c8b6e | Athina Bekakou | width:10%; |
| 306 | ca3c8b6e | Athina Bekakou | } |
| 307 | ca3c8b6e | Athina Bekakou | .btn-col {
|
| 308 | ca3c8b6e | Athina Bekakou | float:left; |
| 309 | ca3c8b6e | Athina Bekakou | width:10%; |
| 310 | ca3c8b6e | Athina Bekakou | margin-left:10px; |
| 311 | ca3c8b6e | Athina Bekakou | a {
|
| 312 | ca3c8b6e | Athina Bekakou | @extend .btn5; |
| 313 | ca3c8b6e | Athina Bekakou | &.current {
|
| 314 | ca3c8b6e | Athina Bekakou | color:$overlay-color; |
| 315 | ca3c8b6e | Athina Bekakou | } |
| 316 | ca3c8b6e | Athina Bekakou | } |
| 317 | ca3c8b6e | Athina Bekakou | } |
| 318 | ca3c8b6e | Athina Bekakou | .details {
|
| 319 | ca3c8b6e | Athina Bekakou | display: none; |
| 320 | ca3c8b6e | Athina Bekakou | background:darken(white,10%); |
| 321 | ca3c8b6e | Athina Bekakou | padding:30px 0; |
| 322 | ca3c8b6e | Athina Bekakou | margin:20px 6px 6px; |
| 323 | ca3c8b6e | Athina Bekakou | color: $body-font-color; |
| 324 | ca3c8b6e | Athina Bekakou | h3 {
|
| 325 | ca3c8b6e | Athina Bekakou | font-size: 1em; |
| 326 | ca3c8b6e | Athina Bekakou | } |
| 327 | ca3c8b6e | Athina Bekakou | dl {
|
| 328 | ca3c8b6e | Athina Bekakou | @extend .clearfix; |
| 329 | ca3c8b6e | Athina Bekakou | dt {
|
| 330 | ca3c8b6e | Athina Bekakou | width: 20%; |
| 331 | ca3c8b6e | Athina Bekakou | float:left; |
| 332 | ca3c8b6e | Athina Bekakou | font-weight:normal; |
| 333 | ca3c8b6e | Athina Bekakou | } |
| 334 | ca3c8b6e | Athina Bekakou | dd {
|
| 335 | ca3c8b6e | Athina Bekakou | margin:0 0 5px; |
| 336 | ca3c8b6e | Athina Bekakou | } |
| 337 | ca3c8b6e | Athina Bekakou | } |
| 338 | ca3c8b6e | Athina Bekakou | } |
| 339 | ca3c8b6e | Athina Bekakou | } |
| 340 | ca3c8b6e | Athina Bekakou | } |
| 341 | ca3c8b6e | Athina Bekakou | .flavor {
|
| 342 | ca3c8b6e | Athina Bekakou | list-style: none outside none; |
| 343 | ca3c8b6e | Athina Bekakou | li {
|
| 344 | ca3c8b6e | Athina Bekakou | list-style:none outside none; |
| 345 | ca3c8b6e | Athina Bekakou | margin-bottom:1.5em; |
| 346 | ca3c8b6e | Athina Bekakou | .title {
|
| 347 | ca3c8b6e | Athina Bekakou | @extend .clearfix; |
| 348 | ca3c8b6e | Athina Bekakou | margin-bottom:emCalc(5px); |
| 349 | ca3c8b6e | Athina Bekakou | color:white; |
| 350 | ca3c8b6e | Athina Bekakou | vertical-align: top; |
| 351 | ca3c8b6e | Athina Bekakou | .icon {
|
| 352 | ca3c8b6e | Athina Bekakou | display: block; |
| 353 | ca3c8b6e | Athina Bekakou | width:5%; |
| 354 | ca3c8b6e | Athina Bekakou | font-size:emCalc(40px); |
| 355 | ca3c8b6e | Athina Bekakou | float: left; |
| 356 | ca3c8b6e | Athina Bekakou | } |
| 357 | ca3c8b6e | Athina Bekakou | h2 {
|
| 358 | ca3c8b6e | Athina Bekakou | font-size:emCalc(16px); |
| 359 | ca3c8b6e | Athina Bekakou | span {
|
| 360 | ca3c8b6e | Athina Bekakou | font-weight:normal; |
| 361 | ca3c8b6e | Athina Bekakou | } |
| 362 | ca3c8b6e | Athina Bekakou | float:left; |
| 363 | ca3c8b6e | Athina Bekakou | width: 19%; |
| 364 | ca3c8b6e | Athina Bekakou | color:white; |
| 365 | ca3c8b6e | Athina Bekakou | margin-right:4%; |
| 366 | ca3c8b6e | Athina Bekakou | padding-left:emCalc(10px); |
| 367 | ca3c8b6e | Athina Bekakou | &:hover {
|
| 368 | ca3c8b6e | Athina Bekakou | & + p {
|
| 369 | ca3c8b6e | Athina Bekakou | visibility: visible; |
| 370 | ca3c8b6e | Athina Bekakou | } |
| 371 | ca3c8b6e | Athina Bekakou | } |
| 372 | ca3c8b6e | Athina Bekakou | } |
| 373 | ca3c8b6e | Athina Bekakou | p {
|
| 374 | ca3c8b6e | Athina Bekakou | visibility: hidden; |
| 375 | ca3c8b6e | Athina Bekakou | float:left; |
| 376 | ca3c8b6e | Athina Bekakou | width:70%; |
| 377 | ca3c8b6e | Athina Bekakou | font-size:emCalc(12px); |
| 378 | ca3c8b6e | Athina Bekakou | } |
| 379 | ca3c8b6e | Athina Bekakou | } |
| 380 | ca3c8b6e | Athina Bekakou | .options-bar {
|
| 381 | ca3c8b6e | Athina Bekakou | @extend .clearfix; |
| 382 | ca3c8b6e | Athina Bekakou | .bar {
|
| 383 | ca3c8b6e | Athina Bekakou | width:24%; |
| 384 | ca3c8b6e | Athina Bekakou | float: left; |
| 385 | ca3c8b6e | Athina Bekakou | margin-right:4%; |
| 386 | ca3c8b6e | Athina Bekakou | height: 26px; |
| 387 | ca3c8b6e | Athina Bekakou | position: relative; |
| 388 | ca3c8b6e | Athina Bekakou | top:2px; |
| 389 | ca3c8b6e | Athina Bekakou | .wrap {
|
| 390 | ca3c8b6e | Athina Bekakou | border:1px solid white; |
| 391 | ca3c8b6e | Athina Bekakou | padding:1px; |
| 392 | ca3c8b6e | Athina Bekakou | height: 100%; |
| 393 | ca3c8b6e | Athina Bekakou | &.disabled-progress-bar {
|
| 394 | ca3c8b6e | Athina Bekakou | border-color: #3a4046; |
| 395 | ca3c8b6e | Athina Bekakou | .container{
|
| 396 | ca3c8b6e | Athina Bekakou | .total {
|
| 397 | ca3c8b6e | Athina Bekakou | background-color: #3a4046; |
| 398 | ca3c8b6e | Athina Bekakou | } |
| 399 | ca3c8b6e | Athina Bekakou | } |
| 400 | ca3c8b6e | Athina Bekakou | } |
| 401 | ca3c8b6e | Athina Bekakou | .container {
|
| 402 | ca3c8b6e | Athina Bekakou | height: 100%; |
| 403 | ca3c8b6e | Athina Bekakou | .total {
|
| 404 | ca3c8b6e | Athina Bekakou | background:$primary-color; |
| 405 | ca3c8b6e | Athina Bekakou | height: 100%; |
| 406 | ca3c8b6e | Athina Bekakou | float:left; |
| 407 | ca3c8b6e | Athina Bekakou | position: relative; |
| 408 | ca3c8b6e | Athina Bekakou | .current {
|
| 409 | ca3c8b6e | Athina Bekakou | background:white; |
| 410 | ca3c8b6e | Athina Bekakou | height: 100%; |
| 411 | ca3c8b6e | Athina Bekakou | float:left; |
| 412 | ca3c8b6e | Athina Bekakou | } |
| 413 | ca3c8b6e | Athina Bekakou | span {
|
| 414 | ca3c8b6e | Athina Bekakou | position:absolute; |
| 415 | ca3c8b6e | Athina Bekakou | right:10px; |
| 416 | ca3c8b6e | Athina Bekakou | color:$black; |
| 417 | ca3c8b6e | Athina Bekakou | font-size: emCalc(12px); |
| 418 | ca3c8b6e | Athina Bekakou | } |
| 419 | ca3c8b6e | Athina Bekakou | &.low {
|
| 420 | ca3c8b6e | Athina Bekakou | span {
|
| 421 | ca3c8b6e | Athina Bekakou | right:-30px; |
| 422 | ca3c8b6e | Athina Bekakou | color:white; |
| 423 | ca3c8b6e | Athina Bekakou | } |
| 424 | ca3c8b6e | Athina Bekakou | } |
| 425 | ca3c8b6e | Athina Bekakou | } |
| 426 | ca3c8b6e | Athina Bekakou | } |
| 427 | f1d99492 | Athina Bekakou | |
| 428 | ca3c8b6e | Athina Bekakou | } |
| 429 | ca3c8b6e | Athina Bekakou | } |
| 430 | ca3c8b6e | Athina Bekakou | .options {
|
| 431 | ca3c8b6e | Athina Bekakou | overflow:hidden; |
| 432 | ca3c8b6e | Athina Bekakou | list-style: none outside none; |
| 433 | ca3c8b6e | Athina Bekakou | li {
|
| 434 | ca3c8b6e | Athina Bekakou | list-style: none outside none; |
| 435 | ca3c8b6e | Athina Bekakou | display: inline-block; |
| 436 | ca3c8b6e | Athina Bekakou | margin-right: 10px; |
| 437 | ca3c8b6e | Athina Bekakou | a {
|
| 438 | ca3c8b6e | Athina Bekakou | @extend .btn5; |
| 439 | ca3c8b6e | Athina Bekakou | min-width: 60px; |
| 440 | ca3c8b6e | Athina Bekakou | &.current {
|
| 441 | ca3c8b6e | Athina Bekakou | color:$overlay-color; |
| 442 | ca3c8b6e | Athina Bekakou | } |
| 443 | ca3c8b6e | Athina Bekakou | } |
| 444 | ca3c8b6e | Athina Bekakou | } |
| 445 | ca3c8b6e | Athina Bekakou | } |
| 446 | ca3c8b6e | Athina Bekakou | } |
| 447 | ca3c8b6e | Athina Bekakou | } |
| 448 | ca3c8b6e | Athina Bekakou | } |
| 449 | ca3c8b6e | Athina Bekakou | .summary {
|
| 450 | ca3c8b6e | Athina Bekakou | .row {
|
| 451 | ca3c8b6e | Athina Bekakou | padding-top:1em; |
| 452 | ca3c8b6e | Athina Bekakou | margin-top:1em; |
| 453 | ca3c8b6e | Athina Bekakou | border-top:1px solid white; |
| 454 | ca3c8b6e | Athina Bekakou | &:first-child {
|
| 455 | ca3c8b6e | Athina Bekakou | border-top:0 none; |
| 456 | ca3c8b6e | Athina Bekakou | } |
| 457 | ca3c8b6e | Athina Bekakou | } |
| 458 | ca3c8b6e | Athina Bekakou | h2 {
|
| 459 | ca3c8b6e | Athina Bekakou | font-size:1em; |
| 460 | ca3c8b6e | Athina Bekakou | color:white; |
| 461 | ca3c8b6e | Athina Bekakou | } |
| 462 | ca3c8b6e | Athina Bekakou | dl {
|
| 463 | ca3c8b6e | Athina Bekakou | margin-bottom:0; |
| 464 | ca3c8b6e | Athina Bekakou | span {
|
| 465 | ca3c8b6e | Athina Bekakou | margin-right:10px; |
| 466 | ca3c8b6e | Athina Bekakou | font-size:20px; |
| 467 | ca3c8b6e | Athina Bekakou | } |
| 468 | ca3c8b6e | Athina Bekakou | dt {
|
| 469 | ca3c8b6e | Athina Bekakou | display: inline-block; |
| 470 | ca3c8b6e | Athina Bekakou | width: 45%; |
| 471 | ca3c8b6e | Athina Bekakou | vertical-align: top; |
| 472 | ca3c8b6e | Athina Bekakou | } |
| 473 | ca3c8b6e | Athina Bekakou | dd {
|
| 474 | ca3c8b6e | Athina Bekakou | display: inline-block; |
| 475 | ca3c8b6e | Athina Bekakou | width:45%; |
| 476 | ca3c8b6e | Athina Bekakou | } |
| 477 | ca3c8b6e | Athina Bekakou | } |
| 478 | ca3c8b6e | Athina Bekakou | } |
| 479 | ca3c8b6e | Athina Bekakou | .advanced-conf-step {
|
| 480 | ca3c8b6e | Athina Bekakou | color: $wizard-base-font-color; |
| 481 | ca3c8b6e | Athina Bekakou | h2 {
|
| 482 | ca3c8b6e | Athina Bekakou | color: $wizard-base-font-color; |
| 483 | ca3c8b6e | Athina Bekakou | font-size: 1em; |
| 484 | ca3c8b6e | Athina Bekakou | margin:0 auto 1em; |
| 485 | ca3c8b6e | Athina Bekakou | } |
| 486 | ca3c8b6e | Athina Bekakou | p {
|
| 487 | ca3c8b6e | Athina Bekakou | font-size: $wizard-paragraph-font-size; |
| 488 | ca3c8b6e | Athina Bekakou | } |
| 489 | 62462e34 | Athina Bekakou | |
| 490 | ca3c8b6e | Athina Bekakou | .snf-checkbox-checked, .snf-checkbox-unchecked {
|
| 491 | ca3c8b6e | Athina Bekakou | color: $wizard-base-font-color; |
| 492 | ca3c8b6e | Athina Bekakou | } |
| 493 | ca3c8b6e | Athina Bekakou | .expand-btn {
|
| 494 | ca3c8b6e | Athina Bekakou | margin: 50px 0 30px; |
| 495 | ca3c8b6e | Athina Bekakou | a {
|
| 496 | ca3c8b6e | Athina Bekakou | color:$wizard-base-font-color; |
| 497 | ca3c8b6e | Athina Bekakou | } |
| 498 | 3f284f50 | Athina Bekakou | |
| 499 | ca3c8b6e | Athina Bekakou | |
| 500 | ca3c8b6e | Athina Bekakou | } |
| 501 | ca3c8b6e | Athina Bekakou | .adv-main {
|
| 502 | ca3c8b6e | Athina Bekakou | padding: 10px 0 30px; |
| 503 | ca3c8b6e | Athina Bekakou | width:$row-small; |
| 504 | ca3c8b6e | Athina Bekakou | .vm-name {
|
| 505 | ca3c8b6e | Athina Bekakou | h2 {
|
| 506 | ca3c8b6e | Athina Bekakou | color:white; |
| 507 | ca3c8b6e | Athina Bekakou | font-size:1em; |
| 508 | ca3c8b6e | Athina Bekakou | margin-bottom:0.5em; |
| 509 | ca3c8b6e | Athina Bekakou | } |
| 510 | ca3c8b6e | Athina Bekakou | } |
| 511 | ca3c8b6e | Athina Bekakou | } |
| 512 | ca3c8b6e | Athina Bekakou | .btn5 {
|
| 513 | ca3c8b6e | Athina Bekakou | &:hover {
|
| 514 | ca3c8b6e | Athina Bekakou | color:white; |
| 515 | ca3c8b6e | Athina Bekakou | } |
| 516 | ca3c8b6e | Athina Bekakou | &.current, &.current:hover {
|
| 517 | ca3c8b6e | Athina Bekakou | color:$overlay-color; |
| 518 | ca3c8b6e | Athina Bekakou | } |
| 519 | ca3c8b6e | Athina Bekakou | } |
| 520 | ca3c8b6e | Athina Bekakou | .advanced-conf-options {
|
| 521 | ca3c8b6e | Athina Bekakou | display: none; |
| 522 | ca3c8b6e | Athina Bekakou | .area {
|
| 523 | ca3c8b6e | Athina Bekakou | padding:30px 0; |
| 524 | ca3c8b6e | Athina Bekakou | .row {
|
| 525 | ca3c8b6e | Athina Bekakou | width:$row-small; |
| 526 | ca3c8b6e | Athina Bekakou | padding-left:0; |
| 527 | ca3c8b6e | Athina Bekakou | } |
| 528 | ca3c8b6e | Athina Bekakou | ul {
|
| 529 | ca3c8b6e | Athina Bekakou | li {
|
| 530 | ca3c8b6e | Athina Bekakou | position: relative; |
| 531 | ca3c8b6e | Athina Bekakou | list-style:none outside none; |
| 532 | ca3c8b6e | Athina Bekakou | margin-bottom:7px; |
| 533 | ca3c8b6e | Athina Bekakou | &.checkbox {
|
| 534 | ca3c8b6e | Athina Bekakou | &:hover {
|
| 535 | ca3c8b6e | Athina Bekakou | cursor: pointer; |
| 536 | ca3c8b6e | Athina Bekakou | } |
| 537 | ca3c8b6e | Athina Bekakou | } |
| 538 | ca3c8b6e | Athina Bekakou | h3 {
|
| 539 | ca3c8b6e | Athina Bekakou | width: $conf-area-h-width; |
| 540 | ca3c8b6e | Athina Bekakou | color:white; |
| 541 | ca3c8b6e | Athina Bekakou | font-size:1em; |
| 542 | ca3c8b6e | Athina Bekakou | font-weight: normal; |
| 543 | ca3c8b6e | Athina Bekakou | margin:0 20px 0 0; |
| 544 | ca3c8b6e | Athina Bekakou | display: inline-block; |
| 545 | ca3c8b6e | Athina Bekakou | //&.net-name { width: 9.063em }
|
| 546 | ca3c8b6e | Athina Bekakou | } |
| 547 | ca3c8b6e | Athina Bekakou | } |
| 548 | ca3c8b6e | Athina Bekakou | } |
| 549 | ca3c8b6e | Athina Bekakou | } |
| 550 | ca3c8b6e | Athina Bekakou | .ssh-keys-area {
|
| 551 | ca3c8b6e | Athina Bekakou | background-color: $ssh-opt-area-color; |
| 552 | ca3c8b6e | Athina Bekakou | } |
| 553 | ca3c8b6e | Athina Bekakou | .networks-area {
|
| 554 | ca3c8b6e | Athina Bekakou | background-color: $net-opt-area-color; |
| 555 | ca3c8b6e | Athina Bekakou | li {
|
| 556 | ca3c8b6e | Athina Bekakou | .net-icons {
|
| 557 | ca3c8b6e | Athina Bekakou | padding-right:20px; |
| 558 | ca3c8b6e | Athina Bekakou | // position:absolute; |
| 559 | ca3c8b6e | Athina Bekakou | // left:-200px; |
| 560 | ca3c8b6e | Athina Bekakou | // top:-12px; |
| 561 | ca3c8b6e | Athina Bekakou | display: inline-block; |
| 562 | ca3c8b6e | Athina Bekakou | width:145px; |
| 563 | ca3c8b6e | Athina Bekakou | text-align: right; |
| 564 | ca3c8b6e | Athina Bekakou | font-size:30px; |
| 565 | ca3c8b6e | Athina Bekakou | margin-bottom: 0; |
| 566 | ca3c8b6e | Athina Bekakou | span {
|
| 567 | ca3c8b6e | Athina Bekakou | margin-left:6px; |
| 568 | ca3c8b6e | Athina Bekakou | &.snf-modem {
|
| 569 | ca3c8b6e | Athina Bekakou | position: relative; |
| 570 | ca3c8b6e | Athina Bekakou | top:-6px; |
| 571 | ca3c8b6e | Athina Bekakou | } |
| 572 | ca3c8b6e | Athina Bekakou | } |
| 573 | ca3c8b6e | Athina Bekakou | } |
| 574 | ca3c8b6e | Athina Bekakou | |
| 575 | ca3c8b6e | Athina Bekakou | |
| 576 | ca3c8b6e | Athina Bekakou | |
| 577 | ca3c8b6e | Athina Bekakou | &.more {
|
| 578 | ca3c8b6e | Athina Bekakou | // display: none; |
| 579 | ca3c8b6e | Athina Bekakou | background:$net-more-opt-area-color; |
| 580 | ca3c8b6e | Athina Bekakou | margin-bottom:1em; |
| 581 | ca3c8b6e | Athina Bekakou | padding:30px 0; |
| 582 | ca3c8b6e | Athina Bekakou | color:$net-opt-area-color; |
| 583 | ca3c8b6e | Athina Bekakou | h3 {
|
| 584 | ca3c8b6e | Athina Bekakou | color:$net-opt-area-color; |
| 585 | ca3c8b6e | Athina Bekakou | padding-left: 145px; |
| 586 | ca3c8b6e | Athina Bekakou | } |
| 587 | ca3c8b6e | Athina Bekakou | .btn5 {
|
| 588 | ca3c8b6e | Athina Bekakou | margin-top:1em; |
| 589 | ca3c8b6e | Athina Bekakou | border-color:$net-opt-area-color; |
| 590 | ca3c8b6e | Athina Bekakou | color:$net-opt-area-color; |
| 591 | ca3c8b6e | Athina Bekakou | } |
| 592 | ca3c8b6e | Athina Bekakou | .checkbox {
|
| 593 | ca3c8b6e | Athina Bekakou | a {
|
| 594 | ca3c8b6e | Athina Bekakou | span {
|
| 595 | ca3c8b6e | Athina Bekakou | color: $net-opt-area-color; |
| 596 | ca3c8b6e | Athina Bekakou | } |
| 597 | ca3c8b6e | Athina Bekakou | } |
| 598 | ca3c8b6e | Athina Bekakou | } |
| 599 | ca3c8b6e | Athina Bekakou | } |
| 600 | ca3c8b6e | Athina Bekakou | } |
| 601 | af86484e | Olga Brani | |
| 602 | ca3c8b6e | Athina Bekakou | } |
| 603 | ca3c8b6e | Athina Bekakou | .tags-area {
|
| 604 | ca3c8b6e | Athina Bekakou | background-color: $tag-opt-area-color; |
| 605 | ca3c8b6e | Athina Bekakou | .snf-color-picker {
|
| 606 | ca3c8b6e | Athina Bekakou | display: none; |
| 607 | ca3c8b6e | Athina Bekakou | } |
| 608 | ca3c8b6e | Athina Bekakou | #picker {
|
| 609 | ca3c8b6e | Athina Bekakou | position: relative; |
| 610 | ca3c8b6e | Athina Bekakou | width: 207px; |
| 611 | ca3c8b6e | Athina Bekakou | margin: 30px 5px; |
| 612 | ca3c8b6e | Athina Bekakou | display: inline-block; |
| 613 | ca3c8b6e | Athina Bekakou | } |
| 614 | ca3c8b6e | Athina Bekakou | .form-item {
|
| 615 | ca3c8b6e | Athina Bekakou | //display:inline-block; |
| 616 | ca3c8b6e | Athina Bekakou | // position: relative; |
| 617 | ca3c8b6e | Athina Bekakou | // bottom: 20px; |
| 618 | ca3c8b6e | Athina Bekakou | |
| 619 | ca3c8b6e | Athina Bekakou | } |
| 620 | ca3c8b6e | Athina Bekakou | .btns {
|
| 621 | ca3c8b6e | Athina Bekakou | // position: relative; |
| 622 | ca3c8b6e | Athina Bekakou | // bottom: -45px; |
| 623 | ca3c8b6e | Athina Bekakou | // margin-bottom: 45px; |
| 624 | ca3c8b6e | Athina Bekakou | margin-top: 77px; |
| 625 | ca3c8b6e | Athina Bekakou | margin-bottom: 30px; |
| 626 | ca3c8b6e | Athina Bekakou | } |
| 627 | ca3c8b6e | Athina Bekakou | .btn5 {
|
| 628 | ca3c8b6e | Athina Bekakou | margin-right:20px; |
| 629 | ca3c8b6e | Athina Bekakou | } |
| 630 | 314323e8 | Athina Bekakou | |
| 631 | ca3c8b6e | Athina Bekakou | } |
| 632 | af86484e | Olga Brani | |
| 633 | ca3c8b6e | Athina Bekakou | } |
| 634 | ca3c8b6e | Athina Bekakou | } |
| 635 | ca3c8b6e | Athina Bekakou | } |
| 636 | ca3c8b6e | Athina Bekakou | |
| 637 | ca3c8b6e | Athina Bekakou | } |
| 638 | ca3c8b6e | Athina Bekakou | .bottom {
|
| 639 | ca3c8b6e | Athina Bekakou | position: fixed; |
| 640 | ca3c8b6e | Athina Bekakou | left:0; |
| 641 | ca3c8b6e | Athina Bekakou | right:0; |
| 642 | ca3c8b6e | Athina Bekakou | bottom:0; |
| 643 | ca3c8b6e | Athina Bekakou | border-top:1px solid $black; |
| 644 | ca3c8b6e | Athina Bekakou | background:$overlay-color; |
| 645 | ca3c8b6e | Athina Bekakou | .row {
|
| 646 | ca3c8b6e | Athina Bekakou | height: $bar-height; |
| 647 | ca3c8b6e | Athina Bekakou | line-height: $bar-height; |
| 648 | ca3c8b6e | Athina Bekakou | } |
| 649 | ca3c8b6e | Athina Bekakou | .nav {
|
| 650 | ca3c8b6e | Athina Bekakou | height: $bar-height; |
| 651 | ca3c8b6e | Athina Bekakou | line-height: $bar-height; |
| 652 | ca3c8b6e | Athina Bekakou | color:white; |
| 653 | ca3c8b6e | Athina Bekakou | display: inline-block; |
| 654 | ca3c8b6e | Athina Bekakou | position: relative; |
| 655 | ca3c8b6e | Athina Bekakou | font-size: emCalc(12px); |
| 656 | ca3c8b6e | Athina Bekakou | top:($bar-height - 30px)/2; |
| 657 | ca3c8b6e | Athina Bekakou | width: 100px; |
| 658 | ca3c8b6e | Athina Bekakou | &:hover {
|
| 659 | ca3c8b6e | Athina Bekakou | @include transition(background, 0ms, ease-out); |
| 660 | ca3c8b6e | Athina Bekakou | } |
| 661 | ca3c8b6e | Athina Bekakou | span {
|
| 662 | ca3c8b6e | Athina Bekakou | display: inline-block; |
| 663 | ca3c8b6e | Athina Bekakou | height: 30px; |
| 664 | ca3c8b6e | Athina Bekakou | line-height:30px; |
| 665 | ca3c8b6e | Athina Bekakou | float: left; |
| 666 | ca3c8b6e | Athina Bekakou | &:hover {
|
| 667 | ca3c8b6e | Athina Bekakou | @include transition(background, 0ms, linear); |
| 668 | ca3c8b6e | Athina Bekakou | } |
| 669 | ca3c8b6e | Athina Bekakou | } |
| 670 | ca3c8b6e | Athina Bekakou | &:focus {
|
| 671 | ca3c8b6e | Athina Bekakou | color:green; |
| 672 | ca3c8b6e | Athina Bekakou | } |
| 673 | ca3c8b6e | Athina Bekakou | } |
| 674 | ca3c8b6e | Athina Bekakou | .prev {
|
| 675 | ca3c8b6e | Athina Bekakou | float:left; |
| 676 | ca3c8b6e | Athina Bekakou | height:30px; |
| 677 | ca3c8b6e | Athina Bekakou | padding-left:18px; |
| 678 | ca3c8b6e | Athina Bekakou | background:url('../images/nav-edge-lt.png') no-repeat left top;
|
| 679 | ca3c8b6e | Athina Bekakou | span {
|
| 680 | ca3c8b6e | Athina Bekakou | padding-right:10px; |
| 681 | ca3c8b6e | Athina Bekakou | background:url('../images/nav-lt.png') no-repeat right top;
|
| 682 | ca3c8b6e | Athina Bekakou | } |
| 683 | ca3c8b6e | Athina Bekakou | &:hover, |
| 684 | ca3c8b6e | Athina Bekakou | &.active {
|
| 685 | ca3c8b6e | Athina Bekakou | background-position:left bottom; |
| 686 | ca3c8b6e | Athina Bekakou | span {
|
| 687 | ca3c8b6e | Athina Bekakou | background-position:right bottom; |
| 688 | ca3c8b6e | Athina Bekakou | } |
| 689 | ca3c8b6e | Athina Bekakou | } |
| 690 | ca3c8b6e | Athina Bekakou | } |
| 691 | ca3c8b6e | Athina Bekakou | .next {
|
| 692 | ca3c8b6e | Athina Bekakou | float:right; |
| 693 | ca3c8b6e | Athina Bekakou | height:30px; |
| 694 | ca3c8b6e | Athina Bekakou | padding-right:18px; |
| 695 | ca3c8b6e | Athina Bekakou | background:url('../images/nav-edge-rt.png') no-repeat right top;
|
| 696 | ca3c8b6e | Athina Bekakou | span {
|
| 697 | ca3c8b6e | Athina Bekakou | padding-left:10px; |
| 698 | ca3c8b6e | Athina Bekakou | background:url('../images/nav-rt.png') no-repeat left top;
|
| 699 | ca3c8b6e | Athina Bekakou | float: right; |
| 700 | ca3c8b6e | Athina Bekakou | } |
| 701 | ca3c8b6e | Athina Bekakou | &:hover, |
| 702 | ca3c8b6e | Athina Bekakou | &.active {
|
| 703 | ca3c8b6e | Athina Bekakou | background-position:right bottom; |
| 704 | ca3c8b6e | Athina Bekakou | span {
|
| 705 | ca3c8b6e | Athina Bekakou | background-position:left bottom; |
| 706 | ca3c8b6e | Athina Bekakou | float:right; |
| 707 | ca3c8b6e | Athina Bekakou | } |
| 708 | ca3c8b6e | Athina Bekakou | } |
| 709 | ca3c8b6e | Athina Bekakou | } |
| 710 | ca3c8b6e | Athina Bekakou | } |
| 711 | e5c8c342 | Olga Brani | } |
| 712 | 03bcb595 | Olga Brani | |
| 713 | 9b6be833 | Olga Brani | |
| 714 | 03bcb595 | Olga Brani | .wizard-content {
|
| 715 | ca3c8b6e | Athina Bekakou | overflow: hidden; |
| 716 | ca3c8b6e | Athina Bekakou | width:100%; |
| 717 | ca3c8b6e | Athina Bekakou | .vm-wizard-carousel {
|
| 718 | ca3c8b6e | Athina Bekakou | position:relative; |
| 719 | ca3c8b6e | Athina Bekakou | left:0; |
| 720 | ca3c8b6e | Athina Bekakou | .step {
|
| 721 | ca3c8b6e | Athina Bekakou | float:left; |
| 722 | ca3c8b6e | Athina Bekakou | } |
| 723 | ca3c8b6e | Athina Bekakou | } |
| 724 | 03bcb595 | Olga Brani | } |
| 725 | 03bcb595 | Olga Brani | |
| 726 | 05689a8e | Olga Brani | /* Responive ------------------------------------------------ */ |
| 727 | 05689a8e | Olga Brani | @media only screen and (max-width: $small-mobile) {
|
| 728 | 05689a8e | Olga Brani | } |
| 729 | 05689a8e | Olga Brani | |
| 730 | 05689a8e | Olga Brani | @media only screen and (max-width: $small-screen) {
|
| 731 | ca3c8b6e | Athina Bekakou | .wizard {
|
| 732 | ca3c8b6e | Athina Bekakou | .top {
|
| 733 | ca3c8b6e | Athina Bekakou | position: static; |
| 734 | ca3c8b6e | Athina Bekakou | } |
| 735 | ca3c8b6e | Athina Bekakou | .middle {
|
| 736 | ca3c8b6e | Athina Bekakou | padding-top:0; |
| 737 | ca3c8b6e | Athina Bekakou | } |
| 738 | ca3c8b6e | Athina Bekakou | } |
| 739 | ca3c8b6e | Athina Bekakou | .overlay-wrapper {
|
| 740 | ca3c8b6e | Athina Bekakou | .overlay-area {
|
| 741 | ca3c8b6e | Athina Bekakou | top:0; |
| 742 | ca3c8b6e | Athina Bekakou | } |
| 743 | ca3c8b6e | Athina Bekakou | } |
| 744 | 5bda20fe | Olga Brani | } |