commit | author | age
|
623a61
|
1 |
html, body { |
U |
2 |
font-size: 10pt; |
|
3 |
/* font-size: 1.5em; */ /* currently ems cause chrome bug misinterpreting rems on body element */ |
|
4 |
line-height: 1.6; |
|
5 |
font-weight: 400; |
851c9c
|
6 |
/* font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; */ |
623a61
|
7 |
} |
U |
8 |
|
|
9 |
.nord { |
851c9c
|
10 |
display: flex; |
U |
11 |
flex-flow: row; |
623a61
|
12 |
height: 2em; |
U |
13 |
} |
|
14 |
|
|
15 |
.west { |
|
16 |
transition: all 0.3s ease-in; |
|
17 |
overflow: hidden; |
|
18 |
white-space: nowrap; |
|
19 |
} |
|
20 |
|
|
21 |
#app-titel { |
|
22 |
padding-left: 2em; |
|
23 |
} |
|
24 |
|
|
25 |
.pointer-cursor { |
|
26 |
cursor: pointer; |
|
27 |
} |
|
28 |
|
|
29 |
.zentrum { |
|
30 |
display: flex; |
|
31 |
flex-flow: row; |
|
32 |
margin: 0; |
|
33 |
} |
|
34 |
|
47a970
|
35 |
/* Sender */ |
U |
36 |
|
|
37 |
.sender-behaelter { |
|
38 |
display: flex; |
|
39 |
flex-flow: column; |
|
40 |
} |
|
41 |
|
|
42 |
.sender { |
|
43 |
display: flex; |
|
44 |
flex-flow: row; |
|
45 |
padding: 0.4em; |
|
46 |
flex-wrap: wrap; |
|
47 |
background-color: #eaeaea; |
|
48 |
width: 100%; |
|
49 |
} |
|
50 |
|
|
51 |
.sender-kachel { |
|
52 |
display: flex; |
|
53 |
flex-flow: column; |
|
54 |
align-items: center; |
|
55 |
margin: 0.4em; |
|
56 |
padding: 0.4em; |
|
57 |
background-color: white; |
|
58 |
} |
|
59 |
|
|
60 |
.sender-name { |
|
61 |
font-family: RobotoCondensedBold; |
|
62 |
} |
|
63 |
|
|
64 |
.sender-bild { |
|
65 |
width: 5em; |
|
66 |
background-color: #ebe6e6; |
|
67 |
} |
|
68 |
|
851c9c
|
69 |
/* fonts */ |
623a61
|
70 |
|
U |
71 |
@font-face { |
851c9c
|
72 |
font-family: 'Amethysta'; |
U |
73 |
font-style: normal; |
|
74 |
font-weight: 700; |
|
75 |
src: url(/lib/fonts/Amethysta/Amethysta-Regular.ttf) format('truetype'); |
623a61
|
76 |
} |
851c9c
|
77 |
@font-face { |
U |
78 |
font-family: 'Oswald'; |
|
79 |
font-style: normal; |
|
80 |
font-weight: 700; |
|
81 |
src: url(/lib/fonts/Oswald/Oswald-Regular.ttf) format('truetype'); |
|
82 |
} |
|
83 |
@font-face { |
|
84 |
font-family: 'OswaldBold'; |
|
85 |
font-weight: bold; |
|
86 |
src: url(/lib/fonts/Oswald/Oswald-Bold.ttf) format('truetype'); |
|
87 |
} |
|
88 |
@font-face { |
|
89 |
font-family: 'RobotoCondensed'; |
|
90 |
font-weight: normal; |
|
91 |
src: url(/lib/fonts/Roboto_Condensed/RobotoCondensed-Regular.ttf) format('truetype'); |
|
92 |
} |
|
93 |
@font-face { |
|
94 |
font-family: 'RobotoCondensedBold'; |
|
95 |
font-weight: bold; |
|
96 |
src: url(/lib/fonts/Roboto_Condensed/RobotoCondensed-Bold.ttf) format('truetype'); |
|
97 |
} |