Team:Duke/main

@import "https://fonts.googleapis.com/css?family=Indie+Flower%7CCabin%7CPT+Sans%7CUbuntu:300%7CPrompt%7CRaleway:200"; @font-face{ 

   font-family: glyphicons-halflings-regular;
   src: url("https://static.igem.org/mediawiki/2016/7/73/T--Duke--glyphicons.woff") format('woff'),
   src: url("https://static.igem.org/mediawiki/2016/4/47/T--Duke--glyphicons.ttf") format('ttf');

}

.btn { border-radius: 0px; }

.subsection{ border-bottom: 1px solid transparent;; }

body subsection h2 span{ border-radius: 0px;

  1. smalltitle{

border-radius: 0px; box-shadow: 2px 2px grey; }

  1. 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;

}

  1. team{
 background-image:url('../img/scientistsandplant.jpg');

}

  1. team2{
 background-image:url('https://static.igem.org/mediawiki/2016/2/2d/T--Duke--leaf_and_.jpeg');
 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%;

}

  1. shadower{

text-shadow: 1px 1px white; }


.carousel-control { top: 50%; } .carousel-inner { width: 940px; height: 120px; } .carousel-control.left, .carousel-control.right { background: none; color: @red; border: none; } .carousel-control.left {margin-left: -45px; color: black;} .carousel-control.right {margin-right: -45px; color: black;}

.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;

}

  1. article-font{
 font-family: 'PT Sans';
 font-size: 20px;

}


h4{ 

 font-weight: Bold;

}

  1. 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: ;
   bottom: 0;
   left: 0;
   width: 100%;
   border-bottom: 3px solid black;
   transition:0s;
}
  1. 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;

}

  1. side-bar{
 position: fixed;
 right: 0;
 margin-top:-2em;

}

  1. subtitle-font{
 font-family: 'Raleway','Times','PT Sans';
 font-weight: bold;
 color:#337ab7;
 font-size:2.5em;
 text-transform: uppercase;

}

  1. 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;

}

  1. 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;

 }
  1. 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;

}