Difference between revisions of "Team:Stanford-Brown"

 
(23 intermediate revisions by 3 users not shown)
Line 1: Line 1:
−
/* Fixing previously installed css */
+
{{:Team:Stanford-Brown/Templates/AddCSS|:Team:Stanford-Brown/css/custom}}
 +
{{SB2015_NavBar}}
  
−
.firstHeading {
+
<html lang="en">
−
   display: none;
+
<head>
−
}
+
   <meta charset="utf-8">
 +
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
  <meta name="viewport" content="width=device-width, initial-scale=1">
 +
  <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
 +
  <meta name="description" content="">
 +
  <meta name="author" content="">
 +
  <link rel="icon" href="../../favicon.ico">
  
−
#content {
+
   <title>SB iGEM 2015</title>
−
   width: 100%;
+
−
  height: 100%;
+
−
  border: 0px;
+
−
  background-color: #FFFFFF;
+
−
  margin: 0px;
+
−
  margin-top: -48px;
+
−
  padding: 0px;
+
−
  line-height: normal;
+
−
}
+
  
−
li {
+
</head>
−
  margin-bottom: 0;
+
−
}
+
  
−
ul.nav {
+
<body>
−
  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
+
  <div class="jumbotron oridomiLeft null">
−
-------------------------------------------------- */
+
    <div class="container">
 +
        <h1>Welcome to</h1>
 +
      <img class="featurette-image img-responsive center-block img-rounded" src="https://static.igem.org/mediawiki/2015/a/a4/SB2015_biOrigamititlePageWithSBTeamName.png" alt="biOrigami">
 +
    </div><!-- end container -->
 +
  </div><!-- end jumbotron -->
  
 +
  <div class="container">
 +
    <div class="row">
 +
      <div class="col-sm-4 centerT">
 +
        <img src="https://static.igem.org/mediawiki/2015/6/6a/SB2015_CraneLogoBlue.png" alt="Generic placeholder image" width="140" height="140">
 +
        <h2>What is BiOrigami?</h2>
 +
        <p>BiOrigami is macro-scale self-folding of biologically-produced substrates. Click below to learn more!</p>
 +
        <p><a class="btn btn-success" href="https://2015.igem.org/Team:Stanford-Brown/Projects" role="button">What we've accomplished &raquo;</a></p>
 +
      </div><!-- /.col-lg-4 -->
  
−
/* CUSTOMIZE THE NAVBAR
+
      <div class="col-sm-4 centerT">
−
-------------------------------------------------- */
+
        <img class="img-circle" src="https://static.igem.org/mediawiki/2015/5/55/SB2015_BlueAndYellowPlasmidLogo.png" alt="Generic placeholder image" width="140" height="140">
 +
        <h2>CRATER</h2>
 +
        <p>We developed a technique to drastically improve bacterial transformation.</p>
 +
        <p><a class="btn btn-info" href="https://2015.igem.org/Team:Stanford-Brown/CRATER" role="button">How we did it &raquo;</a></p>
 +
      </div><!-- /.col-lg-4 -->
  
 +
      <div class="col-sm-4 centerT">
 +
        <img class="img-circle" src="https://static.igem.org/mediawiki/2015/6/69/SB2015_interlab_alignment_1.jpg" alt="Generic placeholder image" width="140" height="140">
 +
        <h2>Achievements</h2>
 +
        <p>Click below to see the list of iGEM requirements and achievements we fulfilled this summer</p>
 +
        <p><a class="btn btn-success" href="https://2015.igem.org/Team:Stanford-Brown/JudgingAndMedalsCriteria" role="button">Our achievements &raquo;</a></p>
 +
      </div><!-- /.col-lg-4 -->
  
 +
    </div><!-- end row -->
  
−
/* CUSTOMIZE THE CAROUSEL
+
    <div class="row">
−
-------------------------------------------------- */
+
  
−
/* Carousel base class */
+
    <div class="col-sm-4 centerT">
−
.carousel {
+
      <img class="img-circle " src="https://static.igem.org/mediawiki/2015/6/6a/Stanford-Brown_iGEM_26_Aug_2015%2C_and_advisors_0089.jpg" alt="Generic placeholder image" width="140" height="140">
−
  height: 500px;
+
      <h2>Meet Our Team</h2>
−
  margin-bottom: 60px;
+
      <p>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>
−
}
+
      <p><a class="btn btn-info" href="https://2015.igem.org/Team:Stanford-Brown/Team" role="button">Who we are &raquo;</a></p>
−
/* Since positioning the image, we need to help out the caption */
+
    </div><!-- /.col-lg-4 -->
−
.carousel-caption {
+
−
  z-index: 10;
+
−
}
+
  
−
/* Declare heights because of positioning of img element */
+
    <div class="col-sm-4 centerT">
−
.carousel .item {
+
      <img class="img-circle" src="https://static.igem.org/mediawiki/2015/b/b9/SB2015_maker_faire_1.jpg" alt="Generic placeholder image" width="140" height="140">
−
  height: 500px;
+
      <h2>Outreach</h2>
−
  background-color: #FFFFFF;
+
      <p>We've shared biOrigami and synthetic biology with the community at large. Click below to view our outreach efforts!</p>
−
}
+
      <p><a class="btn btn-success" href="https://2015.igem.org/Team:Stanford-Brown/Practices" role="button">How we've reached out &raquo;</a></p>
−
.carousel-inner > .item > img {
+
    </div><!-- /.col-lg-4 -->
−
  position: absolute;
+
−
  top: 0;
+
−
  left: 0;
+
−
  min-width: 100%;
+
−
  height: 500px;
+
−
}
+
  
 +
    <div class="col-sm-4 centerT">
 +
      <img class="img-circle" src="https://static.igem.org/mediawiki/2015/b/bf/SB2015_AdvisorsPictureHangar.jpeg" alt="Generic placeholder image" width="140" height="140">
 +
      <h2>Acknowledgments</h2>
 +
      <p>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 class="btn btn-info" href="https://2015.igem.org/Team:Stanford-Brown/Attributions" role="button">Who we've thanked &raquo;</a></p>
 +
    </div><!-- /.col-lg-4 -->
  
−
/* MARKETING CONTENT
+
  </div><!-- /.row2 -->
−
-------------------------------------------------- */
+
  
−
/* Center align the text within the three columns below the carousel */
+
</div><!-- end container -->
−
.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 {
+
<footer>
−
   margin-bottom: 20px;
+
   <div class="container">
−
  text-align: center;
+
    <hr></hr>
−
}
+
    <div class="row">
−
.marketing h2 {
+
      <h6>Copyright &copy; 2015 Stanford-Brown iGEM Team</h6>
−
  /*font-weight: normal;*/
+
    </div><!-- end row -->
−
}
+
   </div><!-- end container -->
−
.marketing .col-sm-3 p {
+
</footer>
−
  margin-right: 10px;
+
−
   margin-left: 10px;
+
−
}
+
  
−
.marketing .col-sm-2 {
+
<!-- Bootstrap core JavaScript
−
   text-align: center;
+
   ================================================== -->
−
}
+
  <script type="text/javascript" src="https://2015.igem.org/wiki/index.php?title=Team:Stanford-Brown/js/modernizr&action=raw&ctype=text/javascript"></script>
  
 +
  <!-- Placed at the end of the document so the pages load faster -->
 +
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  
 +
  <script type="text/javascript" src="https://2015.igem.org/wiki/index.php?title=Team:Stanford-Brown/js/workaround&action=raw&ctype=text/javascript"></script>
  
 +
  <!-- Latest compiled and minified CSS -->
  
−
/* Featurettes
+
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
−
------------------------- */
+
−
/*
+
−
.featurette-divider {
+
−
  margin: 80px 0;  Space out the Bootstrap <hr> more
+
−
  }*/
+
  
−
   /* Thin out the marketing headings */
+
   <!-- Latest compiled and minified JavaScript -->
−
  .featurette-heading {
+
   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
−
    font-weight: 300;
+
−
    line-height: 1;
+
−
    letter-spacing: -1px;
+
−
   }
+
  
 +
  <link rel="stylesheet" href="//cdn.jsdelivr.net/bootstrap.material-design/0.3.0/css/material-wfont.min.css">
 +
  <link rel="stylesheet" href="//cdn.jsdelivr.net/bootstrap.material-design/0.3.0/css/material.min.css">
 +
  <link rel="stylesheet" href="//cdn.jsdelivr.net/bootstrap.material-design/0.3.0/css/ripples.min.css">
 +
  <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>
  
−
/* Footer
+
  <script type="text/javascript" src="https://2015.igem.org/wiki/index.php?title=Team:Stanford-Brown/js/oridomi&action=raw&ctype=text/javascript"></script>
−
--------------------------------*/
+
  
−
/*footer {
 
−
  background: #333;
 
−
  color: #eee;
 
−
  font-size: 0.em;
 
−
  padding: 20px;
 
−
}
 
−
*/
 
−
/* RESPONSIVE CSS
 
−
-------------------------------------------------- */
 
  
−
@media (min-width: 768px) {
+
</body>
  
−
  /* Bump up size of carousel content */
+
</html>
−
  .carousel-caption p {
+
−
    margin-bottom: 20px;
+
−
    font-size: 21px;
+
−
    line-height: 1.4;
+
−
  }
+
  
−
  .featurette-heading {
+
{{:Team:Stanford-Brown/Templates/AddJS|:Team:Stanford-Brown/js/custom}}
−
    font-size: 50px;
+
−
  }
+
−
}
+
−
 
+
−
@media (min-width: 992px) {
+
−
  .featurette-heading {
+
−
    /*margin-top: 120px;*/
+
−
  }
+
−
}
+
−
/*===================================================*/
+
−
 
+
−
/*----------Font-----------*/
+
−
 
+
−
 
+
−
.pp {
+
−
  font-size: 1.7em;
+
−
}
+
−
 
+
−
.pf {
+
−
  font-size: 1.7em;
+
−
}
+
−
 
+
−
h1, h2 {
+
−
  border: none;
+
−
}
+
−
 
+
−
/*#bodyContent {
+
−
  transform-style: preserve-3d;
+
−
  }*/
+
−
 
+
−
 
+
−
 
+
−
  /*------- Navbar ---------*/
+
−
 
+
−
/*
+
−
  #top_menu_inside {
+
−
    border: none !important;
+
−
    color: ##03a9f4 !important;
+
−
 
+
−
}
+
−
 
+
−
#top_menu_14 {
+
−
  background-color: #03a9f4 !important;
+
−
  border-bottom: none !important;
+
−
  color: #03a9f4 !important;
+
−
 
+
−
}
+
−
 
+
−
#top_menu_14 a {
+
−
 
+
−
}
+
−
*/
+
−
 
+
−
 
+
−
 
+
−
.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;
+
−
}
+

Latest revision as of 17:25, 18 September 2015

SB iGEM 2015

Welcome to

biOrigami
Generic placeholder image

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

CRATER

We developed a technique to drastically improve bacterial transformation.

How we did it »

Generic placeholder image

Achievements

Click below to see the list of iGEM requirements and achievements we fulfilled this summer

Our achievements »

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 »

Copyright © 2015 Stanford-Brown iGEM Team