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 | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 4 | /** |
| 5 | * The pagination view |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 6 | * |
| 7 | * <div id="pagination"> |
| 8 | * <a rel="prev"><span><i class="fa fa-caret-left"></i></span></a> |
| 9 | * <a rel="self"><span>1</span></a> |
| 10 | * <a href="#p=2"><span>2</span></a> |
| 11 | * <a href="#3"><span>3</span></a> |
| 12 | * <span><i class="fa fa-ellipsis-h"></i></span> |
| 13 | * <a href="#67"><span>67</span></a> |
| 14 | * <a rel="next" href="#2"><span><i class="fa fa-caret-right"></i></span></a> |
| 15 | * </div> |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 16 | */ |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 17 | #pagination { |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 18 | /* |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 19 | * Always in fixed position. |
| 20 | * This may need to be overwritten in case multiple |
| 21 | * paginations have to be activated. |
| 22 | */ |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 23 | position: fixed; |
| 24 | font-size: 0; |
| 25 | right: ($standard-margin / 4); |
| 26 | bottom: ($standard-margin / 2); |
| 27 | z-index: 35; |
| 28 | padding: 0; |
| 29 | height: auto; |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 30 | line-height: 0; |
| 31 | |
| 32 | > a { |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 33 | margin: 0; |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 34 | font-size: 10pt; |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 35 | padding: 0; |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 36 | |
| 37 | > span { |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 38 | @include standard-text-padding; |
| 39 | @include choose-item; |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 40 | box-shadow: $choose-box-shadow; |
| 41 | display: inline-block; |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 42 | line-height: 2em; |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 43 | text-align: center; |
| 44 | |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 45 | border: { |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 46 | top-width: $border-size; |
| 47 | bottom-width: $border-size; |
| 48 | top-style: solid; |
| 49 | bottom-style: solid; |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 50 | } |
| 51 | } |
| 52 | |
| 53 | &:not(:link):not([rel=self]) span { |
| 54 | color: $choose-blind-color; |
| 55 | } |
| 56 | |
| 57 | &.ellipsis > span { |
| 58 | > span { |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 59 | @include blind; |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 60 | } |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 61 | |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 62 | &::after { |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 63 | @include icon-font; |
| 64 | content: $fa-elipsis; |
| 65 | line-height: 1em; |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 66 | } |
| 67 | } |
| 68 | |
| 69 | &[rel=self] > span { |
| 70 | @include choose-active; |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 71 | |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 72 | border { |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 73 | left-width: $border-size; |
| 74 | right-width: $border-size; |
| 75 | left-style: solid; |
| 76 | right-style: solid; |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 77 | } |
| 78 | } |
| 79 | |
| 80 | &[rel=prev] > span { |
| 81 | border: { |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 82 | top-left-radius: $standard-border-radius; |
| 83 | bottom-left-radius: $standard-border-radius; |
| 84 | left-width: $border-size; |
| 85 | left-style: solid; |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 86 | } |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 87 | |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 88 | > span { |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 89 | @include blind; |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 90 | } |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 91 | |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 92 | &::after { |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 93 | @include icon-font; |
| 94 | content: $fa-previous; |
| 95 | line-height: 1em; |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 96 | } |
| 97 | } |
| 98 | |
| 99 | &[rel=next] > span { |
| 100 | border: { |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 101 | top-right-radius: $standard-border-radius; |
| 102 | bottom-right-radius: $standard-border-radius; |
| 103 | right-width: $border-size; |
| 104 | right-style: solid; |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 105 | } |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 106 | |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 107 | > span { |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 108 | @include blind; |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 109 | } |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 110 | |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 111 | &::after { |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 112 | @include icon-font; |
| 113 | content: $fa-next; |
| 114 | line-height: 1em; |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 115 | } |
| 116 | } |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 117 | |
Akron | 6a535d4 | 2015-08-26 20:16:58 +0200 | [diff] [blame] | 118 | &:link:hover, |
| 119 | &:link:focus { |
| 120 | outline: none; |
| 121 | span { |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 122 | @include choose-hover; |
Akron | 6a535d4 | 2015-08-26 20:16:58 +0200 | [diff] [blame] | 123 | } |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 124 | } |
| 125 | } |
| 126 | } |