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

 
(133 intermediate revisions by 3 users not shown)
Line 9: Line 9:
 
   height: 100%;
 
   height: 100%;
 
   border: 0px;
 
   border: 0px;
   background-color: transparent;
+
   background-color: #FFFFFF;
 
   margin: 0px;
 
   margin: 0px;
 
   margin-top: -48px;
 
   margin-top: -48px;
Line 33: Line 33:
 
/* GLOBAL STYLES
 
/* GLOBAL STYLES
 
-------------------------------------------------- */
 
-------------------------------------------------- */
/* Padding below the footer and lighter body text */
 
 
body {
 
  color: #5a5a5a;
 
}
 
  
  
Line 43: Line 38:
 
-------------------------------------------------- */
 
-------------------------------------------------- */
  
/* Special class on .container surrounding .navbar, used for positioning it into place. */
 
.navbar-wrapper {
 
  position: absolute;
 
  top: 0;
 
  right: 0;
 
  left: 0;
 
  z-index: 20;
 
}
 
 
.navbar {
 
  margin-top: 20;
 
}
 
 
/* Flip around the padding for proper display in narrow viewports */
 
.navbar-wrapper > .container {
 
  padding-right: 0;
 
  padding-left: 0;
 
}
 
.navbar-wrapper .navbar {
 
  padding-right: 15px;
 
  padding-left: 15px;
 
}
 
.navbar-wrapper .navbar .container {
 
  width: auto;
 
}
 
  
  
Line 86: Line 56:
 
.carousel .item {
 
.carousel .item {
 
   height: 500px;
 
   height: 500px;
   background-color: #777;
+
   background-color: #FFFFFF;
 
}
 
}
 
.carousel-inner > .item > img {
 
.carousel-inner > .item > img {
Line 106: Line 76:
 
}
 
}
 
.marketing h2 {
 
.marketing h2 {
   font-weight: normal;
+
   /*font-weight: normal;*/
 
}
 
}
 
.marketing .col-sm-4 p {
 
.marketing .col-sm-4 p {
Line 118: Line 88:
 
}
 
}
 
.marketing h2 {
 
.marketing h2 {
   font-weight: normal;
+
   /*font-weight: normal;*/
 
}
 
}
 
.marketing .col-sm-3 p {
 
.marketing .col-sm-3 p {
Line 125: Line 95:
 
}
 
}
  
 +
.marketing .col-sm-2 {
 +
  text-align: center;
 +
}
 +
 +
.centerT {
 +
  text-align: center !important;
 +
}
  
  
 
/* Featurettes
 
/* Featurettes
 
------------------------- */
 
------------------------- */
 
+
/*
 
.featurette-divider {
 
.featurette-divider {
   margin: 80px 0; /* Space out the Bootstrap <hr> more */
+
   margin: 80px 0; Space out the Bootstrap <hr> more  
}
+
  }*/
  
/* Thin out the marketing headings */
+
  /* Thin out the marketing headings */
.featurette-heading {
+
  .featurette-heading {
  font-weight: 300;
+
    font-weight: 300;
  line-height: 1;
+
    line-height: 1;
  letter-spacing: -1px;
+
    letter-spacing: -1px;
}
+
  }
  
  
Line 156: Line 133:
  
 
@media (min-width: 768px) {
 
@media (min-width: 768px) {
  /* Navbar positioning foo */
 
  .navbar-wrapper {
 
    margin-top: 20px;
 
  }
 
  .navbar-wrapper .container {
 
    padding-right: 15px;
 
    padding-left: 15px;
 
  }
 
  .navbar-wrapper .navbar {
 
    padding-right: 0;
 
    padding-left: 0;
 
  }
 
 
  /* The navbar becomes detached from the top, so we round the corners */
 
  .navbar-wrapper .navbar {
 
    border-radius: 4px;
 
  }
 
  
 
   /* Bump up size of carousel content */
 
   /* Bump up size of carousel content */
Line 188: Line 148:
 
@media (min-width: 992px) {
 
@media (min-width: 992px) {
 
   .featurette-heading {
 
   .featurette-heading {
     margin-top: 120px;
+
     /*margin-top: 120px;*/
 
   }
 
   }
 
}
 
}
/*===================================================*/
+
/*===================================================*/
  
/*----------Font-----------*/
+
/*----------Font-----------*/
  
p {
+
 
   font-size: 0.8em;
+
.pp {
 +
   font-size: 1.7em;
 
}
 
}
  
.text-muted {
+
.pf {
   font-size: 0.9em;
+
   font-size: 1.7em;
 
}
 
}
  
 +
h1, h2 {
 +
  border: none;
 +
}
  
/*------- Navbar ---------*/
+
/*#bodyContent {
 +
  transform-style: preserve-3d;
 +
  }*/
  
  
#top_menu_inside {
+
 
  border: none !important;
+
  /*------- Navbar ---------*/
 +
 
 +
/*
 +
  #top_menu_inside {
 +
    border: none !important;
 +
    color: ##03a9f4 !important;
 +
 
 
}
 
}
  
 
#top_menu_14 {
 
#top_menu_14 {
   background-color: #3F51B5 !important;
+
   background-color: #03a9f4 !important;
 
   border-bottom: none !important;
 
   border-bottom: none !important;
 +
  color: #03a9f4 !important;
  
 
}
 
}
  
 +
#top_menu_14 a {
 +
 +
}
 +
*/
  
 
.navbar {
 
.navbar {
   margin-top: 15px;
+
   z-index: 9999999;
 +
 
 
}
 
}
 +
 +
  
 
nav {
 
nav {
   font-size: 0.8em;
+
   padding-top: 15px;
 +
  z-index: 9999999999;
 +
  margin: 0px !important;
 +
  /*background-color: #42AAC9 !important;*/
 
}
 
}
  
.navbar .navbar-nav li a {
+
.oriEdit {
}
+
  padding-top: 42px !important;
 +
}
  
/*-------Moving jumbotron team down ------- */
+
 
 +
/*-------Wells-----------*/
 +
 
 +
.well {
 +
}
 +
 
 +
 
 +
/*-------Moving jumbotron down ------- */
  
 
.jumbotron {
 
.jumbotron {
   margin-top: 80px;
+
   margin-top: 65px;
 +
}
 +
 
 +
.jumbotron .null {
 +
  margin-top: 0px;
 
}
 
}
  
Line 244: Line 239:
  
 
ul.unstyled {
 
ul.unstyled {
  list-style: none;
+
list-style: none;
  padding: 0;
+
padding: 0;
 
}
 
}
  
  
 +
#globalWrapper {
 +
  font-size: 100%
 +
}
  
/*--------Pfold ------*/
+
/*--------btn---------*/
  
.foldingStuff {
+
/*.btnEdit{
height:500px !important;
+
  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;
 
}
 
}
  
.uc-initial-content {
+
.dropdown-menu li a {
text-align:center;
+
  font-size: 1.2em;
background-color:blue;
+
}
  
 +
.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);

}