Difference between revisions of "Team:Stanford-Brown/css/custom"

 
(182 intermediate revisions by 3 users not shown)
Line 1: Line 1:
−
/*------- Moving Navbar Down ---------*/
+
/* 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 {
 
.navbar {
−
   margin-top: 15px;
+
   z-index: 9999999;
 +
 
 
}
 
}
  
−
/*-------Moving team down ------- */
+
 
 +
 
 +
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 {
 
.jumbotron {
−
margin-top: 400px;
+
  margin-top: 65px;
 
}
 
}
  
−
.foldingStuff {
+
.jumbotron .null {
−
height:500px !important;
+
  margin-top: 0px;
 
}
 
}
  
−
.uc-initial-content {
+
/*-------Team Pictures----------*/
−
text-align:center;
+
 
−
background-color:blue;
+
.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;
 
}
 
}
  
−
.uc-final-content{
+
.rotate90 {
−
text-align:center;
+
    -webkit-transform: rotate(90deg);
−
background-color:purple;
+
    -moz-transform: rotate(90deg);
−
z-index: 10;
+
    -o-transform: rotate(90deg);
 +
    -ms-transform: rotate(90deg);
 +
    transform: rotate(90deg);
 
}
 
}

Latest revision as of 19:09, 18 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;

}

.centerT { 

 text-align: center !important;

}


/* 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: 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);

}