Difference between revisions of "Team:Cornell/sandbox"
| Line 13: | Line 13: | ||
<title>Full Width Pics - Start Bootstrap Template</title> | <title>Full Width Pics - Start Bootstrap Template</title> | ||
| − | <!-- | + | <!-- CSS --> |
<link href="https://2015.igem.org/Team:Cornell/style?action=raw&ctype=text/css" rel="stylesheet" type="text/css"> | <link href="https://2015.igem.org/Team:Cornell/style?action=raw&ctype=text/css" rel="stylesheet" type="text/css"> | ||
| + | <style> | ||
| + | /*! | ||
| + | * Start Bootstrap - Full Width Pics HTML Template (http://startbootstrap.com) | ||
| + | * Code licensed under the Apache License v2.0. | ||
| + | * For details, see http://www.apache.org/licenses/LICENSE-2.0. | ||
| + | */ | ||
| − | + | body { | |
| − | + | margin-top: 50px; /* Required margin for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */ | |
| + | } | ||
| + | |||
| + | .image-bg-fluid-height, | ||
| + | .image-bg-fixed-height { | ||
| + | text-align: center; | ||
| + | -webkit-background-size: cover; | ||
| + | -moz-background-size: cover; | ||
| + | background-size: cover; | ||
| + | -o-background-size: cover; | ||
| + | } | ||
| + | |||
| + | .image-bg-fluid-height { | ||
| + | background: url('http://lorempixel.com/g/1920/500/') no-repeat center center scroll; | ||
| + | padding: 100px 0; | ||
| + | } | ||
| + | |||
| + | .image-bg-fixed-height { | ||
| + | background: url('http://lorempixel.com/g/1920/500/') no-repeat center center scroll; | ||
| + | height: 450px; | ||
| + | } | ||
| + | |||
| + | .img-center { | ||
| + | margin: 0 auto; | ||
| + | } | ||
| + | |||
| + | section { | ||
| + | padding: 75px 0; | ||
| + | } | ||
| + | |||
| + | .section-heading { | ||
| + | margin: 30px 0; | ||
| + | font-size: 4em; | ||
| + | } | ||
| + | |||
| + | .section-lead { | ||
| + | margin: 30px 0; | ||
| + | } | ||
| + | |||
| + | .section-paragraph { | ||
| + | margin: 30px 0; | ||
| + | } | ||
| + | |||
| + | footer { | ||
| + | margin: 50px 0; | ||
| + | } | ||
| + | |||
| + | @media(max-width:768px) { | ||
| + | section { | ||
| + | padding-top: 25px; | ||
| + | padding-bottom: 25px; | ||
| + | } | ||
| + | |||
| + | .section-heading { | ||
| + | font-size: 2em; | ||
| + | } | ||
| + | } | ||
| + | </style> | ||
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> | <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> | ||
Revision as of 19:14, 4 September 2015
<!DOCTYPE html>
Section Heading
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid, suscipit, rerum quos facilis repellat architecto commodi officia atque nemo facere eum non illo voluptatem quae delectus odit vel itaque amet.
Section Heading
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid, suscipit, rerum quos facilis repellat architecto commodi officia atque nemo facere eum non illo voluptatem quae delectus odit vel itaque amet.