root / snf-cyclades-app / synnefo / ui / new_ui / ui / sass / _overlay2.scss @ e15a992e
History | View | Annotate | Download (2.5 kB)
| 1 | e4a6c3b8 | Olga Brani | ul.side-actions {
|
|---|---|---|---|
| 2 | e4a6c3b8 | Olga Brani | float: left; |
| 3 | e4a6c3b8 | Olga Brani | height: 100%; |
| 4 | e4a6c3b8 | Olga Brani | width: $side-actions-width; |
| 5 | e4a6c3b8 | Olga Brani | margin: 0; |
| 6 | e4a6c3b8 | Olga Brani | background: $gray-4; |
| 7 | e4a6c3b8 | Olga Brani | padding: 10px 0; |
| 8 | e4a6c3b8 | Olga Brani | li {
|
| 9 | e4a6c3b8 | Olga Brani | list-style: none outside none; |
| 10 | e4a6c3b8 | Olga Brani | &>a {
|
| 11 | e4a6c3b8 | Olga Brani | display: block; |
| 12 | e4a6c3b8 | Olga Brani | color: #fff; |
| 13 | e4a6c3b8 | Olga Brani | border: 0 none; |
| 14 | e4a6c3b8 | Olga Brani | padding: 5px; |
| 15 | e4a6c3b8 | Olga Brani | height: $side-actions-width; |
| 16 | e4a6c3b8 | Olga Brani | line-height: 20px; |
| 17 | e4a6c3b8 | Olga Brani | &.details {
|
| 18 | e4a6c3b8 | Olga Brani | font-size: emCalc(13px); |
| 19 | e4a6c3b8 | Olga Brani | font-weight: bold; |
| 20 | e4a6c3b8 | Olga Brani | } |
| 21 | e4a6c3b8 | Olga Brani | &:hover {
|
| 22 | e4a6c3b8 | Olga Brani | background: $secondary-color; |
| 23 | e4a6c3b8 | Olga Brani | color:#fff; |
| 24 | e4a6c3b8 | Olga Brani | } |
| 25 | e4a6c3b8 | Olga Brani | } |
| 26 | e4a6c3b8 | Olga Brani | &.bottom {
|
| 27 | e4a6c3b8 | Olga Brani | position: absolute; |
| 28 | e4a6c3b8 | Olga Brani | bottom: 5px; |
| 29 | e4a6c3b8 | Olga Brani | left: 0; |
| 30 | e4a6c3b8 | Olga Brani | width: $side-actions-width; |
| 31 | e4a6c3b8 | Olga Brani | ul {
|
| 32 | e4a6c3b8 | Olga Brani | top: auto; |
| 33 | e4a6c3b8 | Olga Brani | bottom:0; |
| 34 | e4a6c3b8 | Olga Brani | &:before {
|
| 35 | e4a6c3b8 | Olga Brani | top: auto; |
| 36 | e4a6c3b8 | Olga Brani | bottom: 3px; |
| 37 | e4a6c3b8 | Olga Brani | } |
| 38 | e4a6c3b8 | Olga Brani | &:after {
|
| 39 | e4a6c3b8 | Olga Brani | top: auto; |
| 40 | e4a6c3b8 | Olga Brani | bottom: 4px; |
| 41 | e4a6c3b8 | Olga Brani | } |
| 42 | e4a6c3b8 | Olga Brani | } |
| 43 | e4a6c3b8 | Olga Brani | ul.options {
|
| 44 | e4a6c3b8 | Olga Brani | display: none; |
| 45 | e4a6c3b8 | Olga Brani | .selected {
|
| 46 | e4a6c3b8 | Olga Brani | a {
|
| 47 | e4a6c3b8 | Olga Brani | color: $inactive-color; |
| 48 | e4a6c3b8 | Olga Brani | } |
| 49 | e4a6c3b8 | Olga Brani | } |
| 50 | e4a6c3b8 | Olga Brani | } |
| 51 | e4a6c3b8 | Olga Brani | } |
| 52 | e4a6c3b8 | Olga Brani | &.more-actions + a {
|
| 53 | e4a6c3b8 | Olga Brani | line-height: 10px; |
| 54 | e4a6c3b8 | Olga Brani | } |
| 55 | e4a6c3b8 | Olga Brani | ul {
|
| 56 | e4a6c3b8 | Olga Brani | z-index: 1; |
| 57 | e4a6c3b8 | Olga Brani | display: none; |
| 58 | e4a6c3b8 | Olga Brani | position: absolute; |
| 59 | e4a6c3b8 | Olga Brani | border: 1px solid $link-color; |
| 60 | e4a6c3b8 | Olga Brani | padding: 5px 10px; |
| 61 | e4a6c3b8 | Olga Brani | text-align: left; |
| 62 | e4a6c3b8 | Olga Brani | top: 34px; |
| 63 | e4a6c3b8 | Olga Brani | left: 40px; |
| 64 | e4a6c3b8 | Olga Brani | margin: 0; |
| 65 | e4a6c3b8 | Olga Brani | background: #fff; |
| 66 | e4a6c3b8 | Olga Brani | li {
|
| 67 | e4a6c3b8 | Olga Brani | padding: 5px; |
| 68 | e4a6c3b8 | Olga Brani | font-size: emCalc(14px); |
| 69 | e4a6c3b8 | Olga Brani | white-space: nowrap; |
| 70 | e4a6c3b8 | Olga Brani | } |
| 71 | e4a6c3b8 | Olga Brani | a {
|
| 72 | e4a6c3b8 | Olga Brani | padding: 0; |
| 73 | e4a6c3b8 | Olga Brani | border-radius: 0; |
| 74 | e4a6c3b8 | Olga Brani | border:0 none; |
| 75 | e4a6c3b8 | Olga Brani | width: auto; |
| 76 | e4a6c3b8 | Olga Brani | height: auto; |
| 77 | e4a6c3b8 | Olga Brani | color: $link-color; |
| 78 | e4a6c3b8 | Olga Brani | &:hover {
|
| 79 | e4a6c3b8 | Olga Brani | background: #fff; |
| 80 | e4a6c3b8 | Olga Brani | color: $link-color-hover; |
| 81 | e4a6c3b8 | Olga Brani | } |
| 82 | e4a6c3b8 | Olga Brani | |
| 83 | e4a6c3b8 | Olga Brani | } |
| 84 | e4a6c3b8 | Olga Brani | &:after {
|
| 85 | e4a6c3b8 | Olga Brani | content: ''; |
| 86 | e4a6c3b8 | Olga Brani | display: block; |
| 87 | e4a6c3b8 | Olga Brani | position: absolute; |
| 88 | e4a6c3b8 | Olga Brani | top: 41px; |
| 89 | e4a6c3b8 | Olga Brani | left: -20px; |
| 90 | e4a6c3b8 | Olga Brani | width: 0; |
| 91 | e4a6c3b8 | Olga Brani | height: 0; |
| 92 | e4a6c3b8 | Olga Brani | border-color: transparent #fff transparent transparent ; |
| 93 | e4a6c3b8 | Olga Brani | border-style: solid; |
| 94 | e4a6c3b8 | Olga Brani | border-width: 10px; |
| 95 | e4a6c3b8 | Olga Brani | } |
| 96 | e4a6c3b8 | Olga Brani | &:before {
|
| 97 | e4a6c3b8 | Olga Brani | content: ''; |
| 98 | e4a6c3b8 | Olga Brani | display: block; |
| 99 | e4a6c3b8 | Olga Brani | position: absolute; |
| 100 | e4a6c3b8 | Olga Brani | top: 40px; |
| 101 | e4a6c3b8 | Olga Brani | left: -22px; |
| 102 | e4a6c3b8 | Olga Brani | width: 0; |
| 103 | e4a6c3b8 | Olga Brani | height: 0; |
| 104 | e4a6c3b8 | Olga Brani | border-color: transparent $link-color transparent transparent ; |
| 105 | e4a6c3b8 | Olga Brani | border-style: solid; |
| 106 | e4a6c3b8 | Olga Brani | border-width: 11px; |
| 107 | e4a6c3b8 | Olga Brani | } |
| 108 | e4a6c3b8 | Olga Brani | &.many {
|
| 109 | e4a6c3b8 | Olga Brani | top: 5px; |
| 110 | e4a6c3b8 | Olga Brani | &:after {
|
| 111 | e4a6c3b8 | Olga Brani | top: 72px; |
| 112 | e4a6c3b8 | Olga Brani | } |
| 113 | e4a6c3b8 | Olga Brani | &:before {
|
| 114 | e4a6c3b8 | Olga Brani | top: 71px; |
| 115 | e4a6c3b8 | Olga Brani | } |
| 116 | e4a6c3b8 | Olga Brani | } |
| 117 | e4a6c3b8 | Olga Brani | &.single {
|
| 118 | e4a6c3b8 | Olga Brani | top: 62px; |
| 119 | e4a6c3b8 | Olga Brani | &:after {
|
| 120 | e4a6c3b8 | Olga Brani | top: 13px; |
| 121 | e4a6c3b8 | Olga Brani | } |
| 122 | e4a6c3b8 | Olga Brani | &:before {
|
| 123 | e4a6c3b8 | Olga Brani | top: 12px; |
| 124 | e4a6c3b8 | Olga Brani | } |
| 125 | e4a6c3b8 | Olga Brani | } |
| 126 | e4a6c3b8 | Olga Brani | } |
| 127 | e4a6c3b8 | Olga Brani | &:hover {
|
| 128 | e4a6c3b8 | Olga Brani | ul{
|
| 129 | e4a6c3b8 | Olga Brani | display: block; |
| 130 | e4a6c3b8 | Olga Brani | } |
| 131 | e4a6c3b8 | Olga Brani | } |
| 132 | e4a6c3b8 | Olga Brani | } |
| 133 | e4a6c3b8 | Olga Brani | .arrow-right {
|
| 134 | e4a6c3b8 | Olga Brani | display: inline-block; |
| 135 | e4a6c3b8 | Olga Brani | width: 0; |
| 136 | e4a6c3b8 | Olga Brani | height: 0; |
| 137 | e4a6c3b8 | Olga Brani | border-top: 5px solid transparent; |
| 138 | e4a6c3b8 | Olga Brani | border-bottom: 5px solid transparent; |
| 139 | e4a6c3b8 | Olga Brani | border-left: 5px solid $link-color; |
| 140 | e4a6c3b8 | Olga Brani | margin-left:10px; |
| 141 | e4a6c3b8 | Olga Brani | } |
| 142 | e4a6c3b8 | Olga Brani | a:hover {
|
| 143 | e4a6c3b8 | Olga Brani | .arrow-right {
|
| 144 | e4a6c3b8 | Olga Brani | border-left-color: $link-color-hover; |
| 145 | e4a6c3b8 | Olga Brani | } |
| 146 | e4a6c3b8 | Olga Brani | } |
| 147 | e4a6c3b8 | Olga Brani | } |
| 148 | e4a6c3b8 | Olga Brani | |
| 149 | e4a6c3b8 | Olga Brani | .items-list {
|
| 150 | e4a6c3b8 | Olga Brani | li:hover {
|
| 151 | e4a6c3b8 | Olga Brani | ul.side-actions {
|
| 152 | e4a6c3b8 | Olga Brani | @include transition(background, 300ms, ease-out); |
| 153 | e4a6c3b8 | Olga Brani | background: $gray-2; |
| 154 | e4a6c3b8 | Olga Brani | } |
| 155 | e4a6c3b8 | Olga Brani | } |
| 156 | e4a6c3b8 | Olga Brani | } |
| 157 | e4a6c3b8 | Olga Brani | |
| 158 | e4a6c3b8 | Olga Brani | .list-view {
|
| 159 | e4a6c3b8 | Olga Brani | .side-actions {
|
| 160 | e4a6c3b8 | Olga Brani | display: none; |
| 161 | e4a6c3b8 | Olga Brani | } |
| 162 | e4a6c3b8 | Olga Brani | } |