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