Revision 775d43ea snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_common.scss
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_common.scss | ||
|---|---|---|
| 275 | 275 |
height:$header-height; |
| 276 | 276 |
line-height:$header-height; |
| 277 | 277 |
padding:0 $header-padding-horizontal; |
| 278 |
border-bottom:1px solid $primary-color; |
|
| 279 | 278 |
background:white; |
| 280 | 279 |
z-index:100; |
| 281 | 280 |
.icons-nav {
|
| ... | ... | |
| 323 | 322 |
/* Actions Bar ----------------------------------------------- */ |
| 324 | 323 |
|
| 325 | 324 |
.actions-bar {
|
| 325 |
border-bottom: 1px solid $primary-color; |
|
| 326 |
padding-bottom: 44px; |
|
| 327 |
h2 {
|
|
| 328 |
position: absolute; |
|
| 329 |
left: 15px; |
|
| 330 |
top: 11px; |
|
| 331 |
color: $primary-color; |
|
| 332 |
font-size: 0.9em; |
|
| 333 |
font-weight: normal; |
|
| 334 |
line-height: 2em; |
|
| 335 |
} |
|
| 336 |
.filter-menu {
|
|
| 337 |
position: absolute; |
|
| 338 |
right: 29px; |
|
| 339 |
font-size: 0.9em; |
|
| 340 |
width: 120px; |
|
| 341 |
.filter {
|
|
| 342 |
padding: 0 9px 4px; |
|
| 343 |
line-height: 34px |
|
| 344 |
} |
|
| 345 |
.options {
|
|
| 346 |
display: none; |
|
| 347 |
position: absolute; |
|
| 348 |
left: -33px; |
|
| 349 |
top: 37px; |
|
| 350 |
width: 120px; |
|
| 351 |
list-style-type: none; |
|
| 352 |
padding: 3px 15px; |
|
| 353 |
text-align: left; |
|
| 354 |
margin:0; |
|
| 355 |
} |
|
| 356 |
&.current {
|
|
| 357 |
.filter {
|
|
| 358 |
border: 1px solid lighten($primary-color,10%); |
|
| 359 |
display: inline-block; |
|
| 360 |
line-height: 32px; |
|
| 361 |
} |
|
| 362 |
.options {
|
|
| 363 |
background-color: lighten($primary-color,10%); |
|
| 364 |
display: inline-block; |
|
| 365 |
a {
|
|
| 366 |
color: white; |
|
| 367 |
} |
|
| 368 |
} |
|
| 369 |
} |
|
| 370 |
|
|
| 371 |
|
|
| 372 |
} |
|
| 326 | 373 |
position:fixed; |
| 327 | 374 |
left:0; |
| 328 | 375 |
top:$header-height; |
| ... | ... | |
| 332 | 379 |
height:$bar-height; |
| 333 | 380 |
line-height:$bar-height; |
| 334 | 381 |
background:white; |
| 335 |
.border-dashed {
|
|
| 336 |
background-image: url("../images/border-dashes.png");
|
|
| 337 |
background-repeat: repeat-x; |
|
| 338 |
height: 4px; |
|
| 339 |
position: relative; |
|
| 340 |
top: -3px; |
|
| 341 |
} |
|
| 382 |
|
|
| 342 | 383 |
.row {
|
| 343 | 384 |
position: relative; |
| 344 | 385 |
height: $bar-height; |
| 345 | 386 |
} |
| 346 |
ul {
|
|
| 347 |
margin:0; |
|
| 348 |
li {
|
|
| 349 |
list-style: none outside none; |
|
| 350 |
display: inline-block; |
|
| 351 |
line-height: $bar-height; |
|
| 352 |
a {
|
|
| 353 |
display: block; |
|
| 354 |
color:lighten($primary-color,30%); |
|
| 355 |
width:100%; |
|
| 356 |
padding:0 20px; |
|
| 357 |
border:1px solid transparent; |
|
| 358 |
&.active {
|
|
| 359 |
color:$primary-color; |
|
| 360 |
&:hover {
|
|
| 361 |
color:$secondary-color; |
|
| 362 |
cursor: pointer; |
|
| 363 |
} |
|
| 364 |
} |
|
| 365 |
&:hover {
|
|
| 366 |
cursor:default; |
|
| 367 |
} |
|
| 368 |
|
|
| 369 |
} |
|
| 370 |
} |
|
| 371 |
} |
|
| 372 | 387 |
|
| 373 | 388 |
#sb-search {
|
| 374 | 389 |
height: 50px; |
| 375 | 390 |
position: absolute; |
| 376 |
right: 75px;
|
|
| 391 |
right: 105px;
|
|
| 377 | 392 |
top: -10px; |
| 378 | 393 |
.sb-icon-search {
|
| 379 | 394 |
background-color: white; |
| 380 | 395 |
color: $primary-color; |
| 381 | 396 |
top: -4px; |
| 382 |
font-size: 18px;
|
|
| 397 |
font-size: 0.8em;
|
|
| 383 | 398 |
width:40px; |
| 384 | 399 |
&:hover {
|
| 385 | 400 |
color: $secondary-color; |
| ... | ... | |
| 406 | 421 |
} |
| 407 | 422 |
} |
| 408 | 423 |
|
| 424 |
#search-utility {
|
|
| 425 |
position: absolute; |
|
| 426 |
display: inline-block; |
|
| 427 |
width: 220px; |
|
| 428 |
height: 2em; |
|
| 429 |
right:118px; |
|
| 430 |
background-color: lighten($primary-color,35%); |
|
| 431 |
padding-bottom: 35px; |
|
| 432 |
.snf-search {
|
|
| 433 |
position: relative; |
|
| 434 |
right: -10px; |
|
| 435 |
color: $primary-color; |
|
| 436 |
} |
|
| 437 |
form {
|
|
| 438 |
display: inline-block; |
|
| 439 |
width: 200px; |
|
| 440 |
input {
|
|
| 441 |
display: inline-block; |
|
| 442 |
border: transparent; |
|
| 443 |
background-color: transparent; |
|
| 444 |
color: $primary-color; |
|
| 445 |
height: 1.8em; |
|
| 446 |
padding-top: 0.3em; |
|
| 447 |
padding-bottom: 0.3em; |
|
| 448 |
// line-height: 1.2em; |
|
| 449 |
width: 184px; |
|
| 450 |
font-size: 0.9em; |
|
| 451 |
box-shadow: none; |
|
| 452 |
margin-bottom: 0; |
|
| 453 |
} |
|
| 454 |
} |
|
| 455 |
} |
|
| 456 |
|
|
| 409 | 457 |
.view-type {
|
| 410 | 458 |
display:inline-block; |
| 411 | 459 |
position: absolute; |
| ... | ... | |
| 415 | 463 |
color: $secondary-color; |
| 416 | 464 |
} |
| 417 | 465 |
.snf-list {
|
| 418 |
margin-right: 4px;
|
|
| 419 |
font-size: 24px;
|
|
| 420 |
line-height: 50px; |
|
| 421 |
vertical-align: middle;
|
|
| 466 |
margin-right: 6px;
|
|
| 467 |
font-size: 1em;
|
|
| 468 |
// line-height: 50px;
|
|
| 469 |
vertical-align: bottom;
|
|
| 422 | 470 |
} |
| 423 | 471 |
.snf-layout {
|
| 424 |
font-size: 25px;
|
|
| 425 |
line-height: 50px; |
|
| 426 |
vertical-align: middle;
|
|
| 472 |
font-size: 1.1em;
|
|
| 473 |
// line-height: 50px;
|
|
| 474 |
vertical-align: bottom;
|
|
| 427 | 475 |
} |
| 428 | 476 |
|
| 429 | 477 |
} |
Also available in: Unified diff