Difference between revisions of "Template:Stanford-Brown/CSS"

(zero existing css)
Line 2: Line 2:
 
<a href="https://2016.igem.org/wiki/index.php?title=Template:Stanford-Brown/CSS&action=edit">Edit Page</a>
 
<a href="https://2016.igem.org/wiki/index.php?title=Template:Stanford-Brown/CSS&action=edit">Edit Page</a>
 
<style>
 
<style>
 +
 +
/* Fixing previously installed css */
 +
 +
.firstHeading {
 +
  display: none;
 +
}
 +
 +
#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;
 +
}
 +
 +
.centerT {
 +
  text-align: center !important;
 +
}
 +
 +
 +
/* Featurettes
 +
------------------------- */
 +
/*
 +
.featurette-divider {
 +
  margin: 80px 0;  Space out the Bootstrap <hr> 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;
 +
 +
}
 +
 +
#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: none !important;
 +
  text-align: left !important;
 +
  white-space: normal !important;
 +
}
 +
 +
.dropdown-menu li a {
 +
  font-size: 1.2em;
 +
}
 +
 +
.head123 {
 +
  margin-top: 50px;
 +
}
 +
 +
.rotate90 {
 +
    -webkit-transform: rotate(90deg);
 +
    -moz-transform: rotate(90deg);
 +
    -o-transform: rotate(90deg);
 +
    -ms-transform: rotate(90deg);
 +
    transform: rotate(90deg);
 +
}
 +
 +
/*END OF FIX*/
 +
 
/* COLORS
 
/* COLORS
 
light blue: #c1d9ff
 
light blue: #c1d9ff

Revision as of 18:46, 30 August 2016

Edit Page