.container, .container-fluid {
color-background: #F7F5E6; color: black;
}
.container {
margin-top: 20px;
}
/* Carousel Styles */
.carousel-indicators .active {
background-color: #52658F;
}
.carousel-inner img {
width: 100%; max-height: 600px
}
.Image-inner img {
width: 90%; max-height: 400px
}
.carousel-control {
width: 0;
}
.carousel-control.left, .carousel-control.right {
opacity: .7; color: #52658F; filter: alpha(opacity=100); background-image: none; background-repeat: no-repeat; text-shadow: none;
}
.carousel-control.left span {
padding: 30px;
}
.carousel-control.right span {
padding: 15px;
}
.carousel-control .fa-arrow-left, .carousel-control .fa-arrow-right, .carousel-control .icon-prev, .carousel-control .icon-next {
position: absolute; top: 50%; z-index: 5; display: inline-block;
}
.carousel-control .fa-arrow-left, .carousel-control .icon-prev {
left: 0;
}
.carousel-control .fa-arrow-right, .carousel-control .icon-next {
right: 0;
}
.carousel-control.left span, .carousel-control.right span {
background-color: #000;
}
.carousel-control.left span:hover, .carousel-control.right span:hover {
opacity: 1; filter: alpha(opacity=70);
}
/* Navbar */
.some-padding {
padding-top: 20px;
}
/*adds necessary spacing to the navbar so links display correctly below the black iGEM navbar BACKGROUND*/
.navbar-default {
background-color: white; border-color: rgba(255, 255, 255, 0.3); font-family: 'Karla', sans-serif; font-weight: 300; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s;
}
/*NavBar UNOTT Information*/
.navbar-default .navbar-header .navbar-brand {
color: #52658F; font-family: 'Helvetica', sans-serif; font-weight: bold; font-size: 22px; display: inline-block;
}
/*Changes colour of the iGEM logo in the navbar.*/
.navbar-default .navbar-header .navbar-brand:hover, .navbar-default .navbar-header .navbar-brand:focus {
color: #52658F;
}
.navbar-default .navbar-header .navbar-toggle {
font-family: 'Helvetica', sans-serif; font-weight: 400; bold; font-size: 14px; color: #333A56; text-transform: uppercase;
}
/* Navbar font */ .navbar-default .nav > li > a, .navbar-default .nav > li > a:focus {
text-transform: uppercase; font-family: 'Helvetica', sans-serif; font-weight: bold; font-size: 14px; color: #959595;
}
.navbar-default .nav > li > a:hover, .navbar-default .nav > li > a:focus:hover {
color: #333A56;
}
/*Navbar background colour*/
.navbar-default .nav > li.active > a, .navbar-default .nav > li.active > a:focus {
color: #333A56 !important; background-color: black;
}
.navbar-default .nav > li.active > a:hover, .navbar-default .nav > li.active > a:focus:hover {
background-color: black; border-left-color: black; border-top-color: black;
}
.navbar-default .navbar-toggle {
border: none;
} /*dropdown menu colours*/ .navbar-default .dropdown-menu > li > a:hover, .navbar-default .dropdown-menu > li > a:focus {
background-color: #white; color: #2eacdd;
}
.navbar-default .dropdown-menu {
border: none; outline: none; font-family: 'Helvetica', sans-serif; text-transform: uppercase; font-weight: bold; font-size: 13.2px !important; color: #222222;