|
|
| Line 18: |
Line 18: |
| | body {background-color:white; } | | body {background-color:white; } |
| | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; | | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; |
| − |
| |
| − |
| |
| − | @charset "UTF-8";
| |
| − | @import url(font-awesome.min.css);
| |
| − | @import "https://fonts.googleapis.com/css?family=Raleway:100,300,600";
| |
| − |
| |
| − | /* Banner */
| |
| − |
| |
| − | #banner {
| |
| − | padding: 12em 0 10em 0;
| |
| − | background-image: url('https://static.igem.org/mediawiki/2017/2/2f/UFlorida_Home_Pic.jpg');
| |
| − | background-size: cover;
| |
| − | background-position: top;
| |
| − | background-attachment: fixed;
| |
| − | background-repeat: no-repeat;
| |
| − | text-align: center;
| |
| − |
| |
| − | }
| |
| − |
| |
| − | #banner h1 {
| |
| − | font-size: 3.5em;
| |
| − | font-weight: 100;
| |
| − | color: #fff;
| |
| − | line-height: 1em;
| |
| − | margin: 0 0 0.5em 0;
| |
| − | padding: 0;
| |
| − | }
| |
| − |
| |
| − | #banner p {
| |
| − | font-size: 1em;
| |
| − | color: rgba(255, 255, 255, 0.55);
| |
| − | margin-bottom: 1.75em;
| |
| − | }
| |
| − |
| |
| − | @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
| |
| − |
| |
| − | #banner {
| |
| − | background-attachment: scroll;
| |
| − | }
| |
| − |
| |
| − | }
| |
| − |
| |
| − | @media screen and (max-width: 1280px) {
| |
| − |
| |
| − | #banner {
| |
| − | padding: 10em 2em 8em 2em;
| |
| − | }
| |
| − |
| |
| − | }
| |
| − |
| |
| − | @media screen and (max-width: 980px) {
| |
| − |
| |
| − | #banner {
| |
| − | background-attachment: scroll;
| |
| − | }
| |
| − |
| |
| − | }
| |
| − |
| |
| − | @media screen and (max-width: 736px) {
| |
| − |
| |
| − | #banner {
| |
| − | padding: 8em 1.5em 6em 1.5em;
| |
| − | }
| |
| − |
| |
| − | #banner h1 {
| |
| − | font-size: 2.5em;
| |
| − | }
| |
| − |
| |
| − | #banner p {
| |
| − | font-size: .9em;
| |
| − | }
| |
| − |
| |
| − | }
| |
| − |
| |
| − | @media screen and (max-width: 480px) {
| |
| − |
| |
| − | #banner {
| |
| − | padding: 6em 1.5em 4em 1.5em;
| |
| − | }
| |
| − |
| |
| − | }
| |
| − |
| |
| − |
| |
| | </style> | | </style> |
| − | <body>
| |
| − | <!-- Banner -->
| |
| − | <section id="banner">
| |
| − | <h1></h1>
| |
| − | <p></p>
| |
| − | </section>
| |
| − |
| |
| | | | |
| | | | |
| | <!--BODY---!> | | <!--BODY---!> |
| | | | |
| − | | + | <body> |
| | <div style="margin-top:100px"></div> | | <div style="margin-top:100px"></div> |
| | <div class="container"> | | <div class="container"> |
