* drop curvycorners in favor of css3 PIE (http://css3pie.com/), this fixes the "curre...
[enigma2-plugins.git] / webinterface / src / web-data / tpl / default / style.min.css
1 html,body{font-family:Tahoma,Sans-Serif;font-size:14px;font-weight:bold;color:#fff;text-align:center;background:#555;}
2 input,select{font-family:Tahoma,Sans-Serif;font-size:14px;font-weight:bold;border:1px solid #485052;background-color:#fff;color:#485052}
3 a,a:visited,a:active{color:#485052;text-decoration:none}
4 img{border:0}
5 form{margin:2px}
6 #notification{color:#000;width:50%;height:32px;position:absolute;top:0;left:25%;text-align:center;vertical-align:bottom;z-index:2}
7 .wap a,.wap a:visited,.wap a:active{color:#fff}
8 .rounded{display:block;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;behavior:url(/web-data/PIE.htc);}
9 .black{background:#000}
10 .odd{background-color:#FFF}
11 .even{background-color:#DDD}
12 .fullwidth{width:100%}
13 .center{text-align:center}
14 .small{font-size:11px;font-weight:normal}
15 a.underline{text-decoration:underline}
16 .right{text-align:right}
17 .block{display:block}
18 .bottom{vertical-align:bottom}
19 #banner{width:1000px;height:67px;background:#000;padding-left:5px;margin-bottom:8px;position:relative;}
20 #banner a,#banner a:visited,#banner a:active{color:#FFF;text-decoration:none;}
21 #bannerText{margin-bottom:5px;padding-left:2px;padding-top:6px}
22 #bannerLeft{width:940px;float:left}
23 #powerState{border:0;margin-left:93px;text-align:right}
24 #bannerRight{width:50px;text-align:right;height:60px;float:left}
25 #bannerRight img{padding-top:5px}
26 #current a{background:#000;color:#FFF;}
27 #current{width:999px;background:#000;padding-left:3px;padding-right:3px;padding-bottom:1px;margin-bottom:8px;position:relative;}
28 .techInfo{font-size:10px}
29 #currentTable{margin-bottom:10px;padding-left:2px;padding-top:3px;width:100%}
30 #currentDuration{text-align:right}
31 .currentBulletToggle{vertical-align:middle}
32 #mainMenu{background-color:#485052;text-align:center;overflow:hidden;background:#000;margin:0;padding:0;width:940px}
33 #mainMenu li{list-style:none;float:left;width:130px;height:21px;margin-left:2px;background:#485052;margin-top:6px;margin-bottom:0;padding:0;position:relative;z-index:2}
34 #mainMenu a:hover,#mainMenu a:hover{background:#AAA;position:relative;z-index:3}
35 #mainMenu li.hover,#mainMenu li.hover{background:#AAA;position:relative;z-index:3}
36 #mainMenu a{display:block;padding-top:1px;padding-bottom:3px}
37 #instantRecordMenu{z-index:1000;position:relative;top:5px;right:165px;background:#FFF;color:#485052;width:205px;border:1px solid #000;opacity:.98;text-align:left}
38 #instantRecordMenu button{width:200px;text-align:center}
39 #navContainer{float:left;width:160px}
40 #nav{width:100%;height:250px;background:#000;padding-left:5px;border:2px solid #000;position:relative;}
41 #nav a{display:block}
42 #nav{background:#FFF;padding-left:0;padding-right:0}
43 #navHd{background:#000;text-align:center;width:153px}
44 #navContent{color:#485052;padding-left:5px}
45 #navSearch{width:100%;height:61px;background:#FFF;margin-top:8px;border:2px solid #000;position:relative;}
46 #searchHd{background:#000;text-align:center;width:153px}
47 #navVolume{width:100%;height:75px;background:#FFF;margin-top:8px;border:2px solid #000;position:relative;}
48 #volHd{background:#000;text-align:center;width:153px}
49 #content{float:left;background:#FFF;width:833px;min-height:308px;margin-left:8px;border:2px solid #000;position:relative;}
50 #contentHd{background:#000;width:527px}
51 #contentHdExt{background:#000;dipslay:block}
52 #contentHdExt input{padding:1px;margin-right:2px;margin-bottom:2px;border:0;color:#485052}
53 #epgSearch{width:120px}
54 .boxContent{color:#485052;padding:3px}
55 .navTable{width:100%}
56 .navTable a:hover{background-color:#CCC;color:#485052;display:block}
57 .sListSName a{display:block;margin-right:5px;color:#485052}
58 .sListSName a:hover{background-color:#CCC;color:#485052;display:block}
59 .sListMarker{background-color:#485052;color:#FFF}
60 .sListEPGItem{font-size:12px;margin:0;padding:0}
61 .sListSProgress{display:inline-block;margin:0;border:1px solid #485052;width:50px;height:10px;padding:1px}
62 .sListSProgressBar{display:inline-block;margin:0;background-color:#60aef2;width:0;height:100%}
63 table.sListExtEpg{width:580px;margin:0;padding:0}
64 .header{padding-top:2px;padding-left:4px;padding-right:4px;display:block;height:22px}
65 #container{margin:0 auto;text-align:left;width:1005px}
66 #contentTable{scrollbar:auto;width:785px}
67 #contentServices{vertical-align:top;width:585px}
68 #contentServices table{scrollbar:auto;width:585px}
69 #contentBouquets{border-right:1px solid #ccc;vertical-align:top;width:220px}
70 #contentMain{padding:8px;margin-bottom:5px}
71 #contentMain{clear:both;overflow-y:auto;width:815px;color:#485052}
72 #contentMain div table{float:left;width:599px}
73 .sListItem{width:585px;color:#485052}
74 .mListItem{width:780px;color:#485052}
75 .mpListItem{mListItem}
76 .epgStart{width:50px;color:#485052}
77 .epgTitle{width:420px;color:#485052}
78 .epgLength{width:100px;text-align:right;color:#485052}
79 .mListDetail{font-size:12px;color:#485052}
80 .mStart{width:160px;color:#485052}
81 .mTitle{width:650px;color:#485052}
82 .mLength{width:90px;text-align:right;color:#485052}
83 #tools{font-size:12px;text-align:center}
84 #tools h1{font-size:14px}
85 .tools a,.tools a:hover,.tools a:visited{text-decoration:underline}
86 .toolsHeader{color:#FFF;font-weight:bold;background-color:#000}
87 .tools{border:1px solid #CCC;width:100%;margin:0;padding:0}
88 .tools td{font-size:12px;padding:5px;vertical-align:top}
89 .toolsElementLeft{font-weight:bold;width:15%;text-align:left}
90 .toolsElementCenter{text-align:left}
91 .toolsElementRight{width:10%;text-align:left}
92 #about{font-size:12px;text-align:center}
93 #about h1{font-size:14px}
94 #about a,#about a:hover,#about a:visited{text-decoration:underline}
95 .aboutHeader{width:100%;color:#FFF;font-weight:bold;background-color:#000}
96 .about{border:1px solid #CCC;width:100%;margin:0;padding:0}
97 .about td{font-size:12px}
98 .aboutElementLeft{font-weight:bold;width:50%;text-align:left}
99 .aboutElementRight{width:50%}
100 .w200h50{width:200px;height:50px}
101 .textRight{text-align:right}
102 .textLeft{text-align:left}
103 .textCenter{text-align:center}
104 .tListItemTable{width:100%}
105 .tListSName{text-align:left}
106 .tListItem{font-weight:bold;font-size:13px}
107 .tListTitle{width:150px;text-align:left}
108 .tListDescr{width:150px;text-align:left}
109 .tListRepeat{width:70px;text-align:left}
110 .tListDuration{width:70px;text-align:left}
111 .tListBegin{width:100px;text-align:left}
112 .tListEnd{width:100px;text-align:left}
113 .tListAfter{width:85px;text-align:left}
114 .tListOption{width:80px;text-align:center}
115 .timerState0{color:#485052}
116 .timerState1{color:#900}
117 .timerState2{color:#090}
118 .timerState3{color:#009}
119 a.tEditTag{margin:3px 0 3px 0;padding:3px;display:inline-block;border:1px solid #CCC}
120 a.selected{background:#ff9}
121 .epgListItem{font-size:12px;font-weight:bold}
122 * html #banner{width:1005px;height:78px}
123 * html #bannerRight{width:120px;height:60px}
124 * html #nav{width:99%;height:250px;background:#000;padding-left:5px}
125 * html .navTable{width:95%}
126 input.fd-hidden-input,select.fd-hidden-input{display:none}
127 .fd-screen-reader{position:absolute;left:-999em;top:0;width:1px;height:1px;overflow:hidden;outline:0 none;-moz-outline:0 none}
128 a.dp-disabled,.dp-disabled table{opacity:.3!important;filter:alpha(opacity = 40)}
129 .dp-disabled,.dp-disabled td,.dp-disabled th,.dp-disabled th span{cursor:default!important}
130 a.date-picker-control:focus,div.datePicker table td:focus{overflow:hidden;outline:0 none;-moz-outline:0 none;color:#6482aa!important}
131 div.datePicker{position:absolute;z-index:9999;text-align:center;font-size:11px;background:transparent;color:#485052;padding:0;-moz-user-select:none;-khtml-user-select:none}
132 div.static-datepicker{position:relative;top:5px;left:0}
133 div.datePicker table{width:auto;height:auto;border-collapse:separate;border-spacing:1px;background:#fff}
134 div.datePicker tfoot th.drag-enabled,div.datePicker thead th.drag-enabled,div.datePicker thead th.drag-enabled span{cursor:move}
135 iframe.iehack{position:absolute;background:#fff;z-index:9998;padding:0;border:0;display:none;margin:0}
136 a.date-picker-control:link,a.date-picker-control:visited{position:relative;display:-moz-inline-stack;border:0 none;padding:0;margin:0 0 0 4px;background:transparent url(/web-data/lib/datepicker/media/cal-grey.gif) no-repeat 50% 50%;min-width:16px;line-height:1;cursor:pointer;visibility:visible;text-decoration:none;vertical-align:top}
137 a.date-picker-control:hover,a.date-picker-control:active,a.date-picker-control:focus,a.dp-button-active:link,a.dp-button-active:visited,a.dp-button-active:hover,a.dp-button-active:active,a.dp-button-active:focus{background:transparent url(/web-data/lib/datepicker/media/cal.gif) no-repeat 50% 50%!important}
138 * html a.date-picker-control{width:16px}
139 a.date-picker-control{display:inline-block}
140 a.date-picker-control span{display:block;width:16px;height:16px;margin:auto 0}
141 div.datePicker thead th span{display:block;padding:0;margin:0;text-align:center;line-height:1em;border:0 none;background:transparent;font-weight:bold;cursor:pointer}
142 div.datePicker th span.month-display,div.datePicker th span.year-display{display:inline;text-transform:uppercase;letter-spacing:1px;font-size:13px;cursor:default}
143 div.datePicker th span.prev-but,div.datePicker th span.next-but{font-weight:lighter;font-size:13px;cursor:pointer!important}
144 div.datePicker th span.prev-but:hover,div.datePicker th span.next-but:hover,div.datePicker th span.today-but:hover{color:#a84444}
145 div.datePicker th span.today-but{text-align:center;margin:0;font-size:13px;width:100%;text-decoration:none;padding-top:.3em;text-transform:uppercase;vertical-align:middle;cursor:pointer!important}
146 div.dp-disabled th span.prev-but,div.dp-disabled th span.next-but,div.dp-disabled th span.today-but,div.dp-disabled th span.prev-but:hover,div.dp-disabled th span.next-but:hover,div.dp-disabled th span.today-but:hover,div.datePicker th span.prev-but.fd-disabled:hover,div.datePicker th span.next-but.fd-disabled:hover,div.datePicker thead th span.fd-disabled,div.datePicker th span.fd-disabled:hover{color:#aaa;cursor:default!important;opacity:1}
147 div.datePicker th span.fd-day-header{text-align:center;margin:0;font-size:11px;text-decoration:none;text-transform:lowercase;cursor:pointer}
148 div.datePicker table{margin:0;padding:0;border:1px solid #000;background:#fff;text-align:center;width:auto;empty-cells:show;border-radius:3px;-moz-border-radius:3px;-moz-box-shadow:0 0 5px #aaa}
149 div.datePicker table tbody th,div.datePicker table td{border:0 none;padding:0;text-align:center;vertical-align:middle;cursor:pointer;background:#fff;width:2em;height:2em;overflow:hidden;outline:transparent none 0;border:1px solid #ccc;text-transform:none;-moz-border-radius:2px;border-radius:2px}
150 div.datePicker table td:focus,div.datePicker table td:active{outline:0 none red}
151 div.datePicker table th{border:0 none;padding:0;font-weight:bold;color:#222;text-align:center;vertical-align:middle;text-transform:none}
152 div.datePicker table thead th{height:auto!important}
153 div.datePicker table tbody th{border:1px solid #dcdcdc}
154 div.datePicker table thead th.date-picker-week-header,div.datePicker table tbody th.date-picker-week-header{background:url(/web-data/lib/datepicker/media/backstripes.gif);color:#ccc;font-style:oblique;background:transparent;cursor:default}
155 div.datePicker table thead th.date-picker-week-header{cursor:help;border:0 none;padding:0 0 .2em 0}
156 div.datePicker tfoot th{cursor:default;font-weight:normal;text-transform:uppercase;letter-spacing:.1em;border:0 none;background:#fff;height:2.8em}
157 div.datePicker table tbody td.date-picker-unused{background:#fff url(/web-data/lib/datepicker/media/backstripes.gif);border-color:#dcdcdc;cursor:default!important}
158 div.datePicker table thead th.date-picker-title{width:auto;height:auto;padding:.4em 0;background:#000;color:#FFF}
159 div.datePicker table thead th.date-picker-day-header{text-transform:lowercase;cursor:help;height:auto}
160 div.datePicker table tbody td.date-picker-today{background:#fff url(/web-data/lib/datepicker/media/bullet2.gif) no-repeat 0 0;color:#646464!important}
161 div.datePicker table tbody td.month-out.date-picker-highlight{color:#a86!important}
162 div.datePicker table tbody td.date-picker-highlight,div.datePicker table thead th.date-picker-highlight{color:#a86666!important}
163 div.datePicker table tbody td.date-picker-hover{background:#fff url(/web-data/lib/datepicker/media/bg_header.jpg) no-repeat 0 0;cursor:pointer;border-color:#6482aa!important;color:#6482aa;text-shadow:0 1px 1px #fff}
164 div.datePicker table tbody td.day-disabled{background:#fff url(/web-data/lib/datepicker/media/backstripes.gif) no-repeat 0 0;color:#aaa!important;cursor:default;text-decoration:line-through}
165 div.datePicker table tbody td.month-out{border-color:#ddd;color:#aaa!important;background:#fff url(/web-data/lib/datepicker/media/gradient-e5e5e5-ffffff.gif) repeat-x 0 -40px}
166 div.datePicker table tbody td.date-picker-selected-date{color:#333!important;border-color:#333!important}
167 div.datePicker table tbody td.out-of-range,div.datePicker table tbody td.not-selectable{color:#ccc!important;font-style:oblique;background:#fcfcfc!important;cursor:default!important}
168 div.datePicker table tbody th.month-out,div.datePicker table tbody th.out-of-range{color:#aaa!important;font-style:oblique;background:#fcfcfc!important}
169 div.datePicker table tbody th.out-of-range{opacity:.6;filter:alpha(opacity = 60)}
170 div.datePicker table tbody td.not-selectable{opacity:.8;filter:alpha(opacity = 80)}
171 div.datePicker table tbody tr{display:table-row}
172 div.datePicker table tfoot sup{letter-spacing:normal;text-transform:none;height:0;line-height:1;position:relative;top:-0.2em;vertical-align:baseline!important;vertical-align:top}
173 div.datepicker-focus table.datePickerTable{border-color:#999!important}
174 div.datePicker table tbody tr td:focus,div.datePicker table tbody td.date-picker-hover{overflow:hidden;outline:0 solid #f00;-moz-outline:0 none;-o-highlight:0 none;color:#6482aa!important}
175 div.static-datepicker table{-moz-box-shadow:0 0 0 transparent}
176 div.datepicker-focus table{outline:0;-moz-box-shadow:0 0 5px #aaa}
177 *:-o-prefocus{outline:-o-highlight-border}
178 * html div.datePicker table td{background-image:none}
179 * html div.datePicker table td.date-picker-unused{background:#f2f2f2}
180 body.fd-drag-active{-webkit-user-select:none}
181 @media screen and (-webkit-min-device-pixel-ratio:0){div.datePicker table{-webkit-box-shadow:0 0 5px #aaa;-webkit-border-radius:3px}
182 div.static-datepicker table{-webkit-box-shadow:0 0 0 transparent}
183 div.datepicker-focus table{-webkit-box-shadow:0 0 5px #aaa}
184 div.datePicker table td,div.datePicker table tbody th{padding:.1em;-webkit-border-radius:2px}
185 div.datePicker table tbody td.date-picker-hover{-webkit-box-shadow:0 0 1px #6482aa}
186 }