"
Team:KIT-Kyoto/Test
From 2014.igem.org
(Difference between revisions)
| Line 11: | Line 11: | ||
</style> | </style> | ||
| - | |||
| - | |||
| - | |||
| + | <img src="https://static.igem.org/mediawiki/2014/4/43/KIT_pictures_hund.jpg" class="bg"> | ||
| + | |||
| + | <style> | ||
| + | img.bg { | ||
| + | /* Set rules to fill background */ | ||
| + | min-height: 100%; | ||
| + | min-width: 1024px; | ||
| + | |||
| + | /* Set up proportionate scaling */ | ||
| + | width: 100%; | ||
| + | height: auto; | ||
| + | |||
| + | /* Set up positioning */ | ||
| + | position: fixed; | ||
| + | top: 0; | ||
| + | left: 0; | ||
| + | } | ||
| + | |||
| + | @media screen and (max-width: 1024px){ | ||
| + | img.bg { | ||
| + | left: 50%; | ||
| + | margin-left: -512px; } | ||
| + | } | ||
| + | |||
| + | div#content { | ||
| + | /* This is the only important rule */ | ||
| + | /* We need our content to show up on top of the background */ | ||
| + | position: relative; | ||
| + | |||
| + | /* These have no effect on the functionality */ | ||
| + | width: 500px; | ||
| + | margin: 0 auto; | ||
| + | background: #fff; | ||
| + | padding: 20px; | ||
| + | font-family: helvetica, arial, sans-serif; | ||
| + | font-size: 10pt; | ||
| + | line-height: 16pt; | ||
| + | -moz-box-shadow: #000 4px 4px 10px; | ||
| + | -webkit-box-shadow: #000 4px 4px 10px; | ||
| + | } | ||
| + | |||
| + | body { | ||
| + | /* These rules have no effect on the functionality */ | ||
| + | /* They are for styling only */ | ||
| + | margin: 0; | ||
| + | padding: 20px 0 0 0; | ||
| + | } | ||
| + | </style> | ||
</html> | </html> | ||
Revision as of 09:31, 19 May 2014
