Line 124: | Line 124: | ||
/* end image */ | /* end image */ | ||
+ | |||
+ | |||
+ | |||
+ | .projectname h2{ | ||
+ | font-size: 70px; | ||
+ | text-align: center; | ||
+ | font-family: Verdana; | ||
+ | color: white; | ||
+ | } | ||
+ | |||
.content { | .content { | ||
Line 139: | Line 149: | ||
color: white; | color: white; | ||
− | + | z-index: 20; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
Line 152: | Line 156: | ||
width: 100%; | width: 100%; | ||
− | + | ||
} | } | ||
Revision as of 19:26, 28 June 2017
/* removes iGEM Styles */
- sideMenu, #top_title {
display: none;
}
- bodyContent {
width: 100%; height: 100%;
}
- content {
width:100%; padding: 0px; margin-top: -7px; margin-left: 0px;
}
end iGEM styles*/
- {
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; /* hides horizontal scrollbar */ overflow-x: hidden;
}
/*removes underlines/color from links */ a {
text-decoration: none; color: transparent;
}
/* top left logo */ .logo {
z-index: 15;
}
/* 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: rgb(51, 50, 48); text-transform: uppercase; letter-spacing: 1.5px; margin-left: 20px; border: 1px solid rgb(51, 50, 48));
}
.nav li a:hover {
color: rgb(51, 50, 48);
} .nav li a {
color:white;
}
.dropdown .dropdown-menu li a{
color: white;
} .dropdown .dropdown-menu li a:hover{
color: rgb(51, 50, 48);
}
.dropdown:hover .dropdown-menu {
display: inline-block;
}
.dropdown .dropdown-menu {
background-color: transparent; box-shadow: none; border:none;
}
.navbar-brand img {
margin-top: -19px; height:55px;
}
.dropdown-menu li{
margin-top: 5px; margin-right: 15px;
} /*navbar Ende */
/* Background Image */
.backgroundimage img {
width: 100%;
}
.backgroundimage{
position: relative; background-image: url(""); background-repeat: no-repeat; background-size:cover;
margin-top: 2.3%;
}
/* end image */
.projectname h2{
font-size: 70px; text-align: center; font-family: Verdana; color: white;
}
.content {
position: relative; width: 100%; margin: 0 auto; padding: 20px 20px; border-radius: 10px 10px 10px 10px; font-size: 70px; text-align: center; font-family: Verdana; color: white;
z-index: 20;
}
.project{
height: 100%; width: 100%;
}
.project .content{
position: relative; width: 70%; top: 5%; left: 5%; right: 5%; bottom: 5%;
background: white;
font-family: Verdana;
}
.project .content p{
position: relative; font-family: Verdana; font-size: 30px; text-align: center;
}
.project .content h2{
text-align: center; font-size: 40px; color: black;
}
.bottom{
position: relative; bottom: 0; left: 0; right: 0; margin-top: 10px; padding-top: 50px;
}
.bottom .contactus{
position: relative; margin: 0 auto; text-align: center; background: rgb(51, 50, 48); width: 100%;
}
.contactus p{
color: white; font-family: Verdana; line-height: 300%; text-align: center; 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;
}