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