Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 1 | @charset "utf-8"; |
Nils Diewald | ab4d3ca | 2015-04-17 01:48:43 +0000 | [diff] [blame] | 2 | @import "../util"; |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 3 | |
Nils Diewald | 652e5f4 | 2015-05-10 18:11:45 +0000 | [diff] [blame] | 4 | /** |
| 5 | * Rules for the Kalamar hint helper. |
| 6 | */ |
| 7 | |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 8 | $border-size: 2px; |
| 9 | |
| 10 | ul.menu.hint { |
Nils Diewald | 2488d05 | 2015-04-09 21:46:02 +0000 | [diff] [blame] | 11 | display: inline-block; |
| 12 | white-space: normal; |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 13 | text-align:left; |
Nils Diewald | 2488d05 | 2015-04-09 21:46:02 +0000 | [diff] [blame] | 14 | top: 0; |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 15 | max-width: 23em !important; |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 16 | |
| 17 | > li:first-of-type { |
| 18 | border-top: { |
| 19 | width: 1px; |
| 20 | left-radius: 0; |
| 21 | right-radius: 0; |
| 22 | } |
| 23 | } |
| 24 | span.desc { |
| 25 | display: block; |
| 26 | font-size: 75%; |
| 27 | } |
| 28 | } |
| 29 | |
| 30 | #searchMirror { |
| 31 | position: absolute; |
| 32 | left: 0; |
| 33 | top: 0; |
Nils Diewald | 2488d05 | 2015-04-09 21:46:02 +0000 | [diff] [blame] | 34 | z-index: 900; |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 35 | white-space: pre-wrap; |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 36 | height: 0; |
Nils Diewald | 2488d05 | 2015-04-09 21:46:02 +0000 | [diff] [blame] | 37 | display: block; |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 38 | > span { |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 39 | opacity: 0; |
| 40 | white-space: pre-wrap; |
| 41 | overflow: hidden; |
| 42 | } |
| 43 | // Todo: Besser nur, wenn im Focus |
| 44 | > div { |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 45 | position: absolute; |
Nils Diewald | 2488d05 | 2015-04-09 21:46:02 +0000 | [diff] [blame] | 46 | display: block; |
| 47 | cursor: pointer; |
| 48 | transition: left 0.2s ease 0s; |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 49 | top: 0; |
| 50 | left: 0; |
Nils Diewald | 2488d05 | 2015-04-09 21:46:02 +0000 | [diff] [blame] | 51 | text-align: left; |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 52 | padding: 0; |
| 53 | border-top: 5px solid $dark-orange; |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 54 | height: 10px; |
| 55 | width: 1.2em; |
Nils Diewald | 2488d05 | 2015-04-09 21:46:02 +0000 | [diff] [blame] | 56 | &:hover:not(.active) { |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 57 | border-top: 10px solid $dark-orange; |
| 58 | } |
Nils Diewald | 2488d05 | 2015-04-09 21:46:02 +0000 | [diff] [blame] | 59 | &.active { |
| 60 | border-top-width: 0; |
| 61 | height: 0; |
| 62 | width: 23em; |
| 63 | } |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 64 | } |
| 65 | } |