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

Revision as of 00:40, 15 August 2015 (view source) Forrestgtran (Talk | contribs) ← Older edit		Latest revision as of 19:09, 18 September 2015 (view source) Forrestgtran (Talk | contribs)
(196 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;
−	z-index: 999999999999999999;	+
	}		}
−	body {	+
−	margin-top: 50px;	+
		+	nav {
		+	padding-top: 15px;
		+	z-index: 9999999999;
		+	margin: 0px !important;
		+	/*background-color: #42AAC9 !important;*/
	}		}
		+	.oriEdit {
		+	padding-top: 42px !important;
		+	}
−	.foldingStuff {	+
−	height: 700px !important;	+	/*-------Wells-----------*/
		+
		+	.well {
	}		}
−	.uc-initial-content {
−	text-align:center;
−	width:200px;
−	height:200px;
−	background-color:blue;
		+	/*-------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;
	}		}
−	.uc-final-content{	+	.rotate90 {
−	text-align:center;	+	-webkit-transform: rotate(90deg);
−	width:400px;	+	-moz-transform: rotate(90deg);
−	height:400px;	+	-o-transform: rotate(90deg);
−	background-color:purple;	+	-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);

}