Team:Stanford-Brown/css/custom
/* 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
*/
/* Padding below the footer and lighter body text */
body {
color: #FFFFFF; background-color: #FFFFFF;
}
/* CUSTOMIZE THE NAVBAR
*/
/* 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;
}
/* 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: #777;
} .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;
}
/* Featurettes
*/
.featurette-divider {
margin: 80px 0; /* Space out the Bootstrapmore */
}
/* 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) {
/* 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 */ .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-----------*/
p {
font-size: 0.8em;
}
h1, h2 {
border: none;
}
/*------- Navbar ---------*/
- top_menu_inside {
border: none !important; color: #3F51B5 !important;
}
- top_menu_14 {
background-color: #3F51B5 !important; border-bottom: none !important; color: #3F51B5 !important;
}
element.style {
color: #3F51B5 !important;
}
.navbar {
margin-top: 15px !important;
}
nav {
font-size: 0.8em;
}
.navbar .navbar-nav li a {
}
/*-------Wells-----------*/
.well { }
/*-------Moving jumbotron team down ------- */
.jumbotron {
margin-top: 80px;
}
/*-------Team Pictures----------*/
.pic {
margin-bottom: 15px;
}
/* ------Footer--------*/
ul.unstyled {
list-style: none; padding: 0;
}
/*--------Pfold ------*/
.foldingStuff { height:500px !important; }
.uc-initial-content { text-align:center; background-color:blue;
}
.uc-final-content{ text-align:center; background-color:purple; z-index: 10; }