Difference between revisions of "Team:Stanford-Brown"

Line 1: Line 1:
−
/* Fixing previously installed css */
+
{{:Team:Stanford-Brown/Templates/AddCSS|:Team:Stanford-Brown/css/custom}}
  
−
.firstHeading {
 
−
  display: none;
 
−
}
 
  
−
#content {
+
<html lang="en">
−
  width: 100%;
+
<head>
−
   height: 100%;
+
   <meta charset="utf-8">
−
   border: 0px;
+
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
−
   background-color: #FFFFFF;
+
   <meta name="viewport" content="width=device-width, initial-scale=1">
−
   margin: 0px;
+
   <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
−
  margin-top: -48px;
+
   <meta name="description" content="">
−
   padding: 0px;
+
   <meta name="author" content="">
−
   line-height: normal;
+
  <link rel="icon" href="../../favicon.ico">
−
}
+
  
−
li {
+
   <title>SB iGEM 2015</title>
−
   margin-bottom: 0;
+
−
}
+
  
−
ul.nav {
+
</head>
−
  line-height: inherit;
+
−
  list-style-type: none;
+
−
  margin: 0 0 0 0;
+
−
  padding: 0;
+
−
  list-style-image: none;
+
−
}
+
−
p {
+
−
  margin: 0 0 0 0;
+
−
}
+
  
−
/* GLOBAL STYLES
+
<body>
−
-------------------------------------------------- */
+
<!-- =================== NAVBAR ==================== -->
 +
  <div class="container">
 +
    <nav class="navbar navbar-material-light-blue navbar-fixed-top oriEdit">
  
 +
      <div class="container">
  
−
/* CUSTOMIZE THE NAVBAR
+
        <div class="navbar-header">
−
-------------------------------------------------- */
+
  
 +
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
  
 +
            <span class="sr-only">Toggle navigation</span>
 +
            <span class="icon-bar"></span>
 +
            <span class="icon-bar"></span>
 +
            <span class="icon-bar"></span>
 +
           
 +
          </button>
 +
          <a class="navbar-brand" href="https://2015.igem.org/Team:Stanford-Brown">SB iGEM</a>
 +
        </div>
  
−
/* CUSTOMIZE THE CAROUSEL
+
        <div id="navbar" class="navbar-collapse collapse">
−
-------------------------------------------------- */
+
  
−
/* Carousel base class */
+
          <ul class="nav navbar-nav">
−
.carousel {
+
−
  height: 500px;
+
−
  margin-bottom: 60px;
+
−
}
+
−
/* Since positioning the image, we need to help out the caption */
+
−
.carousel-caption {
+
−
  z-index: 10;
+
−
}
+
  
−
/* Declare heights because of positioning of img element */
+
            <li class="active"><a href="https://2015.igem.org/Team:Stanford-Brown">Home</a></li>  
−
.carousel .item {
+
−
  height: 500px;
+
−
  background-color: #FFFFFF;
+
−
}
+
−
.carousel-inner > .item > img {
+
−
  position: absolute;
+
−
  top: 0;
+
−
  left: 0;
+
−
  min-width: 100%;
+
−
  height: 500px;
+
−
}
+
  
 +
            <li><a href="https://2015.igem.org/Team:Stanford-Brown/Vision">Vision</a></li>
  
−
/* MARKETING CONTENT
+
            <li class="dropdown">
−
-------------------------------------------------- */
+
              <a href="" data-target="#" class="dropdown-toggle" data-toggle="dropdown">biOrigami Projects</a>
 +
              <ul class="dropdown-menu">
 +
                <li><a href="https://2015.igem.org/Team:Stanford-Brown/Projects">Overview</a></li>
 +
                <li><a href="https://2015.igem.org/Team:Stanford-Brown/PS">Polystyrene Synthesis</a></li>
 +
                <li><a href="https://2015.igem.org/Team:Stanford-Brown/PHA">P(3HB) Synthesis</a></li>
 +
                <li><a href="https://2015.igem.org/Team:Stanford-Brown/bioHYDRA">bioHYDRA</a></li>
 +
                <li><a href="https://2015.igem.org/Team:Stanford-Brown/Cellulose">Cellulose Sheets</a></li>
 +
                <li><a href="https://2015.igem.org/Team:Stanford-Brown/Plastic">Plastic Folding</a></li>
 +
              </ul><!-- end dropdown-menu -->
 +
            </li><!-- end dropdown -->
  
−
/* Center align the text within the three columns below the carousel */
+
            <li><a href="https://2015.igem.org/Team:Stanford-Brown/CRATER">CRATER</a></li> 
−
.marketing .col-sm-4 {
+
−
  margin-bottom: 20px;
+
−
  text-align: center;
+
−
}
+
−
.marketing h2 {
+
−
  /*font-weight: normal;*/
+
−
}
+
−
.marketing .col-sm-4 p {
+
−
  margin-right: 10px;
+
−
  margin-left: 10px;
+
−
}
+
  
−
.marketing .col-sm-3 {
+
            <li class="dropdown">
−
  margin-bottom: 20px;
+
              <a href="" data-target="#" class="dropdown-toggle" data-toggle="dropdown">Collaborations</a>
−
  text-align: center;
+
              <ul class="dropdown-menu">
−
}
+
                <li><a href="https://2015.igem.org/Team:Stanford-Brown/Collaborations">Cellulose Characterization</a></li>
−
.marketing h2 {
+
                <li><a href="https://2015.igem.org/Team:Stanford-Brown/Interlab">InterLab Measurement Study</a></li>
−
  /*font-weight: normal;*/
+
              </ul>
−
}
+
            </li>    
−
.marketing .col-sm-3 p {
+
−
  margin-right: 10px;
+
−
   margin-left: 10px;
+
−
}
+
  
−
.marketing .col-sm-2 {
+
            <li><a href="https://2015.igem.org/Team:Stanford-Brown/Practices">Practices</a></li>
−
  text-align: center;
+
−
}
+
  
 +
            <li><a href="https://2015.igem.org/Team:Stanford-Brown/Parts">BioBricks</a></li>
  
 +
            <li><a href="https://2015.igem.org/Team:Stanford-Brown/Notebooks">Notebooks</a></li>
  
 +
            <li class="dropdown">
 +
                <a href="" data-target="#" class="dropdown-toggle" data-toggle="dropdown">About</a>
 +
                <ul class="dropdown-menu">
 +
                  <li><a href="https://2015.igem.org/Team:Stanford-Brown/Team">Our Team</a></li>
 +
                  <li><a href="https://2015.igem.org/Team:Stanford-Brown/Attributions">Attributions</a></li>
 +
                  <li><a href="https://2015.igem.org/Team:Stanford-Brown/Gallery">Picture Gallery</a></li>
 +
                </ul>
 +
              </li>
  
−
/* Featurettes
+
            <li><a href="https://2015.igem.org/Team:Stanford-Brown/JudgingAndMedalsCriteria">Achievements</a></li> 
−
------------------------- */
+
−
/*
+
−
.featurette-divider {
+
−
  margin: 80px 0;  Space out the Bootstrap <hr> more
+
−
  }*/
+
  
−
  /* Thin out the marketing headings */
+
          </ul><!-- end navbar-nav -->
−
  .featurette-heading {
+
        </div><!-- end navbar-collapse -->
−
    font-weight: 300;
+
      </div><!-- end container -->
−
    line-height: 1;
+
     </nav><!-- end nav -->
−
     letter-spacing: -1px;
+
   </div><!-- end Navbar Container -->
−
   }
+
  
 +
    <div class="jumbotron oridomiLeft null">
 +
      <div class="container">
 +
        <h1>Welcome to BiOrigami!</h1>
 +
      </div><!-- end container -->
 +
    </div><!-- end jumbotron -->
  
−
/* Footer
+
    <div class="container">
−
--------------------------------*/
+
      <div class="row featurette">
 +
      <div class="col-md-7" id="be5">
 +
        <h2 class="featurette-heading">What is BiOrigami?</h2>
 +
        <p class="lead">BiOrigami is macro-scale self-folding of biologically-produced substrates. Click below to learn more!</p>
 +
        <p><a href="https://2015.igem.org/Team:Stanford-Brown/Projects" class="btn btn-lg btn-primary">What We've Accomplished</a></p>
 +
      </div><!-- end -->
 +
      <div class="col-md-5">
 +
        <img class="featurette-image img-responsive center-block img-rounded" src="http://lorempixel.com/300/300" alt="Generic placeholder image">
 +
      </div>
 +
    </div>
  
−
/*footer {
 
−
  background: #333;
 
−
  color: #eee;
 
−
  font-size: 0.em;
 
−
  padding: 20px;
 
−
}
 
−
*/
 
−
/* RESPONSIVE CSS
 
−
-------------------------------------------------- */
 
  
−
@media (min-width: 768px) {
+
    <div class="row featurette">
 +
      <div class="col-md-7 col-md-push-5" id="be6"> 
  
−
  /* Bump up size of carousel content */
+
        <h2 class="featurette-heading">Meet Our Team</h2>
−
  .carousel-caption p {
+
        <p class="lead">We are a group of undergraduate students from Stanford and Brown University who are conducting synthetic biology research at NASA Ames Research Center. Click below to meet our team members!</p>
−
    margin-bottom: 20px;
+
        <p><a href="https://2015.igem.org/Team:Stanford-Brown/Team" class="btn btn-lg btn-info">Who We Are</a></p>
−
    font-size: 21px;
+
      </div>
−
    line-height: 1.4;
+
      <div class="col-md-5 col-md-pull-7">
−
  }
+
        <img class="featurette-image img-responsive center-block img-rounded" src="http://lorempixel.com/300/300" alt="Generic placeholder image">
 +
      </div>
 +
    </div>
  
−
  .featurette-heading {
+
    <div class="container">
−
    font-size: 50px;
+
      <div class="row featurette">
−
  }
+
      <div class="col-md-7" id="be5">
−
}
+
        <h2 class="featurette-heading">Outreach</h2>
 +
        <p class="lead">We've shared biOrigami and synthetic biology with the community at large. Click below to view our outreach efforts!</p>
 +
        <p><a href="https://2015.igem.org/Team:Stanford-Brown/Projects" class="btn btn-lg btn-success">How We've Reached Out</a></p>
 +
      </div><!-- end -->
 +
      <div class="col-md-5">
 +
        <img class="featurette-image img-responsive center-block img-rounded" src="http://lorempixel.com/300/300" alt="Generic placeholder image">
 +
      </div>
 +
    </div>
  
−
@media (min-width: 992px) {
 
−
  .featurette-heading {
 
−
    /*margin-top: 120px;*/
 
−
  }
 
−
}
 
−
/*===================================================*/
 
  
−
/*----------Font-----------*/
+
    <div class="row featurette">
 +
      <div class="col-md-7 col-md-push-5" id="be6"> 
  
 +
        <h2 class="featurette-heading">Acknowledgments</h2>
 +
        <p class="lead">Our work would not have been possible without our advisors, mentors, and sponsors. Click below to see who helped us this summer!</p>
 +
        <p><a href="https://2015.igem.org/Team:Stanford-Brown/Attributions" class="btn btn-lg btn-warning">Who We've Thanked</a></p>
 +
      </div>
 +
      <div class="col-md-5 col-md-pull-7">
 +
        <img class="featurette-image img-responsive center-block img-rounded" src="http://lorempixel.com/300/300" alt="Generic placeholder image">
 +
      </div>
 +
    </div>
  
−
.pp {
+
   </div>
−
   font-size: 1.7em;
+
−
}
+
  
−
.pf {
+
  <footer>
−
   font-size: 1.7em;
+
    <div class="container">
−
}
+
      <hr></hr>
 +
      <div class="row">
 +
        <h6>Copyright &copy; 2015 Stanford-Brown iGEM Team</h6>
 +
      </div><!-- end row -->
 +
    </div><!-- end container -->
 +
   </footer>
 +
 
 +
<!-- Bootstrap core JavaScript
 +
  ================================================== -->
 +
  <script type="text/javascript" src="https://2015.igem.org/wiki/index.php?title=Team:Stanford-Brown/js/modernizr&action=raw&ctype=text/javascript"></script>
  
−
h1, h2 {
+
  <!-- Placed at the end of the document so the pages load faster -->
−
   border: none;
+
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
−
}
+
  
−
/*#bodyContent {
+
   <script type="text/javascript" src="https://2015.igem.org/wiki/index.php?title=Team:Stanford-Brown/js/workaround&action=raw&ctype=text/javascript"></script>
−
   transform-style: preserve-3d;
+
−
  }*/
+
  
 +
  <!-- Latest compiled and minified CSS -->
  
 +
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
  
−
   /*------- Navbar ---------*/
+
   <!-- Latest compiled and minified JavaScript -->
 +
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
  
−
/*
+
  <link rel="stylesheet" href="//cdn.jsdelivr.net/bootstrap.material-design/0.3.0/css/material-wfont.min.css">
−
   #top_menu_inside {
+
   <link rel="stylesheet" href="//cdn.jsdelivr.net/bootstrap.material-design/0.3.0/css/material.min.css">
−
    border: none !important;
+
  <link rel="stylesheet" href="//cdn.jsdelivr.net/bootstrap.material-design/0.3.0/css/ripples.min.css">
−
    color: ##03a9f4 !important;
+
  <script src="//cdn.jsdelivr.net/bootstrap.material-design/0.3.0/js/material.min.js"></script>
 +
  <script src="//cdn.jsdelivr.net/bootstrap.material-design/0.3.0/js/ripples.min.js"></script>
  
−
}
+
  <script type="text/javascript" src="https://2015.igem.org/wiki/index.php?title=Team:Stanford-Brown/js/oridomi&action=raw&ctype=text/javascript"></script>
  
−
#top_menu_14 {
 
−
  background-color: #03a9f4 !important;
 
−
  border-bottom: none !important;
 
−
  color: #03a9f4 !important;
 
  
−
}
+
</body>
  
−
#top_menu_14 a {
+
</html>
  
−
}
+
{{:Team:Stanford-Brown/Templates/AddJS|:Team:Stanford-Brown/js/custom}}
−
*/
+
−
 
+
−
 
+
−
 
+
−
.navbar {
+
−
  z-index: 9999999;
+
−
 
+
−
}
+
−
 
+
−
 
+
−
 
+
−
nav {
+
−
  padding-top: 15px;
+
−
  z-index: 9999999999;
+
−
  margin: 0px !important;
+
−
  /*background-color: #42AAC9 !important;*/
+
−
}
+
−
 
+
−
.oriEdit {
+
−
  padding-top: 42px !important;
+
−
}
+
−
 
+
−
 
+
−
/*-------Wells-----------*/
+
−
 
+
−
.well {
+
−
}
+
−
 
+
−
 
+
−
/*-------Moving jumbotron down ------- */
+
−
 
+
−
.jumbotron {
+
−
  margin-top: 65px;
+
−
}
+
−
 
+
−
.jumbotron .null {
+
−
  margin-top: 0px;
+
−
}
+
−
 
+
−
/*-------Team Pictures----------*/
+
−
 
+
−
.pic {
+
−
  margin-bottom: 15px;
+
−
}
+
−
 
+
−
/* ------Footer--------*/
+
−
 
+
−
ul.unstyled {
+
−
list-style: none;
+
−
padding: 0;
+
−
}
+
−
 
+
−
 
+
−
#globalWrapper {
+
−
  font-size: 100%
+
−
}
+
−
 
+
−
/*--------btn---------*/
+
−
 
+
−
/*.btnEdit{
+
−
  text-transform: none !important;
+
−
  text-align: left !important;
+
−
  white-space: normal !important;
+
−
  }*/
+
−
 
+
−
#be1, #be2, #be3, #be4, #be5, #be6, #be7, #be8, #be9, #be10, #be11, #be12, #be13, #be14, #be15, #be16 {
+
−
  text-transform: capitalize !important;
+
−
  text-align: left !important;
+
−
  white-space: normal !important;
+
−
}
+
−
 
+
−
.dropdown-menu li a {
+
−
  font-size: 1.2em;
+
−
}
+
−
/*
+
−
@media (min-width: 768px)
+
−
.container {
+
−
width: 100% !important;
+
−
}
+
−
*/
+
−
 
+
−
.centerText {
+
−
  text-align: center;
+
−
}
+

Revision as of 23:12, 17 September 2015


SB iGEM 2015

Welcome to BiOrigami!

What is BiOrigami?

BiOrigami is macro-scale self-folding of biologically-produced substrates. Click below to learn more!

What We've Accomplished

Generic placeholder image

Meet Our Team

We are a group of undergraduate students from Stanford and Brown University who are conducting synthetic biology research at NASA Ames Research Center. Click below to meet our team members!

Who We Are

Generic placeholder image

Outreach

We've shared biOrigami and synthetic biology with the community at large. Click below to view our outreach efforts!

How We've Reached Out

Generic placeholder image

Acknowledgments

Our work would not have been possible without our advisors, mentors, and sponsors. Click below to see who helped us this summer!

Who We've Thanked

Generic placeholder image
Copyright © 2015 Stanford-Brown iGEM Team