"

From 2013.igem.org

<style> .page { background-attachment: fixed; background-position: 0 50%; background-size: cover; background-repeat: no-repeat; height: 100%; position: relative; } /*.page span { bottom: 0; color: white; display: block; left: 50%; margin-left: -640px; font-size: 38px; padding: 10px; position: absolute; text-shadow: 0 2px 0 black, 0 0 10px black; width: 1280px; }*/ #description { background-image: url(bg1.jpg); background-position: 50% 50%; } #sitemap { background-image: url(bg2.jpg); } #social { background-image: url(bg3.jpg); background-position: 50% 50%; } .box { max-width:1200px; margin: 0 auto; position:relative; }

1. description .title {

position:absolute; right:0; top:110px; width:310px; background:#222; color:white; font-family: Lobster Two; font-size: 60px; font-weight: bold; padding:10px; }

1. description .team {

position:absolute; right:0; top:210px; padding:10px; color:#222; font-family: Lobster Two; font-size: 20px; font-weight: bold; }

1. description .wordbox {

position:absolute; right:0; top:250px; padding:10px; width:700px; color:#222; font-family: Open Sans; font-size: 16px; text-align:justify; text-justify:inter-word; text-indent: 50px; } </style> <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> <script src="stellar.js"></script> <script> $(function(){ $.stellar({ horizontalScrolling: false, verticalOffset: 40 }); }); </script>