Initial commit — existing SVN working copy (SVN r436)
This commit is contained in:
@@ -0,0 +1,237 @@
|
||||
/* CSS Document */
|
||||
|
||||
@import url(https://fonts.googleapis.com/css?family=Maven+Pro:400,900,700,500);
|
||||
a,
|
||||
a:focus {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
a:focus {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.navbar-right li {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.main-navbar {
|
||||
-webkit-box-shadow: 0 0 10px 5px #000000;
|
||||
box-shadow: 0 0 10px 5px #000000;
|
||||
}
|
||||
|
||||
.tag {
|
||||
opacity: 0;
|
||||
transform: translate(0, 10vh);
|
||||
transition: all 1s;
|
||||
}
|
||||
|
||||
.tag.visible {
|
||||
opacity: 1;
|
||||
transform: translate(0, 0);
|
||||
}
|
||||
.parralax {
|
||||
/* The image used */
|
||||
background-image: url(../images/background_header.jpg);
|
||||
/* Set a specific height */
|
||||
height:1000px;
|
||||
/* Create the parallax scrolling effect */
|
||||
background-size: auto;
|
||||
background-attachment: fixed;
|
||||
background-position:bottom;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.background {
|
||||
background-imagecolor: url(../images/background_header.jpg);
|
||||
}
|
||||
.backgroundcolor {
|
||||
background-color: black;
|
||||
}
|
||||
|
||||
|
||||
.headerrow {
|
||||
background-image: url(../images/background_header.jpg);
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
padding: 6% 0;
|
||||
color: #ffffff;
|
||||
text-shadow: #4d4d4d 2px 2px 2px;
|
||||
}
|
||||
|
||||
.largeHeadline {
|
||||
font-size: 4.9em;
|
||||
}
|
||||
|
||||
.headerrow img {
|
||||
max-width: 70%;
|
||||
height: 350px;
|
||||
min-width: 350px;
|
||||
}
|
||||
|
||||
.container h2 {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.footerContainer {
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
.invisibleSpacer {
|
||||
border-width: 0;
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
.largeinvisibleSpacer {
|
||||
border-width: 0;
|
||||
padding-top: 65px;
|
||||
}
|
||||
|
||||
.smallSpacer {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.stickyElement {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
z-index: 2000;
|
||||
}
|
||||
|
||||
.hoersaal {
|
||||
float: right;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
.glyphicon-menu-right {
|
||||
position: absolute;
|
||||
left: -4px;
|
||||
}
|
||||
|
||||
.panel-title {
|
||||
position: relative;
|
||||
padding-left: 0px;
|
||||
}
|
||||
|
||||
.navelement {
|
||||
height: 42px;
|
||||
position: absolute;
|
||||
margin-top: -42px;
|
||||
border-width: 0px;
|
||||
}
|
||||
|
||||
.color1 {
|
||||
color: #b33e53;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.color2 {
|
||||
color: #879c65;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.color3 {
|
||||
color: #fa8c4e;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.kd2lab {
|
||||
color: #4ac1ec;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.glyphicon-envelope {
|
||||
position: relative;
|
||||
top: 2px;
|
||||
}
|
||||
|
||||
.panel-body .img-container img {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.panel-body .img-container {
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.col-lg-12 .panel-body .img-container {
|
||||
/* Wenn gro�, werden Vortragsbilder in Containern, die �ber die ganze Seitenbreite gehen, links angezeigt. */
|
||||
width: auto;
|
||||
float: left;
|
||||
margin-right: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.largeHeadline {
|
||||
padding-top: 50px;
|
||||
font-size: 2.94em;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1200px) {
|
||||
h4 {
|
||||
text-align: left !important;
|
||||
}
|
||||
}
|
||||
|
||||
.panel-body p {
|
||||
text-align: justify;
|
||||
-moz-hyphens: auto;
|
||||
-o-hyphens: auto;
|
||||
-webkit-hyphens: auto;
|
||||
-ms-hyphens: auto;
|
||||
hyphens: auto;
|
||||
hyphenate-limit-chars: auto 5;
|
||||
hyphenate-limit-lines: 2;
|
||||
}
|
||||
|
||||
.full-width-image div {
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.full-width-image img {
|
||||
margin-top: 50px;
|
||||
image-orientation: from-image;
|
||||
width: 100%;
|
||||
min-height: 200px;
|
||||
}
|
||||
|
||||
.partner img {
|
||||
margin-right: 3em;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
#gallerycarousel img {
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.carousel-control,
|
||||
.carousel-inner {
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.img-container img {
|
||||
max-height: 300px;
|
||||
}
|
||||
|
||||
.embeddedmap {
|
||||
height: 333px;
|
||||
}
|
||||
|
||||
.question-header {
|
||||
font-weight: bold;
|
||||
color: greenyellow;
|
||||
}
|
||||
|
||||
.question textarea {
|
||||
height: 6em;
|
||||
color: rgb(173, 173, 173);
|
||||
background: #0000004d;
|
||||
font-size: 1.2em;
|
||||
width: 100%;
|
||||
border-color: transparent;
|
||||
}
|
||||
Reference in New Issue
Block a user