|
|
| 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;
| |
| − | }
| |
