Nils Diewald | a944fab | 2015-04-08 21:02:04 +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 | * Basic global CSS rules for Kalamar | ||||
6 | */ | ||||
7 | |||||
8 | body, | ||||
9 | html, | ||||
10 | select, | ||||
11 | g > text { | ||||
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 12 | color: $dark-grey; |
13 | font-family: verdana, tahoma, arial; | ||||
14 | margin: 0; | ||||
15 | } | ||||
16 | |||||
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 17 | * { |
18 | @include box-sizing-box; | ||||
19 | } | ||||
20 | |||||
Akron | 308db38 | 2016-05-30 22:34:07 +0200 | [diff] [blame] | 21 | /* |
22 | html { | ||||
23 | // @include box-sizing-box; | ||||
24 | box-sizing: border-box; | ||||
25 | } | ||||
26 | |||||
27 | *, *:before, *:after { | ||||
28 | box-sizing: inherit; | ||||
29 | } | ||||
30 | */ | ||||
31 | |||||
Nils Diewald | ab4d3ca | 2015-04-17 01:48:43 +0000 | [diff] [blame] | 32 | g > text { |
33 | fill: $dark-grey; | ||||
34 | } | ||||
35 | |||||
Nils Diewald | 1c54692 | 2015-04-13 01:56:19 +0000 | [diff] [blame] | 36 | html { |
37 | height: 100%; | ||||
38 | } | ||||
39 | |||||
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 40 | body { |
Nils Diewald | 1c54692 | 2015-04-13 01:56:19 +0000 | [diff] [blame] | 41 | position: relative; |
42 | min-height: 100%; | ||||
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 43 | font-size: 12pt; |
44 | } | ||||
45 | |||||
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 46 | |
47 | a { | ||||
Akron | b917a7c | 2015-07-02 11:02:42 +0200 | [diff] [blame] | 48 | &:link { |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 49 | color: $dark-orange; |
50 | text-decoration: none; | ||||
Nils Diewald | 1c54692 | 2015-04-13 01:56:19 +0000 | [diff] [blame] | 51 | &:hover { |
Nils Diewald | fccfbcb | 2015-04-29 20:48:19 +0000 | [diff] [blame] | 52 | color: $darkest-orange; |
Nils Diewald | 1c54692 | 2015-04-13 01:56:19 +0000 | [diff] [blame] | 53 | @include color-transition; |
54 | } | ||||
Nils Diewald | 9922edf | 2015-05-07 20:03:33 +0000 | [diff] [blame] | 55 | } |
Nils Diewald | 652e5f4 | 2015-05-10 18:11:45 +0000 | [diff] [blame] | 56 | |
Nils Diewald | 652e5f4 | 2015-05-10 18:11:45 +0000 | [diff] [blame] | 57 | // External links |
58 | &[href^="http://"]::after, | ||||
59 | &[href^="https://"]::after { | ||||
60 | font-family: FontAwesome; | ||||
61 | content: " " + $fa-extlink; | ||||
62 | font-size: 75%; | ||||
63 | } | ||||
64 | |||||
65 | // Link to documentation | ||||
66 | &.doc-link::after { | ||||
67 | font-family: FontAwesome; | ||||
68 | content: " " + $fa-tutorial; | ||||
69 | font-size: 75%; | ||||
70 | } | ||||
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 71 | } |
Nils Diewald | c46003b | 2015-05-07 15:55:35 +0000 | [diff] [blame] | 72 | |
Nils Diewald | 652e5f4 | 2015-05-10 18:11:45 +0000 | [diff] [blame] | 73 | // Styles for Mojolicious::Plugin::TagHelpers::MailToChiffre |
Nils Diewald | c46003b | 2015-05-07 15:55:35 +0000 | [diff] [blame] | 74 | a[onclick$='return PArok(this,false)'] { |
75 | direction:rtl; | ||||
76 | unicode-bidi:bidi-override; | ||||
Nils Diewald | 652e5f4 | 2015-05-10 18:11:45 +0000 | [diff] [blame] | 77 | text-align:left; |
78 | & > span { | ||||
79 | &:nth-child(1n+2){ | ||||
80 | display:none | ||||
81 | } | ||||
82 | &:nth-child(1)::after{ | ||||
83 | content:'@' | ||||
84 | } | ||||
85 | } | ||||
Nils Diewald | c46003b | 2015-05-07 15:55:35 +0000 | [diff] [blame] | 86 | } |