|
|
Line 23: |
Line 23: |
| <!-- Custom styles for this template --> | | <!-- Custom styles for this template --> |
| | | |
- | <style>
| |
| | | |
- | #footerlogo {
| |
- | width: 250px;
| |
- | height: 100px;
| |
- | }
| |
- |
| |
- | /* Removes default elements */
| |
- | #contentSub, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear {
| |
- | display:none;
| |
- | }
| |
- |
| |
- | #top-section {
| |
- | border: none;
| |
- | height: 0px;
| |
- | margin: 0px;
| |
- | }
| |
- |
| |
- | #content {
| |
- | border: none;
| |
- | background: transparent;
| |
- | width: 100%;
| |
- | padding: 0px;
| |
- | }
| |
- |
| |
- | p {
| |
- | margin: 0px;
| |
- | padding: 0px;
| |
- | }
| |
- |
| |
- | body {
| |
- | margin: 0 0 0 0;
| |
- | padding: 0;
| |
- | }
| |
- |
| |
- | html, body {
| |
- | width: auto !important;
| |
- | overflow-x: hidden !important;
| |
- | height: 100% !important;
| |
- | -webkit-overflow-scrolling: touch;
| |
- | }
| |
- |
| |
- | #top-section {
| |
- | width: 1140px;
| |
- | height: 0;
| |
- | margin: 0 auto;
| |
- | padding: 0;
| |
- | border: none;
| |
- | }
| |
- |
| |
- | #menubar {
| |
- | font-size: 80%;
| |
- | top: 0px;
| |
- | margin: 0px;
| |
- |
| |
- | /* Resizes the menubar to fix the links (default is 400px) */
| |
- | width: auto;
| |
- | }
| |
- |
| |
- | .left-menu:hover {
| |
- | background-color: transparent;
| |
- | }
| |
- |
| |
- | #menubar li a {
| |
- | background: transparent;
| |
- | color: transparent;
| |
- | }
| |
- |
| |
- | #menubar:hover li a {
| |
- | background-color: rgba(255, 255, 255, 0.8);
| |
- | color: grey;
| |
- | }
| |
- |
| |
- | /* Removes "teams" from the menubar */
| |
- |
| |
- | #menubar > ul > li:last-child {
| |
- | display: none;}
| |
- |
| |
- |
| |
- | /* 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;
| |
- | }
| |
- |
| |
- | /* 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 carousal */
| |
- |
| |
- | /* Carousel base class */
| |
- | .carousel {
| |
- | height: 650px;
| |
- | 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: 650px;
| |
- | background-color: #777;
| |
- | }
| |
- | .carousel-inner > .item > img {
| |
- | position: absolute;
| |
- | top: 0;
| |
- | left: 0;
| |
- | min-width: 100%;
| |
- | height: 650px;
| |
- | }
| |
- |
| |
- |
| |
- |
| |
- | /* Content */
| |
- |
| |
- | /* Center align the text within the three columns below the carousel */
| |
- | .marketing .col-lg-4 {
| |
- | margin-bottom: 20px;
| |
- | text-align: center;
| |
- | }
| |
- | .marketing h2 {
| |
- | font-weight: normal;
| |
- | }
| |
- | .marketing .col-lg-4 p {
| |
- | margin-right: 10px;
| |
- | margin-left: 10px;
| |
- | }
| |
- |
| |
- |
| |
- | /* 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;
| |
- | }
| |
- |
| |
- |
| |
- |
| |
- | /* 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;
| |
- | }
| |
- | }
| |
- |
| |
- | </style>
| |
| | | |
| </head> | | </head> |