/* Theme Name: Giovanni Gentile Theme URI: http://www.giovannigentile.net Description: My first personal WordPress Theme Version: 1.0 Author: Giovanni Gentile Author URI: http://www.giovannigentile.net grey: #bbc7c4 b-grey: #cad4d1 blue: #c6d3d8 b-blue: #adc1c8 verde: #b8e183 azzurro: #62e6f2 viola: #a4add8 lilla: #e3cce9 background: #f7f7f7 */ /* UTIL'S */ * { margin: 0; padding: 0; } a { text-decoration:none } a, a img { border:none } /* Gets rid of IE's blue borders */ .clear { clear: both; } ul, li { list-style: none; } .button { border: 1px solid #dddddd; background: white; padding: 3px 8px; color: #666; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .button:hover { background: #dddddd; color: white;} /* GLOBAL */ body { margin: 0 auto; background: #f7f7f7 url(images/wrap-header-bg.jpg) no-repeat center top; } img, a img, p { border: none; padding: 0; margin: 0; } /* !======| STRUCTURE |============ */ #wrapHeader { height: 170px; margin: 0 auto; } #header { width: 960px; height: 170px; margin: 0 auto; } #logo { display: block; top: 100px; width: 260px; height: 70px; position: relative; float: left; background: transparent url(images/logo.png); } a#logo h1 { height: 0; overflow: hidden; } #wrapPage { min-height: 436px; height: auto !important; height: 436px; margin: 0 auto; padding-top: 40px; } body#default #wrapPage { padding-top: 0; background: transparent url(images/wrap-page-sticker-bg.jpg) center no-repeat; } body#default #wrapFooter { background: transparent url(images/wrap-footer-home-bg.jpg) top center no-repeat; }/* cambia il footer-bg sull'home page */ #mainCol { width: 960px; min-height: 400px; height: auto !important; height: 400px; margin: 0 auto; } /* margin-bottom: 40px; */ #intro { width: 960px; min-height: 60px; height: auto !important; height: 60px; margin: 0 0 24px 0; background: transparent url(images/intro-bg.png) bottom repeat-x; } #intro p { margin: 0; padding-bottom: 12px;} #contents { width:758px; min-height: 300px; height: auto !important; height: 300px; float: left; /* padding-top: 20px */; background: transparent url(images/sideLine.png) right repeat-y; } /* != MENU = */ #menu { height: 57px; top: 111px; /*margin-left: 90px;*/ position: relative; float:right; } .menu-item { display: block; margin: 0; position: relative; float: left; color: black; text-transform: uppercase; font-size: 110%; overflow:hidden; outline:none;} a#home { width: 79px; height: 57px; background: transparent url(images/home-bg.png) no-repeat left top; } a#portfolio { width: 97px; height: 57px; background: transparent url(images/portfolio-bg.png) no-repeat left top; } a#contact { width: 93px; height: 57px; background: transparent url(images/contact-bg.png) no-repeat left top; } a#home:hover { background: transparent url(images/home-bg.png) no-repeat left bottom; } a#portfolio:hover { background: transparent url(images/portfolio-bg.png) no-repeat left bottom; } a#contact:hover { background: transparent url(images/contact-bg.png) no-repeat left bottom; } /* item corrente */ body#default a#home { background: transparent url(images/home-bg.png) no-repeat left bottom; } body#portfolio a#portfolio { background: transparent url(images/portfolio-bg.png) no-repeat left bottom; } body#contact a#contact { background: transparent url(images/contact-bg.png) no-repeat left bottom; } body#portfolio li.tutto { background-color: #eae6e9; } body#portfolio li.tutto a { color: black; color: #999; } body#portfolio li.tutto a:hover { color: black; color: #999; cursor: default; } /* != SEARCHFIELD === */ #search-bar { position: relative; float: left; width: 149px; margin-top:22px; } input#s { padding-top: 3px; } #searchsubmit { width: 52px; height: 57px; background: transparent url(images/lens.png); border:none; text-indent: -900em; line-height:0px; } /* != SIDEBAR === */ #sidebar { top: 0; width:200px; min-height: 300px; height: auto !important; height: 300px; position: relative; float: left; } #sidebar h2 { height: 35px; margin: 0; background: transparent url(images/sidebar-h2-bg.png) top left no-repeat; } #sidebar ul li { height: 35px; margin-left: 20px; background: transparent url(images/cat-li-bg.png) bottom repeat-x; } #sidebar ul li a { display: block; height: 35px; color: #b2b2b2; padding: 8px 0 0 6px; } #sidebar ul li a:hover { color: #666; background: none; } #sidebar ul li.current-cat { background-color: #eae6e9; } #sidebar ul li.current-cat a { color: #999; } #sidebar ul li.current-cat a:hover { color: #666; } /* ! = ENTRIES === */ .post { } .post-cont { position: relative; float: left; width: 334px; min-height: 350px; height: 350px; margin: 0 40px 24px 0; background: transparent url(images/intro-bg.png) bottom repeat-x; } .post-cont h2 { visibility: hidden; } .post-cont h3 { height: 28px; background: transparent url(images/intro-bg.png) bottom repeat-x; } .datebox { width: 46px; float: left; padding: 10px 5px 5px; background: #e3cce9; color: white; text-align: center; margin: 0 10px 0 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .day { font-size: 2.4em; font-weight: bold; margin: 0; } .month { font-size: 1.4em; font-weight: bold; text-transform: uppercase; margin: 3px 0 0; } .year { font-size: 1.1em; font-weight: bold; margin: 0; } .more-link { padding-left: 40px; } .navigation { visibility: hidden; } /* != FOOTER === */ #wrapFooter { min-height: 170px; height: auto !important; height: 170px; margin: 0 auto; background: url(images/wrap-footer-bg.jpg) center top no-repeat; } #footer { width: 960px; min-height: 170px; height: auto !important; height: 170px; margin: 0 auto; padding-top: 40px; text-align: center; } /* !======| END STRUCTURE |============ */ /* != TYPOGRAPHY === */ body { font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-size: 90%; color: #333; line-height: 1.4em; } p { margin: 0 0 12px; } #footer p { font-size: 0.8em; color: #cad4d1; } a { color: #a4add8; } a:hover { color: #fff; background: #a4add8; } h1, h2, h3, .serif { font-family: Georgia, "Times New Roman", Times, serif; } h1 { margin: 28px 0 28px 0; font-size: 4em; } h2 { font-size: 2.2em; margin: 0 0 12px 0; } h2 a { color: #000; } h2 a:hover { color: #fff; background: #000; } h3 { font-size: 1.3em; margin-bottom: 10px; color: #62e6f2;} h3 a { color: black; } .post h2 a { color: #999; font-weight: normal; } .post h3 { color: #000; font-style: italic; font-weight: normal; } .post p { font-size: 0.9em; line-height: 1.2em; } #intro h2 { color: #666; font-style: italic; font-weight: normal; } #intro p { color: #adc1c8; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.2em; font-weight: normal; } #sidebar p { color: #bbc7c4; } #sidebar ul li a { }