/* Theme Name: Iris Theme URI: http://www.irisbuzz.it/ Description: Theme for IrisBuzz Version: 1 Author: Websushi + Berardo Mate' Author URI: http://berardomate.com/ */ /*bright:#DC1764 dark:#BC0B68 */ /* regole generali =========================================*/ /* Neutralize styling: Elements we want to clean out entirely: */ html, body, form {margin: 0; padding: 0;} html {font-size:100%;} img {border:0;} ul {list-style:none;} label {cursor:auto} h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd {margin: 0; padding: 0;} /* Miscellaneous conveniences: */ fieldset { border: none;padding:0; margin:0} input, select, textarea {font: 11px Arial, Helvetica, sans-serif;} .clear {clear:both;} br.clear {clear:both; line-height:0; height:0} .left {float:left} .right {float:right} .center {text-align:center} .alignRight {clear:both; text-align:right} /* Apply styles ========================================= */ body {font: 12px/1.2 arial, Helvetica, sans-serif;color:#000; text-align: center;} /*link*/ a, a:visited {color:#DC1764; text-decoration:none;} a:hover {text-decoration:underline;} a.small {font-size:11px} /*titoli*/ h1 {color:#DC1764; font-size:26px; margin-bottom:7px} h1 a:hover {text-decoration:none} h2 {font-size:20px; margin-bottom:7px} /* struttura principale =========================================*/ body {background:#DC1764;} #contMain { background:#FFF url(images/bg_container.gif) 0 0 repeat-x; } /*header*/ #contHeader { margin:0; height:180px; position:relative; background:#FFF url(images/bg_header.gif) 0 0 repeat-x; } #header {width:990px; margin:0 auto; text-align:left; height:80px; position:relative; _height:75px} #header img#logo {position:absolute; top:55px; left:178px} #header img#manga {position:absolute; top:13px; left:0} #counter {position:absolute; top:65px; right:0; font-size: 16px; color: #9E005D; text-align:right; background: url(images/bg_counter.gif) 0 0 no-repeat; width:140px; height:64px; padding:5px;} #counter strong {color:#fff;} #login {position:absolute; top:25px; right:10px; font-size:11px; width:295px; background:#dbdbdb; border:#FFF 3px solid; height:40px} #login form { padding:12px 10px 0} #login label {display:none} #login input {vertical-align:top} #login input#username {width:115px; height:15px; border:#c6c6c6 1px solid; color:#666; padding:1px 2px; _width:100px} #login input#password{width:90px; height:15px; border:#c6c6c6 1px solid;color:#666; padding:1px 2px} #login input.button {padding:1px 3px 0; background:#DC1764; color:#FFF; line-height:15px; text-transform:uppercase; font-size:10px;border:#BC0B68 1px solid;} /*sistemare per ie*/ #login a.button:hover {background:#b3b921; color:#FFF; text-decoration:none} #logout {position:absolute; bottom:11px; right:0; font-size:11px; text-align:right} #logout span {border-right:#000 1px solid; padding-right:8px; margin-right:6px; } /*main*/ #wrapper {width:990px; margin:0 auto; text-align:left; background:url(images/bg_main.gif) 0 20px; padding:0;} /*menu*/ #menu {width:810px; padding:3px 0 0 180px; margin:0 auto;/* background:url(images/bg_menu.gif) 55px 0 no-repeat; */ height:20px; position:relative} #menu li {float:left; text-transform:uppercase; font-size:10px; margin-right:12px} #menu li a {display:block;color:#FFF; border:#DC1764 1px solid; color:#FFF;padding: 2px 8px;} #menu li.sel, #menu li a:hover { padding: 2px 8px; background:#FFF; border:#DC1764 1px solid; color:#FFF; text-decoration:none; color:#DC1764} /*lingua*/ #lang {text-align:right; padding:0 5px 10px} #lang img {float:right; margin-right:5px} /*corpo pagina #main {float:left; width:520px; padding:18px 10px 10px; line-height:18px; }*/ /*post*/ .post {clear:both; padding-bottom:10px; background:url(images/bg_post.gif) bottom left repeat-x; margin-bottom:40px} .post .heading {border-top:#afafaf 1px dotted; border-bottom:#afafaf 1px dotted; font-size:11px; margin-bottom:0} .post .heading .meta-date {background:url(images/bg_data.gif) 0 0 no-repeat; padding-left:15px} .post p {font-size:14px; line-height:23px} .post p a {font-weight:bold} .post .meta-url { border-bottom:#afafaf 1px dotted; font-size:11px; margin-bottom:10px } p.tags {display:block; clear:both; font-size:11px; margin:10px 0} .post p.tags a {font-weight:normal} .post .meta {font-size:11px; position:relative; margin-top:10px} .share a {background:url(images/ico_share.gif) 0 0px no-repeat; color:#000; line-height:20px; padding:2px 0 2px 20px; margin-right:15px} .meta-comments {display:block; position:absolute; right:20px;top:0; width:60px;} .meta-comments a {background:url(images/ico_commenti.gif) 0 2px no-repeat; color:#000; line-height:20px; padding:2px 0 2px 20px} .post .pict { margin:0 10px 10px 0; text-align: center; } .post img { padding: 5px; text-align: center; } .post .wp-caption {float:left; _margin:0} .post p.wp-caption-text {display:none} /*sidebar*/ #sidebar {float:left; width:310px; padding:0 0 0 10px; font-size:12px; _width:305px; display:inline; color:#666} #sidebar a {color:#353635} #sidebar .box {margin:10px 10px 30px 0} #sidebar .box h2 {font-weight:normal; border-bottom:#d4d4d4 1px dotted; border-top:#d4d4d4 1px dotted; color:#DC1764;} #sidebar .box li {background:url(images/bg_list.gif) 0 6px no-repeat; padding-left:7px; line-height:18px; } #sidebar .feed h2 {position:relative; padding:1px 0;height:20px; line-height:20px} #sidebar .feed h2 a.ico {position:absolute; top:2px; left:283px} #sidebar .gallery {margin:10px 0 30px 0;} #sidebar .gallery h2 {margin-right:10px} #sidebar .gallery img {float:left; margin:6px 13px 7px 0; _margin-right:11px} #sidebar .gallery .thumb {float:left; text-align:center; margin-bottom:5px; width:103px; _width:100px; } #search {background:#dbdbdb; margin:10px 0; padding:10px;} #search label {display:none} #search input {width:190px; border:#bcbcbc 1px solid; height:15px; padding-top:3px; padding-left:20px; background:#fff url(images/ico_lente.gif) 2px 2px no-repeat; vertical-align:middle} #search input.button {padding:1px 3px; background:#DC1764; color:#FFF; text-transform:uppercase; font-size:10px;border:#BC0B68 1px solid; width:auto; margin-left:5px; height:19px;} /*sistemare per ie*/ #newsletter {background:#F6AFCF url(images/bg_news.png) no-repeat; margin:10px 0; height: 110px;} #newsletter form {padding:50px 0 0 10px;} #newsletter input {width:190px; border:#EEE3E8 1px solid; height:15px; padding-top:3px; vertical-align:middle} #newsletter label {display:block; color: #FAE5EE;} #newsletter input.button {padding:1px 3px; background:#DC1764; color:#FFF; text-transform:uppercase; font-size:10px;border:#F397C0 1px solid; width:auto; margin-left:5px; height:19px;} /*sistemare per ie*/ #badge {background:url(images/bg_blog.gif) no-repeat; margin:5px 0 0; height: 100px;} #badge p, #inet p {padding: 35px 20px 0; color:#fff;} #badge p em, #inet p em {display:block; text-transform:uppercase; font-style:normal; text-align:right; padding: 18px 15px 0 0;} #badge a {color:#2E4400;} #inet {background:url(images/bg_inet.gif) no-repeat; margin:5px 0; height: 100px;} #inet a {color:#244253;} #sidebar #categorie {margin-right:0;} #sidebar #categorie li {float:left; width:93px; margin-right:10px;} #feed {margin-bottom:10px} #feed img {float:left; margin-right:7px; vertical-align:middle} #feed a {font-size:16px} #forum {background:url(images/butt_forum.gif) 0 0 no-repeat; height:46px} #forum a {display:block; font-size:18px; letter-spacing:-0.5px; font-weight:bold; color:#DC1764; line-height:45px;height:45px; background:url(images/bg_forum.gif) 10px 15px no-repeat; padding-left:27px} #forum a:hover {text-decoration:none} #sidebar .left {width:130px; float:left;} #sidebar .left .box {margin:0 0 20px 0} #sidebar .right {width:160px; float:right;} #sidebar .left .box li, #sidebar .right .box li,#sidebar #categorie li {background:transparent; padding:0} /* footer =========*/ #contFooter {clear:both; text-align: center; border-top:#BC0B68 8px solid; } #bgfeeds {margin:0; background: #fff url(images/bg_feeds.gif) repeat-x; padding: 30px 0 0;} #contfeeds {clear:both; margin:0 auto; width:990px; } .feedbox {padding: 0 0 0 20px; margin: 0 0 0;} .feedcol {width:280px; float:left; margin: 0 20px 20px 0; text-align:left; padding: 10px; height:120px; overflow:hidden;border:1px solid #ddd;} .feedcol li {background:url(images/bullet.gif) 0 4px no-repeat; padding-left:10px; line-height:18px; } .feedcol li a {color:#666;} .feedcol li a:hover {color:#333;} #footer {clear:both; font-size:11px; width:990px; margin:0 auto; padding:10px 0; position:relative; color:#FFF; text-align:center; } #footer a,#footer a:visited {color:#FFF} #footer ul {display:inline; margin-left:3px} #footer ul li {display:inline; border-left:#FFF 1px solid; padding:0 5px} /*adv*/ #adv728 {padding:5px 0} #main .adv {clear:both; padding-bottom:13px; background:url(images/bg_post.gif) bottom left repeat-x; margin-bottom:20px; text-align:center;margin-top:-20px} #sidebar .adv {margin:10px 0} /*cloud*/ a.size1 {font-size:11px} a.size2 {font-size:12px} a.size3 {font-size:16px} a.size4 {font-size:19px} a.size5 {font-size:21px} /* rating .rating { position:absolute; top:4px; left:457px;} span.voti { position:absolute; top:2px; left:420px;}*/ .star-rating, .star-rating a:hover, .star-rating a:active, .star-rating a:focus, .star-rating .current-rating { background: url(../img/star_small.gif) left -1000px repeat-x; } .star-rating {position: relative; width: 125px; height: 25px;overflow: hidden;list-style: none; margin: 0;padding: 0; background-position: left top;} .star-rating li { display: inline;} .star-rating a, .star-rating .current-rating {position: absolute;top: 0;left: 0;text-indent: -1000em;height: 25px;line-height: 25px;outline: none;overflow: hidden; border: none;} .star-rating a:hover, .star-rating a:active, .star-rating a:focus { background-position: 0 -14px; } .star-rating a.one-star {width: 20%; z-index: 6;} .star-rating a.two-stars{width: 40%;z-index: 5;} .star-rating a.three-stars{width: 60%;z-index: 4;} .star-rating a.four-stars {width: 80%;z-index: 3;} .star-rating a.five-stars{width: 100%;z-index: 2;} .star-rating .current-rating {z-index: 1;background-position: 0 -28px;} /* for an inline rater */ .inline-rating {display: inline-block;vertical-align: middle;} /* smaller star */ .small-star {width: 60px;height: 15px;} .small-star, .small-star a:hover, .small-star a:active, .small-star a:focus, .small-star .current-rating {background-image: url(images/star_small.gif);line-height: 15px; height: 15px;} /*paginazione*/ .paging {clear:both; margin:5px 0 35px; text-align:center; font-size:24px} .paging a {padding:3px 10px 2px; margin:0 1px; border:#d6d6d6 1px solid} .paging a:hover {text-decoration:none; color:#000} .paging span {padding:3px 10px 2px; margin:0 1px; border:#d6d6d6 1px solid} /*form commenti*/ h2#postcomment {margin-top:40px} #commentform label {font-size:14px !important} #commentform p {margin-bottom:7px} #commentform textarea {width:100%; border:#c6c6c6 1px solid; color:#666;} #commentform input#author, #commentform input#email, #commentform input#url {border:#c6c6c6 1px solid; height:18px; vertical-align:middle; width:200px; margin-right:5px} #commentform input#submit {padding:1px 3px 0; background:#DC1764; color:#FFF; line-height:15px; text-transform:uppercase; font-size:10px;border:#BC0B68 1px solid;} /*commenti*/ #commentlist li { padding: 20px; } #commentrss { clear: both; margin: 20px 0; } /* integrazioni */ .avatar { float: left; margin: 0 10px 10px 0; } .pagetitle { margin: 20px 0; color: #AAA; font-weight: normal; } h2 { clear: both; color: #AAA; font-weight: normal; } .commentauthor { font-weight: bold; } table.a { margin: 1em 0; border-collapse: collapse; } table.a th { text-align: center; padding: 3px; font-weight: bold; } table.a td { padding: 4px; } table.a code { font: normal 10px Monaco, "Courier New", monospace; color: #666; } table.a td.mid { text-align: center; } .wpcf7-form { width: 100%; margin: 20px 0 5px; padding: 0; } .wpcf7-form p { position: relative; margin: 0; padding: 5px 0 5px 245px; border-top: 1px solid #eee; } .wpcf7-form p label { position: absolute; left: 0; top: 8px; width: 240px; font-weight: bold; } .wpcf7-form p input.txt { width: 250px; padding: 3px 3px; border: 1px solid #dadada; } .wpcf7-form p .txt.short { width: 40px; } .wpcf7-form p span.privacy {font-size:10px; color: #999; line-height: 11px;} .wpcf7-form p input.button {padding:1px 3px 0; background:#DC1764; color:#FFF; line-height:15px; text-transform:uppercase; font-size:10px;border:#BC0B68 1px solid;} /* rules changed/added by Berardo */ #network {width:110px; float:left; margin:0 0 0 20px; padding:7px 0 0 0; text-align:left; z-index:10} #network h3 {text-transform: uppercase; letter-spacing: 1px; font-size: 10px; margin: 0 0 10px; color: #666;} #network ul li {padding: 5px 0; border-bottom: 1px solid #eee; text-transform: uppercase; font-size: 11px;} #network a {font-weight:bold; direction: block; padding-left: 16px;background-position: 0 0; background-repeat: no-repeat;} #network #igossip a {color:#DE358F;background-image: url(images/ico_gossip.gif);} #network #ilove a {color:#c00;background-image: url(images/ico_love.gif);} #network #ifashion a {color:#20CFF6;background-image: url(images/ico_fashion.gif);} #network #ipets a {color:#2C8922;background-image: url(images/ico_pet.gif);} #network #ibella a {color:#CC88E5;background-image: url(images/ico_bella.gif);} #network #icucina a {color:#F0AD1D;background-image: url(images/ico_cucina.gif);} #network #ibook a {color:#2593B0;background-image: url(images/ico_book.gif);} #network #icinema a {color:#1D558F;background-image: url(images/ico_cinema.gif);} #network #iviaggi a {color:#8BC136;background-image: url(images/ico_viaggi.gif);} #network #itv a {color:#F15A24;background-image: url(images/ico_tv.gif);} #network #icasa a {color:#225F31;background-image: url(images/ico_casa.gif);} #network #iarte a {color:#563820;background-image: url(images/ico_arte.gif);} #network #itech a {color:#7F2B8E;background-image: url(images/ico_tech.gif);} #network #imamma a {color:#C77A9F;background-image: url(images/ico_mamma.gif);} #network #ibimbo a {color:#68AEDC;background-image: url(images/ico_bimbo.gif);} #network #icapelli a {color:#000000;background-image: url(images/ico_capelli.gif);} #network #idieta a {color:#8FC63E;background-image: url(images/ico_dieta.gif);} #network #ioroscopo a {color:#1A144A;background-image: url(images/ico_oroscopo.gif);} #network #ireality a {color:#5F5F5F;background-image: url(images/ico_reality.gif);} #network #ifitness a {color:#EF8C15;background-image: url(images/ico_fitness.gif);} #network #iwellness a {color:#258AC1;background-image: url(images/ico_wellness.gif);} #network #iviaggi a {color:#97C439;background-image: url(images/ico_viaggi.gif);} #network #ilusso a {color:#DBB526;background-image: url(images/ico_lusso.gif);} #network #ijewelry a {color:#96704D;background-image: url(images/ico_jewelry.gif);} #network #isalute a {color:#2DB8C7;background-image: url(images/ico_salute.gif);} #network #igreen a {color:#1B4B27;background-image: url(images/ico_green.gif);} #network #ibuzz a {color:#BC0B68;background-image: url(images/ico_buzz.gif);} #main {float:left; width:520px; padding:18px 10px 10px; } .rating { position:absolute; top:4px; left:457px;} span.voti { position:absolute; top:2px; left:420px;} .social { display: inline; margin: 0 !important; padding: 0 !important } .social li { background: none;display: inline;list-style-type: none;margin: 0;padding: 1px;} .social li:before { content: ""; } .social img {float: none;width: 16px;height: 16px;border: 0;margin: 0;padding: 0;}