Difference between revisions of "Team:Duke/main"

 
(12 intermediate revisions by the same user not shown)
Line 1: Line 1:
@import "https://fonts.googleapis.com/css?family=Indie+Flower|Cabin|PT+Sans|Ubuntu:300|Prompt|Raleway:200";
+
@import "https://fonts.googleapis.com/css?family=Indie+Flower|Muli|PT+Sans|Ubuntu:300|Prompt|Raleway:200";
 
@font-face {
 
@font-face {
    font-family:fontawesome;
+
  font-family: 'Glyphicons Halflings';
    src: url('https://static.igem.org/mediawiki/2016/9/92/T--Duke--FontAwesome.otf ');
+
  src: url('https://static.igem.org/mediawiki/2016/d/da/T--Duke--icons.eot');
}
+
  src: url('https://static.igem.org/mediawiki/2016/d/da/T--Duke--icons.eot?#iefix') format('embedded-opentype'),
@font-face{
+
  url('https://static.igem.org/mediawiki/2016/c/cc/T--Duke--icons.woff') format('woff'),
    font-family: glyphicons-halflings-regular;
+
  url('https://static.igem.org/mediawiki/2016/d/d1/T--Duke--icons.ttf') format('truetype'),
    src: url("https://static.igem.org/mediawiki/2016/7/73/T--Duke--glyphicons.woff") format('woff')
+
  url('https://static.igem.org/mediawiki/2016/b/bb/T--Duke--icons.svg#glyphicons-halflingsregular') format('svg');
 
}
 
}
 
.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('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%;
 
}
 
#shadower{
 
text-shadow: 1px 1px white;
 
}
 
 
  
 
.carousel-control.left, .carousel-control.right {
 
.carousel-control.left, .carousel-control.right {
 
     background-image: none
 
     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{
 
nav ul li a{
 
   font-family: 'Raleway', sans-serif;
 
   font-family: 'Raleway', sans-serif;
Line 258: Line 18:
 
   text-decoration: none;
 
   text-decoration: none;
 
   white-space: nowrap;
 
   white-space: nowrap;
 +
}
 +
 +
u {
 +
    text-decoration: none;
 +
    font-family: 'Indie Flower','Lakki Reddy';
 +
    font-weight: bolder;
 +
    font-size: 55px;
 
}
 
}
  
Line 265: Line 32:
 
}
 
}
  
 
+
header.major h2 {
 +
    font-size: 3em;
 +
    font-family: 'PT Sans';
 +
    font-weight: Bold;
 +
}
 
nav ul li a:after {
 
nav ul li a:after {
 
   content: '';
 
   content: '';
Line 274: Line 45:
 
   border-bottom: 3px solid #3366FF;
 
   border-bottom: 3px solid #3366FF;
 
   transition: 0.4s;
 
   transition: 0.4s;
 +
}
 +
header p {
 +
    color: #aaa;
 +
    position: relative;
 +
    margin: 0 0 1.5em 0;
 +
    padding-top:1em;
 +
    text-transform: uppercase;
 +
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
 
}
 
}
  
 +
header.major p {
 +
    font-size: 1.3em;
 +
    margin-bottom: 0;
 +
}
 +
head.major h2{
 +
    display: inline-block;
 +
    margin: 0 0 0.8em;
 +
    font-size:3em;
 +
}
  
 
nav ul li a:hover:after {
 
nav ul li a:hover:after {
Line 290: Line 78:
 
.navbar-default .navbar-nav >li a:hover{
 
.navbar-default .navbar-nav >li a:hover{
 
   color:#337ab7;
 
   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;
 
}
 
 
#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;
 
 
}
 
}

Latest revision as of 14:21, 19 October 2016

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

 font-family: 'Glyphicons Halflings';
 src: url('https://static.igem.org/mediawiki/2016/d/da/T--Duke--icons.eot');
 src: url('https://static.igem.org/mediawiki/2016/d/da/T--Duke--icons.eot?#iefix') format('embedded-opentype'), 
 url('https://static.igem.org/mediawiki/2016/c/cc/T--Duke--icons.woff') format('woff'), 
 url('https://static.igem.org/mediawiki/2016/d/d1/T--Duke--icons.ttf') format('truetype'), 
 url('https://static.igem.org/mediawiki/2016/b/bb/T--Duke--icons.svg#glyphicons-halflingsregular') format('svg');

}

.carousel-control.left, .carousel-control.right {

   background-image: none

} nav ul li a{

 font-family: 'Raleway', sans-serif;
 text-transform: uppercase;
 display: inline-block;
 text-decoration: none;
 white-space: nowrap;

}

u {

   text-decoration: none;
   font-family: 'Indie Flower','Lakki Reddy';
   font-weight: bolder;
   font-size: 55px;

}

.navbar-default {

   background-color: white;
   border:none;

}

header.major h2 {

   font-size: 3em;
   font-family: 'PT Sans';
   font-weight: Bold;

} nav ul li a:after {

 content: ;
 position: absolute;
 bottom: 0;
 left: 0;
 width: 0%;
 border-bottom: 3px solid #3366FF;
 transition: 0.4s;

} header p {

   color: #aaa;
   position: relative;
   margin: 0 0 1.5em 0;
   padding-top:1em;
   text-transform: uppercase;
   font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;

}

header.major p {

   font-size: 1.3em;
   margin-bottom: 0;

} head.major h2{

   display: inline-block;
   margin: 0 0 0.8em;
   font-size:3em;

}

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;

}