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