/*------------------------------------------------------------------ [Components Stylesheet] Project: Radio Monte Carlo Version: 1.0 Last change: Assigned to: Marcello De Palo, Mario Carina Primary use: All -------------------------------------------------------------------*/ /*------------------------------------------------- DIVISORE (component) divisore.phtml -------------------------------------------------*/ div.divisore { margin: 0px 0 20px 0; } div.divisore span { float: left; position: relative; padding: 5px; } div.divisoreBlank { border-bottom: 2px dotted #333333; } div.divisoreRed { border-bottom: 2px dotted #CC0000; } div.divisoreGreen { border-bottom: 2px dotted #90d02c; } div.divisoreBlue { border-bottom: 2px dotted #1e80c6; } div.divisoreViola { border-bottom: 2px dotted #d221b8; } div.divisoreGold { border-bottom: 2px dotted #f0c900; } div.divisoreTurchese { border-bottom: 2px dotted #27c8c2; } div.divisoreGrey { border-bottom: 2px dotted #EBE9DD; } div.divisoreDarkGrey { border-bottom: 2px dotted #999999; } div.divisoreDark { border-bottom: 2px dotted #000000; } /*------------------------------------------------- FREQUENZE (component) frequenze.phtml -------------------------------------------------*/ div.freq_header { width: 610px; margin: 5px 0 5px 0; padding: 13px 0 13px 0; } div.freq_header h1 { padding: 0; margin: 0; font-size: 16px; color: #000; } div.freq_header_links { float: right; width: 200px; font-size: 11px; margin-top: 0; text-align: right; color: #ccc; line-height: 20px; } table.frequenze { padding: 0; margin: 10px 0px; border-collapse: collapse; border-spacing: 0; width: 610px; } table.frequenze th { background: #E9E9E9; border-bottom: 2px solid #fff; color: #000000; font-size: 13px; font-weight: bold; padding: 5px; margin-bottom: 10px; } table.frequenze td { padding: 0px 3px; vertical-align: top; border-bottom: 1px solid #efefef; } table.frequenze td.item { padding: 6px; font-size: 12px; color: #000; margin: 0 0 2px 0; line-height: 1.1em; } table.frequenze td.frequenza { white-space: nowrap; text-align: right; color: #999; font-size: 10px; padding-top: 6px; } /*------------------------------------------------- VIDEO PLAYER (component) video-player.phtml -------------------------------------------------*/ .videoPlayer { margin: 10px 0px;} /*------------------------------------------------- SOLO TESTO (component) solo-testo.phtml -------------------------------------------------*/ #left p.solo-testo { width: 600px; padding: 10px 0; font-size: 12px; line-height: 1.4em;} #right p.solo-testo { width: 300px; padding: 10px 0; font-size: 12px; line-height: 1.4em;} /*------------------------------------------------- ABSTRACT LISTA RECT (component) abstract-lista-rect.phtml -------------------------------------------------*/ div.grid_2 div.rmcNewsContainer { width: auto; height: auto; padding: 10px 0px 10px 125px; position: relative; display: block; margin: 10px 10px 12px 0; border-bottom: 1px dotted #DCDCDC;} div.grid_2 div.rmcNewsContainer strong a { color: #000 !important; font-weight: 12px; font-size: 12px;} div.grid_2 div.rmcNewsContainer strong a:hover { color: #d00000; text-decoration: underline; } div.grid_2 div.rmcNewsContainer strong span.artImage { float: left; margin: 0 0 0 -125px; height: 80px; overflow:hidden; border: 1px solid #DCDCDC; padding: 3px; cursor: pointer; } div.grid_2 div.rmcNewsContainer strong img { width: 110px; } div.grid_2 div.rmcNewsContainer p.info { padding: 0px 0; color: #696969; width: auto; font-size: 11px; margin:0; line-height: 13px; } div.grid_2 div.rmcNewsContainer { padding: 0 0px 0 125px; } div.grid_2 div.rmcNewsContainer { margin: 0px 10px 12px 0px;} div.grid_2 div.rmcNewsContainer p { width:170px !important;} div.row1 div.rmcNewsContainer { width: auto; height: auto; padding: 10px 0px 10px 125px !important; position: relative; display: block; width: auto; margin: 10px 10px 12px 0; border-bottom: 1px dotted #DCDCDC;} div.row1 div.rmcNewsContainer strong a { color: #000 !important; font-weight: 12px; font-size: 14px;} div.row1 div.rmcNewsContainer strong a:hover { color: #d00000; text-decoration: underline; } div.row1 div.rmcNewsContainer strong span.artImage { float: left; margin: 0 0 0 -125px; height: 80px; overflow:hidden; border: 1px solid #DCDCDC; padding: 3px; cursor: pointer; } div.row1 div.rmcNewsContainer strong img { width: 110px; } div.row1 div.rmcNewsContainer p.info { padding: 0px 0; color: #696969; width: auto; font-size: 12px; margin:0; } div.row1 div.rmcNewsContainer { padding: 0 0px 0 125px; margin: 0px 10px 12px 0px;} /*------------------------------------------------- WEB RADIO -------------------------------------------------*/ #webradio #left .grid_2 p {width: auto !important;} /*#webradio #left .grid_3 p {width:210px;}*/ #webradio #left .grid_5 p {width:600px;} #webradio #left .grid_2.grid_2_main { width:305px; padding-right:0px; } #webradio #left .grid_2.grid_2_main h2.heading { width:267px; } #webradio #left .grid_2.grid_2_main h2.heading.nofold { margin-left: 0px; padding-left: 10px; width:297px; } .grid_2_main div.rmcNewsContainer { width: auto; height: 100px; padding: 0 0px 0 125px; position: relative; display: block; width: auto; margin: 0px 10px 12px 0; border-bottom: 1px dotted #DCDCDC;} .grid_2_main div.rmcNewsContainer strong a { color: #000 !important; font-weight: 12px; font-size: 12px;} .grid_2_main div.rmcNewsContainer strong a:hover { color: #d00000; text-decoration: underline; } .grid_2_main div.rmcNewsContainer strong span.artImage { float: left; margin: 0 0 0 -125px; height: 80px; overflow:hidden; border: 1px solid #DCDCDC; padding: 3px; cursor: pointer; } .grid_2_main div.rmcNewsContainer strong img { width: 110px; } .grid_2_main div.rmcNewsContainer p.info { padding: 0px 0; color: #696969; width: auto; font-size: 11px; margin:0; line-height: 13px; } .grid_2_main div.rmcNewsContainer { padding: 0 0px 0 125px; } #col4Webradio div.rmcNewsContainer { margin: 0px 10px 12px 0px;} #col3Webradio div.rmcNewsContainer p, #col4Webradio div.rmcNewsContainer p { width:170px !important;} #webradio #left #col4Webradio h2.heading.nofold { margin-left: 0px; padding-left: 10px; width:280px; } /*------------------------------------------------- ON AIR (component) _onair.phtml -------------------------------------------------*/ #onair { margin-top: -210px; } #onair span.h2Wrapper {font-size:0.8em;} #onair span.h3Wrapper { display:block; padding:0px 4px 4px 4px; font-size:0.9em; font-weight: bold; line-height:16px} #onair span.h4Wrapper { display:block; padding:2px 4px; font-size:12px; font-weight: normal; text-transform: none; } #onair span.h4Wrapper a { color: #ffffff; } #onair .widgetWrapper { margin-bottom:25px; margin-top:-15px; padding: 20px 15px 10px 15px; background-color: #ebe9dd; overflow: hidden; font-size: 12px;} #onair .widgetWrapper ul { width: 47%; float:left; min-height: 50px; height:50px; height:auto!important; margin-right: 15px;} #onair .widgetWrapper ul.last { margin-right: 0px;} #onair .widgetWrapper ul li { padding: 5px 0px 5px 5px; border-bottom: 1px dotted #999; } #onair .widgetWrapper li a { color: #000; } #onair .widgetWrapper li.bold { font-weight: bold; } #onair h3.heading { min-width:50px; width:50px; width:auto!important;margin:0px 0px 10px 0px; float:none;padding:0;} #right .grid_3 #onair h2.heading{ margin: -3px 0px 0px -5px; width:275px; float:none;} #widgetOnAir { margin-top: -210px; } #widgetOnAir img { margin: 0px; padding: 0px; } #widgetOnAir span.h4Wrapper { display:block; font-weight: normal; text-transform: none; } #widgetOnAir .widgetActions { margin-bottom:25px; margin-top:0px; padding: 10px 10px 10px 10px; background-color: #ebe9dd; overflow: hidden; font-size: 12px;} #widgetOnAir .widgetActions h2 { color:#000; font-size:12px; font-weight:normal; } #widgetOnAir ul.tvradio { float:left; width:100% !important; margin: 0px; } #widgetOnAir ul.tvradio li { display: inline; float:left; margin:0px; width:50%;} #widgetOnAir .widgetActions ul.actions { float:left; width:100%; !important; margin: 15px 0px 5px 0px;} #widgetOnAir .widgetActions ul.actions li { display: inline; float:left; margin:2px; } #widgetOnAir .widgetActions ul.actions li a { color: #fff; background-color: #a2a29a; padding: 5px 5px 5px 5px;} div.palinsesto { width: 650px; float: left; position: relative; margin-top:15px; margin-bottom:0px; padding: 0px 10px 10px 5px; border-bottom: 1px dotted #DCDCDC; } div.palinsesto div.djContainer { float:left; width: 85px; height: 65px; padding: 0px; position: relative; display: block; width: auto; margin: 0px 10px 0px 0;} div.palinsesto a { color: #000 !important; font-weight: 12px;} div.palinsesto a:hover { color: #d00000; text-decoration: underline; } div.palinsesto span.artImage { float: left; margin: 0px; height: 55px; overflow:hidden; border: 1px solid #DCDCDC; padding: 1px; cursor: pointer; } div.palinsesto img { width: 55px; } div.palinsesto p.info { padding: 0px 0; color: #696969; width: auto; font-size: 10px; margin:0; } div.palinsesto div.programmaContainer, div.palinsesto div.programmaContainer h3 { font-size: 16px; color: #000;} div.palinsesto div.programmaContainer h3 span { font-size: 11px; font-weight:normal; color: #999;} div.palinsesto div.programmaContainer .awesome, div.palinsesto div.programmaContainer .awesome:visited { -moz-border-radius: 15px; -webkit-border-radius: 15px; color: #fff !important; background-color: #CC0000; } div.palinsesto div.programmaContainer .btnSmall.awesome { margin: 10px 10px 10px 0; color: #fff; } div.palinsesto div.programmaContainer .btnSmall.awesome:hover { text-decoration: none; } div.palinsesto div.programmalinks { font-size: 12px; color: #000; float:left;} div.palinsesto div.programmalinks h3 { font-size: 16px; color: #000;} div.palinsesto div.programmaLinks h3 span { font-size: 11px; font-weight:normal; color: #999;} div.palinsesto div.programmaLinks .awesome, div.palinsesto div.programmaLinks .awesome:visited { -moz-border-radius: 15px; -webkit-border-radius: 15px; color: #fff !important; background-color: #CC0000; } div.palinsesto div.programmaLinks .btnSmall.awesome { margin: 10px 10px 10px 0; color: #fff; } div.palinsesto div.programmaLinks .btnSmall.awesome:hover { text-decoration: none; } /*------------------------------------------------- ELENCO PUNTATO (component) elenco-puntato.phtml -------------------------------------------------*/ div.elencoPuntato { /*width: 100%;*/ padding: 5px 0px 5px 0px; text-align: left; /*overflow: hidden;*/} div.elencoPuntato span.block { padding: 0px; } div.elencoPuntato span.square, div.elencoPuntato span.circle { font-size: 10px; padding: 0px 4px 0px 4px; width: 25px !important; text-indent: -99999px !important; } div.elencoPuntato span.square { background: url(images/list_square.png) no-repeat 50% 50%;} div.elencoPuntato span.circle { background: url(images/list_square.png) no-repeat 50% 50%;} /*------------------------------------------------- FEED RSS (component) feed-rss.phtml -------------------------------------------------*/ #left ul.feedSmall { width: 610px; margin: 0 0 10px 0; padding: 10px 0 0 0; overflow:hidden; float:left; font-size: 12px; line-height: 1.28; } #right ul.feedSmall { width: 290px; margin: 0 0 0 0; font-size: 12px; line-height: 1.28; overflow:hidden; float:left; } ul.feedSmall li { position: relative; display: block; float: left !important /*CMS Radiohead*/; width: 100%; margin: 0px 10px 10px 0px; border-bottom: 1px dotted #DCDCDC; padding: 0 0 10px 0; } ul.feedSmall li div.webtvContainer { padding: 0 0px 0 85px; } ul.feedSmall strong a { color: #444 !important; font-weight: 700;} ul.feedSmall strong a:hover { color: #d00000; text-decoration: underline; } ul.feedSmall div.webtvContainer p strong { display: inline; border: 0; } ul.feedSmall p.info { padding: 0px 0; color: #999; font-size: 11px; margin:0; } ul.feedSmall p.dowload { padding: 0px 0; color: #999; font-size: 11px; margin:0; text-align: right; } /*------------------------------------------------- abstract-about (component) abstract-about.phtml -------------------------------------------------*/ .about { position: relative; width: 580px; margin: 0 0 20px -30px; padding: 17px 20px 17px 40px; background: #d95b43 url(images/about.jpg) repeat-x top left;} .about h2 { color: #fff; font-size: 28px; } .about p { color: #fff; line-height: 20px; } .about p.info { color: #fff; font-size: 14px; font-weight: bold; line-height: 24px; } .about img { float: left; border: 3px solid #da715f; margin: 0 20px 10px 0; } .about .fold { position: absolute; left: 0; bottom: -15px; width: 20px; height: 15px; background: url(images/content_left_fold_red.png) no-repeat left top;} .about a { color: #ffffff; } /*------------------------------------------------- CAROUSEL (component) carousel.phtml -------------------------------------------------*/ #carousel .grid_6 { min-height: 307px; height: 307px; height: auto !important;} #carousel .mainImage { width: 640px; height: 307px; float:left;position:relative; top:0; margin: 20px 20px 0px 0px; overflow: hidden; color: #fff; cursor: pointer; } #carousel h2 { font-size: 1.6em; font-weight: normal; margin: 0px; padding: 2px 10px 5px 10px; line-height:1.2em; color:#FFF; } #carousel p { font-size: 1.2em; padding: 0px 10px 5px 10px; margin: 0; line-height: 1.2em; } #carousel .mainImage .block small { margin-left: 10px;} #carousel .desc { position: relative; top:0; left: 25px; width: 660px; display: none; z-index:2;} #carousel .desc h2 { background: #000000; padding:5px 0px 5px 50px; margin:0; z-index:31; min-height:40px; height:40px; height:auto!important; } #carousel .desc h2 .tit { display:block; line-height:22px;} #carousel .desc h2 .subT { font-size: 0.6em; display:block; line-height:16px;} #carousel .desc h2 .foldGold { bottom: -5px; left: 10px; position: absolute; z-index:32; height: 15px; width: 20px; background: url('images/content_left_fold_gold.png') no-repeat center center; } #carousel .desc .block { width: 100%; /*background: #e1353a;*/ padding:10px; position:absolute; top:0; color:#FFF; margin-left:-65px; cursor:pointer;} #carousel .desc a.collapse { height: 27px; width: 93px; text-indent: -99999px; position: absolute; top: -27px; right: 20px; } #carousel .desc p a.show { font-size: 0.9em; background-position: left bottom; color: #d00000;} #carousel .desc p a.show:hover { text-decoration: underline; } #carousel .desc p a { color: #d00000 !important; } #carousel .desc p a:hover { text-decoration: underline; } #carousel div.carouselItems { width: 670px; margin: 10px 0px 10px 0px; } #carousel div.carouselItems .column { margin:0; margin-right:19px;} #carousel div.carouselItems .bg2 { background:#EDEDED;} #carousel div.carouselItems .widget { padding:1px; border-bottom:0px;} #carousel div.carouselItems .block { padding: 2px 2px 10px 2px; } #carousel div.carouselItems h2 { font-size: 12px; line-height: 14px; font-weight: bold; margin: 0px; padding:0px; color:#e1353a; } #carousel div.carouselItems p { font-size: 1.0em; padding: 0px; margin: 5px 0 0 0; line-height: 1.2em; } /*------------------------------------------------- HOME PHOTOGALLERY (component) -------------------------------------------------*/ div.rmcPhotogalleryWrapper { float: left; width: 300px; margin-top: 0px; } div.rmcPhotogalleryWrapper ul.photoSmall li { background: white; border: 1px solid rgb(204, 204, 204); display: inline; float: left !important; /*height:75px;*/ margin: 0px 4px 10px 0px; padding: 2px; width: 90px; } div.rmcPhotogalleryWrapper ul.photoSmall li a { display: block; height: 65px; overflow: hidden; width: 90px; } div.rmcPhotogalleryWrapper ul.photoSmall li .block { display: none; } div.rmcPhotogalleryWrapper ul.photoSmall li .block { display: none; } #left div.rmcPhotogalleryWrapper { float: left; width: 630px; } #left div.rmcPhotogalleryWrapper ul.photoSmall { margin-top: 10px; } #left div.rmcPhotogalleryWrapper ul.photoSmall li { margin: 0px 0px 10px 10px; width: 90px; } div.rmcPhotogalleryWrapper ul.photoSmall li.moore { background: white; text-align: right; display: block; border: none; float: left !important; height: 25px; margin: 0px 10px 0px 0px; padding: 0px; width: 300px; } div.rmcPhotogalleryWrapper ul.photoSmall li.moore a { width: auto; height: auto; font-size: 12px;} #home-principato #left .grid_2 .widget h2.heading.bgHeadingTurchese { visibility:hidden; display:none;} #home-principato div.rmcPhotogalleryWrapper ul.photoSmall li { margin: 0px 0px 10px 6px;} #home-principato div.rmcPhotogalleryWrapper ul.photoSmall li.moore { margin: 0px 0px 10px 6px; width: 300px; background: #EBE9DD;} #home-principato .boxgrid h3 { color: #fff; margin-left: 10px; } #home-principato .boxgrid { margin: 8px 0px 10px 8px; } /*------------------------------------------------- HOME MULTIMEDIA (component) -------------------------------------------------*/ div.rmcMultimediaWrapper { float: left !important; width: 300px; padding: 0px 10px 0px 0px; overflow: hidden; font-size: 12px; line-height: 1.28; } div.rmcMultimediaWrapper h1 { width: 300px; font-size: 14px; line-height: 1.28; margin-bottom: 10px; color: #d00000; } div.rmcMultimediaWrapper div.rmcNewsContainer { width: auto; height: 75px; padding: 0 0px 0 70px; position: relative; display: block; width: auto; margin: 0px 10px 12px 0; border-bottom: 1px dotted #DCDCDC;} div.rmcMultimediaWrapper strong a { color: #000 !important; font-weight: 12px;} div.rmcMultimediaWrapper strong a:hover { color: #d00000; text-decoration: underline; } div.rmcMultimediaWrapper strong span.artImage { float: left; margin: 0 0 0 -70px; height: 55px; overflow:hidden; border: 1px solid #DCDCDC; padding: 3px; cursor: pointer; } div.rmcMultimediaWrapper strong img { width: 55px; } div.rmcMultimediaWrapper p.info { padding: 0px 0; color: #696969; width: auto; font-size: 10px; margin:0; } /*------------------------------------------------- ABSTRACT-VIDEO (component) abstract-video.phtml, abstract-video-vertical.phtml -------------------------------------------------*/ div.abstractVideoHContainer { width: auto; height:90px; padding: 0 0px 0 120px; position: relative; display: block; width: auto; margin: 0px 10px 12px 0; } div.abstractVideoHContainer strong a { color: #000 !important; font-weight: 12px; font-size: 14px;} div.abstractVideoHContainer strong a:hover { color: #d00000; text-decoration: underline; } div.abstractVideoHContainer strong span.artImage { float: left; margin: 0 0 0 -120px; height: 74px; overflow:hidden; border: 1px solid #DCDCDC; padding: 3px; cursor: pointer; } div.abstractVideoHContainer strong img.icon { width: 27px; height: 27px; margin: 45px 0 0 -47px; position: relative;} div.abstractVideoHContainer strong img { width: 100px; } div.abstractVideoHContainer p.info { padding: 0px 0; color: #696969; width: auto; font-size: 12px; margin:0; } div.abstractVideoVContainer { width: 152px !important; padding: 0 0px 0 0px; position: relative; display: block; float: left; margin: 10px 10px 12px 0; } div.abstractVideoVContainer strong a { color: #000 !important; font-weight: 12px; font-size: 12px;} div.abstractVideoVContainer strong a:hover { color: #d00000; text-decoration: underline; } div.abstractVideoVContainer strong span.artImage { float: left; margin: 0 0 10px 0px; height: 73px; overflow:hidden; border: 1px solid #DCDCDC; padding: 3px; cursor: pointer; } div.abstractVideoVContainer strong img.icon { width: 27px; height: 27px; margin: 45px 0 0 -40px; position: relative;} div.abstractVideoVContainer strong img { width: 140px; } div.abstractVideoVContainer p.info { padding: 0px 0; color: #696969; width: auto; height:90px; overflow:hidden; font-size: 11px; margin:0; } /*------------------------------------------------- VIP (component) vip-anteprima.phtml -------------------------------------------------*/ div.abstractVipContainer { width: 100% !important; padding: 0 0px 0 0px; position: relative; display: block; float: left; margin: 10px 10px 12px 0; } div.abstractVipContainer strong a { color: #000 !important; font-weight: 12px; font-size: 15px;} div.abstractVipContainer strong a:hover { color: #d00000; text-decoration: underline; } div.abstractVipContainer strong span.artImage { float: left; margin: 0 0 5px 0px; width:200px; height: 115px; overflow:hidden; border: 1px solid #DCDCDC; padding: 3px; cursor: pointer; } div.abstractVipContainer strong img { width: 200px; } div.abstractVipContainer p.info { padding: 5px 0px; color: #696969; width: auto; font-size: 12px; margin:0; } /*------------------------------------------------- NEWS ANTEPRIMA (component) news-anteprima-image.phtml -------------------------------------------------*/ #home div.rmcNewsWrapper { float: left; width: 310px; padding: 10px; } #home div.rmcNewsSmall { float: left !important; width: 300px; margin: 10px; overflow: hidden; font-size: 12px; line-height: 1.28; } #right div.rmcNewsWrapper { float: left; width: 310px; padding: 0px 10px 0px 0px; } #right div.rmcNewsSmall { float: left !important; width: 300px; padding: 0px 10px 0px 0px; overflow: hidden; font-size: 12px; line-height: 1.28; } div.rmcNewsSmall h1 { width: 300px; font-size: 14px; line-height: 1.28; margin-bottom: 10px; color: #d00000; } div.rmcNewsSmall div.rmcNewsContainer { width: auto; height: 75px; padding: 0 0px 0 70px; position: relative; display: block; width: auto; margin: 0px 10px 12px 0; border-bottom: 1px dotted #DCDCDC;} div.rmcNewsSmall strong a { color: #000 !important; font-weight: 12px;} div.rmcNewsSmall strong a:hover { color: #d00000; text-decoration: underline; } div.rmcNewsSmall strong span.artImage { float: left; margin: 0 0 0 -70px; height: 55px; overflow:hidden; border: 1px solid #DCDCDC; padding: 3px; cursor: pointer; } div.rmcNewsSmall strong img { width: 55px; } div.rmcNewsSmall p.info { padding: 0px 0; color: #696969; width: auto; font-size: 10px; margin:0; } div.rmcNewsWrapper ul.photoSmall li { background: white; border: 1px solid rgb(204, 204, 204); display: inline; float: left !important; height: 60px; margin: 0px 7px 10px 0px; padding: 2px; width: 90px; } div.rmcNewsWrapper ul.photoSmall li a { display: block; height: 60px; overflow: hidden; width: 90px; } div.rmcNewsWrapper ul.photoSmall li .block { display: none; } div.rmcNewsContainer { width: auto; min-height: 65px; padding: 0 0px 10px 70px; position: relative; display: block; width: auto; margin: 0px 10px 12px 0; border-bottom: 1px dotted #DCDCDC;} div.rmcNewsContainer strong a { color: #000 !important; font-weight: 12px;} div.rmcNewsContainer strong a:hover { color: #d00000; text-decoration: underline; } div.rmcNewsContainer strong span.artImage { float: left; margin: 0 0 0 -70px; height: 55px; overflow:hidden; border: 1px solid #DCDCDC; padding: 3px; cursor: pointer; } div.rmcNewsContainer strong img { width: 55px; } div.rmcNewsContainer p.info { padding: 0px 0; color: #696969; width: auto; font-size: 10px; margin:0; } /*------------------------------------------------- COMMENTI -------------------------------------------------*/ li.thread-even { border-bottom: 1px dotted #CECEC2; } .commentlist li { overflow: hidden; padding: 15px 0px 0px; } .comment .comment-text { background-color: #EFEFEF; } .comment .comment-text { border-bottom-left-radius: 2px 2px; border-bottom-right-radius: 2px 2px; border-top-left-radius: 2px 2px; border-top-right-radius: 2px 2px; font-style: italic; line-height: 1.2; padding: 10px; } .clearfix, .container { display: block; } .clearfix::after, .container::after { clear: both; content: ' '; display: block; height: 0px; overflow: hidden; visibility: hidden; } .comment .comment-text p { margin-bottom: 6px; font-size:13px; } .comment .comment-author { background: transparent url(images/virgola.png) no-repeat 35px 0px; } .comment .comment-author { padding: 10px 10px 10px 80px; } .comment a.thumbnail { border: 2px solid #EFEFEF; display: block; float: left; height: 45px; margin-bottom: 10px; margin-right: 0px; padding: 1px; width: 45px; } .comment a { color: #333; font-weight: bold; text-decoration: none; } .comment .comment-author p { color: #969696; float: left; font-size: 1em; margin-left: 5px; margin-top: 2px; width: 200px; } .comment p.author-info { line-height: 1.7em; } .comment p.author-info a { font-size:14px;} .comment p.author-info span { font-size:10px; padding:4px 0px;} .message { text-align: center; padding:20px; background-color: #f2f7fd; margin: 10px 0; color:#333;} .error { text-align: center; padding:20px; background-color: #f2f7fd; margin: 10px 0;} .commentForm label { color: #838383; display: block; font: normal normal bold 1em/normal Helvetica, Arial, Helvetica, sans-serif; margin: 0px 0px 3px; font-size: 12px; } .commentForm textarea { line-height: 1.4em; } .commentForm textarea { color: #111111; font-size: 18px !important; background: white; border: 2px solid #E7E7E7; font: normal normal normal 0.92em/normal Arial, Helvetica, sans-serif; margin: 5px 0px 0px; padding: 7px 8px; width: 96.9%; } /*------------------------------------------------- HOME PAGE -------------------------------------------------*/ /*video*/ div.videoSmall { width: auto; margin: 10px 0px; overflow: hidden; font-size: 12px; line-height: 1.28; } div.videoSmall div.videoContainer { width: 180px; float: left; height: 85px; padding: 0 0px 0 120px; position: relative; display: block; margin: 0px 10px 12px 0; border-bottom: 1px dotted #DCDCDC;} div.videoSmall strong a { color: #000 !important; font-weight: 12px;} div.videoSmall strong a:hover { color: #d00000; text-decoration: underline; } div.videoSmall strong span.artImage { float: left; margin: 0 0 0 -115px; height: 66px; overflow:hidden; border: 1px solid #DCDCDC; padding: 3px; cursor: pointer; } div.videoSmall strong img { width: 100px; height: 66px; } div.videoSmall p.info { padding: 0px 0; color: #696969; width: auto; font-size: 10px; margin:0; } /*on radio*/ .rmcOnRadio { margin-left:-5px; } .rmcOnRadio .widget h2.heading { margin-left:0px !important; width: 300px !important; padding: 6px 10px 3px !important; } div.rmcOnRadioWrapper { float: left; width: 318px; margin-top:-1px; background: #ebe9dd; border:1px solid #d8d6c1; height: 610px; } div.rmcOnRadioBorder { width: 296px; padding: 10px; border:1px solid #fff; height: 588px; } div.rmcOnRadioWrapper h3 { font-size: 16px; color: #000; line-height: 18px; margin:15px 0px; } div.rmcOnRadioWrapper p { font-size: 12px; color: #707070; } div.rmcOnRadioWrapper hr { border:0px dotted #d8d6c1; background: transparent url('images/dot_2px_black_25.png') left top repeat; height:2px; } div.rmcOnRadioWrapper ul.photoSmall { width:306px !important; position: relative !important; bottom:0px; } div.rmcOnRadioWrapper ul.photoSmall li { background: white; border: 1px solid rgb(204, 204, 204); display: inline; float: left !important; height: 60px; margin: 0px 4px 10px 0px; padding: 2px; width: 90px; } div.rmcOnRadioWrapper ul.photoSmall li a { display: block; height: 60px; overflow: hidden; width: 90px; } div.rmcOnRadioWrapper ul.photoSmall li .block { display: none; } /*compilation*/ .rmcCompilation { margin-left:-5px; } .rmcCompilation .widget h2.heading { margin-left:0px !important; width: 300px !important; padding: 6px 10px 3px !important; } .rmcCompilation .widgetWrapper { margin-top:15px;} .rmcCompilation .widgetWrapper .rmcNewsContainer{ height: 100px; } /*itunes*/ .rmcItunes .widgetWrapper { margin-top:15px;} .rmcItunes .widgetWrapper .rmcNewsContainer { height: 100px; } /*web mag*/ #home div.rmcWebMagSmall { float: left !important; width: 300px; margin: 0px; overflow: hidden; font-size: 12px; line-height: 1.28; } div.rmcWebMagSmall h1 { width: 300px; font-size: 14px; line-height: 1.28; margin-bottom: 10px; color: #d00000; } div.rmcWebMagSmall div.container { width: auto; height: 70px; padding: 0 0px 0 90px; position: relative; display: block; width: auto; margin: 0px 10px 12px 0; border-bottom: 1px dotted #DCDCDC;} div.rmcWebMagSmall strong a { color: #000 !important; font-weight: normal;} div.rmcWebMagSmall strong a:hover { color: #d00000; text-decoration: underline; } div.rmcWebMagSmall strong span.artImage { float: left; margin: 0 0 0 -90px; height: 55px; overflow:hidden; padding: 3px; cursor: pointer; border: 1px solid gainsboro;} div.rmcWebMagSmall strong img { width: 75px; } div.rmcWebMagSmall p.info { padding: 0px 0; color: #696969; width: auto; font-size: 10px; margin:0; } #home div.wrapperItunes { float: left !important; width: 300px; margin: 15px 0px 0px 0px; overflow: hidden; font-size: 12px; line-height: 1.28; } div.wrapperItunes h1 { width: 300px; font-size: 14px; line-height: 1.28; margin-bottom: 10px; color: #d00000; } div.wrapperItunes div.container { width: auto; height: 70px; padding: 0 0px 0 90px; position: relative; display: block; width: auto; margin: 0px 10px 12px 0; border-bottom: 1px dotted #DCDCDC;} div.wrapperItunes strong a { color: #000 !important; } div.wrapperItunes strong a:hover { color: #d00000; text-decoration: underline; } div.wrapperItunes strong span.artImage { float: left; margin: 0 0 0 -90px; height: 55px; overflow:hidden; padding: 3px; cursor: pointer; border: 1px solid gainsboro;} div.wrapperItunes strong img { width: 75px; } div.wrapperItunes p.info { padding: 0px 0; color: #696969; width: auto; font-size: 10px; margin:0; } /*mini banner*/ ul.wPlaylist { margin-top:10px;} ul.wPlaylist li { padding: 0px 0px 8px 20px; background: url(images/square_play.png) no-repeat top left} ul.wPlaylist li a:hover { text-decoration: none; } /*------------------------------------------------- HOME PRINCIPATO -------------------------------------------------*/ body#home-principato {font-size: 12px;} #home-principato div.rmcOnRadioBorder { padding:0px; width: 316px; height: 608px;} #home-principato div.rmcOnRadioBorder span.image img.image { padding:8px;} #home-principato div.rmcOnRadioWrapper div.photo { background: white; border: 1px solid rgb(204, 204, 204); display: inline; float: left !important; height: 60px; margin: 0px 0px 7px 7px; padding: 2px; width: 90px; } #home-principato div.rmcOnRadioWrapper div.photo a { display: block; height: 60px; overflow: hidden; width: 90px; } /*------------------------------------------------- NEWS ANTEPRIMA (component) news-anteprima-image.phtml -------------------------------------------------*/ div.palinsestoWrapper { float: left !important; width: 100%; margin: 10px; overflow: hidden; font-size: 16px; line-height: 1.28; } div.palinsestoWrapper h1 { width: auto; font-size: 18px; line-height: 1.28; margin-bottom: 10px; color: #d00000; } div.palinsestoWrapper div.palinsestoContainer { width: auto; height: 125px; padding: 0 0px 0 170px; position: relative; display: block; width: auto; margin: 0px 10px 12px 0; border-bottom: 1px dotted #DCDCDC;} div.palinsestoWrapper strong a { color: #000 !important; font-weight: 12px;} div.palinsestoWrapper strong a:hover { color: #d00000; text-decoration: underline; } div.palinsestoWrapper strong span.artImage { float: left; margin: 0 0 0 -170px; overflow:hidden; border: 1px solid #DCDCDC; padding: 3px; cursor: pointer; } div.palinsestoWrapper strong img { width: 155px; } div.palinsestoWrapper p.info { padding: 0px 0; color: #696969; width: auto; font-size: 12px; margin:0; } /*------------------------------------------------- ABSTRACT (component) -------------------------------------------------*/ .abstract, .abstract-webradio { padding: 10px 10px 10px 0px; border-bottom: 1px dotted #e8e8e8; font-size: 12px; margin-bottom: 10px !important; } .abstract img, .abstract-webradio img { margin-right: 10px; border: 1px solid #DCDCDC; padding: 1px;} .abstract a, .abstract a:hover, .abstract a span, .abstract a:hover span, .abstract-webradio a:hover span, .abstract-webradio a span { font-size: 16px; font-weight: bold; color: #d00000;} .abstract span, .abstract-webradio span { font-size: 13px; color: #000; margin-bottom: 5px;} .abstract div.sottotiolo, .abstract-webradio div.sottotiolo { font-size: 13px; color: #999; margin-bottom: 10px;} /*------------------------------------------------- WIDGET TITOLO (component) widget.phtml -------------------------------------------------*/ h3.heading { position: relative; margin: 0; padding: 6px 30px 6px 10px; font-size: 18px; text-transform:none ; color: #fff; background-color: #53777a; } /*------------------------------------------------- SOLO TITOLO SEZIONE (component) solo-titolo-sezione.phtml -------------------------------------------------*/ h2.heading { position: relative; margin: 0 -30px 0 0; padding: 3px 30px 0px 10px; font-size: 18px; text-transform:uppercase ; color: #fff; background-color: #53777a; } h2.heading span.fold { position: absolute; display: block; right: 0; bottom: -15px; width: 20px; height: 15px; background: url('images/sidebar_right_fold.png') no-repeat center center; } #left h2.heading { float: left; margin: 0px 0px 0px -30px; padding: 8px 20px 8px 40px; position: relative; width: 610px; /*z-index: 0;*/ background-color: #FF0000; } #left h2.heading span.foldOrange { bottom: -15px; height: 15px; left: 0px; position: absolute; width: 20px; background: url('images/content_left_fold_orange.png') no-repeat center center; } #left h2.heading span.foldRed { bottom: -15px; height: 15px; left: 0px; position: absolute; width: 20px; background: url('images/content_left_fold_red.png') no-repeat center center; } #left h2.heading span.foldPink { bottom: -15px; height: 15px; left: 0px; position: absolute; width: 20px; background: url('images/content_left_fold_pink.png') no-repeat center center; } #left h2.heading span.foldGreen { bottom: -15px; height: 15px; left: 0px; position: absolute; width: 20px; background: url('images/content_left_fold_green.png') no-repeat center center; } #left h2.heading span.foldBlue { bottom: -15px; height: 15px; left: 0px; position: absolute; width: 20px; background: url('images/content_left_fold_blue.png') no-repeat center center; } #left h2.heading span.foldFuxia { bottom: -15px; height: 15px; left: 0px; position: absolute; width: 20px; background: url('images/content_left_fold_fuxia.png') no-repeat center center; } #left h2.heading span.foldGold { bottom: -15px; height: 15px; left: 0px; position: absolute; width: 20px; background: url('images/content_left_fold_gold.png') no-repeat center center; } #left h2.heading span.foldTurchese { bottom: -15px; height: 15px; left: 0px; position: absolute; width: 20px; background: url('images/content_left_fold_turchese.png') no-repeat center center; } #left h2.heading span.foldGrey { bottom: -15px; height: 15px; left: 0px; position: absolute; width: 20px; background: url('images/content_left_fold_grey.png') no-repeat center center; } #left h2.heading span.foldDarkGrey { bottom: -15px; height: 15px; left: 0px; position: absolute; width: 20px; background: url('images/content_left_fold_darkgrey.png') no-repeat center center; } #left h2.heading span.foldBlack50 { bottom: -15px; height: 15px; left: 0px; position: absolute; width: 20px; background: url('images/content_left_fold_black50.png') no-repeat center center; } #left h2.heading span.foldBlack70 { bottom: -15px; height: 15px; left: 0px; position: absolute; width: 20px; background: url('images/content_left_fold_black70.png') no-repeat center center; } #left h2.heading span.foldRMCTestDrive { bottom: -15px; height: 15px; left: 0px; position: absolute; width: 20px; background: url('images/content_left_fold_darkgrey.png') no-repeat center center; } #left h2.heading.bgHeadingRMCDonneGomme { margin-left:0px; height:120px; } #left h2.heading span.foldBlank { bottom: -15px; height: 15px; left: 0px; position: absolute; width: 20px; } #left h2.heading.bgHeadingRMCTestDrive .h2Wrapper { margin-top: 45px; font-size: 12px; font-weight: normal; padding: 0px; text-transform:none} #left h2.heading.bgHeadingRMCDonneGomme .h2Wrapper { text-indent:-99999px;} #right h2.heading span.foldPink { bottom: -15px; height: 15px; right: 0px; position: absolute; width: 20px; background: url('images/content_right_fold_pink.png') no-repeat center center; } #right h2.heading span.foldRed { bottom: -15px; height: 15px; right: 0px; position: absolute; width: 20px; background: url('images/content_right_fold_viola.png') no-repeat center center; } #right h2.heading span.foldGreen { bottom: -15px; height: 15px; right: 0px; position: absolute; width: 20px; background: url('images/content_right_fold_green.png') no-repeat center center; } #right h2.heading span.foldBlue { bottom: -15px; height: 15px; right: 0px; position: absolute; width: 20px; background: url('images/content_right_fold_blue.png') no-repeat center center; } #right h2.heading span.foldFuxia { bottom: -15px; height: 15px; right: 0px; position: absolute; width: 20px; background: url('images/content_right_fold_fuxia.png') no-repeat center center; } #right h2.heading span.foldGold { bottom: -15px; height: 15px; right: 0px; position: absolute; width: 20px; background: url('images/content_right_fold_gold.png') no-repeat center center; } #right h2.heading span.foldTurchese { bottom: -15px; height: 15px; right: 0px; position: absolute; width: 20px; background: url('images/content_right_fold_turchese.png') no-repeat center center; } #right h2.heading span.foldGrey { bottom: -15px; height: 15px; right: 0px; position: absolute; width: 20px; background: url('images/content_right_fold_grey.png') no-repeat center center; } #right h2.heading span.foldDarkGrey { bottom: -15px; height: 15px; right: 0px; position: absolute; width: 20px; background: url('images/content_right_fold_darkgrey.png') no-repeat center center; } #right h2.heading span.foldBlack50 { bottom: -15px; height: 15px; right: 0px; position: absolute; width: 20px; background: url('images/content_right_fold_black50.png') no-repeat center center; } #right h2.heading span.foldBlack70 { bottom: -15px; height: 15px; right: 0px; position: absolute; width: 20px; background: url('images/content_right_fold_black70.png') no-repeat center center; } #right h2.headingTitleTestDrive { margin-right:0px; background: url('images/titleRMCTestDrive300.jpg') no-repeat center center; height: 100px; } #right h2.heading span.foldBlank { bottom: -15px; height: 15px; right: 0px; position: absolute; width: 20px; } #left h2.heading.etichetta { padding: 2px 20px 2px 20px; font-size: 12px; width: 300px; text-transform:uppercase; margin-bottom: 13px;} #left h2.heading.etichetta a:hover { text-decoration: none;} /*------------------------------------------------- WEB RADIO (component) webradio.phtml -------------------------------------------------*/ .webradio { background:#EBE9DD url("images/bg_webradio.gif") top left no-repeat; padding:10px; margin:10px 0 10px 0; } .webradio a { color:#000; text-decoration:none; } .webradio a:hover { color:#666; text-decoration:none; } .webradio h3 { padding:0px 0px 10px 15px; color:#999; } .webradio li { display:block; float:left; margin-top:5px; padding:0px 0px 5px 0px; width:120px; border-bottom:1px dotted #333; margin-right:5px; overflow:hidden; } .webradio li img { float:left; margin-right:5px; border:0px solid #fff; } .webradio h3.heading { position: relative; margin: -28px -30px 10px 0; width: 270px; padding: 10px 40px 5px 10px; font-size: 16px; text-transform: uppercase; color:#222222; background-color:#d0d0d0; } .webradio h3.heading span.fold { position: absolute; display: block; right: 0; bottom: -15px; width: 20px; height: 15px; background: url('images/content_right_fold_viola.png') no-repeat center center; } #left .webradio { background:#FFF; padding:10px 0px 10px 10px; margin:10px 0 10px 0; width:620px !important; } #left .webradio h2.heading { background: none; margin: 0px 0px 0px -5px !important; padding: 0px !important;} #left .webradio li { display:block; float:left; margin-top:5px; padding:0px 0px 5px 0px; width:71px; border-bottom:none; margin-right:5px; overflow:hidden; } #left .webradio li div.box { display:none;} #left .webradio { margin-bottom: 10px; border-bottom: 3px dotted #DCDCDC; padding-bottom:10px; } #left .webradio div.box { width: 95%; } #left .webradio div.box h3 { background-color:#666666; color:#FFFFFF; font-size:14px; padding:5px; margin-bottom:10px;} #left .webradio div.box p { color: #666666; line-height:17px; min-height:210px; } /*------------------------------------------------- WEB RADIO (component) _webradio-small.phtml -------------------------------------------------*/ div.rmcWebradioWrapper { float: left !important; width: 300px; padding: 0px 10px 0px 0px; overflow: hidden; font-size: 12px; line-height: 1.28; } div.rmcWebradioWrapper h1 { width: 300px; font-size: 14px; line-height: 1.28; margin-bottom: 10px; color: #d00000; } div.rmcWebradioWrapper .rmcWebradioContainer { width: 45px; height: 45px; padding: 0px; float:left; margin: 0px 5px 5px 0; } div.rmcWebradioWrapper a { font-weight: 12px;} div.rmcWebradioWrapper a img { padding: 1px; border: 1px solid #DCDCDC;} div.rmcWebradioWrapper a:hover img { border: 1px solid #F0C900; } div.rmcWebradioWrapper .block { display: none;} /*------------------------------------------------- PHOTO GALLERY (component) solo-titolo-dx.phtml -------------------------------------------------*/ /*------------------------------------------------- WEB TV CENTRALE 630 (component) webtv.phtml -------------------------------------------------*/ .webTv-big { padding: 10px 0px 20px 0px; margin-top: 0px; color:#000; overflow: hidden; float:right; width:330px;} .webTv-big .ly { height: 210px; position: absolute; cursor: pointer !important; } .webTv-big div.webTvWrapper { width:300px; height:218px; position:relative; top:10px; padding: 0px;} .webTv-big div.webTvWrapper .player { width:300px; height:218px; position:absolute; } .webTv-big div.webTvWrapper .layer { width:300px; height:218px; position:absolute;} .Image-TV img { float: left; margin: 0 0 0 -85px; border: 0px solid #DCDCDC; padding: 0px; cursor: pointer;} .rmcTV-text { border-bottom: 1px dotted #DCDCDC; display:block; margin:0 10px 12px 0; padding:0; position:relative; width:auto; } div.Image-TV-big strong img { width: 50px; float:left; margin-right:10px; padding:1px; border:1px #CCC solid; } Image-TV-big { float:left; border:0px; border-bottom:1px #F00 solid; } .webTv-big .info { color:#999;} .webTv-big a { color:#FFF;} div.webTvWrapper-big { width:300px; height:218px; position:relative; top:10px; padding: 0px; float:left;} div.webTvWrapper-big .player { width:300px; height:218px; position:absolute; } div.webTvWrapper-big .layer { width:300px; height:218px; position:absolute;} /*------------------------------------------------- WEB TV (component) webtv.phtml -------------------------------------------------*/ .webTv { width: 100%; padding: 30px 0px 20px 0px; margin-top: -15px; color:#000; overflow: hidden; background-color: #222;} .webTv .ly { width: 310px; height: 210px; position: absolute; cursor: pointer !important; } .webTv div.webTvWrapper { width:300px; height:218px; position:relative; top:30px; padding: 0px;} .webTv div.webTvWrapper .player { width:300px; height:218px; position:absolute; } .webTv div.webTvWrapper .layer { width:300px; height:218px; position:absolute;} ul.webtvSmall { margin: 0 0 0 0; overflow: hidden; font-size: 12px; line-height: 1.28; } ul.webtvSmall li { position: relative; display: block; float: left !important; width: 100%; margin: 0px 10px 10px 0; border-bottom: 1px dotted #DCDCDC; padding: 0 0 10px 0; } ul.webtvSmall li div.webtvContainer { padding: 0 0px 0 85px; } ul.webtvSmall strong a { color: #fff !important; font-weight: 700;} ul.webtvSmall strong a:hover { color: #d00000; text-decoration: underline; } ul.webtvSmall strong span.artImage { float: left; margin: 0 0 0 -85px; border: 1px solid #DCDCDC; padding: 1px; cursor: pointer; } ul.webtvSmall div.webtvContainer p strong { display: inline; border: 0; } ul.webtvSmall p.info { padding: 0px 0; color: #999; font-size: 11px; margin:0; } .scegli-canale p { color:#fff;} .scegli-canale select { border:0; border:5px #333 solid; padding:5px; width:300px;} .scegli-canale select option { color:#333;} .scegli-canale select option:hover { color:#FFF; background:#333;} .scegli-canale .first { color:#AAA;} #home div.webTvSmall { float: left !important; background-color:#000000; width: 310px; margin: 0px 0px 10px 0px; padding: 10px 0px 0px 0px; overflow: hidden; font-size: 12px; line-height: 1.28; } #page div.webTvSmall { float: left !important; background-color:#000000; width: 310px; margin: 0px 0px 10px 0px; padding: 10px 0px 0px 0px; overflow: hidden; font-size: 12px; line-height: 1.28; } div.webTvSmall h1 { width: 300px; font-size: 14px; line-height: 1.28; margin-bottom: 10px; color: #fff; } div.webTvSmall div.rmcNewsContainer { width: auto; height: 68px; padding: 0 0px 0 70px; position: relative; display: block; width: auto; margin: 2px 0px 5px 0; border-bottom: 1px dotted #DCDCDC;} div.webTvSmall div.rmcNewsContainer.last{ border-bottom: 1px dotted #000;} div.webTvSmall strong a { color: #fff !important; font-weight: 13px;} div.webTvSmall strong a:hover { color: red !important; text-decoration: underline; } div.webTvSmall strong a strong { color: red; } div.webTvSmall strong span.artImage { float: left; margin:-3px 10px 0px -60px; height: 55px; overflow:hidden; border: 0px solid #DCDCDC; padding: 3px; cursor: pointer; } div.webTvSmall strong img { width: 76px; } div.webTvSmall p.info { padding: 0px 0; color: #999; width: auto; font-size: 11px; margin:0; } div.webTvWrapper { width:300px; height:218px; position:relative; top:30px; padding: 0px;} div.webTvWrapper .player { width:300px; height:218px; position:absolute; } div.webTvWrapper .layer { width:300px; height:218px; position:absolute;} /*------------------------------------------------- WEB TV HOME (component) webtv.phtml -------------------------------------------------*/ .homeWebTv { width: 100%; padding: 30px 0px 20px 0px; margin-top: -15px; color:#000; overflow: hidden; background: #222;} .homeWebTv .webTvWrapper { width: 240px; height: 270px; padding: 0px 10px 0px 10px; float:left; cursor: pointer !important;} .homeWebTv .extremeWrapper { height: 170px; padding: 0px 10px 0px 10px; float:left; cursor: pointer !important; background:url("/styles/images/can nes_hood.jpg") top right no-repeat;} .homeWebTv .webTvWrapper .clock { height: 180px; } .homeWebTv ul.items { overflow: hidden; } .homeWebTv ul.items li.item { position: relative; } .homeWebTv ul.items li.item a { color: #fff; } .homeWebTv ul.items li.item a.thumbnail { display: block; position: relative; z-index: 1; } .homeWebTv ul.items li.item a.thumbnail span.mask { position: absolute; z-index: 2; left: 0; top: 0; background-position: left top; background-repeat: no-repeat; } .homeWebTv ul.items li.item a.thumbnail img { color: #fff; } .homeWebTv ul.items li.item h4 { margin: 0 0 2px 0; font-size: 12px; font-weight:normal; } .homeWebTv ul.items.grid { margin-bottom: 17px;} .homeWebTv ul.items.grid.extreme { margin-bottom: 17px; } .homeWebTv ul.items.grid.extreme li.item { float: left; margin: 0px 15 15px 0px; overflow: auto; } .homeWebTv ul.items.grid.extreme li.item a.thumbnail{ height: 70px; margin: 0 0 5px 0; padding: 1px; border: 1px solid #DCDCDC; width:106px; } .homeWebTv ul.items.grid li.item { float: left; width: 110px; margin: 0px 0 5px 10px; overflow: auto; } .homeWebTv ul.items.grid li.item p { color: #999; } .homeWebTv ul.items.grid li.item a.thumbnail { height: 70px; margin: 0 0 5px 0; padding: 1px; border: 1px solid #DCDCDC; } .homeWebTv ul.items.grid li.item a.thumbnail:hover { border: 1px solid #DCDCDC; } .homeWebTv .scegli-canale select { border:0; border:5px #333 solid; padding:5px; width:240px;} .homeWebTv .scegli-canale select option { color:#333;} .homeWebTv .scegli-canale select option:hover { color:#FFF; background:#333;} .homeWebTv .scegli-canale .first { color:#AAA;} .homeWebTv ul.items.gridsingle { margin-bottom: 0px;} .homeWebTv ul.items.gridsingle li.item { float: left; width: 110px; margin: 0px 0 5px 5px; overflow: auto; } .homeWebTv ul.items.gridsingle li.item p { color: #999;} .homeWebTv ul.items.gridsingle li.item a.thumbnail { height: 70px; margin: 0 0 5px 0; padding: 1px; border: 1px solid #DCDCDC; } .homeWebTv ul.items.gridsingle li.item a.thumbnail:hover { border: 1px solid #DCDCDC; } /*------------------------------------------------- WEB TV HOME (component) _tvcanali.phtml -------------------------------------------------*/ .tasto-tv {background-color:#000; width:270px; height:35px; margin-top:2px; padding:5px; } .nomecanale {color:#d1d6d2; font-weight:bold; font-size:12px; } .guarda-grigio {color:#919090; font-weight:bold; font-size:10px; } .guarda-attivo {color:#e22354; font-weight:bold; font-size:10px; } /*------------------------------------------------- WEB TV VIDEODROME (component) webtv-videodrome.html -------------------------------------------------*/ ul.videoDromeSmall { margin: 0; font-size: 12px; line-height: 1.28; } ul.videoDromeSmall li { position: relative; display: block; float: left !important /*CMS Radiohead*/; width: 100%; margin: 0px 10px 10px 0; border-bottom: 1px dotted #DCDCDC; padding: 0 0 10px 0; } ul.videoDromeSmall li div.itemContainer { padding: 0 0px 0 85px; } ul.videoDromeSmall strong a { color: #000 !important; font-weight: 700;} ul.videoDromeSmall strong a:hover { color: #d00000; text-decoration: underline; } ul.videoDromeSmall strong span.artImage { float: left; margin: 0 0 0 -85px; border: 1px solid #DCDCDC; padding: 1px; cursor: pointer; } ul.videoDromeSmall div.itemContainer p strong { display: inline; border: 0; } ul.videoDromeSmall p.info { padding: 0px 0; color: #999; font-size: 11px; margin:0; } /*------------------------------------------------- ARTISTS -------------------------------------------------*/ .artistWrapper img { margin:10px 0px;} .artistWrapper ul.artistLinks { float: left; width: 300px;overflow: hidden; font-size: 12px; line-height: 1.28; } .artistWrapper ul.artistLinks li { position: relative; display: block; float: left !important /*CMS Radiohead*/; width: 320px; margin: 0px 10px 10px 0; border-bottom: 1px dotted #DCDCDC; padding: 0 0 10px 0; } .artistWrapper ul.artistLinks strong span { white-space: nowrap; color: white; width: 60px; font-size: 10px; float: left; margin: 0 0 0 -85px; padding: 3px 4px; cursor: pointer; } .artistWrapper h2 { margin-top:5px; font-size: 18px;} .artistWrapper p { font-size: 12px;} /*------------------------------------------------- RMC WEB MAG (components) rmcwebmeg.phtml, rmc-the-web-mag.phtml -------------------------------------------------*/ #rmcWebMeg { margin-top: 10px;} #rmcWebMeg ul.rmcWebMeg { float: right; width: 340px;overflow: hidden; font-size: 12px; line-height: 1.28; } #rmcWebMeg ul.rmcWebMeg li { position: relative; display: block; float: left !important /*CMS Radiohead*/; width: 320px; margin: 0px 10px 10px 0; border-bottom: 1px dotted #DCDCDC; padding: 0 0 10px 0; } #right #rmcWebMeg ul.rmcWebMeg { float: right; width: 300px;overflow: hidden; font-size: 12px; line-height: 1.28; } #right #rmcWebMeg ul.rmcWebMeg li { position: relative; display: block; float: left !important /*CMS Radiohead*/; width: 300px; margin: 0px 10px 10px 0; border-bottom: 1px dotted #DCDCDC; padding: 0 0 10px 0; } #rmcWebMeg ul.rmcWebMeg li div.webMegItem { padding: 0 0px 0 85px; } #rmcWebMeg ul.rmcWebMeg strong a { color: #000 !important; font-weight: 700;} #rmcWebMeg ul.rmcWebMeg strong a:hover { color: #d00000; text-decoration: underline; } #rmcWebMeg ul.rmcWebMeg strong span.artImage { white-space: nowrap; color: white; width: 60px; font-size: 10px; float: left; margin: 0 0 0 -85px; padding: 3px 4px; cursor: pointer; } #rmcWebMeg ul.rmcWebMeg strong span { white-space: nowrap; color: white; width: 60px; font-size: 10px; float: left; margin: 0 0 0 -85px; padding: 3px 4px; cursor: pointer; } #rmcWebMeg ul.rmcWebMeg strong span.rmc { background-color: #334E7D; } #rmcWebMeg ul.rmcWebMeg strong span.cinema { background-color: #C87800; } #rmcWebMeg ul.rmcWebMeg strong span.food { background-color: #6492AC; } #rmcWebMeg ul.rmcWebMeg strong span.gossip { background-color: #5F6E43; } #rmcWebMeg ul.rmcWebMeg strong span.motori { background-color: #7A4A77; } #rmcWebMeg ul.rmcWebMeg strong span.moda { background-color: #24A89E; } #rmcWebMeg ul.rmcWebMeg strong span.sport { background-color: #f00; } #rmcWebMeg ul.rmcWebMeg strong span.viaggi { background-color: #C87800; } #rmcWebMeg ul.rmcWebMeg strong span.musica { background-color: #DAC809; } #rmcWebMeg ul.rmcWebMeg strong span.iniziative { background-color: #f00; } #rmcWebMeg ul.rmcWebMeg div.webMegItem p strong { display: inline; border: 0; } #rmcWebMeg ul.rmcWebMeg p.info { padding: 0px 0; color: #696969; font-size: 11px; margin:0; } /*------------------------------------------------- RMC WEB MAG (component) lista-articoli-sezione.phtml -------------------------------------------------*/ .sectbin { display:inline; float:left !important; height:245px; margin: 0; width:300px; } .sectbin h4 { float:left; font-size:18px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:bold; line-height:21px; margin:0; padding:14px 0 5px; } .sectbin h4 a { display:block; float:left; padding:0 15px 0 0; } .sectbin h4 a:link, .sectbin h4 a:visited { color:#000000; } .sectbin h4 a:hover { color:#000000; text-decoration: none; } .sectbin .divline { margin:0 0 7px; } .sectbin ul.bulletbin li { padding-bottom:3px; } .sectbin .mtpmore { padding:9px 0 1px; } .sectbincntnt { height:200px; overflow:hidden; padding: 13px; } .clear { clear:both; height:1px; overflow:hidden; } .divline { background-color:#E5E5E5; height:1px; overflow:hidden; } ul.bulletbin { list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; } ul.bulletbin li { background:transparent url(images/list_bull_red.gif) no-repeat scroll 0 5px; color:#9A9A9A; font-size:12px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:bold; line-height:16px; margin:0; padding:0 0 2px 10px; } .mtpmorebtn { display:block; height:17px; width:55px; } /*------------------------------------------------- TOPIC -------------------------------------------------*/ #topic .topicHead { background:#000;padding:7px;color:#fff; width:626px;} #topic .topicHead ul, #topic .topicHead ul li { margin:0;padding:0; overflow:hidden;} #topic .topicHead ul li { display:block; float:left; width:auto; margin-right:15px; font-size:14px; font-weight:bold; } #topic .topicHead ul li.first { color:#BF238C;} #topic .topicHead ul li a { color:#FFF;} #topic .topicHead ul li a:hover { color:#FFF;} #topic .left { float:left; overflow:hidden; width:302px; margin:10px 10px 0px 0px; } #topic .right { float:left; overflow:hidden; width:302px; margin:10px 0px 0px 25px;} #topic .left div, #topic .right div { margin-top:5px; margin-bottom:15px; overflow:hidden;} #topic .left div img, #topic .right div img { float:left; margin-right:10px; margin-bottom:5px; width:auto;border:1px solid #ededed; padding:3px;} #topic .left div p { float:left; width:200px;} #topic .left div p a strong, #topic .right div p a strong { color:#006699;} #topic .promo img { border:1px solid #dedede;} /*-------------------------------------------------- WEBRADIO (pagina) webradio-650.phtml --------------------------------------------------*/ #webradio .about { position: relative; width: 600px; margin: 0 0 20px -30px; padding: 17px 20px 17px 40px; background:#9CC;} #webradio .about h2 { color: #fff; font-size: 28px; } #webradio .about p { color: #fff; line-height: 20px; } #webradio .about p.info { color: #fff; font-size: 14px; font-weight: bold; line-height: 24px; } #webradio .about img { float: left; border: 0px solid #7DDFDF; margin: 0 20px 10px 0; } #webradio .about .fold { position: absolute; left: 0; bottom: -15px; width: 20px; height: 15px; background: url('images/webradio_left_fold_azzurro.png') no-repeat left top;} #webradio #left .abstract img { display:block; float:none;} /*#webradio #left .grid_2 { width:370px; margin-bottom:10px;}*/ #webradio #left .grid_3 { width:210px; background:#edeeed; padding:10px; margin-bottom:10px;} #webradio #left .grid_5 { width:600px; margin-bottom:10px;} /* #webradio .about.rmc { background: #6e6850; } #webradio .about.rmc2 { background: #000000; } #webradio .about.rmcthebest { background: #d6c517; } #webradio .about.rmcgreatartists { background: #e92d14; } #webradio .about.rmcmontecarlonightsstory { background: #0c1864; } #webradio .about.rmclovesongs { background: #fe0190; } */ /*------------------------------------------------- IN PRIMO PIANO (component) in-primo-piano.phtml -------------------------------------------------*/ .maingrid { width: 610px; height: 280px; margin:10px 0px 10px 0px; float:left; background:#161613; overflow: hidden; position: relative; } .maingrid h3 { margin: 0px 0px 5px 0px; color:#FFF; font-size:18px; letter-spacing:-1px; font-weight: bold; } .maingrid img { position: absolute; top: 0; left: 0; border: 0; } .maingrid p { color:#afafaf; font-weight:bold; font: 10pt "Lucida Grande", Arial, sans-serif; } .maincaption { padding: 10px; float: left; position: absolute; background: #000; width: 50%; opacity: .8; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /* For IE 8 */ -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } /*------------------------------------------------- ABSTRACT CON VOTO (component) rmc-motori-abstract-voto.phtml -------------------------------------------------*/ .abstractMotoriVoto { font-size: 12px; } .abstractMotoriVoto h2 { font-size: 20px; font-weight: normal; } .abstractGrid { width: 250px; height: 200px; margin:10px 0px 10px 0px; float:left; background:#161613; overflow: hidden; position: relative; } .abstractGrid h3 { margin: 0px 0px 5px 0px; color:#FFF; font-size:18px; letter-spacing:-1px; font-weight: bold; } .abstractGrid img { position: absolute; top: 0; left: 0; border: 0; } .abstractGrid p { color:#afafaf; font-weight:bold; font: 10pt "Lucida Grande", Arial, sans-serif; } .abstractAction, .abstractVote { padding: 10px; float: left; position: absolute; background: #000; width: 100%; opacity: .8; bottom:0px; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /* For IE 8 */ -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; height: 25px; } .abstractVote { padding: 5px; float: left; position: absolute; background: #000; width: 65px; height: 50px; bottom:55px; right: 10px; text-align: center; opacity: .6; } .abstractVote p { font-size: 10px; color: #ffffff;} .abstractVote h3 { font-size: 28px; color: orange; } .abstractAction span { float:left; width:160px; color: #fff; font-size:18px; font-weight: bold;} .abstractAction .form { width: 50px; float:left; margin-left:10px; } .abstractAction span.login { width: 48px; margin: 1px; font-size: 18px; text-align: right;} /*------------------------------------------------- LISTA ARTICOLI (component) lista-articoli.phtml -------------------------------------------------*/ ul.listaArticoli { width: 100%; overflow: hidden; font-size: 12px; line-height: 1.28; margin: 10px 0; } ul.listaArticoli li { display: block; margin: 0px 10px 10px 0; border-bottom: 1px dotted #DCDCDC; padding: 0 0 10px 0; } ul.listaArticoli li h1 { font-size: 14px; line-height: 1.28;} ul.listaArticoli li p { font-size: 12px; line-height: 1.4;} /*------------------------------------------------- PLAYLIST CON FOTO (component) playlist-con-foto.phtml -------------------------------------------------*/ div.playlistFotoSmall { font-size: 12px; display: block; overflow: hidden; line-height: 18px; padding: 10px 0 5px; border-bottom:1px dotted #DCDCDC;} div.playlistFotoSmall .coverArt { width:105px; text-align:center; float:left; } div.playlistFotoSmall .coverArt img { border: 1px solid #DCDCDC; padding: 1px; } div.playlistFotoSmall .subjectCell { float: left; width: 530px;} div.playlistFotoSmall .subjectCell h1 { color: #d00000; font-size: 13px; font-weight: bold;} div.playlistFotoSmall .subjectCell h2 { color: #000000; font-size: 12px;} div.playlistFotoSmall .subjectCell p { color: #000000; font-size: 11px; margin: 0px; text-align:right; } #webradio div.playlistFotoSmall .subjectCell { float: left; width: 200px; /*width: 250px;*/ } #webradio div.playlistFotoSmall .subjectCell h1 { color: #d00000; font-size: 13px; font-weight: bold;} #webradio div.playlistFotoSmall .subjectCell h2 { color: #000000; font-size: 12px;} #webradio div.playlistFotoSmall .subjectCell p { color: #000000; font-size: 11px; margin: 0px; text-align:right; } /*------------------------------------------------- PLAYER AUDI (component) player-audio.phtml -------------------------------------------------*/ div.playerAudio { width: 610px; color: #fff; font-size: 12px; display: block; overflow: hidden; line-height: 18px; padding: 10px 0 5px; background:#1a1a1a;} div.playerAudio .art { width:105px; text-align:center; float:left; } div.playerAudio .art img { border: 1px solid #DCDCDC; padding: 1px; } div.playerAudio .subjectCellDescription { float: left; width: 380px; border-right: 1px dotted #fff;} div.playerAudio .subjectCellDescription h1 { color: #fff; font-size: 16px; font-weight: bold;} div.playerAudio .subjectCellDescription h2 { color: #fff; font-size: 12px;} div.playerAudio .subjectCellDescription p { color: #fff; font-size: 11px; margin: 0px; text-align:right; } div.playerAudio .subjectCellPlay { float:left; padding:0px 10px 10px 10px; margin-top:-10px; text-align: center; width: 95px;} div.playerAudio .subjectCellPlay .btnSmall { width: 80px; height: 60px; } div.playerAudio .subjectCellPlay a.play { background: url(images/btn_player_video_play.png) no-repeat 10px 10px; color: white; cursor: pointer; display: inline-block; padding: 5px 10px 6px; position: relative; } div.playerAudio .subjectCellPlay p a, div.playerAudio .subjectCellPlay p a:hover { color: #fff; font-size: 12px; font-weight:bold; text-align:center; } div.playerAudioFooter { display: block; overflow: hidden; line-height: 18px; padding: 10px; background:#222;} div.playerAudioMedia { color: #000; font-size: 12px; display: block; overflow: hidden; line-height: 18px; padding: 10px 5px 5px 0px; background:#f2f7fd;} div.playerAudioMedia .anteprima { width:105px; text-align:center; float:left; } div.playerAudioMedia .anteprima img { border: 1px solid #DCDCDC; padding: 1px; } div.playerAudioMedia ul.photoSmall li { background: white; border: 1px solid rgb(204, 204, 204); overflow: hidden; display: inline; float: left !important; height: 66px; margin: 0px 0px 10px 10px; padding: 2px; width: 90px; } .bgPlayerGreen { background: #90d02c url("images/bg_green.jpg") top left repeat-x !important; color: #ffffff !important; } .bgPlayerBlue { background: #1e80c6 !important; color: #ffffff !important; } .bgPlayerRed { background: #CC0000 url("images/bg_red.jpg") top left repeat-x !important; color: #ffffff !important; } .bgPlayerDark { background: #1a1a1a !important; } .bgPlayerViola { background: #8403a0 !important; color: #ffffff !important; } .bgPlayerFuxia { background: #d221b8 !important; color: #ffffff !important; } .bgPlayerGold { background: #f0c900 url("images/bg_giallo.jpg") top left repeat-x!important; color: #ffffff !important; } .bgPlayerGrey { background: #EBE9DD !important; color: #333 !important; } .bgPlayerDarkGrey { background: #333333 !important; color: #ffffff !important; } .bgPlayerTurchese { background: #27c8c2 url("images/bg_azzurro.jpg") top left repeat-x!important; color: #ffffff !important; } /*------------------------------------------------- REPLICHE (component) replica-programma.phtml -------------------------------------------------*/ div.replicaAudio { width: 610px; color: #000; font-size: 12px; display: block; overflow: hidden; line-height: 18px; padding: 10px 0 5px; border-bottom:1px solid #dcdcdc;} div.replicaAudio .subjectCellDescription { float: left; width: 600px;} div.replicaAudio .subjectCellDescription h1 { color: #000; font-size: 16px; font-weight: bold;} div.replicaAudio .subjectCellDescription h2 { color: #000; font-size: 12px;} /*------------------------------------------------- ARTISTA ALBUM (component) artista-album-brano.phtml -------------------------------------------------*/ div.albumItemSmall { font-size: 12px; display: block; overflow: hidden; line-height: 18px; padding: 5px 0 5px; border-bottom:1px dotted #DCDCDC;} albumItemSmall:hover .number .circular-preview-control { visibility: display;} div.albumItemSmall .number { float: left; width:30px; padding:0px;margin-top:-3px; } div.albumItemSmall .number h2 { text-align:right; float:left; font-size: 12px; color: #000000; font-weight: normal;} div.albumItemSmall .subjectCell { float: left; width: 70%;} div.albumItemSmall .subjectCell h1 { color: #000000; font-size: 13px; font-weight: normal;} div.circular-preview-control { height: 21px; overflow: visible; position: absolute; right: -4px; top: -1px; visibility: hidden; width: 21px; } /*------------------------------------------------- PLAYLIST VOTA (component) playlist-vota.phtml -------------------------------------------------*/ div.playlistWrapper { font-size:12px; height: 350px;} div.playlistWrapper .left { width: 270px;} div.playlistWrapper h2 { font-size: 20px; margin-top: 10px;} div.playlistWrapper p { font-size:12px; line-height: 1.6em; } div.playlistWrapper dl { width:100%; background: #E1EAFE; } div.playlistWrapper dt { font-weight:bold; padding: 10px 0px 5px 0px} div.playlistWrapper dd { margin:0; padding: 0 10px 10px; border-bottom:1px dotted #DCDCDC } div.playlistWrapper *.odd { background: #F6F6F6} div.playlistWrapper .message { font-size: 18px; width: auto; margin: 20px -20px 20px 0px; padding: 20px; text-align: center; border: 1px solid #F2F2F2;} /*------------------------------------------------- PAGINATOR -------------------------------------------------*/ ul.paginator { font-size: 12px; margin: 10px 0px 10px 0px; overflow: hidden; } ul.paginator * { color: #fff; text-decoration: none; } ul.paginator li { background: #000; text-align: center; margin: 0; padding: 10px 8px 6px 8px; width: 20px; height: 20px; display: inline; float: left !important; } ul.paginator li:hover { background: #CC0000; cursor: pointer; } ul.paginator li.current { background: #CC0000; } ul.paginator li img, ul.paginator li img a { margin: -4px 0 0 -2px; } ul.paginator li a:hover { text-decoration: none; color: #ffffff; } ul.paginator li.control { background: #333; font-size: 14px; } div.paginator { margin: 10px 10px 10px 10px; float: right; } div#paginator { padding-bottom: 0px; } div#paginator-two { padding-top: 10px; } div.paginator div { font-weight: bold; font-size: 1em; float: left; line-height: 1em; padding:5px; } div.paginator div.current-page { padding:5px 8px 6px 8px; margin: 0 1px; color: #ffffff; background: #5fc1ff; } div.paginator div a { padding: 0 4px; margin: 0 1px; } div.paginator div.prev { padding-left: 10px; padding-right: 10px; } div.paginator div.next { padding-left: 10px; padding-right: 10px;} /*------------------------------------------------- DATE (component) date.phtml -------------------------------------------------*/ .dateFlop {color:#314b00; z-index:204; position:relative; margin:15px 0 0px -24px; background:url(images/dateFlop.png) top center no-repeat; height:40px; width:115px; padding:0 0 0 55px; font-weight:bold; text-align:center;} .dateFlop span.year {font-size:21px; float:left; margin:0 4px 0 0;} .dateFlop .day {font-size:13px; float:left; height:14px; margin:1px 0 0 0;} .dateFlop .month {font-size:10px; float:left; margin:13px 0px 0 -16px; height:10px;} .dateFlop .commentCount {margin:5px 0 0 40px; float:left;} /*-------------------------- BOX PLAYER REPLICHE -> A.Signorini ---------------------------*/ .gestore-replica { background:#EBE9DD; padding:10px; margin-left:10px; width:580px; color:#333;font-size:14px;overflow:hidden;} .gestore-replica p { float:left; width:300px;padding-top:4px;} .gestore-replica .flash-player, .gestore-replica object, .gestore-replica object embed { float:right; width:80px;} /*------------------------------------------------- ABSTRACT-ITUNES (component) -------------------------------------------------*/ ul.iTunesAbstractBig { width:650px; margin: 1em 0 0 0; overflow: hidden; font-size: 12px; line-height: 1.28; float: left; } ul.iTunesAbstractBig li { position: relative; display: block; float: left !important /*CMS Radiohead*/; width: 99%; margin: 0px 10px 10px 0; border-bottom: 1px dotted #DCDCDC; padding: 0 0 10px 0; } ul.iTunesAbstractBig li div.iTunesContainer { padding: 0 0px 0 165px; } ul.iTunesAbstractBig div.chartContainer strong { display: block; padding-bottom: 2px; border-bottom: 1px solid #ccc; } ul.iTunesAbstractBig strong a { color: #d00000; font-weight: 700;} ul.iTunesAbstractBig strong a:hover { color: #d00000; text-decoration: underline; } ul.iTunesAbstractBig strong span.artImage { float: left; margin: 0 0 0 -165px; border: 1px solid #DCDCDC; padding: 1px; cursor: pointer; } ul.iTunesAbstractBig div.iTunesContainer p strong { display: inline; border: 0; } ul.iTunesAbstractBig p.info { padding: 0px 0; color: #696969; font-size: 11px; margin:0; } /*------------------------------------------------- PLAYER VIDEO (component) video-player-con-descrizione.phtml -------------------------------------------------*/ div.playerOuter { position: relative; height: 275px; font-size: 18px; color: #fff; background-color: #53777a; } div.playerOuter { float: left; margin: 0px 0px 15px -30px; padding: 0px 1px 0px 20px; width: 650px; background-color: #FF0000; } div.playerOuter span.foldDarkGrey { display: block; right: 0; width: 20px; bottom: -15px; height: 15px; left: 0px; position: absolute; width: 20px; background: url('images/content_left_fold_darkgrey.png') no-repeat center center; } div.playerOuter .playerLeft { width: 230px; float: left; } div.playerOuter .playerRight { width: 380px; float: right; border-left: 5px solid #fff; } div.playerOuter .playerRight .inner { padding: 5px;} div.playerOuter .playerLeft .inner { font-size: 12px; color: #ffffff; line-height: 14px;} div.playerOuter .playerLeft h1.video_title_and_duration { position: relative; font-size: 18px; font-weight: normal; line-height: 20px; margin: 0; padding: 10px 0 0 0; color: #5fc1ff; } div.playerOuter .playerLeft h1.video_title_and_duration small { color: #ffffff; display: none; } div.playerOuter .playerLeft .video_episode_info { font-weight: bold; margin-top: 10px; margin-bottom: 10px; } div.playerOuter .playerLeft .video_description { font-size: 12px; line-height: 16px; padding: 14px 0 23px 0; } div.playerOuter .playerLeft .video_rating { font-size: 12px; line-height: 16px; padding: 14px 0 23px 0; display: none;} div.playerOuter .playerLeft .video_rating a { font-size: 14px; color: #ffffff; text-decoration: none; } div.playerOuter .playerLeft .video_rating a.rated { float: right; margin-right: 190px; display: block; width: 59px; height: 19px; text-indent: 59px; overflow:hidden; } div.playerOuter .playerLeft .video_rating a.rating { float: right; margin-right: 190px; display: block; width: 59px; height: 19px; text-indent: 59px; overflow:hidden; } div.playerOuter .playerLeft .save_send_share_upload { margin: 25px 0 0 0; display: none; } /*------------------------------------------------- CONTEST (component) contest-risposta-chiusa-3-item.phtml -------------------------------------------------*/ div.contestMedium h1 { font-size: 14px; line-height: 1.28; margin-bottom: 10px; color: #d00000; } div.contestMedium div.itemContainer { width: auto; padding: 0 0px 2px 25px; position: relative; display: block; width: auto; margin: 0px 10px 5px 0;} div.contestMedium strong span.radioButton { float: left; margin: 0 0 0 -25px; height: 55px; overflow:hidden; padding: 3px; cursor: pointer; } div.contestMedium p.info { padding: 0px 0; color: #696969; width: auto; font-size: 12px; margin:0; padding-bottom: 2px; border-bottom: 1px dotted #DCDCDC;} /*------------------------------------------------- CONTEST-WRAPPER (component) My_View_Helper_Contest -------------------------------------------------*/ div.contestWrapper {} div.contestWrapper h2.contest { font-size: 18px; color: #000000; } div.contestWrapper p.desc { font-size: 14px; color: #000000; line-height: 18px; margin: 5px 0 15px 0;} div.contestWrapper p.error { font-size: 14px; color: #333333; text-align: center; line-height: 18px; margin: -25px 0 15px 0; padding: 20px 0; background-color: #F2F2F2; border: 1px solid #DCDCDC; } /*------------------------------------------------- CHART-WRAPPER (component) My_View_Helper_Sondaggio -------------------------------------------------*/ .mediumChartWithOutImages li { clear: both; display: block; height: 54px; position: relative; width: 100%; } .chartbar { color: white; display: block; font-size: 11px; font-weight: bold; height: 22px; line-height: 22px; position: relative; text-align: left; width: auto; } .chartbar span.value { color: white; text-decoration: none; display: block; font-size: 11px; line-height: 22px; padding: 0px 5px; position: relative; z-index: 1; } .chartbar span.bar { background: #2993c1 url(images/chartbar-blue.jpg) no-repeat 100% 0%; display: block; height: 22px; left: 0px; line-height: 22px; min-width: 60px; position: absolute; top: 0px; } .mediumChartWithOutImages li p { padding: 3px 5px 3px 0px; } .mediumChartNotes { color: #828282; margin: 5px 0px; font-size: 12px; } .mediumChartNotes .button { display: inline; float: left; } .mediumChartNotes .results { display: inline; float: left; } /*------------------------------------------------- ALBUM-WRAPPER (component) album-wrapper.phtml -------------------------------------------------*/ #left .albumWrapper { position: relative; margin-top: 0; padding: 0 3px; position: relative; zoom: 1; width: 620px; } .albumWrapper .album-content-box { color: #333; margin: 0; padding: 2em 0px 4em; zoom: 1; } .albumWrapper .album-content-box:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .albumWrapper .album-content-box a .albumWrapper .album-content-box a:link, .albumWrapper .album-content-box a:visited, .albumWrapper .album-content-box a:active { color: #08c !important; text-decoration: none; } .albumWrapper .album-content-box a:hover { text-decoration: underline; background: none; } .albumWrapper .album-content-box li { font-size: 12px; line-height: 1.5; } .albumWrapper .album-content-box h1 { font-size: 22px; line-height: 36px; margin-bottom: 6px; } .albumWrapper .album-content-box .intro { clear: both; margin-bottom: 2.5em; } .albumWrapper .album-content-box #title h1 { display: inline-block; display: inline; float: left; color: #474747; line-height: 36px; margin-right: 25px; } .albumWrapper .album-content-box #title { position: relative; zoom: 1; } .albumWrapper .album-content-box div.artwork { position: relative; zoom: 1; } .albumWrapper .album-content-box div.artwork:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .albumWrapper .album-content-box div.artwork img.artwork { border: 1px solid #fff; -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: #999 0 3px 5px; border-color: #a2a2a2; } .albumWrapper .album-content-box .list { margin-top:10px; } .albumWrapper .album-content-box a.more, .albumWrapper .album-content-box a.view-in-store { display: inline; padding-right: 8px; } .albumWrapper .album-content-box #left div.rating { margin: 0; } .albumWrapper .album-content-box #left div.rating div { float: left; width: inherit; margin: 2px 5px 0 0 !important; } .albumWrapper .album-content-box #left div.rating div span.rating-star { display: block; float: left; width: 11px; height: 11px; margin-right: 2px; background: url(images/rating_star.png) 0 0 no-repeat; } .albumWrapper .album-content-box #left div.rating div span.rating-star.ghost, .albumWrapper .album-content-box #left div.rating div span.ghost { position: absolute; width: 0; margin: 0; background: none; } .albumWrapper .album-content-box #left { float: left; width: 190px; color: #858989; } .albumWrapper .album-content-box #left div { margin-top: 0.1em; } .albumWrapper .album-content-box #left div.artwork { margin-top: 0; } .albumWrapper .album-content-box #left div h4 { margin-bottom: 5px; font-size: 14px; } .albumWrapper .album-content-box #left h4 { color: #474747; font-size: 1.3em; } #left .albumWrapper .album-content-box .center { clear: right; float: right; width: 410px; } .albumWrapper .album-content-box .center span, .albumWrapper .album-content-box .center p { color: #898989; } .albumWrapper .album-content-box .center a, .albumWrapper .album-content-box .center a span { color: #298cda; } .albumWrapper .album-content-box .center a.album { font-weight: bold; } .albumWrapper .album-content-box .track-list { background-color: #f7fafc; z-index: 0; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; zoom: 1; } .albumWrapper .album-content-box .track-list:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .albumWrapper .album-content-box .track-list .song, .albumWrapper .album-content-box .track-list .song-disable, .albumWrapper .album-content-box .track-list .head { width: 100%; margin: auto; height: 25px; border: 1px solid transparent; border-bottom-color: #edf0f2; border-width: 1px 0; color: #898989; white-space: nowrap; border-collapse: separate; padding-top: 5px; font-size: 12px; } .albumWrapper .album-content-box .track-list.album.music .head { border: 0px solid transparent; color: #333; font-weight: bold; } .albumWrapper .album-content-box .track-list .index { float: left; width: 35px; text-align: right; padding-left:2px; } .albumWrapper .album-content-box .track-list.album.music .name { float: left; width: 270px; padding-left: 12px; } .albumWrapper .album-content-box .track-list.album.music .time { float: left; width: 45px; padding-left:12px; } .albumWrapper .album-content-box .track-list.album.music .view-in-store { float: left; width: 135px; padding-left:12px; } .albumWrapper .album-content-box .track-list.album.music span.index { position: relative; display: block; width: 21px; } .albumWrapper .album-content-box .track-list.album.music { padding: 16px; margin-left: -16px; margin-top: 15px; } .albumWrapper .song-disable:hover div.index .index div.preview-control, .albumWrapper .song-disable.selected div.index .index div.preview-control { visibility: hidden; } .albumWrapper .song:hover div.index .index div.preview-control, .albumWrapper .song.selected div.index .index div.preview-control { visibility: visible; } .albumWrapper .song:hover div.index .index span, .albumWrapper .song.selected div.index .index span { visibility: hidden; } .albumWrapper div.preview-control { visibility: hidden; overflow: visible; position: absolute; top: -1px; right: -4px; width: 21px; height: 21px; background-repeat: no-repeat; z-index: 4000; } *+html div.preview-control { left: 4px; } div.preview-control img { width: 21px; height: 21px; } /*paragrafo con immagine*/ .p-con-img li{overflow:hidden;margin-bottom:10px; font-size:12px;} /*componente bottone */ .bottone{margin-top:10px; margin-bottom:10px;} /*------------------------------------------------- CAROUSEL -------------------------------------------------*/ #carousel2 { padding: 0px; } #carousel2 .main_image { width: 545px; height: 316px; float: left; background: #333; position: relative; z-index:10; overflow: hidden; color: #fff; cursor: pointer;} #carousel2 .main_image h2 { font-size: 1.8em; font-weight: normal; margin: 0px; padding: 2px 10px 0px 10px; color:#FFC900;} #carousel2 .main_image p { font-size: 1.2em; padding: 0px 10px 5px 10px; margin: 0; line-height: 1.2em; } #carousel2 .block small { padding: 0px; font-size: 1em; } #carousel2 .main_image .block small { margin-left: 10px;} #carousel2 .main_image .desc { position: absolute; bottom: 0; left: 0; width: 100%; display: none;} #carousel2 .main_image .block { width: 100%; background: #111; border-top: 1px solid #000; } #carousel2 .main_image a.collapse { height: 27px; width: 93px; text-indent: -99999px; position: absolute; top: -27px; right: 20px; } #carousel2 .main_image p a.show { font-size: 0.9em; background-position: left bottom; color: #d00000;} #carousel2 .main_image p a.show:hover { text-decoration: underline; } #carousel2 .main_image p a { color: #fff !important; } #carousel2 .main_image p a:hover { text-decoration: none; } #carousel2 .main_image a { color:#FFFFFF; text-decoration:none !important;} #carousel2 .main_image a:hover { color:#FFFFFF; text-decoration:none !important;} #carousel2 .image_thumb { float: left; width: 117px; background: #000000; } #carousel2 .image_thumb img { border: 1px solid #ccc; padding: 1px; background: #fff; float: left; } #carousel2 .image_thumb ul { margin: 0; padding: 0; list-style: none; } #carousel2 .image_thumb ul li { margin: 0; padding: 6px 6px 6px 6px; width: 208px; height: 67px; float: left !important; } #carousel2 .image_thumb ul li.hover { background: #ddd; cursor: pointer; } #carousel2 .image_thumb ul li.active { background: #333; cursor: default; } html #carousel2 .image_thumb ul li h2 { font-size: 1.1em; line-height: 1.25em; margin: 5px 0; padding: 0; } #carousel2 .image_thumb ul li .block { float: left; margin-left: 10px; padding: 0; width: 100px; display:none; } #carousel2 .image_thumb ul li p { display: none;} /* mdp 29s20100 hack new horizontal */ #carousel2 { padding: 0px 0px 0px 10px; } #carousel2 .image_thumb { width: 635px; } #carousel2 .image_thumb ul li { width: 115px !important; height: 55px; } #carousel2 .image_thumb ul li a img { height: 50px; width: 110px !important;} #carousel2 .main_image { width: 635px; } #carousel2 .main_image { width: 635px; } #carousel2 .main_image a img { width: 635px;} /*------------------------------------------------- ANTEPRIMA NEWS WEB TV (component) _anteprimanews.phtml -------------------------------------------------*/ ul.webtvAnteprima { margin: 0 0 0 0; overflow: hidden; font-size: 12px; line-height: 1.28; } ul.webtvAnteprima li { position: relative; display: block; float: left !important /*CMS Radiohead*/; width: 30%; margin: 10px 10px 0px 0; border-bottom: 0px dotted #DCDCDC; padding: 0 0 0px 0; } ul.webtvAnteprima li div.webtvContainer { padding: 0 0px 0 85px; } ul.webtvAnteprima strong a { color: #fff !important; font-weight: 700;} ul.webtvAnteprima strong a:hover { color: #d00000; text-decoration: underline; } ul.webtvAnteprima strong span.artImage { float: left; margin: 0 0 0 -85px; border: 0px solid #DCDCDC; padding: 1px; cursor: pointer; } ul.webtvAnteprima div.webtvContainer p strong { display: inline; border: 0; } ul.webtvAnteprima p.info { padding: 0px 0; color: #999; font-size: 11px; margin:0; } ul.webtvAnteprima img { margin: 0px 10px 0px 10px; border:1px solid #fff; padding:1px} /*------------------------------------------------- CHAR WRAPPER (components) chart-wrapper.phtml -------------------------------------------------*/ .chartWrapper { margin-top: 10px;} .chartWrapper ul.chart { width: 300px;overflow: hidden; font-size: 12px; line-height: 1.28; } .chartWrapper ul.chart li { position: relative; display: block; float: left !important /*CMS Radiohead*/; width: 300px; margin: 0px 10px 10px 0; border-bottom: 1px dotted #DCDCDC; padding: 0 0 10px 0; } .chartWrapper ul.chart li div.item { padding: 0 0px 0 35px; } .chartWrapper ul.chart strong.voto { float: right; top:0; right:10px; font-weight: normal; color: #999999; } .chartWrapper ul.chart strong a { color: #000 !important; font-weight: 700;} .chartWrapper ul.chart strong a:hover { color: #d00000; text-decoration: underline; } .chartWrapper ul.chart strong span { white-space: nowrap; color: white; width: 20px; font-size: 12px; float: left; margin: 0 0 0 -35px; padding: 7px 4px; cursor: pointer; text-align:center;} .chartWrapper ul.chart strong span.voto { background-color: #ffa200; } .chartWrapper ul.chart div.item p strong { display: inline; border: 0; } .chartWrapper ul.chart p.info { padding: 0px 0; color: #696969; font-size: 12px; margin:0; width: 210px; } /*------------------------------------------------- HOME PAGE PLAYLIST -------------------------------------------------*/ div.playlistMedium { line-height: 1.25em; position: relative; overflow:hidden; width: 100.0%; border: 1px solid #DCDCDC; height: 70px;} div.playlistMedium div { display: inline; float: left; position: relative; } div.playlistMedium div.resContainer { padding: 0px; } div.playlistMedium div.resContainer.last { border-right: 0px dotted #DCDCDC; } div.playlistMedium div.resContainer { min-width: 130px;} div.playlistMedium div.resContainer a { color: black; font-size: 14px; text-decoration: none; } div.playlistMedium div.resContainer span.albumCover { display: inline; float: left; margin: 0px; } div.playlistMedium a span.albumCover { cursor: pointer; } div.playlistMedium span.coverMedium { height: 70px; width: 70px; } div.playlistMedium span.coverMedium img.art { clip: rect(0px 90px 90px 0px); left: 3px; top: 3px; } div.playlistMedium span.albumCover img.art { display: block; position: absolute; } div.playlistMedium span.coverMedium span.bgRadioMonteCarlo { background-image: url(http://www.radiomontecarlo.net/styles/images/bg_PlaylistRMC.jpg) } div.playlistMedium span.albumCover span.bgRadioMonteCarlo { background-position: 0% right; background-repeat: no-repeat; display: block; left: 0px; position: absolute; top: 0px; height: 80px; width: 205px; } div.playlistMedium span.coverMedium span.bgRMCUnlimited { background-image: url(http://www.radiomontecarlo.net/styles/images/bg_PlaylistUnlimited.jpg) } div.playlistMedium span.albumCover span.bgRMCUnlimited { background-position: 0% right; background-repeat: no-repeat; display: block; left: 0px; position: absolute; top: 0px; height: 80px; width: 205px; } div.playlistMedium span.coverMedium span.bgMonteCarloNights { background-image: url(http://www.radiomontecarlo.net/styles/images/bg_PlaylistMCN.jpg) } div.playlistMedium span.albumCover span.bgMonteCarloNights { background-position: 0% right; background-repeat: no-repeat; display: block; left: 0px; position: absolute; top: 0px; height: 80px; width: 205px; } div.playlistMedium span.albumCover span.position { background-position: 0% 0%; background-repeat: no-repeat; display: block; left: 50px; position: absolute; top: 50px; } /* div.playlistMedium { line-height: 1.25em; position: relative; overflow:hidden; width: 100.0%; border: 1px solid #DCDCDC; height: 70px;} div.playlistMedium div { display: inline; float: left; position: relative; } div.playlistMedium div.resContainer { padding: 0px; } div.playlistMedium div.resContainer.last { border-right: 0px dotted #DCDCDC; } div.playlistMedium div.resContainer { min-width: 130px;} div.playlistMedium div.resContainer a { color: black; font-size: 14px; text-decoration: none; } div.playlistMedium div.resContainer span.albumCover { display: inline; float: left; margin: 0px; } div.playlistMedium a span.albumCover { cursor: pointer; } div.playlistMedium span.coverMedium { height: 70px; width: 70px; } div.playlistMedium span.coverMedium img.art { clip: rect(0px 90px 90px 0px); left: 3px; top: 3px; } div.playlistMedium span.albumCover img.art { display: block; position: absolute; } div.playlistMedium span.coverMedium span.bgRadioMonteCarlo { background-image: url(http://www.radiomontecarlo.net/styles/images/bg_PlaylistRMC.jpg) } div.playlistMedium span.albumCover span.bgRadioMonteCarlo { background-position: 0% right; background-repeat: no-repeat; display: block; left: 0px; position: absolute; top: 0px; height: 80px; width: 205px; } div.playlistMedium span.coverMedium span.bgRMCUnlimited { background-image: url(http://www.radiomontecarlo.net/styles/images/bg_PlaylistUnlimited.jpg) } div.playlistMedium span.albumCover span.bgRMCUnlimited { background-position: 0% right; background-repeat: no-repeat; display: block; left: 0px; position: absolute; top: 0px; height: 80px; width: 205px; } div.playlistMedium span.coverMedium span.bgMonteCarloNights { background-image: url(http://www.radiomontecarlo.net/styles/images/bg_PlaylistMCN.jpg) } div.playlistMedium span.albumCover span.bgMonteCarloNights { background-position: 0% right; background-repeat: no-repeat; display: block; left: 0px; position: absolute; top: 0px; height: 80px; width: 205px; } div.playlistMedium span.albumCover span.position { background-position: 0% 0%; background-repeat: no-repeat; display: block; left: 50px; position: absolute; top: 50px; } */ div.geo { background: black; color: white; font-size: 22px; padding: 100px 0px !important; text-align: center; width: 100%; margin-top:25px; margin-bottom:25px; border: 1px solid #DCDCDC; } /*------------------------------------------------- ABSTRACT MOBILE (components) abstract-mobile.phtml -------------------------------------------------*/ .widget.mobile { border: 1px solid #dadada; background: #f5f5f5; width: 600px; padding: 15px 0px; } .widget.mobile .widgetLeft { float: left; border-right: 1px solid #dadada; padding: 0px 15px; width: 130px; } .widget.mobile .widgetRight { float: left; padding: 0px 15px; width: 400px; font-size: 12px; line-height: 18px; } .widget.mobile .widgetRight h2 { color: #1e96cb; font-size: 18px; } .widget.mobile .widgetRight p { margin: 10px 0; } .widget.mobile .widgetRight div.link { margin: 10px 0; color: #999; } .widget.mobile .widgetRight div.link a { padding: 10px; } .widget.mobile .widgetRight div.link a.button { padding: 5px; background: #1e96cb; color: #ffffff; margin: 0 10px; } /*------------------------------------------------- RMC CHARTS/PLAYLIST (template) home.phtml -------------------------------------------------*/ div.albumMedium { line-height: 1.25em; position: relative; overflow:hidden; } div.albumMedium div { display: inline; float: left; position: relative; width: 25.0%; } div.albumMedium div.resContainer { padding: 0px 10px 0px 65px; } div.albumMedium div.resContainer.last { border-right: 0px dotted #DCDCDC; } div.albumMedium div.resContainer { min-width: 90px;} div.albumMedium div.resContainer a { color: black; font-size: 10px; text-decoration: none; } div.albumMedium div.resContainer span.albumCover { display: inline; float: left; margin: 0px 0px 0px -125px; } div.albumMedium a span.albumCover { cursor: pointer; } div.albumMedium span.coverMedium { height: 80px; width: 80px; } div.albumMedium span.coverMedium img.art { clip: rect(0px 90px 90px 0px); left: 7px; top: 2px; } div.albumMedium span.albumCover img.art { display: block; position: absolute; } div.albumMedium span.coverMedium span.jewelcase { height: 80px; width: 70px; } div.albumMedium span.albumCover span.jewelcase { background-position: 0% 0%; background-repeat: no-repeat; display: block; left: 0px; position: absolute; top: 0px; } div.albumMedium span.albumCover span.position { background-position: 0% 0%; background-repeat: no-repeat; display: block; left: 50px; position: absolute; top: 50px; } div.albumMedium div.resContainer p.artist { font-size: 11px; } div.albumMedium div.resContainer p.genere { font-size: 11px; color: #999; margin-top:5px; font-style: italic;} #left div.albumMedium h2.heading { background: none; font-size: 12px; font-weight: bold;width:145px; margin: 0px 0px 0px 0px; padding: 0px 0px 3px 0px;text-transform: none;} #left .grid_6 .widget div.albumMedium h2.heading { background: none; font-size: 12px; font-weight: bold;width:145px; margin: 0px 0px 0px 0px; padding: 0px 0px 3px 0px;text-transform: none;} #left div.albumMedium h2.heading .h2Wrapper { background: none; padding: 0px 0px 5px 5px;height:25px;} #left div.albumMedium h2.heading a small { font-size: 10px; text-decoration: none; font-weight: normal;} /*------------------------------------------------- EVENTI (component) eventi.phtml -------------------------------------------------*/ ul.eventsSmall span.calSheet { float: left; display: inline; margin-left: -40px; } ul.eventsSmall li { zoom: 1; padding: 10px 5px 10px 45px; border:none; font-size: 12px; line-height: 1.18em; } ul.eventsSmall li.first { border-top: 0; } ul.eventsSmall li.last { border-bottom: 0; } ul.eventsSmall a { text-decoration: none; color: #000 !important;} ul.eventsSmall li strong.summary { display: block; font-size: 12px; line-height: 1.2em; color: #000; } ul.eventsSmall strong.summary a ul.eventsSmall strong.summary a:hover , ul.eventsSmall strong.summary a:active , ul.eventsSmall a:hover span.summary { color: #000 ; text-decoration: underline; } ul.eventsSmall li small.location { display: block; color: #000; font-size: 11px; margin: 1px 0 4px 0; } ul.eventsSmall li p.info { font-size: 10px; color: #696969; } ul.eventsSmall a.comments:hover { text-decoration: underline; } ul.eventsSmall li.past span.calSheet { filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; } /* calSheetSmall */ span.calSheetSmall { width: 32px; } span.calSheetSmall span.month { height: 10px; font-size: 9px; padding-top: 1px; } span.calSheetSmall span.day { font-size: 14px; } div.profileHead { position: relative; } div.profileHead h1 { display: inline; font-size: 18px; } /* calSheet */ span.calSheet { display: block; text-align: center; } span.calSheet span { display: block; float: left; width: 100%; } span.calSheet span.month { background: #D51007; border: 1px solid #D51007; color: #fff; text-transform: uppercase; line-height: 1.1em; font-weight: bold; text-align: center; } span.calSheet span.day { background: #fff; border: 1px solid #ccc; border-top: none; color: #000; line-height: 1.4em; font-weight: bold; letter-spacing: -0.1em; }