Team:NCTU Formosa/source/head-index
From 2013.igem.org
(Created page with "<style> .page { background-attachment: fixed; background-position: 0 50%; background-size: cover; background-repeat: no-repeat; height: 100%; position: relati...")
Newer edit →
Revision as of 16:48, 26 August 2013
<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; }
- 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; }
- description .team {
position:absolute; right:0; top:210px; padding:10px; color:#222; font-family: Lobster Two; font-size: 20px; font-weight: bold; }
- 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>