| Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 1 | @charset "utf-8"; |
| 2 | @import "../util"; |
| 3 | @import "fonts"; |
| 4 | @import "flextable"; |
| 5 | @import "fragment"; |
| 6 | @import "load"; |
| 7 | @import "form"; |
| 8 | @import "view"; |
| 9 | @import "menu"; |
| Akron | 6db23ab | 2020-09-21 16:50:52 +0200 | [diff] [blame] | 10 | @import "banner"; |
| Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 11 | |
| 12 | /** |
| 13 | * Basic global CSS rules for Kalamar |
| 14 | */ |
| 15 | |
| 16 | |
| 17 | * { |
| 18 | @include box-sizing-box; |
| 19 | } |
| 20 | |
| 21 | body, |
| 22 | html, |
| 23 | select, |
| 24 | g > text { |
| 25 | font-family: verdana, tahoma, arial, Helvetica, sans-serif; |
| 26 | color: $dark-grey; |
| 27 | margin: 0; |
| 28 | } |
| 29 | |
| 30 | g > text { |
| 31 | fill: $dark-grey; |
| 32 | } |
| 33 | |
| 34 | html { |
| 35 | height: 100%; |
| 36 | } |
| 37 | |
| 38 | body { |
| 39 | position: relative; |
| 40 | min-height: 100%; |
| 41 | font-size: 12pt; |
| 42 | margin: 0; |
| 43 | padding: 0; |
| 44 | } |
| 45 | |
| 46 | a { |
| 47 | &:link { |
| 48 | text-decoration: none; |
| 49 | color: $dark-orange; |
| 50 | &:hover { |
| 51 | color: $darkest-orange; |
| 52 | transition: color 0.3s ease 0s; |
| 53 | } |
| 54 | } |
| 55 | |
| 56 | // External links |
| 57 | &[href^="http://"]::after, |
| 58 | &[href^="https://"]::after { |
| 59 | @include icon-font; |
| 60 | content: " " + $fa-extlink; |
| 61 | font-size: 75%; |
| 62 | } |
| 63 | } |
| 64 | |
| 65 | // Styles for Mojolicious::Plugin::TagHelpers::MailToChiffre |
| 66 | a[onclick$='return PArok(this,false)'] { |
| 67 | unicode-bidi: bidi-override; |
| 68 | direction: rtl; |
| 69 | text-align: left; |
| 70 | & > span { |
| 71 | &:nth-child(1n+2){ |
| 72 | display: none |
| 73 | } |
| 74 | &:nth-child(1)::after{ |
| 75 | content: '@' |
| 76 | } |
| 77 | } |
| 78 | } |
| 79 | |
| 80 | .clear { |
| 81 | clear: both; |
| 82 | } |
| 83 | |
| 84 | blockquote { |
| 85 | border-radius: $standard-border-radius; |
| 86 | padding: 2pt 5pt 2pt 20pt; |
| 87 | margin: 0; |
| 88 | border-left: 5px solid $ids-blue-1; |
| 89 | background-color: $ids-blue-2; |
| 90 | color: $ids-blue-1; |
| Akron | 6b42c60 | 2020-09-08 17:00:13 +0200 | [diff] [blame] | 91 | mix-blend-mode: soft-light; |
| Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 92 | |
| 93 | &.bug, |
| 94 | &.missing { |
| 95 | border-left-color: $dark-red; |
| 96 | background-color: $middle-red; |
| 97 | color: $nearly-white; |
| Akron | 6c261e6 | 2020-09-21 15:29:58 +0200 | [diff] [blame] | 98 | mix-blend-mode: multiply; |
| Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 99 | } |
| 100 | } |
| 101 | |
| 102 | dl { |
| 103 | margin: 0; |
| 104 | padding-bottom: .5em; |
| 105 | |
| 106 | dt { |
| 107 | font-weight: bold; |
| 108 | |
| 109 | abbr { |
| 110 | border-width: 0; |
| 111 | |
| 112 | &[data-type=token]::after { |
| 113 | color: $ids-blue-1; |
| 114 | } |
| 115 | |
| 116 | &[data-type=span]::after { |
| 117 | color: $ids-pink-1; |
| 118 | } |
| 119 | |
| 120 | &::after { |
| 121 | content: ' (' attr(title) ')'; |
| 122 | vertical-align: bottom; |
| 123 | font: { |
| 124 | style: italic; |
| 125 | weight: normal; |
| 126 | size: 80%; |
| 127 | } |
| 128 | } |
| 129 | } |
| 130 | } |
| 131 | } |