/* ###################### # Globals ###################### */ input { border: 1px solid #963B5F; } select { border: 1px solid #963B5F; } /* ############################## # Tooltip style for epg infos ############################## */ .domTTepg div.epg_content { background: white url(../img/bg_tools.png) top left repeat-y; } /* ####################### # Menue ####################### */ div.menu { background: #000057 url(../img/menu_line_bg.png) repeat-x; color: #FFE9FA; } div.pagemenu { background: #FFFFFF url(../img/bg_line.png) top repeat-x; } div.pagemenu div { background: #FFFFFF url(../img/bg_line_top.png) bottom repeat-x; } div.pagemenu div div { background: #FFE9FA; border-top: 1px solid #DA8DA8; border-bottom: 1px solid #DA8DA8; } div.pagemenu a.active { color: #984E79; } div.pagemenu span.sep { color: #DA8DA8; } div.pagemenu span.active { color: #984E79; } /* ####################### # Info Box (near logo) ####################### */ div#infobox { border: 1px solid #DA8DA8; } div#infobox div.st_header { background: #FFE9FA; border-bottom: 1px solid #DA8DA8; } div#infobox div.st_content { background: white url(../img/bg_line_top.png) top left repeat-x; } div#infobox div.st_controls div.st_update { border-right: 1px solid #DA8DA8; } /* ####################### # Head Box ####################### */ div.head_box_l { background-image: url(../img/bg_header_l.png); } div.head_box_m { background-image: url(../img/bg_header_h.png); } div.head_box_r { background-image: url(../img/bg_header_r.png); } button.smallbutton { background-image: url(../img/button_blue.png); } button.green { background-image: url(../img/button_green.png); } button.red { background-image: url(../img/button_red.png); } button.blue { background-image: url(../img/button_blue.png); } /* ################ # Event ################ */ div.station div { background: url(../img/bg_box_l.png) top left no-repeat; } div.station div div { background: url(../img/bg_box_r.png) top right no-repeat; } div.station div div div { background: url(../img/bg_box_h.png) repeat-x; } div.content { background: white url(../img/bg_tools.png) top left repeat-y; } div.__progress { border: 1px solid #DA8DA8; } div.__progress div.__elapsed { background-color: #FFE9FA; } /* ############################## # Blue Background Thingy ############################## */ div.boxheader { background: url(../img/bg_box_l.png) top left no-repeat; } div.boxheader div { background: url(../img/bg_box_r.png) top right no-repeat; } div.boxheader div div { background: url(../img/bg_box_h.png) repeat-x; } /* ############################## # Recordings ############################## */ div.recording_item { background: url(../img/bg_line.png) bottom repeat-x; border-bottom: 1px solid #DA8DA8; } /* ############################## # Remote Control Keypad ############################## */ div.screenshot { background-image: url(../img/tv.jpg); } /* ############################## # Edit Tables ############################## */ table.formular tr td { background: url(../img/bg_line.png) bottom repeat-x; border-bottom: 1px solid #DA8DA8; } /* ############################## # Search results ############################## */ table.listing tr td.head { background: #963B5F; } table.listing tr td { background: url(../img/bg_line.png) bottom repeat-x; border-bottom: 1px solid #DA8DA8; } /* ############################## # About box ############################## */ .about_box div.about_content div.about_head { background: #FFFFFF url(../img/bg_line.png) top repeat-x; } .about_box div.about_content div.about_head div { background: #FFFFFF url(../img/bg_line_top.png) bottom repeat-x; } .about_box div.about_content div.about_head div div { background: #FFE9FA; border-top: 1px solid #DA8DA8; border-bottom: 1px solid #DA8DA8; }