(Blanked the page) |
|||
Line 1: | Line 1: | ||
+ | .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; |
Revision as of 22:25, 17 July 2017
.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;