Line 358: | Line 358: | ||
.contactus .logos{ | .contactus .logos{ | ||
padding-top: 0; | padding-top: 0; | ||
+ | } | ||
+ | |||
+ | .logo { | ||
+ | font-size: 20px; | ||
} | } |
Revision as of 11:08, 28 June 2017
- sideMenu, #top_title {
display: none;
}
- content {
width:100%;
}
- {
border-sizing: border-box; /* makes boxes visible */ /* border: 1px solid rgba(0,0,0,0.3); */
}
html, body {
margin: 0; padding-bottom: 0 ; height: 100%; width: 100%; overflow: scroll;
}
/*removes underlines/color from links */ a {
text-decoration: none; color: transparent;
}
/* Navbar Dropdown */ .sidebar-nav {
padding: -9px 0;
}
.navbar {
margin-top: 20px; background:
}
.nav li a {
position:relative; display:block; border-radius: 0px 10px 10px 10px;
background-color: rgba(110,14,26,1); text-transform: uppercase; letter-spacing: 1.5px; margin-left: 20px; border: 1px solid rgba(110,14,26,1);
}
.nav li a:hover {
color: rgba(110,14,26,1);
} .nav li a {
color:white;
}
.dropdown .dropdown-menu li a{
color: white;
} .dropdown .dropdown-menu li a:hover{
color: rgba(110,14,26,1);
}
.dropdown:hover .dropdown-menu {
display: inline-block;
}
.dropdown .dropdown-menu {
background-color: transparent; box-shadow: none; border:none;
}
.navbar-brand img {
margin-top: -15px; height:50px;
}
.dropdown-menu li{
margin-top: 5px; margin-right: 15px;
} /*navbar Ende */
/*team*/ .team-banner img{
margin-top: 50px; width:100%; height:500px;
}
.background .team-banner img {
margin-top: 100px; width:100%;
}
.teammembers1 img {
width: 20%; margin-left: 5%; margin-top: 50px; margin-bottom:50px; float:left;
}
.teammembers1 p{
margin-left: 40%; margin-right:20%; margin-top: 5%; color: gainsboro;
}
.teammembers2 img {
width:20%; margin-right: 5%; margin-top: 50px; margin-bottom: 50px; float:right;
}
.teammembers2 p{
margin-left: 20%; margin-right: 40%; margin-top: 5%; color: rgba(110,14,26,1);
}
.teammembers1 {
margin-left:22%; margin-top: 30px; margin-bottom: 20px; margin-right: 30%; border-radius: 0px 10px 10px 10px; background-color: rgba(110,14,26,1) ; box-shadow: 10px 10px 26px 0px rgba(150,150,150,1);
}
.teammembers2{
margin-left:30%; margin-top: 30px; margin-bottom: 20px; margin-right: 22%; border-radius: 10px 0px 10px 10px; background-color: gainsboro; box-shadow: -10px 10px 26px 0px rgba(150,150,150,1);
}
h2 {
text-align: center;
}
.content {
position: relative; top: 50px; width: 60%; border-radius: 10px 10px 10px 10px; margin: 0 auto; padding: 20px 20px;
}
.content img{
float:left;
}
.background {
height: 100%; width: 100%;
}
/* adds invisible element for right scrolling position */
.jumptarget:before { display: block; content: ""; margin-top: -200px; height: 200px; visibility: hidden;
}
/* back to the top icon */ .backtop {
position: fixed;
left: 50%;
margin-top: 90%; margin-bottom: 10%;
z-index: 16;
font-size: 50px;
border: 2px solid rgba(110,14,26,1); border-radius: 50%;
background-color:rgba(126,40,51,1);
box-shadow: 4px 7px 40px -2px rgba(0,0,0,0.5);
}
.choose_timeline {
position: relative; width: 60%; margin: 0 auto; margin-top: 10%;
}
- erlangen_timeline a, #wuerzburg_timeline a {
text-decoration: none; color: black;
}
- erlangen_timeline {
position: relative; float: left;
background-color:rgba(126,40,51,1);
}
- erlangen_timeline h2, #wuerzburg_timeline h2 {
color: white; font-size: 1.8em;
}
- erlangen_timeline, #wuerzburg_timeline {
position: relative;
background-color:rgba(126,40,51,1); color: white;
display:inline-block; border-radius: 0px 10px 10px 10px;
background-color: rgba(110,14,26,1);
text-transform: uppercase; letter-spacing: 1.5px;
margin-left: 20px; border: 1px solid rgba(110,14,26,1);
box-shadow: 4px 7px 40px -2px rgba(0,0,0,0.5);
padding: 0.1% 2%;
}
- erlangen_timeline {
float: left;
}
- wuerzburg_timeline {
float: right;
}
.backgroundimage {
position: relative; background-image: url("http://tracks.arte.tv/sites/default/files/styles/jscrop_1007x566/public/3028124-poster-p-dna.jpg?itok=i5F4fvCz"); background-repeat: no-repeat; border: 1px solid rgba(0,0,0,0.3); position: relative; height: 70%; width: 100%; margin-top: 85px;
}
.backgroundimage .content h2{
position: relative; font-size: 70px; text-align: center; font-family: Verdana; color: black;
}
.project{
position: relative; height: 100%
}
.project .content{
position: relative; font-family: Verdana; top: 5%; left: 5%; right: 5%; bottom: 5%;
}
.project .content p{
position: relative; font-family: Verdana; font-size: 15px; text-align: center;
}
.project .content h2{
font-size: 30px;
}
.bottom{
position: relative; bottom: 0; left: 0; right: 0; margin-top: 10px; padding-top: 50px;
}
.bottom .contactus{
text-align: center; background: black; width: 100%;
}
.contactus p{
color: white; font-family: Verdana; line-height: 300% vertical-align: middle; left: 100%; padding-top: 5px; padding-bottom: 0;
}
.bottom .sponsors{
background: white; text-align-last: center; height: 5px; padding-bottom: 80px;
}
.bottom .sponsors p{
text-align-last: center; padding-bottom: 50px;
}
.contactus .logos{
padding-top: 0;
}
.logo {
font-size: 20px;
}