Nils Diewald | a122862 | 2015-04-25 01:59:10 +0000 | [diff] [blame] | 1 | @charset "utf-8"; |
| 2 | @import "../util"; |
| 3 | |
Nils Diewald | bdf79c5 | 2015-04-29 23:47:13 +0000 | [diff] [blame] | 4 | $border-size: 2px; |
| 5 | |
Nils Diewald | a122862 | 2015-04-25 01:59:10 +0000 | [diff] [blame] | 6 | div.datepicker { |
| 7 | display: inline-block; |
Nils Diewald | 8750783 | 2015-05-01 23:36:41 +0000 | [diff] [blame] | 8 | position: absolute; |
Nils Diewald | 7148c6f | 2015-05-04 15:07:53 +0000 | [diff] [blame^] | 9 | z-index: 8000; |
Nils Diewald | 8750783 | 2015-05-01 23:36:41 +0000 | [diff] [blame] | 10 | font-size: 80%; |
Nils Diewald | a122862 | 2015-04-25 01:59:10 +0000 | [diff] [blame] | 11 | padding: 4pt; |
| 12 | box-shadow: $choose-box-shadow; |
| 13 | border: { |
Nils Diewald | bdf79c5 | 2015-04-29 23:47:13 +0000 | [diff] [blame] | 14 | width: $border-size; |
Nils Diewald | a122862 | 2015-04-25 01:59:10 +0000 | [diff] [blame] | 15 | style: solid; |
| 16 | radius: $standard-border-radius; |
| 17 | } |
| 18 | > div { |
| 19 | font-size: 120%; |
| 20 | width: 45%; |
| 21 | } |
Nils Diewald | bdf79c5 | 2015-04-29 23:47:13 +0000 | [diff] [blame] | 22 | > div.month { |
Nils Diewald | a122862 | 2015-04-25 01:59:10 +0000 | [diff] [blame] | 23 | float: right; |
| 24 | } |
Nils Diewald | 7148c6f | 2015-05-04 15:07:53 +0000 | [diff] [blame^] | 25 | |
Nils Diewald | a122862 | 2015-04-25 01:59:10 +0000 | [diff] [blame] | 26 | @include choose-item; |
| 27 | > div > span { |
| 28 | display: inline-block; |
Nils Diewald | bdf79c5 | 2015-04-29 23:47:13 +0000 | [diff] [blame] | 29 | &:first-child, |
| 30 | &:last-child { |
| 31 | width: 15%; |
| 32 | &::before { |
| 33 | display: inline-block; |
| 34 | text-align: center; |
| 35 | cursor: pointer; |
| 36 | font-family: 'FontAwesome'; |
| 37 | min-width: 14px; |
| 38 | } |
| 39 | } |
Nils Diewald | a122862 | 2015-04-25 01:59:10 +0000 | [diff] [blame] | 40 | &:first-child::before { |
Nils Diewald | a122862 | 2015-04-25 01:59:10 +0000 | [diff] [blame] | 41 | content: $fa-previous; |
Nils Diewald | a122862 | 2015-04-25 01:59:10 +0000 | [diff] [blame] | 42 | } |
Nils Diewald | bdf79c5 | 2015-04-29 23:47:13 +0000 | [diff] [blame] | 43 | &:last-child::before { |
Nils Diewald | a122862 | 2015-04-25 01:59:10 +0000 | [diff] [blame] | 44 | content: $fa-next; |
Nils Diewald | a122862 | 2015-04-25 01:59:10 +0000 | [diff] [blame] | 45 | } |
Nils Diewald | bdf79c5 | 2015-04-29 23:47:13 +0000 | [diff] [blame] | 46 | overflow: hidden; |
| 47 | white-space: nowrap; |
Nils Diewald | a122862 | 2015-04-25 01:59:10 +0000 | [diff] [blame] | 48 | &:nth-child(2) { |
Nils Diewald | bdf79c5 | 2015-04-29 23:47:13 +0000 | [diff] [blame] | 49 | cursor: pointer; |
Nils Diewald | a122862 | 2015-04-25 01:59:10 +0000 | [diff] [blame] | 50 | display: inline-block; |
Nils Diewald | bdf79c5 | 2015-04-29 23:47:13 +0000 | [diff] [blame] | 51 | width: 70%; |
Nils Diewald | a122862 | 2015-04-25 01:59:10 +0000 | [diff] [blame] | 52 | text-align: center; |
Nils Diewald | bdf79c5 | 2015-04-29 23:47:13 +0000 | [diff] [blame] | 53 | text-overflow: ellipsis; |
| 54 | border: { |
| 55 | radius: $standard-border-radius; |
| 56 | style: solid; |
| 57 | width: $border-size; |
| 58 | color: transparent; |
| 59 | } |
| 60 | &:hover { |
| 61 | @include choose-hover; |
| 62 | } |
Nils Diewald | 7148c6f | 2015-05-04 15:07:53 +0000 | [diff] [blame^] | 63 | &.selected { |
| 64 | @include choose-active; |
| 65 | } |
Nils Diewald | a122862 | 2015-04-25 01:59:10 +0000 | [diff] [blame] | 66 | } |
| 67 | } |
| 68 | table { |
| 69 | border-collapse: separate; |
| 70 | border-spacing: 1px; |
| 71 | } |
| 72 | td { |
| 73 | @include standard-text-padding; |
| 74 | text-align: center; |
| 75 | border: { |
| 76 | style: solid; |
| 77 | width: 1px; |
| 78 | } |
| 79 | &:not(.out) { |
| 80 | cursor: pointer; |
| 81 | @include choose-item; |
| 82 | background-color: $nearly-white; |
| 83 | &.today { |
| 84 | background-color: $light-blue; |
| 85 | color: $dark-blue; |
| 86 | text-shadow: none; |
| 87 | } |
| 88 | &.selected { |
| 89 | @include choose-active; |
| 90 | } |
| 91 | &:hover { |
| 92 | @include choose-hover; |
| 93 | } |
| 94 | } |
| 95 | &.out { |
| 96 | border-color: transparent; |
| 97 | } |
| 98 | } |
| 99 | } |