/*------------------------------------------------------------------ [Interna Stylesheet] Project: Radio 105 Version: 2.0 Last change: 15/10/09 [Creato foglio di stile, mdp] Assigned to: Marco Gargano (MŪG) Primary use: Sezione In Radio -------------------------------------------------------------------*/ /*------------------------------------------------- GLOBALS & GENERAL CASES -------------------------------------------------*/ /*h3 { color: rgb(235, 0, 93); border-bottom: 1px solid #DCDCDC;}*/ /*------------------------------------------------- STRUCTURE -------------------------------------------------*/ .menu-contestuale-speciali .box.color { border-bottom: 1px dotted #DCDCDC; } .menu-contestuale-speciali .box.color img { border: 1px solid #DCDCDC; padding: 1px; } span.moduleOptions { display: block; font-size: 11px; font-weight: bold; height: 15px; line-height: 14px} span.moduleOptions { clear: both; color: rgb(1, 135, 197); display: block; text-align: right; border-bottom: 1px solid #DCDCDC; padding-bottom: 5px;} span.moduleOptions a { display: block; float: right; font-size: 11px; line-height: 14px; margin-left: 9px; padding-right: 2px; } .wrapper p.title { color: #000; font-weight: bold; } .wrapper p.date { color: #999; font-size: 10px; } #contenuto-sezione p.conduttore { color: #000; font-weight: bold; margin: 0px; padding: 5px 10px;} #contenuto-sezione p.orario { color: #666; font-size: 10px; margin: 0px; padding: 0px 10px;} /*------------------------------------------------- PALINSESTO -------------------------------------------------*/ #tabs ul { margin-bottom: 10px; margin-left: 0; padding: 10px; border-top: 1px solid rgb(235, 0, 93); border-bottom: 1px solid rgb(235, 0, 93); overflow: hidden; } #tabs ul li { margin-left: 0; margin-bottom: 0; padding: 10px 16px; list-style: none; display: inline; } #tabs ul li a { text-decoration: none; } #tabs ul li:hover { text-decoration: none; background: rgb(235, 0, 93); } #tabs ul li.here { list-style: none; display: inline; background: rgb(235, 0, 93); } #tabs ul li.here a { color: #fff; } #tabs ul li:hover a { color: #fff; } table.overview a { text-decoration: none; } table.overview a:hover { text-decoration: underline; } table.overview td { border-bottom: 1px dotted #DCDCDC; } table.overview td.orario { width: 150px; } table.overview td.orario p { font-weight: normal; color: rgb(235, 0, 93); font-size: 14px; margin: 0px; padding: 0px 10px;} table.overview td.orario span { font-size: 22px; float: right;} table.overview td.programma { width: 110px; text-align: center; } table.overview td.scheda { padding-top: 10px; } table.overview td.scheda p { font-size: 10px; padding: 0px !important; font-weight: normal; color: #999; } table.overview td.scheda p a { color: #999; } /*------------------------------------------------- NEWS -------------------------------------------------*/ #contenuto-sezione ul.articleSmall p { clear: none; padding: 5px;} ul.articleSmall li { float: left; display: inline; width: 99%; margin: 0 0 5px 0; padding-bottom:5px; border-bottom: 1px dotted #DCDCDC;} ul.articleSmall li div { padding: 0 0 0 120px; font-size: 12px; line-height: 1.381818em; color: #696969; } ul.articleSmall li strong { padding-left: 5px; } ul.articleSmall li strong a { color: #000; font-size: 14px; font-weight: bold; text-decoration: none; margin: 0px 0px 10px 0px; cursor: pointer; /* explicit for IE */ } ul.articleSmall li strong a:hover { color: #000; font-size: 14px; } ul.articleSmall span.articleImage { float: left; display: inline; margin: 0 0 0 -120px; border: 1px solid #DCDCDC; padding: 1px; } ul.articleSmall .data { font-size: 10px; padding: 2px 0px;} ul.articleSmall li.first div { padding: 0; font-size: 12px; line-height: 1.381818em; color: #696969; } ul.articleSmall li.first span.articleImage { float: right; display: inline; margin: 0 0 0 -100px; border: 1px solid #DCDCDC; padding: 1px; } * html .module ul.articleSmall {position: relative;} * html .module ul.articleSmall li, * html .module ul.articleSmall div {position: relative;height: 38px; } * + html ul.articleSmall div { position: relative;min-height: 38px;} * html .module ul.articleSmall span.articleImage { float: none; display: block; margin: 0; position: absolute; top: 0; left: 0; } * + html ul.articleSmall span.articleImage { float: none; display: block; margin: 0; position: absolute; top: 0; left: 0;} /*------------------------------------------------- FREQUENZE -------------------------------------------------*/ /*------------------------------------------------- PROGRAMMI -------------------------------------------------*/ #contenuto-sezione ul.programmiMedium p { clear: none;} ul.programmiMedium li { float: left; display: inline; width: 99%; margin: 0 0 20px 0; } ul.programmiMedium li div { padding: 0 0 0 100px; font-size: 12px; line-height: 1.381818em; color: #696969; } ul.programmiMedium li strong { padding-left: 5px; } ul.programmiMedium li strong a { color: rgb(235, 0, 93); font-size: 14px; font-weight: bold; text-decoration: none; margin: 0px 0px 10px 0px; cursor: pointer; /* explicit for IE */ } ul.programmiMedium li strong a:hover { color: rgb(235, 0, 93); font-size: 14px; } ul.programmiMedium span.programmaImage { float: left; display: inline; margin: 0 0 0 -100px; border: 1px solid #DCDCDC; padding: 1px; } ul.programmiMedium span.programmaImage img {border:3px solid #EB005D; } ul.programmiMedium .dj { font-size: 12px; color: #000; font-weight: bold; margin-top: 2px; padding: 3px 0px;} ul.programmiMedium .orario { font-size: 10px; padding: 5px 0px; color: #000; } * html .module ul.programmiMedium {position: relative;} * html .module ul.programmiMedium li, * html .module ul.programmiMedium div {position: relative;height: 38px; } * + html ul.programmiMedium div { position: relative;min-height: 38px;} * html .module ul.programmiMedium span.programmaImage { float: none; display: block; margin: 0; position: absolute; top: 0; left: 0; } * + html ul.programmiMedium span.programmaImage { float: none; display: block; margin: 0; position: absolute; top: 0; left: 0;} /*------------------------------------------------- COMMUNITY - BLOCK -------------------------------------------------*/ #block-community h3 { color: rgb(235, 0, 93); font-family: Arial, Helvetica, sans-serif; font-size: 16px; margin-bottom: 5px; } #block-community .strillo img { border: 1px solid #DCDCDC; float: left; margin-left: 0px; margin-right: 10px; padding: 1px; } #block-community #facce105 img { border: 1px solid #DCDCDC; margin-right: 4px; margin-top: 5px; padding: 1px; z-index: 454; } #block-community #facce105 ul { padding: 10px 0px 10px 10px; overflow: hidden; } #block-community #facce105 li { display: block; float: left; position: relative;} /*------------------------------------------------- IN ONDA 105 - BLOCK -------------------------------------------------*/ #in-onda-105 strong {color: #000; } /*------------------------------------------------- DJ FOTO - BLOCK -------------------------------------------------*/ #block-foto-dj ul { padding: 10px 0px 10px 10px; overflow: hidden; } #block-foto-dj img { border: 1px solid #DCDCDC; margin-right: 4px; margin-top: 5px; padding: 1px; z-index: 454; } /*------------------------------------------------- PROGRAMMA FOTO - BLOCK -------------------------------------------------*/ #block-foto-programma h5 { font-size: 11px; text-align: right; margin-top: 10px; margin-bottom: 1px;} #block-foto-programma ul { padding: 0px 0px 10px 10px; overflow: hidden; border-bottom: 1px dotted #DCDCDC; } #block-foto-programma ul li { display:block; float:left; } #block-foto-programma img { border: 1px solid #DCDCDC; margin-right: 4px; margin-top: 5px; padding: 1px; z-index: 454; } /*------------------------------------------------- MUSIC BIZ - BLOCK -------------------------------------------------*/ /* MARCELLO BOCCIATO ALLE ELEMENTARI!!! ...SANTO SUBITO */ /*------------------------------------------------- CHART - BLOCK -------------------------------------------------*/ ul.chartSmall { margin: 1em 0 0 0; overflow: hidden; font-size: 11px; line-height: 1.181818; } ul.chartSmall li { position: relative; display: block; float: left; width: 99%; margin: 0px 0 10px 0; border-bottom: 1px dotted #DCDCDC; padding: 0 0 10px 0; } ul.chartSmall li div.chartContainer { padding: 0 0 0 65px; } ul.chartSmall div.chartContainer strong { display: block; padding-bottom: 2px; border-bottom: 1px solid #ccc; } ul.chartSmall strong a { color: #1b1b1b; } ul.chartSmall strong a:hover { color: rgb(235, 0, 93); text-decoration: none; } ul.chartSmall strong span.artImage { float: left; margin: 0 0 0 -65px; border: 1px solid #DCDCDC; padding: 1px; cursor: pointer; } ul.chartSmall div.chartContainer p strong { display: inline; border: 0; } ul.chartSmall p.info { padding: 3px 0; color: #696969; font-size: 10px; } /*------------------------------------------------- PODCAST - BLOCK -------------------------------------------------*/ #podcastSmall span.blockOptions { display: block; font-size: 10px; height: 15px; line-height: 14px; margin-top: 0px;} #podcastSmall span.blockOptions { clear: both; color: rgb(1, 135, 197); display: block; text-align: right; padding-bottom: 0px;} #podcastSmall span.blockOptions a { display: block; float: right; font-size: 10px; line-height: 14px; margin-left: 9px; padding: 2px 5px 2px 5px; } #podcastSmall span.blockOptions a.selected { color: #fff; background: rgb(235, 0, 93);} ul.podcastSmall { margin: 1em 0 0 0; overflow: hidden; font-size: 11px; line-height: 1.181818; } ul.podcastSmall li { position: relative; display: block; float: left; width: 99%; margin: 0px 0 10px 0; border-bottom: 1px dotted #DCDCDC; padding: 0 0 10px 0; } ul.podcastSmall li div.podcastContainer { padding: 0 0 0 65px; } ul.podcastSmall div.chartContainer strong { display: block; padding-bottom: 2px; border-bottom: 1px solid #ccc; } ul.podcastSmall strong a { color: #1b1b1b; } ul.podcastSmall strong a:hover { color: rgb(235, 0, 93); text-decoration: none; } ul.podcastSmall strong span.artImage { float: left; margin: 0 0 0 -65px; border: 1px solid #DCDCDC; padding: 1px; cursor: pointer; } ul.podcastSmall div.podcastContainer p strong { display: inline; border: 0; } ul.podcastSmall p.info { padding: 3px 0; color: #696969; font-size: 10px; } /*------------------------------------------------- WEBTV - BLOCK -------------------------------------------------*/ /*video medium*/ ul.videoMedium { margin: 1em 0 0 0; overflow: hidden; font-size: 11px; line-height: 1.181818; } ul.videoMedium li { position: relative; display: block; float: left; width: 99%; margin: 0px 0 10px 0; border-bottom: 1px dotted #DCDCDC; padding: 0 0 10px 0; } ul.videoMedium li div.videoContainer { padding: 0 0 0 175px; } ul.videoMedium div.videoContainer strong { display: block; padding-bottom: 2px; border-bottom: 1px solid #ccc; } ul.videoMedium strong a { color: #1b1b1b; } ul.videoMedium strong a:hover { color: rgb(235, 0, 93); text-decoration: none; } ul.videoMedium strong span.videoImage { float: left; margin: 0 0 0 -175px; border: 1px solid #DCDCDC; padding: 1px; cursor: pointer; } ul.videoMedium div.videoContainer p strong { display: inline; border: 0; } ul.videoMedium p.info { padding: 3px 0; color: #696969; font-size: 10px; } /*video small*/ ul.videoSmall { margin: 1em 0 0 0; overflow: hidden; font-size: 11px; line-height: 1.181818; } ul.videoSmall li { position: relative; display: block; float: left; width: 49%; margin: 0px 0 10px 0; padding: 0 0 0 2px; } ul.videoSmall li div.videoContainer { padding: 0 0 0 148px; } ul.videoSmall div.videoContainer strong { display: block; padding-bottom: 2px; border-bottom: 1px solid #ccc; } ul.videoSmall strong span.videoImage { float: left; margin: 0 0 0 -148px; border: 1px solid #DCDCDC; padding: 1px; cursor: pointer; } /*------------------------------------------------- DJ - DETTAGLIO SCRIVI -------------------------------------------------*/ #contenuto-sezione .scrivi { text-align:left; padding:5px 0px 10px 0px; } #contenuto-sezione .scrivi tr { background-color:#f1f1f1; }