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