|
|
Line 1: |
Line 1: |
− | @import "https://fonts.googleapis.com/css?family=Indie+Flower|Cabin|PT+Sans|Ubuntu:300|Prompt|Raleway:200";
| |
| | | |
− | .btn {
| |
− | border-radius: 0px;
| |
− | }
| |
− |
| |
− | .subsection{
| |
− | border-bottom: 1px solid transparent;;
| |
− | }
| |
− |
| |
− | body subsection h2 span{
| |
− | border-radius: 0px;
| |
− | }
| |
− |
| |
− | #smalltitle{
| |
− | border-radius: 0px;
| |
− | box-shadow: 2px 2px grey;
| |
− | }
| |
− | #names{
| |
− | font-family: Raleway, 'lucida.console';
| |
− | font-weight: bold;
| |
− | text-align: center;
| |
− | color:black;
| |
− | }
| |
− |
| |
− |
| |
− | a.thumbnail:hover, a.thumbnail:focus{
| |
− | border: solid 3px #ff5c26;
| |
− | transition: 0.3s;
| |
− | box-shadow: 0 1px 4px rgba(0,105,214,0.25);
| |
− | }
| |
− | .jumbotron {
| |
− |
| |
− | height: 500px;
| |
− | background-repeat: no-repeat;
| |
− | background-size: cover;
| |
− | font-family: 'FoundryMonolineBold', Verdana, sans-serif;
| |
− | background-attachment: fixed;
| |
− | }
| |
− |
| |
− | #team{
| |
− | background-image:url('../img/scientistsandplant.jpg');
| |
− | }
| |
− | #team2{
| |
− | background-image:url('../img/leaf.jpg');
| |
− | background-repeat: no-repeat;
| |
− | background-size: cover;
| |
− | background-attachment: fixed;
| |
− | }
| |
− | .jumbotron .container {
| |
− | position: relative;
| |
− | top: 70px;
| |
− | }
| |
− | h2.project{
| |
− | font-size: 2.7em;
| |
− | color:white;
| |
− | font-family:Indie Flower, Times;
| |
− | margin-top: 1.5em;
| |
− | margin-right:1.5em;
| |
− | }
| |
− | span.project{
| |
− | font-size:2em;
| |
− | display:inline-block;
| |
− | font-family: Raleway;
| |
− | padding-left:1.0em;
| |
− | text-align:left;
| |
− | padding-top: 0.1em;
| |
− | color:#2a2a18;
| |
− | font-weight:bolder;
| |
− | }
| |
− |
| |
− | p.safety{
| |
− | font-size:2em;
| |
− | font-family: Raleway;
| |
− | margin-left:-6em;
| |
− | text-align:center;
| |
− | margin-top: 0.1em;
| |
− | color:#f8f8f8;
| |
− | font-weight:bolder;
| |
− | }
| |
− | p.safetysub{
| |
− | font-size:0.7em relative;
| |
− | font-family: Raleway;
| |
− | margin-left:18em;
| |
− | vertical-align: center;
| |
− | text-align:center;
| |
− | margin-top: 1em;
| |
− | color:#f8f8f8;
| |
− | font-weight:bolder;
| |
− | width:18%;
| |
− | }
| |
− | #shadower{
| |
− | text-shadow: 1px 1px white;
| |
− | }
| |
− |
| |
− |
| |
− | .carousel-control.left, .carousel-control.right {
| |
− | background-image: none
| |
− | }
| |
− |
| |
− | .clear {
| |
− | clear:both;
| |
− | }
| |
− | .btn-info {
| |
− | margin-right:15px;
| |
− | text-transform:uppercase;
| |
− | padding:10px;
| |
− | display:block;
| |
− | float:left;
| |
− | }
| |
− | .btn-info a {
| |
− | display:block;
| |
− | text-decoration:none;
| |
− | width:100%;
| |
− | height:100%;
| |
− | color:#fff;
| |
− | }
| |
− | .more.label {
| |
− | float:right;
| |
− | }
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | .carousel-control {
| |
− | top:50%;
| |
− | height:1em;
| |
− | background:transparent;
| |
− | }
| |
− |
| |
− | hr.clear{
| |
− | height: 0;
| |
− | margin-top: 0.5em;
| |
− | margin-bottom: 0em;
| |
− | border: 0;
| |
− | border-top: 0px solid #ddd;
| |
− | }
| |
− |
| |
− | hr{
| |
− | height: 0;
| |
− | margin-top: 1em;
| |
− | margin-bottom: 2em;
| |
− | border: 0;
| |
− | border-top: 1px solid #ddd;
| |
− | }
| |
− |
| |
− | #article-font{
| |
− | font-family: 'PT Sans';
| |
− | font-size: 20px;
| |
− | }
| |
− |
| |
− |
| |
− | h4{
| |
− | font-weight: Bold;
| |
− | }
| |
− |
| |
− | #article-box{
| |
− | margin: 0 auto;
| |
− | }
| |
− |
| |
− | .carousel-caption {
| |
− | top: 0;
| |
− | bottom: auto;
| |
− | }
| |
− | .carousel-caption h2{
| |
− | color: #ffffff;
| |
− | display: inline-block;
| |
− | font-size: 3.5em;
| |
− | line-height: 1.35;
| |
− | margin-bottom: 0.5em;
| |
− | font-family: 'Raleway';
| |
− | }
| |
− |
| |
− | header.major {
| |
− | margin: 0 0 6em 0;
| |
− | }
| |
− |
| |
− | header.major h2 {
| |
− | font-size: 3em;
| |
− | font-family: 'PT Sans';
| |
− | font-weight: Bold;
| |
− |
| |
− | }
| |
− |
| |
− | header.major h2, header.major h3, header.major h4, header.major h5, header.major h6 {
| |
− | display: inline-block;
| |
− | margin: 0 0 0.8em;
| |
− | }
| |
− |
| |
− | header.major p {
| |
− | font-size: 1.7em;
| |
− | margin-bottom: 0;
| |
− | }
| |
− |
| |
− |
| |
− | .wrapper {
| |
− | padding: 6em 0 4em 0;
| |
− | }
| |
− |
| |
− | .wrapper.style2 {
| |
− | background-color: #f6f6f6;
| |
− | }
| |
− |
| |
− | .wrapper.style3 {
| |
− | background-attachment: fixed;
| |
− | background-image: url("images/overlay.png"), url("../images/banner.jpg");
| |
− | background-position: center center;
| |
− | background-size: cover;
| |
− | }
| |
− |
| |
− | .wrapper.style3 header.major {
| |
− | margin-bottom: 3em;
| |
− | }
| |
− |
| |
− | .wrapper.style3 header.major h2 {
| |
− | color: #ffffff;
| |
− | }
| |
− |
| |
− | /* One */
| |
− |
| |
− | #one {
| |
− | text-align: center;
| |
− | }
| |
− |
| |
− |
| |
− |
| |
− | header p {
| |
− | color: #aaa;
| |
− | position: relative;
| |
− | margin: 0 0 1.5em 0;
| |
− | text-transform: uppercase;
| |
− | }
| |
− | .row {
| |
− | border-bottom: solid 1px transparent;
| |
− | }
| |
− |
| |
− | .vertical-center {/* These two lines are counted as one :-) */
| |
− |
| |
− | display: flex;
| |
− | align-items: center;
| |
− | }
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | nav ul li a{
| |
− | font-family: 'Raleway', sans-serif;
| |
− | text-transform: uppercase;
| |
− | display: inline-block;
| |
− | text-decoration: none;
| |
− | white-space: nowrap;
| |
− | }
| |
− |
| |
− | .navbar-default {
| |
− | background-color: white;
| |
− | border:none;
| |
− | }
| |
− |
| |
− |
| |
− | nav ul li a:after {
| |
− | content: '';
| |
− | position: absolute;
| |
− | bottom: 0;
| |
− | left: 0;
| |
− | width: 0%;
| |
− | border-bottom: 3px solid #3366FF;
| |
− | transition: 0.4s;
| |
− | }
| |
− |
| |
− |
| |
− | nav ul li a:hover:after {
| |
− | border-bottom: 3px solid black;
| |
− | width: 100%;
| |
− | }
| |
− |
| |
− |
| |
− |
| |
− | .navbar-default .navbar-nav > li > a {
| |
− | color:#337ab7; /*Change active text color here*/
| |
− | line-height: 50px;
| |
− | }
| |
− | .navbar-default .navbar-nav >li a:hover{
| |
− | color:#337ab7;
| |
− | }
| |
− |
| |
− | img.center {
| |
− | display: block;
| |
− | margin: 0 auto;
| |
− | border-radius: 50%;
| |
− | }
| |
− |
| |
− | .navbar-default .navbar-nav > .active:after {
| |
− | content: '';
| |
− | position: absolute;
| |
− | bottom: 0;
| |
− | left: 0;
| |
− | width: 100%;
| |
− | border-bottom: 3px solid black;
| |
− | transition:0s;
| |
− | }
| |
− |
| |
− | #logo{
| |
− | width:80px;
| |
− | }
| |
− |
| |
− |
| |
− | .navbar-default .navbar-nav > .active a:hover:after{
| |
− | border-bottom: 3px solid black;
| |
− | width: 100%;
| |
− | }
| |
− |
| |
− | img.center {
| |
− | display: block;
| |
− | margin: 0 auto;
| |
− | }
| |
− |
| |
− | #side-bar{
| |
− | position: fixed;
| |
− | right: 0;
| |
− | margin-top:-2em;
| |
− | }
| |
− |
| |
− | #subtitle-font{
| |
− | font-family: 'Raleway','Times','PT Sans';
| |
− | font-weight: bold;
| |
− | color:#337ab7;
| |
− | font-size:2.5em;
| |
− | text-transform: uppercase;
| |
− |
| |
− | }
| |
− |
| |
− | #sidebar-font{
| |
− | font-family: 'Raleway','Times','PT Sans';
| |
− | font-weight: bold;
| |
− | color:#337ab7;
| |
− | font-size:1.5em;
| |
− |
| |
− | }
| |
− |
| |
− | .right {
| |
− | position: absolute;
| |
− | right: 2px;
| |
− | width: 300px;
| |
− | border: 0px;
| |
− | padding: 10px;
| |
− | }
| |
− | #dropdown{
| |
− | text-decoration: none;
| |
− | width:100%;
| |
− | }
| |
− |
| |
− | u {
| |
− | text-decoration: none;
| |
− | font-family: 'Indie Flower','Lakki Reddy';
| |
− | font-weight:bolder;
| |
− | font-size: 55px;
| |
− | }
| |
− | .section-heading {
| |
− | content: '';
| |
− | display: block;
| |
− | position: relative;
| |
− | display:block;
| |
− |
| |
− | }
| |
− | #safety{
| |
− | background-image:url('../img/safety.jpg');
| |
− | background-position:center;
| |
− | height:relative;
| |
− | margin-bottom:0;
| |
− | }
| |
− | h2.safety{
| |
− | font-size: 3.5em;
| |
− | display:block;
| |
− | color:Black;
| |
− | font-family:Indie Flower, Times;
| |
− | margin-top: 0.1em;
| |
− | margin-left:0em auto;
| |
− | }
| |
− |
| |
− | .span12{
| |
− | font-family:Raleway;
| |
− | display:block;
| |
− | width:100%;
| |
− | text-align: center;
| |
− | color:white;
| |
− | }
| |
− | .span12>div{
| |
− | max-width:75%;
| |
− | padding-bottom:2em;
| |
− | }
| |
− | .span12>div>h2{
| |
− | padding-bottom:0.5em;
| |
− | padding-top:1em;
| |
− | border-bottom:solid 1px white;
| |
− | }
| |
− | .span12>div>p{
| |
− | font-family:'Ubuntu';
| |
− | font-size:2em;
| |
− | }
| |
− | .carousel-inner> .active, .carousel-inner.next, .carousel-inner>.prev{
| |
− | width:100% !important;
| |
− | }
| |