|
1 body { |
|
2 padding-top: 20px; |
|
3 padding-bottom: 20px; |
|
4 } |
|
5 |
|
6 /* Typo |
|
7 ------------------------------------ */ |
|
8 @font-face { |
|
9 font-family: 'gandhi_serifbold'; |
|
10 src: url('../fonts/gandhiserif-bold-webfont.eot'); |
|
11 src: url('../fonts/gandhiserif-bold-webfont.eot?#iefix') format('embedded-opentype'), |
|
12 url('../fonts/gandhiserif-bold-webfont.woff') format('woff'), |
|
13 url('../fonts/gandhiserif-bold-webfont.ttf') format('truetype'), |
|
14 url('../fonts/gandhiserif-bold-webfont.svg#gandhi_serifbold') format('svg'); |
|
15 font-weight: normal; |
|
16 font-style: normal; |
|
17 } |
|
18 @font-face { |
|
19 font-family: 'gandhi_serifregular'; |
|
20 src: url('../fonts/gandhiserif-regular-webfont.eot'); |
|
21 src: url('../fonts/gandhiserif-regular-webfont.eot?#iefix') format('embedded-opentype'), |
|
22 url('../fonts/gandhiserif-regular-webfont.woff') format('woff'), |
|
23 url('../fonts/gandhiserif-regular-webfont.ttf') format('truetype'), |
|
24 url('../fonts/gandhiserif-regular-webfont.svg#gandhi_serifregular') format('svg'); |
|
25 font-weight: normal; |
|
26 font-style: normal; |
|
27 } |
|
28 /* Utilities |
|
29 ------------------------------------ */ |
|
30 .separator { |
|
31 width: 100%; |
|
32 border-bottom: 1px solid #ff9a20; |
|
33 text-align: center; |
|
34 height: 22px; |
|
35 margin-bottom: 15px; |
|
36 } |
|
37 .separator img { |
|
38 line-height: 43px; |
|
39 padding: 0 10px; |
|
40 background: #e9e2d0; /* Farbe des Elements darunter */ |
|
41 display: inline-block; |
|
42 color: #dbe2e3; |
|
43 } |
|
44 /* Navigation |
|
45 ------------------------------------ */ |
|
46 .navbar { |
|
47 margin-bottom: 20px; |
|
48 } |
|
49 .navbar-brand { |
|
50 font-weight: 600; font-size: 24px; |
|
51 font-family: 'gandhi_serifbold'; |
|
52 background-color: #e9e2d0; |
|
53 border-bottom: 1px solid transparent; |
|
54 } |
|
55 .dropdown-menue { |
|
56 background-color: #9f9a8b; |
|
57 } |
|
58 .navbar { |
|
59 background-color: #e9e2d0; |
|
60 border: 1px solid transparent; |
|
61 } |
|
62 .navbar-default .navbar-nav > .active > a, |
|
63 .navbar-default .navbar-nav > .active > a:hover, |
|
64 .navbar-default .navbar-nav > .active > a:focus { |
|
65 background-color: transparent; |
|
66 border-bottom: 1px solid #bf1339; |
|
67 } |
|
68 /* Content |
|
69 ------------------------------------ */ |
|
70 .jumbotron img { |
|
71 float: left; |
|
72 border-right: 10px solid transparent; |
|
73 border-bottom: 10px solid transparent; |
|
74 display: block; |
|
75 height: auto; |
|
76 } |
|
77 .jumbotron h1 {text-align: center; font-size: 40px;} |
|
78 .jumbotron { |
|
79 background-color: #e5edf1; |
|
80 } |
|
81 .flags { |
|
82 padding: 5px 0 0 5px; |
|
83 float: right; |
|
84 } |
|
85 /* Footer |
|
86 ------------------------------------ */ |
|
87 #footer { |
|
88 background: #e9e2d0; |
|
89 } |