Difference between revisions of "Team:Stanford-Brown"

Line 1: Line 1:
−
{{:Team:Stanford-Brown/Templates/AddCSS|:Team:Stanford-Brown/css/custom}}
+
/* Fixing previously installed css */
  
 +
.firstHeading {
 +
  display: none;
 +
}
  
−
<html lang="en">
+
#content {
−
<head>
+
  width: 100%;
−
   <meta charset="utf-8">
+
   height: 100%;
−
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
+
   border: 0px;
−
   <meta name="viewport" content="width=device-width, initial-scale=1">
+
   background-color: #FFFFFF;
−
   <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
+
   margin: 0px;
−
   <meta name="description" content="">
+
  margin-top: -48px;
−
   <meta name="author" content="">
+
   padding: 0px;
−
  <link rel="icon" href="../../favicon.ico">
+
   line-height: normal;
 +
}
  
−
   <title>SB iGEM 2015</title>
+
li {
 +
   margin-bottom: 0;
 +
}
  
−
</head>
+
ul.nav {
 +
  line-height: inherit;
 +
  list-style-type: none;
 +
  margin: 0 0 0 0;
 +
  padding: 0;
 +
  list-style-image: none;
 +
}
 +
p {
 +
  margin: 0 0 0 0;
 +
}
  
−
<body>
+
/* GLOBAL STYLES
−
<!-- =================== NAVBAR ==================== -->
+
-------------------------------------------------- */
−
  <div class="container">
+
−
    <nav class="navbar navbar-material-light-blue navbar-fixed-top oriEdit">
+
  
−
      <div class="container">
 
  
−
        <div class="navbar-header">
+
/* CUSTOMIZE THE NAVBAR
 +
-------------------------------------------------- */
  
−
          <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>
 
  
−
        <div id="navbar" class="navbar-collapse collapse">
+
/* CUSTOMIZE THE CAROUSEL
 +
-------------------------------------------------- */
  
−
          <ul class="nav navbar-nav">
+
/* Carousel base class */
 +
.carousel {
 +
  height: 500px;
 +
  margin-bottom: 60px;
 +
}
 +
/* Since positioning the image, we need to help out the caption */
 +
.carousel-caption {
 +
  z-index: 10;
 +
}
  
−
            <li class="active"><a href="https://2015.igem.org/Team:Stanford-Brown">Home</a></li>  
+
/* Declare heights because of positioning of img element */
 +
.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>
 
  
−
            <li class="dropdown">
+
/* MARKETING CONTENT
−
              <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 -->
+
  
−
            <li><a href="https://2015.igem.org/Team:Stanford-Brown/CRATER">CRATER</a></li> 
+
/* Center align the text within the three columns below the carousel */
 +
.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;
 +
}
  
−
            <li class="dropdown">
+
.marketing .col-sm-3 {
−
              <a href="" data-target="#" class="dropdown-toggle" data-toggle="dropdown">Collaborations</a>
+
  margin-bottom: 20px;
−
              <ul class="dropdown-menu">
+
  text-align: center;
−
                <li><a href="https://2015.igem.org/Team:Stanford-Brown/Collaborations">Cellulose Characterization</a></li>
+
}
−
                <li><a href="https://2015.igem.org/Team:Stanford-Brown/Interlab">InterLab Measurement Study</a></li>
+
.marketing h2 {
−
              </ul>
+
  /*font-weight: normal;*/
−
            </li>    
+
}
 +
.marketing .col-sm-3 p {
 +
  margin-right: 10px;
 +
   margin-left: 10px;
 +
}
  
−
            <li><a href="https://2015.igem.org/Team:Stanford-Brown/Practices">Practices</a></li>
+
.marketing .col-sm-2 {
 +
  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>
 
  
−
            <li><a href="https://2015.igem.org/Team:Stanford-Brown/JudgingAndMedalsCriteria">Achievements</a></li> 
+
/* Featurettes
 +
------------------------- */
 +
/*
 +
.featurette-divider {
 +
  margin: 80px 0;  Space out the Bootstrap <hr> more
 +
  }*/
  
−
          </ul><!-- end navbar-nav -->
+
  /* Thin out the marketing headings */
−
        </div><!-- end navbar-collapse -->
+
  .featurette-heading {
−
      </div><!-- end container -->
+
    font-weight: 300;
−
     </nav><!-- end nav -->
+
    line-height: 1;
−
   </div><!-- end Navbar Container -->
+
     letter-spacing: -1px;
 +
   }
  
−
    <div class="jumbotron oridomiLeft null">
 
−
      <div class="container">
 
−
        <h1>Welcome to BiOrigami!</h1>
 
−
      </div><!-- end container -->
 
−
    </div><!-- end jumbotron -->
 
  
−
    <div class="container">
+
/* Footer
−
      <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
 +
-------------------------------------------------- */
  
−
    <div class="row featurette">
+
@media (min-width: 768px) {
−
      <div class="col-md-7 col-md-push-5" id="be6"> 
+
  
−
        <h2 class="featurette-heading">Meet Our Team</h2>
+
  /* Bump up size of carousel content */
−
        <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>
+
  .carousel-caption p {
−
        <p><a href="https://2015.igem.org/Team:Stanford-Brown/Team" class="btn btn-lg btn-info">Who We Are</a></p>
+
    margin-bottom: 20px;
−
      </div>
+
    font-size: 21px;
−
      <div class="col-md-5 col-md-pull-7">
+
    line-height: 1.4;
−
        <img class="featurette-image img-responsive center-block img-rounded" src="http://lorempixel.com/300/300" alt="Generic placeholder image">
+
  }
−
      </div>
+
−
    </div>
+
  
−
    <div class="container">
+
  .featurette-heading {
−
      <div class="row featurette">
+
    font-size: 50px;
−
      <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;*/
 +
  }
 +
}
 +
/*===================================================*/
  
−
    <div class="row featurette">
+
/*----------Font-----------*/
−
      <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>
 
  
−
   </div>
+
.pp {
 +
   font-size: 1.7em;
 +
}
  
−
  <footer>
+
.pf {
−
    <div class="container">
+
   font-size: 1.7em;
−
      <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>
+
  
−
  <!-- Placed at the end of the document so the pages load faster -->
+
h1, h2 {
−
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+
   border: none;
 +
}
  
−
   <script type="text/javascript" src="https://2015.igem.org/wiki/index.php?title=Team:Stanford-Brown/js/workaround&action=raw&ctype=text/javascript"></script>
+
/*#bodyContent {
 +
   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">
 
  
−
   <!-- Latest compiled and minified JavaScript -->
+
   /*------- Navbar ---------*/
−
  <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">
+
/*
−
   <link rel="stylesheet" href="//cdn.jsdelivr.net/bootstrap.material-design/0.3.0/css/material.min.css">
+
   #top_menu_inside {
−
  <link rel="stylesheet" href="//cdn.jsdelivr.net/bootstrap.material-design/0.3.0/css/ripples.min.css">
+
    border: none !important;
−
  <script src="//cdn.jsdelivr.net/bootstrap.material-design/0.3.0/js/material.min.js"></script>
+
    color: ##03a9f4 !important;
−
  <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>
+
}
  
−
</html>
+
#top_menu_14 a {
  
−
{{: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

/* Fixing previously installed css */

.firstHeading { 

 display: none;

}

  1. content {
 width: 100%;
 height: 100%;
 border: 0px;
 background-color: #FFFFFF;
 margin: 0px;
 margin-top: -48px;
 padding: 0px;
 line-height: normal;

}

li { 

 margin-bottom: 0;

}

ul.nav { 

 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

*/


/* CUSTOMIZE THE NAVBAR

*/


/* CUSTOMIZE THE CAROUSEL

*/

/* Carousel base class */ .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 */ .carousel .item { 

 height: 500px;
 background-color: #FFFFFF;

} .carousel-inner > .item > img { 

 position: absolute;
 top: 0;
 left: 0;
 min-width: 100%;
 height: 500px;

}


/* MARKETING CONTENT

*/

/* Center align the text within the three columns below the carousel */ .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 { 

 margin-bottom: 20px;
 text-align: center;

} .marketing h2 { 

 /*font-weight: normal;*/

} .marketing .col-sm-3 p { 

 margin-right: 10px;
 margin-left: 10px;

}

.marketing .col-sm-2 { 

 text-align: center;

}



/* Featurettes

*/

/* .featurette-divider {

margin: 80px 0; Space out the Bootstrap
more 
 }*/

 /* Thin out the marketing headings */
 .featurette-heading {
   font-weight: 300;
   line-height: 1;
   letter-spacing: -1px;
 }


/* Footer

*/

/*footer { 

  background: #333;
  color: #eee;
  font-size: 0.em;
  padding: 20px;

}

  • /

/* RESPONSIVE CSS

*/

@media (min-width: 768px) { 

 /* Bump up size of carousel content */
 .carousel-caption p {
   margin-bottom: 20px;
   font-size: 21px;
   line-height: 1.4;
 }

 .featurette-heading {
   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;

}

  1. top_menu_14 {
 background-color: #03a9f4 !important;
 border-bottom: none !important;
 color: #03a9f4 !important;

}

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

}


  1. globalWrapper {
 font-size: 100%

}

/*--------btn---------*/

/*.btnEdit{ 

 text-transform: none !important;
 text-align: left !important;
 white-space: normal !important;
 }*/
  1. 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;

}