Revision 188fe5d9 snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_overlays.scss
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_overlays.scss | ||
|---|---|---|
| 53 | 53 |
position: absolute; |
| 54 | 54 |
right:$header-padding-horizontal; |
| 55 | 55 |
top:50px; |
| 56 |
font-size:25px;
|
|
| 57 |
color:$primary-color;
|
|
| 56 |
font-size:32px;
|
|
| 57 |
color:white;
|
|
| 58 | 58 |
&:hover {
|
| 59 |
color:white;
|
|
| 59 |
color:$primary-color;
|
|
| 60 | 60 |
} |
| 61 | 61 |
} |
| 62 | 62 |
.row {
|
| 63 | 63 |
.close {
|
| 64 | 64 |
position:static; |
| 65 | 65 |
float:right; |
| 66 |
padding-top:5px; |
|
| 67 | 66 |
} |
| 68 | 67 |
} |
| 69 | 68 |
.overlay-div {
|
| ... | ... | |
| 159 | 158 |
height:$bar-height; |
| 160 | 159 |
line-height: $bar-height; |
| 161 | 160 |
.sub-menu {
|
| 161 |
display: none; |
|
| 162 |
&[data-step="1"] {
|
|
| 163 |
display: block; |
|
| 164 |
} |
|
| 162 | 165 |
ul {
|
| 163 | 166 |
margin:0; |
| 164 | 167 |
padding:0; |
| ... | ... | |
| 190 | 193 |
li {
|
| 191 | 194 |
list-style: none outside none; |
| 192 | 195 |
@extend .clearfix; |
| 193 |
margin-bottom:1.5em; |
|
| 196 |
padding:0.5em 0; |
|
| 197 |
margin-bottom:0.5em; |
|
| 198 |
&:hover {
|
|
| 199 |
background:lighten($overlay-color-top, 10%); |
|
| 200 |
} |
|
| 201 |
&.current {
|
|
| 202 |
background:$overlay-color-top; |
|
| 203 |
} |
|
| 194 | 204 |
.img-col {
|
| 195 | 205 |
float:left; |
| 196 | 206 |
width:10%; |
| ... | ... | |
| 236 | 246 |
} |
| 237 | 247 |
} |
| 238 | 248 |
} |
| 249 |
.flavor {
|
|
| 250 |
list-style: none outside none; |
|
| 251 |
li {
|
|
| 252 |
list-style:none outside none; |
|
| 253 |
margin-bottom:1.5em; |
|
| 254 |
.title {
|
|
| 255 |
@extend .clearfix; |
|
| 256 |
margin-bottom:emCalc(5px); |
|
| 257 |
color:white; |
|
| 258 |
vertical-align: top; |
|
| 259 |
.icon {
|
|
| 260 |
display: block; |
|
| 261 |
width:5%; |
|
| 262 |
font-size:emCalc(40px); |
|
| 263 |
float: left; |
|
| 264 |
} |
|
| 265 |
h2 {
|
|
| 266 |
font-size:emCalc(16px); |
|
| 267 |
span {
|
|
| 268 |
font-weight:normal; |
|
| 269 |
} |
|
| 270 |
float:left; |
|
| 271 |
width: 19%; |
|
| 272 |
color:white; |
|
| 273 |
margin-right:4%; |
|
| 274 |
&:hover {
|
|
| 275 |
& + p {
|
|
| 276 |
visibility: visible; |
|
| 277 |
} |
|
| 278 |
} |
|
| 279 |
} |
|
| 280 |
p {
|
|
| 281 |
visibility: hidden; |
|
| 282 |
float:left; |
|
| 283 |
width:70%; |
|
| 284 |
font-size:emCalc(12px); |
|
| 285 |
} |
|
| 286 |
} |
|
| 287 |
.options-bar {
|
|
| 288 |
@extend .clearfix; |
|
| 289 |
.bar {
|
|
| 290 |
width:24%; |
|
| 291 |
float: left; |
|
| 292 |
margin-right:4%; |
|
| 293 |
height: 26px; |
|
| 294 |
position: relative; |
|
| 295 |
top:2px; |
|
| 296 |
.wrap {
|
|
| 297 |
border:1px solid white; |
|
| 298 |
padding:1px; |
|
| 299 |
height: 100%; |
|
| 300 |
.container {
|
|
| 301 |
height: 100%; |
|
| 302 |
.total {
|
|
| 303 |
background:$primary-color; |
|
| 304 |
height: 100%; |
|
| 305 |
float:left; |
|
| 306 |
position: relative; |
|
| 307 |
.current {
|
|
| 308 |
background:white; |
|
| 309 |
height: 100%; |
|
| 310 |
float:left; |
|
| 311 |
} |
|
| 312 |
span {
|
|
| 313 |
position:absolute; |
|
| 314 |
right:10px; |
|
| 315 |
color:$black; |
|
| 316 |
font-size: emCalc(12px); |
|
| 317 |
} |
|
| 318 |
&.low {
|
|
| 319 |
span {
|
|
| 320 |
right:-30px; |
|
| 321 |
color:white; |
|
| 322 |
} |
|
| 323 |
} |
|
| 324 |
} |
|
| 325 |
} |
|
| 326 |
} |
|
| 327 |
} |
|
| 328 |
.options {
|
|
| 329 |
overflow:hidden; |
|
| 330 |
list-style: none outside none; |
|
| 331 |
li {
|
|
| 332 |
list-style: none outside none; |
|
| 333 |
display: inline-block; |
|
| 334 |
margin-right: 10px; |
|
| 335 |
a {
|
|
| 336 |
@extend .btn5; |
|
| 337 |
min-width: 60px; |
|
| 338 |
&.current {
|
|
| 339 |
color:$overlay-color; |
|
| 340 |
} |
|
| 341 |
} |
|
| 342 |
} |
|
| 343 |
} |
|
| 344 |
} |
|
| 345 |
} |
|
| 346 |
} |
|
| 239 | 347 |
} |
| 240 | 348 |
} |
| 241 | 349 |
.bottom {
|
| ... | ... | |
| 309 | 417 |
a {
|
| 310 | 418 |
color:$primary-color; |
| 311 | 419 |
display: block; |
| 420 |
&:hover {
|
|
| 421 |
cursor: default; |
|
| 422 |
} |
|
| 312 | 423 |
} |
| 313 |
&:hover,&.current{
|
|
| 424 |
&.current{
|
|
| 314 | 425 |
border-color:white; |
| 315 | 426 |
a {
|
| 316 | 427 |
color:white; |
| 317 | 428 |
} |
| 429 |
|
|
| 318 | 430 |
} |
| 319 | 431 |
&.current {
|
| 320 | 432 |
font-size:emCalc(20px); |
Also available in: Unified diff