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

Line 1: Line 1:
 
<html>
 
<html>
<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: 30px;
 
}
 
 
.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
Line 304: Line 21:
 
#BioballoonLabel { /*Bioballoon "home" button*/
 
#BioballoonLabel { /*Bioballoon "home" button*/
 
color: #dd502f;/*mars red*/
 
color: #dd502f;/*mars red*/
font-size: 1.4em;
+
font-size: 1.5em;
 
         font-family: avenir, "Century Gothic", sans-serif;
 
         font-family: avenir, "Century Gothic", sans-serif;
 
}
 
}
 
.nav.navbar-nav li a { /*individual navbar items*/
 
.nav.navbar-nav li a { /*individual navbar items*/
         color: #C1D9FF; /*light blue*/
+
         color: #c1d9ff; /*light blue*/
 
font-size: 14.4px;
 
font-size: 14.4px;
 
         font-family: avenir, "Century Gothic", sans-serif;
 
         font-family: avenir, "Century Gothic", sans-serif;
Line 320: Line 37:
 
}
 
}
 
.nav.navbar-nav .dropdown .dropdown-toggle.active{ /*active navbar item if dropdown*/
 
.nav.navbar-nav .dropdown .dropdown-toggle.active{ /*active navbar item if dropdown*/
color: #dceaff; /*very ligh† blue*/
+
color: #dceaff; /*very light blue*/
 
background-color: #1a2342;/*navy*/
 
background-color: #1a2342;/*navy*/
 
border-left: 1px solid #dceaff; /*very light blue*/
 
border-left: 1px solid #dceaff; /*very light blue*/

Revision as of 18:53, 30 August 2016