Revision d572ccc6 snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_common.scss
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_common.scss | ||
|---|---|---|
| 427 | 427 |
position:relative; |
| 428 | 428 |
float: right; |
| 429 | 429 |
height: $bar-height; |
| 430 |
margin-right: -6px; |
|
| 430 | 431 |
-webkit-transition: width 0.3s; |
| 431 | 432 |
-moz-transition: width 0.3s; |
| 432 | 433 |
transition: width 0.3s; |
| ... | ... | |
| 467 | 468 |
width: 190px; |
| 468 | 469 |
} |
| 469 | 470 |
} |
| 470 |
|
|
| 471 |
.sb-search {
|
|
| 472 |
$icon-dim :24px; |
|
| 473 |
float: right; |
|
| 474 |
margin-top:3px; |
|
| 475 |
min-width: $icon-dim; |
|
| 476 |
height: $icon-dim; |
|
| 477 |
.sb-icon-search {
|
|
| 478 |
height: $icon-dim; |
|
| 479 |
width: $icon-dim; |
|
| 480 |
color: $primary-color; |
|
| 481 |
} |
|
| 482 |
form {
|
|
| 483 |
display: inline-block; |
|
| 484 |
margin:0; |
|
| 485 |
.input-wrap {
|
|
| 486 |
width:180px; |
|
| 487 |
overflow: hidden; |
|
| 488 |
} |
|
| 489 |
input {
|
|
| 490 |
border: transparent; |
|
| 491 |
background-color: white; |
|
| 492 |
color: $overlay-color; |
|
| 493 |
padding: 0 10px; |
|
| 494 |
width: 160px; |
|
| 495 |
font-size: emCalc(10px); |
|
| 496 |
box-shadow: none; |
|
| 497 |
height:0.7* $bar-height; |
|
| 498 |
line-height: 0.7* $bar-height; |
|
| 499 |
position: relative; |
|
| 500 |
top:-3px; |
|
| 501 |
@include placeholder {
|
|
| 502 |
color:$overlay-color; |
|
| 503 |
} |
|
| 504 |
} |
|
| 505 |
} |
|
| 506 |
&.sb-search-open {
|
|
| 507 |
width:220px; |
|
| 508 |
} |
|
| 509 |
} |
|
| 510 |
|
|
| 511 | 471 |
.view-type {
|
| 512 | 472 |
float: right; |
| 513 | 473 |
margin-right:15px; |
| 514 |
.current, |
|
| 515 |
a:hover {
|
|
| 474 |
.current, a:hover {
|
|
| 516 | 475 |
color: $secondary-color; |
| 517 | 476 |
} |
| 518 |
.snf-list {
|
|
| 519 |
margin-right: 6px; |
|
| 520 |
font-size: 17px; |
|
| 477 |
.snf-listview {
|
|
| 478 |
position: relative; |
|
| 479 |
top: 3px; |
|
| 480 |
margin-right: 3px; |
|
| 481 |
font-size: 22px; |
|
| 521 | 482 |
} |
| 522 |
.snf-layout {
|
|
| 523 |
font-size: 1.1em; |
|
| 483 |
.snf-gridview {
|
|
| 484 |
font-size: 22px; |
|
| 485 |
position: relative; |
|
| 486 |
top: 3px; |
|
| 487 |
margin-right: 3px; |
|
| 524 | 488 |
} |
| 525 | 489 |
|
| 526 | 490 |
} |
Also available in: Unified diff