|
|
| Line 1: |
Line 1: |
| − | <html>
| + | /*----------Font-----------*/ |
| − | <style>
| + | |
| | | | |
| − | /* Fixing previously installed css */
| |
| − |
| |
| − | .firstHeading {
| |
| − | display: none;
| |
| − | }
| |
| − |
| |
| − | #content {
| |
| − | width: 100%;
| |
| − | height: 100%;
| |
| − | border: 0px;
| |
| − | background-color: transparent;
| |
| − | 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 { | | p { |
| − | margin: 0 0 0 0;
| + | font-size: 0.8em; |
| | } | | } |
| | | | |
| − | /* GLOBAL STYLES
| + | .text-muted { |
| − | -------------------------------------------------- */ | + | font-size: 0.9em; |
| − | /* Padding below the footer and lighter body text */
| + | |
| − | | + | |
| − | body {
| + | |
| − | color: #5a5a5a;
| + | |
| | } | | } |
| | | | |
| | | | |
| − | /* CUSTOMIZE THE NAVBAR | + | /*------- 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 { | | .navbar { |
| − | margin-top: 20; | + | margin-top: 15px; |
| − | }
| + | |
| | | | |
| − | /* 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;
| |
| | } | | } |
| | | | |
| | + | /*-------Moving jumbotron team down ------- */ |
| | | | |
| − | /* CUSTOMIZE THE CAROUSEL
| + | .jumbotron { |
| − | -------------------------------------------------- */
| + | margin-top: 80px; |
| − | | + | |
| − | /* 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 */ | + | /*-------Team Pictures----------*/ |
| − | .carousel .item {
| + | |
| − | height: 500px;
| + | .pic { |
| − | background-color: #777;
| + | margin-bottom: 30px; |
| − | }
| + | |
| − | .carousel-inner > .item > img { | + | |
| − | position: absolute;
| + | |
| − | top: 0;
| + | |
| − | left: 0;
| + | |
| − | min-width: 100%;
| + | |
| − | height: 500px;
| + | |
| | } | | } |
| | | | |
| | + | /* ------Footer--------*/ |
| | | | |
| − | /* MARKETING CONTENT
| + | ul.unstyled { |
| − | -------------------------------------------------- */
| + | list-style: none; |
| − | | + | padding: 0; |
| − | /* 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;
| |
| − | }
| |
| | | | |
| | | | |
| | + | /*--------Pfold ------*/ |
| | | | |
| − | /* Featurettes
| + | .foldingStuff { |
| − | ------------------------- */
| + | height:500px !important; |
| − | | + | |
| − | .featurette-divider { | + | |
| − | margin: 80px 0; /* Space out the Bootstrap <hr> more */
| + | |
| | } | | } |
| | | | |
| − | /* Thin out the marketing headings */
| + | .uc-initial-content { |
| − | .featurette-heading { | + | text-align:center; |
| − | font-weight: 300;
| + | background-color:blue; |
| − | line-height: 1;
| + | |
| − | letter-spacing: -1px;
| + | |
| − | }
| + | |
| | | | |
| − |
| |
| − | /* Footer
| |
| − | --------------------------------*/
| |
| − |
| |
| − | /*footer {
| |
| − | background: #333;
| |
| − | color: #eee;
| |
| − | font-size: 11px;
| |
| − | 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) {
| + | .uc-final-content{ |
| − | .featurette-heading {
| + | text-align:center; |
| − | margin-top: 120px;
| + | background-color:purple; |
| − | }
| + | z-index: 10; |
| | } | | } |
| − |
| |
| − | </style>
| |
| − | </html>
| |
Revision as of 18:36, 21 August 2015
/*----------Font-----------*/
p {
font-size: 0.8em;
}
.text-muted {
font-size: 0.9em;
}
/*------- Navbar ---------*/
.navbar {
margin-top: 15px;
}
/*-------Moving jumbotron team down ------- */
.jumbotron {
margin-top: 80px;
}
/*-------Team Pictures----------*/
.pic {
margin-bottom: 30px;
}
/* ------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;
}