body{ background-position: 0 -198px; } /* =Footer ------------------------------- */ div#footer-wrapper{ background: url(layout/footer-background-large.gif) repeat-x; background-position: 0 30px; } div#splash{ padding-bottom: 91px; } div#footer{ height: 41px; /* 91px(real height) - 50px */ padding-top: 50px; } div#footer p.note{ padding: .5em 0; } /* =Splash ------------------------------- */ div#splash{ margin-top: 2px; /* Start just after the lightblue border (2px) which is backgrounded on */ height: 350px; background: url(layout/header-image.gif) no-repeat; background-position: 20px 39px; padding-left: 290px; overflow: hidden; /* No margin collapsing with

*/ position: relative; } div#splash a#milk{ background: url(layout/milk.png) no-repeat; width: 80px; height: 84px; position: absolute; left: 134px; top: 47px; text-indent: -1000px; overflow: hidden; background-position: -100px -100px; } div#splash a#milk:hover{ background-position: 20px 0; border: 0; } div#splash h2.title{ margin-top: 75px; text-indent: -10000px; overflow: hidden; background: url(layout/front-titles.gif) no-repeat; background-position: 0 0; height: 30px; } div#splash p.description *{ text-indent: -10000px; overflow: hidden; background: url(layout/front-titles.gif) no-repeat; float: left; padding: 0; } div#splash p.description span#studente{ width: 222px; height: 30px; background-position: 0 -30px; } div#splash p.description a#webdeveloper{ width: 220px; height: 30px; background-position: 0 -60px; } div#splash p.description a#webdeveloper:hover{ background-position: 0 -90px; border: 0; } div#splash p.description span#oltre{ width: 66px; height: 30px; background-position: 0 -120px; } div#splash p.description a#blogger{ width: 80px; height: 30px; background-position: 0 -150px; } div#splash p.description a#blogger:hover{ background-position: 0 -180px; border: 0; } div#splash p.description{ margin-top:0; /* Clear contained floats */ overflow: hidden; width: 100%; } /* 'qualcosa in più?' */ div#splash p.more{ text-align: right; } /* =Blog (last blog post) ------------------------------- */ div#splash div#section-links{ margin-top:2em; } div#splash div#section-links h3{ text-indent: -10000px; overflow: hidden; background-position: center center; background-repeat: no-repeat; height: 30px; width: 50%; float: left; } div#splash div#section-links h3 a{ background: none; display: block; height: 29px; margin: 0 auto; } div#splash div#section-links h3 a:hover{ border-bottom: 1px solid #92aeff; } div#splash div#section-links h3#blog{ background-image: url(layout/front-blog.gif); } div#splash div#section-links h3#blog a{ width: 43px; } div#splash div#section-links h3#portfolio{ background-image: url(layout/front-portfolio.gif); } div#splash div#section-links h3#portfolio a{ width: 84px; }