/* =Structure ------------------------------- */ div#page{ /* Clear #sidebar (floated right) */ overflow: auto; width: 100%; } ul#sidebar{ /* Sidebar on the right */ float: right; width: 209px; /* 249px(real width) - 40px (ul.padding-left) */ } div#content{ padding: 1em 10px; width: 487px; /* 507px (real-width) - 10px * 2 */ float: left; overflow: hidden; /* Otherwise IE push down the sidebar */ } div#page.no-side div#content{ width: 740px; } div#footer div.box{ float: left; width: 30%; margin-left: 10px; } div#footer-wrapper{ background: url(layout/footer-background-large.gif) repeat-x; background-position: 0 28px; overflow: hidden; /* No Margin Collapsing with the */ } div#page{ padding-bottom: 360px; } div#footer{ height: 304px; /* 360px(real height) - 56px */ padding-top: 56px; } /* =Section Intro ------------------------------- */ div#section-intro{ margin-top: 2px; /* Start just after the lightblue border (2px) which is backgrounded on */ height: 196px; background: url(layout/header-image.gif) no-repeat; background-position: 20px 39px; padding-left: 290px; overflow: hidden; /* Hide the rest of the background image && no margin collapsing whith the inner

*/ } div#section-intro h2{ margin-top: 75px; color: #92aeff; font-weight: normal; font-style: italic; margin-bottom: .2em; /* --- */ background-repeat: no-repeat; text-indent: -10000px; overflow: hidden; } div#section-intro p{ margin: 0; color: #000; font-size: 1.2em; font-weight: bold; /* --- */ background-repeat: no-repeat; text-indent: -10000px; overflow: hidden; } /* =Page Title (es x Archivi mensili,categorie e tag) ------------------------------- */ div#content h2.pagetitle{ font-size: 0.9em; text-align: center; } /* =Posts ------------------------------- */ div.post{ margin-bottom: 4em; } div.post div.info{ position: relative; margin-bottom: 1em; width: 100%; /* IE 6 hasLayout: otherwise position absolute of small.date doesn't work */ } div.post div.info small.date{ position: absolute; bottom: 2px; right: 0; } div.post div.info small.replaced-date,div.post div.info small.replaced-date img{ display:block; } div.post div.info h3 a{ display: block; color: #92aeff; text-decoration: none; border-bottom: 2px solid #dbdbdb; background: none; width: 100%; /* IE6 hasLayout: otherwise the border is not shown */ } div#page.page div.post div.info h3{ /* Pages doesn't have a link in the

tag. So apply the border to the

*/ border-bottom: 2px solid #dbdbdb; } div.post div.info h3 a:hover{ border-bottom: 2px solid #c9c9c9; } div.post div.info h3.replaced-header img{ border: 0; } div.post div.entry{ text-align: justify; } div.post div.entry p{ line-height: 1.6em; } div.post div.entry h4{ color: #92aeff; } div.post p.tags{ font-size: 0.9em; color: #fff; /* hide 'tags:' and commas */ text-indent: -10000px; overflow: hidden; /* clear floats */ width: 100%; } div.post p.tags a:link,div.post p.tags a:visited{ color: #616161; text-indent: 0; float: left; background: url(layout/tag_blue.png) no-repeat left center; padding-left: 20px; margin-left: 5px; } div.post p.actions{ margin: 0; text-align: right; color: #616161; font-size: .9em; border-top: 1px solid #ececec; } div.single div.post p.actions{ border: 0; } div.post p.actions a{ color: #616161; } /* =PostStyle ------------------------------- */ div.entry a img{border:0} div.entry img.aligncenter{margin-left: auto; margin-right: auto;display: block;} div.entry small{color: #8f8f8f;} /* =Meta ------------------------------- */ div.post p.meta{ background: url(layout/can.gif) no-repeat; background-position: 7px 50%; color: #8f8f8f; font-size: .9em; text-align: justify; padding: 1em 0 1em 40px; margin: 0; border-bottom: 1px solid #ececec; } div.single div.post p.meta{ border-top: 1px solid #ececec; } div.post p.meta a{ color: #444; } form#paypalCoke fieldset{ border: 0; padding: 0; margin: 0; } /* =Navigation ------------------------------- */ div#content div.navigation{ overflow: hidden; width: 100%; } div#content div.navigation span.previous{ float: left; } div#content div.navigation span.next{ float: right; } /* =Comments ------------------------------- */ div#comments h4{ text-indent: -10000px; overflow: hidden; background: url(layout/comments-titles.gif) no-repeat left top; height: 24px; margin-top: 2em; } div#comments ol.commentlist{ list-style: none; padding: 0; margin: 0; } div#comments ol.commentlist li div.commentBody{ margin-top: 1.5em; border: 1px solid #dbdbdb; border-bottom: none; padding: 0 1em 1em; text-align: justify; } div#comments ol.commentlist li small.commentMetaData{ display: block; background: url(layout/comment-bottom.gif) no-repeat; height: 23px; /* 30px (real-height) - 7px (paddin-top) */ padding: 7px 0 0 30px; color: #8f8f8f; } div#comments ol.commentlist li:hover div.commentBody{ border-color: #92aeff; } div#comments ol.commentlist li:hover small.commentMetaData{ background-position: 0 -30px; } div#new-comment h4{ text-indent: -10000px; overflow: hidden; background: url(layout/comments-titles.gif) no-repeat; background-position: 0 -35px; height: 24px; margin-top: 2em; } div#new-comment fieldset{ border:0; padding: 0; margin: 1em 0 0; color: #8f8f8f; } div#new-comment form div{ margin-top: .4em; } div#new-comment input.text,div#new-comment textarea{ background: #f8f8f8; border: 1px solid #dbdbdb; padding: 3px; } div#new-comment input.text:hover,div#new-comment input.text:focus, div#new-comment textarea:hover,div#new-comment textarea:focus{ background: #fff; margin: 0; } div#new-comment form label{ color: #8f8f8f; padding-left: 5px; } div#new-comment textarea{ display: block; margin: 0; width: 100%; } div#new-comment form small.allowed-tags{ margin: 0; padding: 0 3px; background: #f3f3f3; border: 1px solid #dbdbdb; border-top: none; display: block; width: 100%; line-height: 21px; } div#new-comment small.allowed-tags span.more,div#new-comment small.allowed-tags span.less{ float: right; cursor: pointer; width: 21px; height: 21px; text-indent: -10000px; overflow: hidden; } div#new-comment small.allowed-tags span.more{ background: url(layout/plus.gif) no-repeat center center; } div#new-comment small.allowed-tags span.less{ background: url(layout/minus.gif) no-repeat center center; } /* =SideBar ------------------------------- */ ul#sidebar{ list-style: none; } ul#sidebar h3{ color: #dbdbdb; font-style: italic; text-indent: -10000px; overflow: hidden; background: url(layout/sidebar-titles.gif) no-repeat; } ul#sidebar li{ margin: 1em 0; list-style-image: none; } ul#sidebar li ul{ margin: 1em 0; } ul#sidebar li li{ margin: 0; list-style-image: url(layout/li1.png); } ul#sidebar li#most-read h3{ background-position: 0 0; } ul#sidebar li#related h3{ background-position: 0 -40px; } ul#sidebar li#most-discussed h3{ background-position: 0 -80px; } ul#sidebar li#feed a{ float: left; /* Così è block-element ma si adatta alla larghezza del contenuto */ margin-top: 2em; padding-top: 40px; background: url(layout/gray-feed.gif) center top no-repeat; background-position: 50% 0; color: #dbdbdb; font-weight: bold; text-decoration: none; } ul#sidebar li#feed a:hover{ background-position: 50% -118px; border-bottom: 1px solid #dbdbdb; } /* =Footer ------------------------------- */ /* titles */ div#footer h3{ color: #fff; border-bottom: 1px solid #fff; text-indent: -10000px; background: url(layout/footer-titles.gif) no-repeat; margin-top:0; } div#footer div.box{ margin-top: 18px; } /* Lists */ div#footer div.box ul{ padding: 0; margin: 1em 0 0; list-style: none; } div#footer div.box ul li{ margin: 0; padding: 0; line-height: 24px; /* IE Whitespace bug between
  • s */ display: inline; } div#footer div.box ul li a{ display: block; border-bottom: 1px solid #c9d6ff; color: #fff; text-decoration: none; padding-left: 25px; background-position: 0 0; background-repeat: no-repeat; } div#footer div.box ul li a:hover{ background-color: #9eb7ff; background-position: 0 -24px; } /* Archivio */ div#footer div#archives a{ background-image: url(layout/archives-li.png); } div#footer div#archives h3{ background-position: 0 0; } /* Blogroll */ div#footer div#blogroll a{ background-image: url(layout/blogroll-li.png); } div#footer div#blogroll h3{ background-position: 0 -30px; } /* =TagCloud */ div#footer div#tag-cloud h3{ background-position: 0 -60px; } div#footer div#tag-cloud{ height: 170px; /* Tutto ciò funzionerebbe se IE 7 supportasse correttamente il margin collapsing, ma come si vede qui: */ } div#footer div#tag-cloud p{ text-align: justify; font-size: .7em; } div#footer div#tag-cloud a:link,div#footer div#tag-cloud a:visited{ color: #fff; text-decoration: none; } div#footer div#tag-cloud a:hover{ text-decoration: underline; } div#footer div#tag-cloud a:active{ color: #fff; text-decoration: none; } /* =Search */ div#footer div#search h3{ background-position: 0 -90px; margin: 10px 0 5px; } div#footer div#search form fieldset{ margin: 0; padding: 0; border: 1px solid #abc1ff; } div#footer input#s{ background: #9db6ff; border: 0; padding: 4px 3px; color: #fff; width: 149px; /* 165px (real width) - 3px * 2 (padding) */ font-family: "Bitstream Vera Sans",Verdana, Geneva, Kalimati, sans-serif; } div#footer input#searchsubmit{ background: #92aeff; color: #fff; border: 0; text-align: center; width: 60px; font-family: "Bitstream Vera Sans",Verdana, Geneva, Kalimati, sans-serif; } /* In the page */ form#inPageSearchForm{ margin: 1em 0; } form#inPageSearchForm input.text{ background: #f8f8f8; border: 1px solid #dbdbdb; padding: 3px; } form#inPageSearchForm input.text:hover,form#inPageSearchForm input.text:focus{ background: #fff; margin: 0; } /* =Portfolio ------------------------------- */ ul#sidebar li#web h3{ background-position: 0 -120px; } div.entry div.screenshot{ background: #ececec; position: relative; overflow: hidden; /* No margin collapsing con margine
      */ margin: 1em 0 0; width: 100%; } div.entry div.screenshot:hover{ background: #dcdcdc; } div.entry div.screenshot a{ padding: 0; background: none; border: 0; } div.entry div.screenshot a:hover{ background: none; border: 0; } div.entry div.screenshot a img{ border: 4px solid #f3f3f3; opacity: .7; } div.entry div.screenshot:hover a img{ border-color: #dcdcdc; opacity: 1; } div.entry div.screenshot ul{ overflow: hidden; width: 100%; padding: 0; margin: 0 0 5px 0; } div.entry div.screenshot ul li{ list-style: none; float: left; background: url(layout/portfolio-li.png) no-repeat left center; padding: 0 0 0 20px; margin: 0 0 0 10px; font-family: Verdana, Geneva, Kalimati, sans-serif; color: #000; text-transform: uppercase; font-weight: bold; font-size: .85em; /* IE double margin. Ignored by standard browsers because the elment is floated */ display: inline; } div.entry div.screenshot a.visit-site:link,div.entry div.screenshot a.visit-site:visited{ position: absolute; bottom: 5px; right: 10px; font-family: Verdana, Geneva, Kalimati, sans-serif; color: #000; font-weight: bold; font-size: .85em; text-transform: uppercase; background: none; } div.entry div.screenshot a.visit-site:hover{ text-decoration: underline; }