/* Layout *********************************************************************/ .m30 { width: 9.5em; } html, body { margin: 0; padding: 0; height:100%; } body, .ui-widget { font-size: 12pt; font-family: Arial, Helvetica, "Trebuchet MS", Verdana, sans-serif;} #ONE_EM { width: 1em; display:none;} button { margin: 0px; } #links { float: right; padding: 2px 2px 0 0;} #week table { border-collapse: collapse;} #week table { width: 100%; } #week td { width: 14.2857%; text-align: center; border: 0.1em solid; border-right: 0px; } #days td { padding: 0; } #main { width: 100%; overflow: hidden; } .vsplitbar { width: 4px; background: #669 url(img/vgrabber.gif) no-repeat center;} .vsplitbar:hover , .vsplitbar.active { background: #c66 url(img/vgrabber.gif) no-repeat center; opacity: 0.7; filter: alpha(opacity=70); /* IE */ background: #c99; } .hsplitbar { height: 4px; background: #669 url(img/hgrabber.gif) no-repeat center; } .hsplitbar.active , .hsplitbar:hover { background: #c66 url(img/hgrabber.gif) no-repeat center; } .v #epg-y-viewport { overflow-y: auto; height: 100%; } #epg_channel_names { float: left; margin: 0px 5px;} #epg-x-viewport { width: auto; overflow:hidden; position: relative; } #epg_container { width: 4032em; padding-left: 0; position:relative; } #epg_timeline { white-space: nowrap; } #epg_timeline span { display: inline-block; border-left: 1px solid; margin-left: -1px; } #week-scrollbar { padding: 0; vertical-align: top; height: 1.21em;} #week-scrollbar div { opacity: 0.7; height: 1em; position: absolute;} .channel_title { height: 1.72em; margin-top: 0.125em; text-align: right; } .channel { height: 1.72em; margin-top: 0.125em; } #epg .prog { height: 1.72em; overflow:hidden; position: absolute; display: inline-block; white-space: nowrap; margin-left: -1px; border-left: 1px solid; border-right: 1px solid; } .prog:hover { z-index: 10;} .progtime , #epg .prog div , #body #main .searchtitle { display: none; } #epg .prog .progtitle , #epg .prog .progtitle * { display: block; } .progtitle div { padding: 0.25em; display: inline;} #main #epg .highlight .progtitle.fav div { padding: 0.15em; } #main #epg .highlight .progtitle.fav { border: solid 2px; } #main #epg .highlight2 .progtitle.fav div { padding: 0.15em; } #main #epg .highlight2 .progtitle.fav { border: solid 2px; } .view {float: right;} .progtitle .fav-button { background-image: url(css/base1.8a1/images/ui-icons_222222_256x240.png); background-position: -208px -112px; display: inline-block; width: 16px; height: 16px; margin-right: 0.25em; border:0; padding:0;} .progtitle .fav-button:hover , .progtitle.fav .fav-button { background-image: url(css/base1.8a1/images/ui-icons_cd0a0a_256x240.png); } #epg_container .progtitle div { overflow:hidden; border-right: 0.25em solid transparent; } #epg_container .highlight .progtitle div { border-right: 0.25em solid transparent; } #controls td { padding: 0.5em; } #past { position: absolute; height: 100%; top: 0px; z-index: 20;} .v #guide { width: 100%; height: 50%; overflow-y: hidden;} .h #guide { overflow-y: hidden;} #guide .prog { margin: 1px; padding: 0.3em; border-left: 0.3em solid; } #guide .ui-tabs .ui-tabs-panel {padding: 1em 0 0 0;} #tabs-favourites , #tabs-history { vertical-align: top; overflow-y: auto; } #searchbox {width: 98%;} #repeatresults , #searchresults {width: 100%; overflow-y: auto; position: relative;} #tabs-repeats .perm {font-weight: normal; float: right;} #current_prog_pannel , #repeats { vertical-align: top; } .v #current_prog_pannel , .v #repeats { height: 100%; display: inline-block; width: 33%; } .v #adverts { height: 100%; display: inline-block; width: 30%; overflow-y: auto;} .h #current_prog_pannel , .h #repeats , .h #adverts { height: 33%; display: block; } #repeats .prog .progsubtitle , #guide .progtitle { font-weight: bold; } #current_prog_pannel { border-spacing: 1em; } #tabs-repeats .prog .progtitle { display: none; } #guide .progchan { float: right; } #guide .progsubtitle { display: block; } /* .v #current_prog_pannel { border-right: 1px solid; } .v #adverts { border-left: 1px solid #669; } .h #current_prog_pannel { border-bottom: 1px solid; } .h #adverts { border-top: 1px solid; } */ .blockUI{width:100%;height:100%;left:0px;top:0px;} #channel-select {position: absolute; width: 100%; height: 100%; background-color: #fff;overflow-x: auto;} #csp {padding: 0.5em;} #x {position: absolute; top:5px;right:5px;} #channel-select h1 , #channel-select h2 {font-size: 16pt; padding: 0; margin: 0; } #channel-select h2 {font-size: 12pt} #channel-select .listbox {display: inline-block; height: 100%; vertical-align: top;} #channel-select button { font-size: 0.8em; margin-bottom: 1em;} .list div {font-size: 12pt; } #channel-select .help {font-size: 11pt; font-family: Arial, Helvetica, "Trebuchet MS", Verdana, sans-serif; display: inline-block;} #channel-filter , #channels-available , #channel-controls , #channel-sort-controls, #channels-selected {display: inline-block; height: 97%; padding:0; margin-top: 1em;} #channel-filter {width: 110px; } #channels-available , #channels-selected {width: 20em; vertical-align: top;} #channels-available , #channels-selected {border: 1px solid black; overflow-y: scroll; padding: 5px; margin-top: 0; position: relative;} #channel-select.ui-dialog-content {padding: 0.5em 0.5em;} #channel-select .ui-selecting { background: #FECA40; } #channel-select .ui-selected { background: #F39814; color: white; } #channel-filter .ui-accordion .ui-accordion-header .ui-icon {left: 0.1em} #channel-filter .ui-accordion-icons .ui-accordion-header a {padding-left: 1.2em;} #channel-filter .ui-accordion-content {padding: 0 0.4em 10px 0.6em;} #channel-filter .ui-accordion-content div {margin: 3px 3px 0 0; padding: 0 0 0 0.2em;} #channels-selected.highlight-link {border-color: #FECA40;} #channels-selected.highlight-over {border-color: #F39814;} #channels-available .ui-sortable-placeholder {display:none;} .list div {margin: 2px 0; padding: 0 13px; position: relative;} .list span.ui-icon {position: absolute; right: 0px; top: 2px; } .list span.ui-icon-arrow-4 {left: 0px; top: 2px; } .help span.ui-icon-arrow-4 {position: static; display: inline-block; vertical-align: bottom;} #channel-controls {width: 120px; vertical-align: top;} #channel-sort-controls {width: 118px; vertical-align: top; } #reset {margin-top: 2em;} #save, {position: absolute; bottom: 1em; right: 1em; width: 5em;} #close-about, #close-feedback, #close-help {float: right; margin-right: 1em;} #remove, #removeall, #reset { float: right; } #channel-filter div div:first-child {margin-top: 0;} span.displaynone { display:none; } #help {border-collapse: separate; border-spacing: 5px;} .key { display: table-row; vertical-align: top; margin-left: 1em; } #help .key span { font-weight: normal; font-size: 9pt; text-align: center; padding: 0 0 0 0; display: table-cell; vertical-align:middle; width: 7em; height: 4em;} #help .key .progtitle {width: 7em; height: 4em; display: table-cell; vertical-align:middle; } #help .key .progtitle div {height: auto;} /* Colours ********************************************************************/ .ui-effects-transfer { border: 2px dotted gray; } #links a { text-decoration: underline; color: blue; cursor: pointer; } .button:hover { opacity:0.7; cursor: default; } #week td { border-color: white;} .Monday { background-color: #e1a17e} .Tuesday { background-color: #c8ad65} .Wednesday { background-color: #a9b66f} .Thursday { background-color: #78bda1} .Friday { background-color: #6fb9d8} .Saturday { background-color: #9aafe1} .Sunday { background-color: #c2a4d8} #week-scrollbar div { background-color: silver; } #past { background-color: grey; pointer-events: none;} #epg_timeline span , #epg .prog { border-color: white; } .prog { background-color: transparent; } .progtitle { background-color: #efe5cd; text-decoration: none; color: black;} .new .progtitle { background-color: #FFEBBD; } .type-film .progtitle { background-color: #d7c8b5; } /* Green #main .progtitle.fav { background-color: #DBE9DA; } 77 61 212 #main .progtitle.fav.new { background-color: #B8D3B6; } 77 59 185 #main .progtitle.fav.type-film { background-color: #BACFC9; }109 43 185 231 175 223 231 175 196 225 61 196 */ .progtitle.fav { background-color: #FADFE5; } .new .progtitle.fav { background-color: #F2AEBD; } .type-film .progtitle.fav { background-color: #DCC4CD; } #main #epg .highlight .progtitle.fav { background-color: #FADFE5; border-color: #70A6E9; } #main #epg .highlight.new .progtitle.fav { background-color: #F2AEBD; } #main #epg .highlight.type-film .progtitle.fav { background-color: #DCC4CD; } #main #epg .highlight2 .progtitle.fav { background-color: #FADFE5; border-color: #70A6E9; } #main #epg .highlight2.new .progtitle.fav { background-color: #F2AEBD; } #main #epg .highlight2.type-film .progtitle.fav { background-color: #DCC4CD; } #epg .highlight .progtitle { background-color: #D8E7F9; } #guide .highlight , .key-highlight { background-color: #D8E7F9; } .highlight2 , #epg .highlight2 .progtitle { background-color: #EAF2FD; } #epg_channel_names .progtitle , #body #main .nocolor .progtitle { background-color: transparent; } #body #main .nocolor .new { background-color: #FFEBBD; } #body #main .nocolor .new.highlight { border-top: 2px solid #70A6E9; border-right: 2px solid #70A6E9; border-bottom: 2px solid #70A6E9; } .progdate { text-decoration: underline; color: blue; } #guide .prog { cursor: pointer; } #guide .Monday { border-left-color: #e1a17e; } #guide .Tuesday { border-left-color: #c8ad65; } #guide .Wednesday { border-left-color: #a9b66f; } #guide .Thursday { border-left-color: #78bda1; } #guide .Friday { border-left-color: #6fb9d8; } #guide .Saturday { border-left-color: #9aafe1; } #guide .Sunday { border-left-color: #c2a4d8; } #guide .past { border-left-color: grey; } .v #current_prog_pannel { border-right-color: #C0C0C0; } .v #adverts { border-left-color: #C0C0C0; } .h #current_prog_pannel { border-bottom-color: #C0C0C0; } .h #adverts { border-top-color: #C0C0C0; } #adverts {background-color: white;}