@charset "utf-8"; @import url("http://rthk.hk/include2010/css/channel.css"); /* Anchor */ a { /* inhert from channel.css */ } /* Channer Header*/ #channel-header {/* inhert from channel.css */ } /* Item */ #main { /* inhert from channel.css */ } #left-column { float: left; width: 220px; display: block; margin-top: 15px; /* margin-left: 10px; */ overflow: hidden; } #right-column { float: right; width: 675px; display: block; margin-top: 15px; margin-left: 15px; /* margin-right: 10px;*/ overflow: hidden; } /* Related Programmes */ #item-prog-related {} #item-prog-related ul { margin-left:15px; list-style-type: disc; color: #999999; } #item-prog-related li { padding: 2px; margin: 0px;} #item-prog-related li a {} /* Blog Programme */ #item-prog-blog {} #item-prog-blog .desc { color:#636363; font-size: 12px; line-height: 1.6em; } /* Programme Content */ #item-prog-main { display: block; border: none; margin-bottom: 13px; } #item-prog-main a { color: #FF6600; text-decoration: none; } #item-prog-main a:link { color: #FF6600; text-decoration: none; } #item-prog-main a:hover { color: #FF6600; text-decoration: underline; } #item-prog-main #prog-menu { font-size: 13px; clear:both; border-left: solid 1px #C9C9C9; background: url("http://programme.rthk.hk/homepics/images/bg_prog_menu_empty.gif") bottom left repeat-x; height: 28px; } #item-prog-main #prog-menu ul { list-style-type: none; margin: 0px; padding-bottom: 2px; overflow: hidden; height: inherit; } #item-prog-main #prog-menu li { float: left; font-size: 13px; text-align: center; line-height: 18px; width: 100px; /* <=IE8 */ width: 94px\9; height: inherit; } #item-prog-main #prog-menu li#current { display: table-cell; vertical-align: middle; color:#333333; font-weight: bold; background: url("http://programme.rthk.hk/homepics/images/bg_white.gif") top left repeat; padding: 5px; border: solid 1px #C9C9C9; border-left: solid 1px #FFFFFF; border-bottom: solid 1px #FFFFFF; height: 20px; } #item-prog-main #prog-menu a { display: table-cell; *display: block; color:#636363; width: inherit; height: inherit; padding: 0px 5px; background: url("http://programme.rthk.hk/homepics/images/bg_prog_menu.gif") top left repeat; border: solid 1px #C9C9C9; border-left: solid 1px #FFFFFF; vertical-align: middle; } #item-prog-main #prog-menu li:first-child:nth-last-child(2), #item-prog-main #prog-menu li:first-child:nth-last-child(2) ~ li { width: 132px; } /* two items */ #item-prog-main #prog-menu li:first-child:nth-last-child(3), #item-prog-main #prog-menu li:first-child:nth-last-child(3) ~ li { width: 132px; } /* three items */ #item-prog-main #prog-menu li:first-child:nth-last-child(4), #item-prog-main #prog-menu li:first-child:nth-last-child(4) ~ li { width: 132px; } /* four items */ #item-prog-main #prog-menu li:first-child:nth-last-child(5), #item-prog-main #prog-menu li:first-child:nth-last-child(5) ~ li { width: 132px; } /* five items */ #item-prog-main #prog-menu li:first-child:nth-last-child(6), #item-prog-main #prog-menu li:first-child:nth-last-child(6) ~ li { width: 110px; } /* six items */ #item-prog-main #prog-menu li:first-child:nth-last-child(7), #item-prog-main #prog-menu li:first-child:nth-last-child(7) ~ li { width: 94px; } /* seven items */ #item-prog-main #prog-menu a:hover { color:#FF6600; background: url("http://programme.rthk.hk/homepics/images/bg_prog_menu_over.gif") top left repeat; } #item-prog-main #prog-menu.chi{ height:30px; } /* FF, safari, chroma value */ #item-prog-main #prog-menu.chi li#current { height: 28px; } #item-prog-main #prog-menu.chi ul { height: 28px; } #item-prog-main #prog-menu.chi a { *padding: 5px 0px; *height: 18px; } /* IE7 */ #item-prog-main #prog-menu.eng { height: 48px; } /* for english version */ #item-prog-main #prog-menu.eng li#current { height: 38px; } #item-prog-main #prog-menu.eng ul { height: 46px; } #item-prog-main #prog-menu.eng a { *padding: 5px 0px; *height: 36px; } /* IE7 */ #item-prog-main #prog-menu.bili { height: 58px; } /* for bilingual version */ #item-prog-main #prog-menu.bili li#current { height: 48px; } #item-prog-main #prog-menu.bili ul { height: 56px; } #item-prog-main #prog-menu.bili a { *padding: 5px 0px; *height: 46px; } /* IE7 */ #item-prog-main #prog-head { clear:both; background: url("http://programme.rthk.hk/homepics/images/bg_prog_head.gif") top left repeat; border: solid 1px #C9C9C9; border-top: none; padding: 5px; padding-left: 10px; } #item-prog-main #prog-head .title h3 { font-size: 18px; line-height: 1.6em; font-weight: bold; color:#FF0033; } #item-prog-main #prog-head .host { font-size: 0.9em; color:#636363; } #item-prog-main #prog-playbar { background-color: #FFFFFF; padding: 10px; border: solid 1px #C9C9C9; border-top: none; } #item-prog-main #prog-playbar ul { padding: 0; margin: 0px; list-style-type: none; } #item-prog-main #prog-playbar li { float:left; display: block; font-size: 0.9em; padding: 0px 4px; color:#666666; vertical-align: middle; line-height: 1.5em; } #item-prog-main #prog-playbar a.real { display:block; width: 64px; padding-top: 35px; height: 0px; overflow: hidden; background: url("http://programme.rthk.hk/homepics/images/btn_media_real.gif") -64px 0 no-repeat; } #item-prog-main #prog-playbar a.real:hover { background-position: -64px -35px; } #item-prog-main #prog-playbar a.media { display:block; width: 64px; padding-top: 35px; height: 0px; overflow: hidden; background: url("http://programme.rthk.hk/homepics/images/btn_media_real.gif") 0 0 no-repeat; } #item-prog-main #prog-playbar a.media:hover { background-position: 0 -35px; } #item-prog-main #prog-playbar a.mp3 { display:block; width: 64px; padding-top: 35px; height: 0px; overflow: hidden; background: url("http://programme.rthk.hk/homepics/images/btn_listen.gif") 0 0 no-repeat; } #item-prog-main #prog-playbar a.mp3:hover { background-position: 0 -35px; } #item-prog-main #prog-content { clear:both; border: solid 1px #C9C9C9; border-top: none; background-color: #f8f8f8; overflow: hidden; /* ie6 */_width: 673px; } #item-prog-main #prog-content .title { color:#FF0033; font-size: 18px; font-weight: bold; line-height: 1.4em; padding-bottom: 3px; } #item-prog-main #prog-content .text { padding: 15px; line-height: 1.6em; } #item-prog-main #prog-content #epi-list { padding: 10px 15px 0px 15px; } #item-prog-main #prog-content #epi-text > #epi-list { padding: 0px; } #item-prog-main #prog-content #epi-list select { /* width: 100%;*/ font-size: 13px; } #item-prog-main #prog-content #epi-list .jumpmenu { clear: both; display: block; overflow: hidden; padding-bottom: 10px; } #item-prog-main #prog-content #epi-top { } #item-prog-main #prog-content #epi-top .titlebar { float: left; display: block; } #item-prog-main #prog-content #epi-top .time { font-size: 12px; color:#636363; display: block; } #item-prog-main #prog-content #epi-text { float: left; padding: 5px 15px 15px 15px; line-height: 1.6em; width: 640px; } /** html #item-prog-main #prog-content { overflow: hidden; border-left: solid 1px #C9C9C9; border-right: solid 1px #C9C9C9; } /* IE 6 hack */ #item-prog-main #prog-content div#epi-pics+div#epi-text { float: left; width: 445px; padding-right: 5px; } #item-prog-main #prog-content #epi-pics { float: right; display:block; padding: 5px 15px 15px 5px; width: 180px; text-align: center; } #item-prog-main #prog-content #epi-pics .pic img { border: solid 1px #C9C9C9; margin: 5px 0 2px 0; max-width: 180px; max-height: 180px; } #item-prog-main #prog-content #epi-pics .pic img { _width:expression(this.offsetWidth>this.offsetHeight?180:''); _height:expression(this.offsetHeight>this.offsetWidth?180:''); } #item-prog-main #prog-content #epi-pics .caption { font-size: 12px; color:#636363; line-height: 1.6em; width: 100%; } #item-prog-main #prog-content .tags { padding: 5px; padding-left: 15px; background: url("http://programme.rthk.hk/homepics/images/icon_tag.gif") top left no-repeat; background-position: 0 5px; } #item-prog-main #prog-content #epi-item { background: url("http://programme.rthk.hk/homepics/images/bg_epi_item.gif") left bottom repeat-x; padding: 5px 10px; display: block; border-bottom: solid 1px #C9C9C9; /* ie6 disappear fix */ _width: 653px; } #item-prog-main #prog-content #epi-item img { border: solid 1px #C9C9C9; margin: 2px; max-width: 120px; max-height: 120px; } #item-prog-main #prog-content #epi-item img { _width:expression(this.offsetWidth>this.offsetHeight?120:''); _height:expression(this.offsetHeight>this.offsetWidth?120:''); } #item-prog-main #prog-content #epi-item .title { font-weight: bold; } #item-prog-main #prog-content .desc { line-height: 1.6em; } #prog-albummenu { padding: 5px 10px; border: solid 1px #C9C9C9; border-top: none; overflow: hidden; background-color: #FFF; } #prog-albummenu .jumpmenu select { overflow: hidden; font-size: 13px; } /* Programme Latest Episode */ #item-prog-latestepi { } #item-prog-latestepi .title { font-size: 13px; font-weight: bold; line-height: 1.6em; } #item-prog-latestepi img.pic { width: 120px; border: solid 1px #C9C9C9; margin: 2px; float:right; } #item-prog-latestepi .text { font-size: 13px; line-height: 1.6em; } #item-prog-latestepi .content { /* ie6 disappear fix */ _width: 659px; } /* Programme More Stuff */ #item-prog-more { line-height: 1.6em; } #item-prog-more .content { padding: 10px; } /* Programme Archives */ #item-prog-archive { } #item-prog-archive .content { padding: 10px; } #item-prog-archive ul { list-style-type: none; margin: 0px; padding: 0px; } #item-prog-archive li { line-height: 1.8em; } /* Page Navigator Bar */ #item-prog-pagenavbar { font-size: 12px; border: solid 1px #000; } #item-prog-pagenavbar select { background-color: #f8f8f8; border: solid 1px #C9C9C9; } #item-pagenavbar { font-size: 12px; /* margin-bottom: 8px;*/ white-space: nowrap; } /* Podcast Programme */ #item-prog-podcast {} #item-prog-podcast .title { display:block; padding: 5px; } #item-prog-podcast .desc { clear:both; color:#636363; font-size: 12px; line-height: 1.5em; } /* Instant Polling */ #item-prog-polling { /* inhert from channel.css */ /* IE 6 */ _width: 183px; } #item-prog-polling a { color: #194f00; } #item-prog-polling a:hover { color: #FF6600; } #item-prog-polling .subheader { background: url("http://programme.rthk.hk/homepics/images/subheaderbg_green3.gif"); color: #FFFFFF; } #item-prog-polling .subheader a { color: #FFFFFF; } #item-prog-polling .subheader a.arrow { background: url("http://programme.rthk.hk/homepics/images/subheader_arrow_green3.gif") top right no-repeat; } #item-prog-polling .content { padding: 7px; background-color:#f5f7f0; } #item-prog-polling .others a { color: #194f00; } #item-prog-polling .question { font-weight: bold; line-height: 1.6em; } #item-prog-polling .period { font-size: 12px; color: #FF0000; } #item-prog-polling .list-polling { list-style-type: none; } /* Instant Q & A */ #item-prog-qa { /* inhert from channel.css */ /* IE 6 */ _width: 183px; } #item-prog-qa a { color: #36466f; } #item-prog-qa a:hover { color: #FF6600; } #item-prog-qa .subheader { background: url("http://programme.rthk.hk/homepics/images/subheaderbg_blue2.gif"); color: #FFFFFF; } #item-prog-qa .subheader br { display:none; /* temporary remove break-line */ } #item-prog-qa .subheader a { color: #FFFFFF; } #item-prog-qa .subheader a.arrow { background: url("http://programme.rthk.hk/homepics/images/subheader_arrow_blue2.gif") top right no-repeat; } #item-prog-qa .content { padding: 7px; background-color:#eceef5; } #item-prog-qa .others a { color: #36466f; } #item-prog-qa .others a:hover { color: #FF6600; } #item-prog-qa .question { font-weight: normal; line-height: 1.6em; } #item-prog-qa .period { font-size: 12px; color: #FF0000; } /* Discuss Board Programme */ #item-prog-discuss .title { padding: 5px; /* IE 6 */ _width: 183px; } #item-prog-discuss a { color: #a81821; } #item-prog-discuss a:hover { color: #FF6600; } #item-prog-discuss .subheader { background: url("http://programme.rthk.hk/homepics/images/subheaderbg_red2.gif"); color: #FFFFFF; } #item-prog-discuss .subheader br { display:none; /* temporary remove break-line */ } #item-prog-discuss .subheader a {color: #FFFFFF; } #item-prog-discuss .subheader a.arrow { background: url("http://programme.rthk.hk/homepics/images/subheader_arrow_red2.gif") top right no-repeat; } #item-prog-discuss .desc { color:#636363; font-size: 12px; line-height: 1.5em; } #item-prog-discuss .content { background-color: #f7edf0; } /* Share with friends */ #item-sharewithfds { /* inhert from channel.css */ } #item-sharewithfds a { color: #FF6600; text-decoration: none; } #item-sharewithfds a:link { color: #FF6600; text-decoration: none; } #item-sharewithfds a:hover { color: #FF6600; text-decoration: underline; } /* Social Media */ #item-prog-socialmedia { display: block; margin-bottom: 13px; border: solid 1px #C9C9C9; } #item-prog-socialmedia .content { padding: 8px; } #item-prog-socialmedia a { color: #FF6600; text-decoration: none; display: block; padding: 2px; } #item-prog-socialmedia a:link { color: #FF6600; text-decoration: none; } #item-prog-socialmedia a:hover { color: #FF6600; text-decoration: underline; } #item-prog-socialmedia a.icon-facebook { padding: 2px; padding-left: 23px; background: url("http://programme.rthk.hk/homepics/images/icon_facebook.gif") center left no-repeat; margin-right: 10px; } #item-prog-socialmedia a.icon-twitter { padding: 2px; padding-left: 23px; background: url("http://programme.rthk.hk/homepics/images/icon_twitter.gif") center left no-repeat; margin-right: 10px; } #item-prog-socialmedia a.icon-weibo { padding: 2px; padding-left: 23px; background: url("http://programme.rthk.hk/homepics/images/icon_weibo.gif") center left no-repeat; margin-right: 10px; } /* Album */ #list-album { width: 640px; } #list-album li { width: 128px; height: 128px; } #list-album li a { width: 100%; height: 100%; display: block; padding: 2px; /* IE 6 */_padding: 0px; } #list-album li a img { max-width: 120px; max-height: 120px; } #list-album li a img { _width:expression(this.offsetWidth>this.offsetHeight?120:''); _height:expression(this.offsetHeight>this.offsetWidth?120:''); } /* IE 6 max-width, max-height hack */ #nav-album { width: 640px; } #pic-album .pic img { max-width: 640px; max-height: 640px; } #pic-album .pic img { _width:expression(this.offsetWidth>this.offsetHeight?640:''); _height:expression(this.offsetHeight>this.offsetWidth?640:''); } /* IE 6 max-width, max-height hack */