/* Foglio di stile - Beppegrillo.it */ /* Casaleggio Associati - 2009 */ /* Reset */ a img { border: none; } /* Clearfix */ .clearfix:after { clear:both; content:"."; display:block; height:0; visibility:hidden; } /* * html .clearfix { height: 1%; } */ /* Generici */ body { background: #DDD; font: normal 11px verdana; margin: 0; padding: 0; } a:link, a:visited { color: #595984; text-decoration: none; } a:hover { color: #595984; text-decoration: underline; } #dataminipost { visibility: hidden; } /* Struttura principale pagina */ #container { background: #fff; width: 990px; margin: 0px auto; padding: 0px 10px 10px 10px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; position: relative; box-shadow: 0 0 8px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 8px rgba(0,0,0,.2); -moz-box-shadow: 0 0 8px rgba(0,0,0,.2);} #colonna_grillorama { width: 210px; position: relative; float: right; top: -59px; right: 10px; left: 0px; } #colonna_blog { width: 770px; float: left; margin-right: 10px; margin-top: 5px;} /* Top toolbar */ #top-toolbar {position: relative; font-family: Arial; font-size: 12px; color:#ffffff; text-decoration:none; margin: 0px auto 1px auto; width: 990px; height: 20px; padding: 5px 10px 5px 10px; background:#646464;} #top-toolbar a {color:#ffffff; text-decoration:none;} #menu_lingua {display:inline;} #search_toolbar {position:absolute; top:4px; right:10px;width:210px;} /* .voci_toolbar {width:auto; display:inline; margin-left:10px; margin-right:10px;} */ ul.voci_toolbar {list-style-image:none; list-style-position:outside; list-style-type:none;display:inline; position: absolute; right: 235px; top: 9px; margin-top:0;} ul.voci_toolbar li {display:inline; margin-left:10px;} #prima_voce_toolbar {position:absolute; left:400px;} /* Colonna Tze Tze */ #colonna_tzetze { width: 210px; margin-top: -56px; position: relative; float: right; right: 10px; left: 0px; } #colonna_tzetze h3 { color: #666; font: bold 14px Arial, sans-serif; letter-spacing: 0.3px; text-align: left; margin: 2px 0px; line-height: 19px; padding: 5px 0 3px 0px; } #prima-notizia { margin-top: -5px; } .container_immagine_tzetze {border-radius: 10px; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0 /* Chrome < 10 */; width: 190px; height: 95px; overflow: hidden; text-align: center; margin-left: -10px;} #tzetze_link {position:relative; top:13px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0 /* Chrome < 10 */; background: #8ec2d8;} #colonna_tzetze h3 a { color: #666; } #tzetze_link img {display:none;} .aggiornamento_tzetze {text-align: center; width:210px; padding: 7px 0px 5px 0px; font: 11px Verdana } .banner_sidebar2 {border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px /* Chrome < 10 */; text-align: center; width: 208px; height: auto; padding: 5px 0px 0px 0px; background: #eee; border: 1px solid #CCC; margin-top:5px;margin-left:1px;} .banner_sidebar2 li {display:inline;} .banner_sidebar2 img { width: 25px;} .banner_sidebar2 ul {padding: 0px; margin-top:0; margin-bottom: 2px; margin-left:0;} .postContentSidebar {box-shadow: 0 3px 4px rgba(0, 0, 0, 0.5);background: white;width: 170px; height:280px; border-radius: 10px;-moz-border-radius: 10px; -webkit-border-radius: 10px /* Chrome < 10 */; padding: 0 10px 5px 10px; margin-top:10px; overflow: hidden; position: relative; } #banner_sidebar0 { /*height: 46px;*/ width: 210px; margin-top: 5px; margin-bottom: 5px;} .banner_sidebar0 {border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px /* Chrome < 10 */; text-align: left; width: 198px; height: auto; padding: 5px 0px 0px 10px; background: #eee; border: 1px solid #CCC; margin-top:5px;} .area_libro_tzetze { width: 180px; background-color: #FDFFC3; position: relative; top: 15px; margin-bottom: 25px; left: -10px; padding: 10px 15px 5px 15px; height: 100px; /* border: 3px solid #79A3CA; */} #banner_top_terza_colonna {margin-top:12px; margin-bottom:5px;} .postBodySidebar {margin-top: 0px; font-family: Verdana, 'Trebuchet MS', sans-serif; font-size: 11px; line-height: 150%; } .postFooterSidebar { font-size: 10px; text-align:left; position: absolute; bottom: 0px; } .postActionsSidebar { font-size: 10px; text-align: left; top: 4px; position: relative;} .postActionsSidebar img { vertical-align: middle; text-align:left;} .postActionsSidebar a { font: normal 10px Arial; color: #333;} .postActionsSidebar a:hover { color: #D31627; text-decoration: none;} a.scoring {background: url("http://www.tzetze.it/mt-static/themes/tristan-blue-4.2/scoring-stars-tzetze.gif") no-repeat scroll 0 -120px transparent; text-decoration: none; line-height: 18px;padding: 0 0 3px 18px; font: normal 11px; } .postImage {width: 190px;} .postImage_alt {width:60px;} #newSpan {border: 1px solid #c1c1c1; background-color: #d1d1d1; padding: 0 1px 3px 0px; border-radius: 3px ; -moz-border-radius: 3px; -webkit-border-radius: 3px /* Chrome < 10 */;} .tzetze_scoring {background: url('http://www.beppegrillo.it/immagini/immagini/scoring-unscored.gif') no-repeat; padding: 0px 0 3px 18px; display:none;} /* TopBanner */ #topbanner { height: 45px; margin-top: 5px; /* padding-bottom: 4px;*/ float: left; /*display: none;*/ } /* TopBanner Down */ #topbanner_down { margin-top:5px; display:none;} .topbanner_donw_inner {display:none; background: url('http://www.beppegrillo.it/immagini/fondo_barra_pdt_inner.jpg') no-repeat; height: 78px;} #titolo_tzetze {position:relative; background: url(http://www.beppegrillo.it/immagini/le-tue-notizie-dalla-rete.png) no-repeat;top: -15px; left:-15px; width: 210px; height: 75px;} #container_topbanner_down {width: 770px; margin-top:5px; height: 80px; background: url(http://www.beppegrillo.it/immagini/sfondo-barra-prodotti.jpg) center no-repeat;} .container_pdt_banner_down {float:left; width: 180px /*160px*/; height: 90px; position: relative; padding-top: 0px; margin: 0px 2px 0px 2px; } .dettagli_pdt {position: absolute; top: 80px; width: 90px; left:74px;} .dettagli_grillorama {position: absolute; top: 50px; width: 105px; text-align:center;} /* .container_pdt_banner_down:hover .dettagli_pdt {z-index:6;display:block; position: absolute; top: 70px; width: 90px; background: #F8F8F8; border: 1px solid #DDD; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.35, #F0F0F0),color-stop(0.68, #F8F8F8)); background-image: -moz-linear-gradient(center bottom,#F0F0F0 35%,#F8F8F8 68%); padding: 3px; margin-left: 70px;} */ .container_pdt_banner_down h4 { width: 168px; display: block; font-weight: bold; color: #444; font-size: 14px; margin: 17px 0px -15px 5px; position: relative; top: -15px;} .container_pdt_banner_down h4 a:link, .container_pdt_banner_down h4 a:visited {text-decoration: none; color:#444;} #accesso_grillorama {width: 80px; color: black; font-size: 10px; text-align: center; top: 14px; left: /*-8px;*/ 12px; } #accesso_grillorama img {width: 100px; margin-top: 4px;} /* #accesso_grillorama img:hover { -webkit-transform: scale(1.70); -moz-transform: scale(1.70); position: relative; z-index: 5; -webkit-transition: -webkit-transform .15s linear; -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25); -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);} */ .container_pdt_banner_down_img {float:left; width: 75px; margin-top:-9px;} .container_pdt_banner_down:hover .container_pdt_banner_down_img{ -webkit-transform: scale(1.25); -moz-transform: scale(1.25); position: relative; z-index: 5; -webkit-transition: -webkit-transform .15s linear; } .container_pdt_banner_down span.newProduct { position: absolute; width: 45px; height: 45px; top: -5px; left: -5px; z-index: 848; background: url('http://www.beppegrillo.it/immagini/immagini/bollino_novita.png') no-repeat top left } /* #titolo_tzetze {background: url(http://www.beppegrillo.it/immagini/letuenotiziedallarete.png) no-repeat;top: 0px; width: 210px; height: 120px; position: relative;} #container_topbanner_down {width: 770px; margin-top:5px;} #container_topbanner_down li {display:inline;} #primo_pdt {background: #F8F8F8; background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.35, #EBEEFF),color-stop(0.68, #F1F3FB)); background-image: -moz-linear-gradient(center bottom,#EBEEFF 35%,#F1F3FB 68%); font: bold 16px "Trebuchet MS"; color: #354398; border: 1px solid #999;} #primo_pdt:hover {background: #d8d8d8; background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.35, #dcdff0),color-stop(0.68, #e7ebfb)); background-image: -moz-linear-gradient(center bottom,#dcdff0 35%,#e7ebfb 68%); color: #666;} .container_pdt_banner_down {float:left; width: 165px; height: 90px; position: relative; padding-top: 10px; margin: 0px 2px 0px 2px; background: #F8F8F8; border: 1px solid #DDD; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.35, #F0F0F0),color-stop(0.68, #F8F8F8)); background-image: -moz-linear-gradient(center bottom,#F0F0F0 35%,#F8F8F8 68%); font: bold 16px "Trebuchet MS"; color: #666;} .container_pdt_banner_down:hover {background: #d8d8d8; background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.35, #d0d0d0),color-stop(0.68, #d8d8d8)); background-image: -moz-linear-gradient(center bottom,#d0d0d0 35%,#d8d8d8 68%); color: #666;} .container_pdt_banner_down_img {float:left; width: 75px; margin-top:0px;} .container_pdt_banner_down h4 { width: 165px; display: block; font-weight: bold; color: #444; height: 28px; margin: -5px 0px 0px 5px;} .container_pdt_banner_down h4 a:link, .container_pdt_banner_down h4 a:visited {text-decoration: none; color:#444;} .container_pdt_banner_down p {width: 90px; margin-top: 30px; float: right; font: normal 9px "Trebuchet MS";} #accesso_grillorama {width: 80px; color: black; font-size: 10px; text-align: center;} */ #tzetze_notizie {position: relative; top: 12px; padding: 10px; margin-left: 0px; overflow: hidden; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px /* Chrome < 10 */; background-color: #8EC2D8;} #banner_sidebar img {margin:0px;} #banner_sidebar {margin-bottom:5px; /*height: 93px;*/ display: none;} /* Lettura consigliata */ .lettura_consigliata {background: url(http://www.beppegrillo.it/immagini/template-lettura-consigliata2.jpg) no-repeat top center; position: relative; height: 80px; cursor:pointer; font-family: verdana, arial; padding-top:25px; padding-left:75px;} .copertina {position: absolute; top: 17px; left: 13px; width: 70px;} .lettura_consigliata .titolo {font-weight:bold;position: relative; font-size:1.2em;} .lettura_consigliata .autore {position: relative; font-size:1em;} .lettura_consigliata p {line-height: 130% !important; position: absolute; top: 42px; left: 75px; width: 345px;} .vedi-su-amazon {position: absolute; right: 30px; top: 50px; display:none;} .lettura_consigliata a, .lettura_consigliata a:hover, .lettura_consigliata a:visited {text-decoration:none; color:#000;} /* Slide Technorati */ #slide_technorati { height: 80px; padding-top: 10px; padding-bottom: 10px; float: left; } /* Testata */ #testata { width: 100%; height: 145px; border-bottom: 2px solid #666; background: url(mt-static/img09/testata-beppe-legge.jpg) no-repeat top center; position: relative; } #testata2 { width: 100%; height: 120px; border-bottom: 2px solid #666; background: url(mt-static/img09/testata-beppe2.jpg) no-repeat top center; position: relative; } #testata_grillomannaro { width: 100%; height: 145px; border-bottom: 2px solid #666; background: url(http://www.beppegrillo.it/immagini/immagini/welcome.jpg) no-repeat top center; position: relative; } #welcome { color: #fff; font-weight: bold; margin-left:10px;} #searchbox { width: 100px; height: 20px; position: absolute; bottom: 7px; right: 70px; } #searchbox .query { width: 120px; height: 18px; outline: none; float: left; border: 1px solid #ccc; color: #666; padding: 0px; margin-top: 0px; font: normal 11px Arial; } #search_toolbar .query {height:15px;} #searchbox form, #searchbox table, #searchbox td { margin: 0; padding: 0; } .banner { margin-left: 30px; } /* Banner: liste civiche o altro, sotto la testata */ #datacorrente {width:755px; height:11px; margin: 130px 0px 0px 0px; padding: 2px 5px 2px 10px; color: #eeeeee; background:url('http://www.beppegrillo.it/immagini/fondodatacorrente.jpg'); position: absolute; float: left; text-align: right; font-size:9px;} #webby {position: absolute; margin: 65px auto auto 15px; } /* Menu di navigazione */ #menubar { width: 770px; height: 35px; line-height: 35px; margin-top: 0px; background: url(mt-static/img09/bg_menu.gif) no-repeat top left; position: relative; } #menubar ul { width: 650px; margin: 0px 0px 3px 0px; margin-left: 3px; line-height: 20px; padding: 8px 0px 0px 3px; float: left; } #menubar ul li { display: inline; float: left; text-align: center; background: url(mt-static/img09/puntinato_menu_ccc.gif) no-repeat top right; } #menubar ul li a:link, #menubar ul li a:visited { padding: 2px 2.5px 2px 3px; color: #333; height: 20px; text-decoration: none; text-align: center; } #menubar ul li a:hover { color: #900; } #menubar ul li a.selected { font-weight: bold; color: #900; } #menubar ul li img { padding-top: 2px; padding-bottom: 0px; margin-bottom: 0px; } /* Social Media - Footer */ #socialIconsBox a { position: relative; } #socialIconsBox a span { display: none; } #socialIconsBox a:hover span { color: #000; text-align: left; display: block; position: absolute; top: 28px; left: 0px; background: #f4f4f4; padding: 10px 5px 5px 5px; font: normal 11px Verdana; width: 90px; } /* Post */ #post_principale { width: 515px; margin: 12px 10px 20px 0px; float: left; border-right: 1px solid #eee; } /* Stili blog 2005/2008 */ .content { padding: 0px 15px 5px 7px; font-family: Verdana, 'Trebuchet MS', sans-serif; font-size: 11px; } .content_tour { padding: 10px 15px 5px 15px; background-color: #ffffff; color:#000000; font-family: Verdana, 'Trebuchet MS', sans-serif; font-size: 11px; border-top: 0px; } .content p { font-family: Verdana, 'Trebuchet MS', sans-serif; line-height: 150%; text-align: left; margin-top: 5px; margin-bottom: 10px; } /* .content p a img { width: 510px; height: 287px; } .content .posted img { width: auto; height: auto; } */ .content blockquote { line-height: 150%; } .content li { line-height: 150%; } .content h2, .content table td h2 { color: #666666; font: normal 12px Verdana, 'Trebuchet MS', sans-serif; text-align: left; margin-bottom: 10px; } .content h1, .content h1 a, .content h3, .content h3 a { color: #666; font: bold 30px /*23px*/ Arial, Sans-serif; text-align: left; margin-bottom: 20px; line-height: 30px; padding-bottom: 3px; } .content h1, .content h1 a { margin-top: 30px; } .content table td { padding: 5px; } #buttonsend, #login, .btn2 { background: #ddd; color: #000; font: normal 11px verdana; padding: 3px; border: 1px solid #ccc; } /* per citare un testo*/ .quote { background-color:#FFFFFF; padding: 5px 5px 5px 30px;border:1px #999999 dashed; width:80%; left:30px; font-family: Arial, Helvetica, sans-serif; font-size:11px; color: #967474; margin-left:30px; } .content p.posted, #post_secondario_alto p.posted { color: #999999; font-size: 10px; background: url(/mt-static/img09/puntinato_orizzontale_ccc.gif) repeat-x top; text-align: left; margin: 20px 0px 55px 0px; line-height: 18px; padding: 3px; } .content span.posted, #post_secondario_alto p.posted { color: #999999; font: normal 10px Verdana, 'Trebuchet MS', sans-serif; background: url(/mt-static/img09/puntinato_orizzontale_ccc.gif) repeat-x top; text-align: left; margin-bottom: 25px; line-height: 17px; padding: 3px; } .content span.posted-nested { display: block; background-position: bottom } .content span.posted-nested table td { padding: 0; } .content p.posted a:link, .content p.posted a:active, .content p.posted a:visited, #post_secondario_alto p.posted a:link, #post_secondario_alto p.posted a:active, #post_secondario_alto p.posted a:visited { color : #666666; text-decoration: none; } .content p.posted a:hover, #post_secondario_alto p.posted a:hover { color : #376088; text-decoration: underline; } .comment-posted { color: #999999; font: normal 10px Verdana, "Trebuchet MS", sans-serif; background: url(mt-static/img09/puntinato_orizzontale_ccc.gif) repeat-x bottom; margin-bottom: 25px; padding-bottom: 0px; text-align: left; line-height: normal; } .subtitle { color:#FFFFFF; font-family:Verdana,'Trebuchet MS',sans-serif; font-size:12pt; font-weight:bold; line-height:normal; margin-left:40px; margin-right:40px; position:absolute; text-align:center; top:175px; width:428px; z-index:999 } /* .content table td img { width: auto; height: auto; } */ #bottoni_pp { background-color:#A1A1A1; margin-top:-15px; text-align:right; width:510px;} #bottoni_pp img {width:25px; margin:3px;} /* Post - Individual */ #capages { padding: 5px; background-color: #FBFBFB; border: 1px solid #F4F4F4; font-size: 11px; line-height: 25px; } #capages a { text-decoration: none; background-color: #FFFFFF; border: 1px solid #E2E2E2; padding-top: 2px; padding-right: 6px; padding-bottom: 2px; padding-left: 6px; } #capages a:hover { background-color: #E0EFFC; } #capages .selectedPage, #capages .selectedPage a { font-weight: bold; text-decoration: none; background-color: #FFFFFF; border: 0px solid #FFFFFF; color: #FF0000; } .capagesdicitura { font-size: 90%; font-style: italic; } .comments-body { background: #F9F9F9; } .comments-nest-box { padding-left:15px; border-left:1px dotted #AAA; color: #000000; } /* form dei commenti nelle pagine*/ #form1{ background-color:#D7E3EE; padding: 5px 7px; border:1px #999999 solid; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; color: #000; } .form1_tab { background:#7396D7 url(http://www.beppegrillo.it/mt-static/images/tab_background_blu.jpg); color: #000; padding: 0px 7px 5px 7px; width: 470px; float: left; margin-bottom: 20px; } .form1_tab input[type=text] { border: 1px solid #369; } #certificato_video, #certificato, #commento_normale, #commento_normale_video {font:bold 14px/14px Arial,Sans-serif;} #form2{ background-color: #ECEED7; border:1px #999999 solid; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; color: #000; padding: 5px 7px 5px 7px; } .form2_tab { background: #DB952D url(http://www.beppegrillo.it/mt-static/images/tab_background_orange.jpg); padding: 5px 7px 5px 7px; color: #000; width: 470px; float: left; margin-bottom: 20px; } #form3 { background-color:#F5F9FA; padding-right:7px; padding-left:7px; border:1px #999999 solid; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; color: #967474; padding-top:5px; padding-bottom:5px; } .form1 textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; background-color: #F5F5F5; } /* Commenti */ .content_comments { overflow: hidden; } .content_comments table td { padding: 5px 0px 5px 0px; } .content_comments h3 { color: #666666; font: bold 16px /*14px*/ Arial; background: none; letter-spacing: 0px; text-align: left; font-weight: bold; margin: 0; padding: 0; line-height: 23px; } .cat { background-color: #ffffff; } .box-commenti { background-color: #F7FAFB; padding: 4px; border: 1px dotted #CCCCCC; } #contenitore-commenti { padding: 1px; } /* Podcast */ .podcast_bar { margin-top: 1px; margin-bottom: 1px; font: bold 11px verdana; height: 30px; line-height: 30px; padding: 5px; background: #eee; border: 1px solid #ccc; width: 498px; } .podcast_bar img { vertical-align: middle; } .podcast-item {display: none;} /* Seconda colonna - parte alta: minipost, ultimo video, ecc. */ #post_secondario { width: 220px; margin: 10px 0px 20px 0px; float: right; padding: 0px 0px 10px 0px; /* border-right-width: 1px; border-right-style: solid; border-right-color: #EEE; */} #post_secondario h2 { color: #666; font: normal 11px Verdana, 'Trebuchet MS', sans-serif; text-align: left; margin-bottom: 0px; } #post_secondario h3 { color: #666; font: bold 14px Arial, sans-serif; letter-spacing: 0.3px; text-align: left; margin-top: 15px; margin-bottom: 0px; line-height: 19px; background: url(mt-static/img09/puntinato_orizzontale_ccc.gif) repeat-x bottom; padding-bottom: 3px; } #post_secondario h3 a { color: #666; } #post_secondario h3#titolominipost { margin-top: 30px; } #post_secondario p { line-height: 150%; padding: 10px 10px 10px 0px; } #post_secondario_alto img { max-height:210px; max-width:210px; margin:auto;} #post_secondario_alto { margin: 0px 0px 50px 0px; padding: 0; clear: both; height: auto !important; height: 1309px;min-height: 1309px; } .readmore { margin-bottom: 20px; text-align: right; padding-right: 10px; } #post_secondario_alto p.posted {margin-top: 0px; } #post_secondario_alto #anteprima {position:relative; top:10px; bottom:5px;} #post_secondario_alto #em {position:absolute; top:83px; color:#ffffff; text-align:center;padding-left: 10px;padding-right: 10px; font-weight:bold;} #post_secondario_alto .virgolette_dx {position: relative; height: 22px; right:0px;} #post_secondario_alto .virgolette_dx img {height: 20px; width:85px;} #post_secondario_alto .virgolette_sx {height: 11px; width: auto;} #post_secondario_alto .virgolette { position:relative; background-image:url(http://www.beppegrillo.it/mt-static/img09/virgolette_sx.gif);background-repeat:no-repeat; background-position:left top; padding-left:30px; padding-top:30px; padding-right: 25px; } #post_secondario_alto .testo_settimana {position:relative; margin-bottom: -45px;} #post_secondario_alto .archivio_settimana {position:relative; margin-top:10px;} #minipost_precedenti a, #commenti_precedenti a {font: bold 11px Arial} /* Overlay Video */ /*a.videoMinipost img, a.videoCommento img { margin-bottom: 40px; }*/ a.videoMinipost span, a.videoCommento span { width: 210px; z-index: 900; position: absolute; height: 157px; display: block; background: url("http://www.beppegrillo.it/php/overlay_script/play_video_320.png") no-repeat; } .videoMainPost { display: block; width: 510px; height: 307px; background: url(http://www.beppegrillo.it/immagini/immagini/overlay_transparent_web2.png); position: absolute; top: 0; left: 0; text-indent: -9999px } .videoSidebarContainer { position: relative; width: 210px; height: 157px; } .videoSidebarPost { text-indent: -9999px; display: block; width: 210px; height: 157px; background: url('http://www.beppegrillo.it/php/overlay_script/play_video_320_2.png') no-repeat; position: absolute; bottom: 0; left:0;} /* Overlay video TzeTze */ .overlaytop { text-indent: -9999px; display: block; width: 190px; height: 95px; background: url('mt-static/img09/190.png') no-repeat; position: absolute; top: 0; } /* Seconda colonna - parte bassa: Le Battaglie */ #battaglie { background: #fff; padding-top: 0px; padding-bottom: 10px; width: 220px; text-align:left; margin-bottom:15px;} #battaglie p {padding: 0 5px 0 5px;} #battaglie h3 { margin-top: 0px; padding-bottom: 0px; background: url(mt-static/img09/bg_top_battaglie.gif) no-repeat top center; border-bottom: none; height: 30px; } .sondaggi { background: url(mt-static/img09/bg_top_sondaggi.gif) no-repeat top center !important;} #battaglie h4 {padding: 15px 0 2px 5px; margin-bottom:0px; font-size: 14px; background: #efefef url(/mt-static/img09/puntinato_orizzontale_ccc.gif) repeat-x top;} #battaglie a h4 {text-decoration:none; color:#000;} #battaglie a:hover h4 {text-decoration:none; color:#000;} #battaglie div {padding-top: 5px; padding-bottom: 3px; /* margin: 10px 0 10px 0; */} .battaglia_created_on {position: relative; top: 0px; left: 5px; width:220px;} .evidenza { background: #8AAAD0; height: 110px;} .evidenza img { width:150px;} .altre_battaglie {display:none;} .boxlink_battaglie {padding: 1px 8px 0px 0px; background: url(http://www.beppegrillo.it/immagini/arr_red.gif) center right no-repeat; font-size: 12px; position:relative; top:20px; } #ultima-battaglia {/*background-color: #e4e4e4;*/} #ultima-battaglia img {width:220px;} #ultima-battaglia h4 {font-size:14px; margin-top:10px;} #altre-battaglie img {width:220px;} #altre-battaglie p {/*display:none;*/} #ultima-battaglia a p, #ultima-battaglia a:hover p {text-decoration:none; color:#000;} .container-image-battaglia {position:relative; margin: 0 0 0px 0 !important; background-color:#efefef;} .container-image-battaglia a {background: url('battaglie/immagini/info.png') no-repeat right -40px; height: 132px; display: block; top: 5px; left: 0px; text-indent: 0; position: absolute; width: 220px;} .container-image-battaglia a:hover {background: url('battaglie/immagini/info.png') no-repeat right 0px;} .img_battaglie_post {float: left; margin: 10px; width: 160px; height:275px;border: 1px solid #CCC; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px /* Chrome < 10 */; padding: 8px;} .img_battaglie_post img {width: 160px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px /* Chrome < 10 */; box-shadow: 0 0 8px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 8px rgba(0,0,0,.2); -moz-box-shadow: 0 0 8px rgba(0,0,0,.2);} .img_battaglie_post h4 {position: absolute;top: 150px;font-weight: normal;width: 150px; color: #252525;} .img_battaglie_post p {position: absolute;top: 150px;font-weight: normal;width: 150px; color: #252525;} .img_battaglie_post a:hover {text-decoration: none; } .img_battaglie_post h2 {color: #666666; font: bold 13px Verdana, 'Trebuchet MS', sans-serif; text-align: left; position: absolute; top: 115px;} #battaglia_primopiano {text-align: left; background-color: #D7E7F7; padding: 10px 0 35px 0; position:relative; width:990px; top:15px; background: /* fallback (Opera) */ background: #080; background: -moz-linear-gradient(top, #666, #fff); background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#fff)); filter: progid:DXImageTransform.Microsoft.Gradient( StartColorStr='#666', EndColorStr='#fff', GradientType=0); background: -moz-linear-gradient(top, #666, white); background: -webkit-gradient(linear, left top, left bottom, from(#666), to(fff)); filter: progid:DXImageTransform.Microsoft.Gradient( StartColorStr='#666', EndColorStr='#fff', GradientType=0); background: -moz-linear-gradient(top, #666, white); background: -webkit-gradient(linear, left top, left bottom, from(#666), to(white)); filter: progid:DXImageTransform.Microsoft.Gradient( StartColorStr='#666', EndColorStr='#fff', GradientType=0); } #battaglia_primopiano img {border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px /* Chrome < 10 */;} #img_battaglia_primopiano {margin-top: 15px;position:relative; left:35px; display:block; box-shadow: 0 0 15px rgba(0,0,0,1); -webkit-box-shadow: 0 0 15px rgba(0,0,0,1); -moz-box-shadow: 0 0 15px rgba(0,0,0,1); width: 920px; background: #222 url('http://www.beppegrillo.it/battaglie/immagini/abstract.jpg') no-repeat right bottom; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px /* Chrome < 10 */;} #battaglia_primopiano a {display:block; width:920px; height:307px; background: url(http://www.beppegrillo.it/immagini/overlay_primopiano.png); position: absolute; top: 0px; left: 0px; text-indent: -9999px;} #battaglia_primopiano p {/* display:none; */ position:absolute; left: 545px; top: 65px; width:350px; font-weight: normal; font-size:15px; color:#fff;} #battaglia_primopiano h3 {text-decoration: none; color:#fff; text-align:left; font-size: 20px; display:inline; position: absolute; left: 545px; top: 15px;} #battaglia_primopiano h3 a {text-decoration: none; color:#fff; text-align:left; font-size: 14px;} #battaglia_elenco {width: 990px; background-color:#eeeeee; } #battaglia_elenco h3 {text-decoration: none; color:#fff; text-align:left; font-size: 14px; height: 20px;background:#666666;border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0 ; -webkit-border-radius: 5px 5px 0 0 /* Chrome < 10 */; padding-left: 5px;} /* Terza colonna - parte alta: prodotti */ #applestore {position:ablosute; top: 10px; left: 10px; z-index:10;} #prodotti { /*margin-top: 10px;*/ padding-top: 0px; width: 100%; background: #8AAAD0; /*height: 2080px;*/ margin-bottom: -10px; } #prodotti_grillomannaro { /*margin-top: 10px;*/ padding-top: 0px; width: 100%; background: url(http://www.beppegrillo.it/immagini/immagini/terza_colonna_custom.jpg) no-repeat top center; height: 850px; } #chiusura_prodotti { width: 100%; height: 25px; background: url(mt-static/img09/bg_bottom_grillorama.gif) no-repeat bottom center; } #chiusura_prodotti_grillomannaro { width: 100%; height: 25px; background: url(http://www.beppegrillo.it/immagini/immagini/chiusura_grillomannaro.jpg) no-repeat bottom center; } #link_grillorama { height: 30px; line-height: 28px; background: #444; color: #ccc; text-align: center; margin-bottom: 20px; } #link_grillorama a:link, #link_grillorama a:visited { color: #f90; text-decoration: none; } #link_grillorama a:hover { color: #ff0; text-decoration: underline; } .boxprodotto { width: 170px; position: relative; margin: 0px auto; margin-bottom: 4px; text-align: center; padding-bottom: 5px; background: url(mt-static/img09/puntinato_prodotti_ed.gif) repeat-x bottom; } .boxprodotto_grillomannaro { width: 170px; position: relative; margin: 120px auto; margin-bottom: 4px; text-align: center; padding-bottom: 5px; background: url(mt-static/img09/puntinato_prodotti_ed.gif) repeat-x bottom; } .boxprodotto form, .boxprodotto span { margin: 0; padding: 0; } .nome_prodotto { margin: 0px; font: normal 20px "Trebuchet MS"; color: #fff; padding: 0px 0px 0px 0px; } .nome_prodotto a:link, .nome_prodotto a:visited { color: #fff; } .prezzo_prodotto { margin: 0px; font: normal 13px "Trebuchet MS"; color: #fff; padding: 0px 0px 7px 0px; } .imgprodotto { margin: 10px 0px 5px 0px; } .acquista_prodotto { margin-top: 10px; } .offerta_libera, .novita { display: block; width: 82px; height: 82px; position: absolute; top: 30px; left: 20px; } .offerta_libera { background: url(mt-static/img09/offertalibera.png) no-repeat top left; } .novita { background: url(mt-static/img09/novita.png) no-repeat top left; } /* Terza colonna - parte bassa: Informati, Meetup, Archivio */ #informati {width: 100%; background: #B7C3DB url(mt-static/img09/bg_bottom_informati.gif) no-repeat bottom center; margin-top: 15px; padding-top: 0px; text-align: center; padding-bottom: 50px; display:none;} #informati h3 { margin: 0px; padding: 0px; background: url(mt-static/img09/bg_top_informati.gif) no-repeat top center; border-bottom: none; height: 30px; } #informati div { padding-top: 20px; padding-bottom: 20px; height: 100px; } .evidenza { background: #8AAAD0; } #link { width: 100%; background: #B7C3DB; margin-top: 15px; padding-top: 0px; text-align: center; } #link h3 { margin: 0px; padding: 0px; background: url(mt-static/img09/link.gif) no-repeat top center; border-bottom: none; height: 30px; } #link div { padding-top: 20px; padding-bottom: 20px; height: 100px; } .evidenza { background: #8AAAD0; } #meetup { width: 100%; background: #B7C3DB url(mt-static/img09/bg_bottom_informati.gif) no-repeat bottom center; margin-top: 15px; padding-top: 0px; text-align: center; padding-bottom: 10px; } #meetup h3 { margin: 0px; padding: 0px; background: url(mt-static/img09/bg_top_meetup.gif) no-repeat top center; border-bottom: none; height: 30px; } #archivio { width: 100%; background: #B7C3DB url(mt-static/img09/bg_bottom_informati.gif) no-repeat bottom center; margin-top: 15px; padding-top: 0px; text-align: center; padding-bottom: 20px; } #archivio h3 { margin: 0px; padding: 0px; background: url(mt-static/img09/bg_top_archivio.gif) no-repeat top center; border-bottom: none; height: 30px; } .sidebar ul { list-style-image:none; list-style-position:outside; list-style-type:none; } .sidebar { text-align: left; margin-left:-20px; } .sidebar li { float:left; width:80px; margin-right: 10px; } /* Footer */ #footer { margin-top: 10px; width: 100%; clear: both; height: 90px; background: #000; background: url(mt-static/img09/bg_footer.gif) no-repeat top center; } #footer p { text-align: center; color: #333; line-height: 42px; padding-top: 0px; } /* Grillonews */ .internews { line-height: 18px; padding-top: 10px; } .internews img {width: 80px;} /* Woodstock 5 stelle */ #top_woodstock {width:1010px; margin-left:-10px; height:205px; background: url(http://www.beppegrillo.it/iniziative/woodstock5stelle/woodstock5stelle_small.jpg) no-repeat top center;} #left_woodstock {} #right_woodstock {width:490px; margin-top: 0px; background-color:#eeeeee; padding:10px;} #right_woodstock_h5 {background: url(http://www.beppegrillo.it/iniziative/woodstock5stelle/h5-510.jpg) no-repeat; height: 25px; margin-bottom:0px;} #right_woodstock_h6 {background: url(http://www.beppegrillo.it/iniziative/woodstock5stelle/h6-510.jpg) no-repeat; height: 25px; margin-top:0px;} #right_top_woodstock {margin-top: 0px; background-color:#e0e0e0; width:200px; /*height:1350px; */ padding:10px 10px 10px 10px ;} #right_top_woodstock_h5 {background: url(http://www.beppegrillo.it/iniziative/woodstock5stelle/h5-210.jpg) no-repeat; height: 25px; margin-bottom:0px;} #right_top_woodstock_h6 {background: url(http://www.beppegrillo.it/iniziative/woodstock5stelle/h6-210.jpg) no-repeat; height: 25px; margin-top:0px;} #colonna_woodstock { width: 210px; position: relative; float: right; top: 20px; right: 10px; left: 0px; } #prodotti_woodstock { color: #000; padding-top: 0px; width: 100%; background: #f9fcd1; height: 1250px; margin-bottom:25px;} #prodotti_woodstock a, #prodotti_woodstock .prezzo_prodotto { text-decoration: none; color: #000; } #right_top_woodstock_h5_pdt {background: url(http://www.beppegrillo.it/iniziative/woodstock5stelle/h5-210_pdt.jpg) no-repeat; height: 25px; margin-bottom:0px;} .nome_prodotto_woodstock { font: normal 15px "Trebuchet MS"; color: #000; padding: 0px 0px 0px 0px; } .nome_prodotto_woodstock a:link, .nome_prodotto_woodstock a:visited { color: #000; } .boxprodotto_woodstock { width: 170px; position: relative; margin: 0px auto 15px; text-align: center; padding-bottom: 5px; background: url(mt-static/img09/puntinato_prodotti_ed.gif) repeat-x bottom; } .boxprodotto_woodstock form, .boxprodotto_woodstock span { margin: 0; padding: 0; } #right_woodstock h4, #right_top_woodstock h4, #colonna_woodstock h4, .nome_prodotto_woodstock {font: bold 16px "Trebuchet MS"; color: #000;} /* Box Post Woodstock 5 stelle */ .boxWoodstock * { margin: 0; padding: 0; } .boxWoodstock { background: url('http://www.beppegrillo.it/iniziative/woodstock5stelle/boxino_woodstock_blog.jpg') no-repeat top center; width: 450px; padding: 0px 20px; height: 272px; } .boxWoodstockSection { float: left; width: 150px; margin-top: 86px; font: normal 11px Verdana; text-align: center; position: relative; height: 174px; } .boxWoodstockSection a { color: #000; text-decoration: none } .boxWoodstockSection h3 { text-align: center; font: bold 14px "Trebuchet MS"; color: #000; margin: 0px 0px 15px 0px; } .boxWoodstockSection ul{ margin: 0; padding: 0; } .boxWoodstockSection ul li { margin: 0; padding: 10px 0px; border-bottom: 1px dotted #ccc; list-style: none; text-align: left; line-height: 13px } .boxWoodstockSection ul li img { float: left; margin-right: 5px; border: none; } img { border: none } .boxWoodstockSection .actionButton { bottom: -9px; height: 43px; left: 25px; position: absolute;} .boxWoodstockSection hr { border: 0; border-top: 1px dotted #ccc; width: 95%; margin: 10px auto 5px auto; } .content .boxWoodstockSection p { text-align: center; margin: 0; padding: 0; font-size: 10px; line-height:11px; } /* Box Post Scudo della Rete */ .boxScudo { background: url('http://www.beppegrillo.it/battaglie/immagini/boxino_scudo_rete.jpg') no-repeat top left; width: 470px; height: 200px; padding: 0px 20px; border: 1px solid #fff; } .content .boxScudo h3, .boxScudo h3 { font: bold 20px "Trebuchet MS"; color: #000; margin: 15px 0px 22px 50px; } .boxScudo h3 a { font: bold 20px "Trebuchet MS"; text-decoration: none; color: #000; } .boxScudoLeft { font: normal 11px Verdana; float: left; width: 40%; padding-right: 10px; border-right: 1px dotted #ccc; } .boxScudoLeft p, .boxScudoRight p { line-height: 18px; } .boxScudoLeft .facebookLink { display: block; margin-top: 8px; padding-top: 8px; border-top: 1px dotted #ccc; } .boxScudoLeft img { width: 20px; vertical-align: middle } .boxScudoRight { font: normal 11px Verdana; float: right; width: 55%; } .boxScudoRight img { margin-top: 6px; } .boxScudoSection ul{ margin: 0; padding: 0; } .boxScudoSection ul li { margin: 0; padding: 10px 0px; border-bottom: 1px dotted #ccc; list-style: none; text-align: left; line-height: 13px } .boxScudoSection ul li img { float: left; margin-right: 5px; border: none; } .content .boxScudoSection p { text-align: center; margin: 0; padding: 0; font-size: 10px; line-height:11px; } /* Post Sharing Buttons */ .post-share-buttons { margin: 10px 0px } .facebook-share-button { float: left; margin: 1px 15px 0px 0px } .twitter-share-button { margin-bottom: -6px; } .fb_ltr { margin-bottom: -4px; } //FB Send Button div.twitter { margin: auto; width: 300px } #twitter1 { height: 400px; }