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