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

Revision as of 22:14, 22 August 2015 (view source) Forrestgtran (Talk | contribs) ← Older edit		Latest revision as of 19:09, 18 September 2015 (view source) Forrestgtran (Talk | contribs)
(144 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: purple !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;
	}		}
−	/*-------Moving jumbotron 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: 80px;	+	margin-top: 65px;
		+	}
		+
		+	.jumbotron .null {
		+	margin-top: 0px;
	}		}
Line 238:		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);

}