webinterface: use font-awesome for icons. Disable all styles but "modern" for now
[enigma2-plugins.git] / webinterface / src / web-data / tpl / default / style_light.min.css
1 html,body{font-family:Tahoma,Sans-Serif;font-size:14px;font-weight:bold;color:#333;text-align:center;background:#FFF}
2 table{font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;border-spacing:0;border-collapse:collapse}
3 input[type="text"],input[type="password"],select{font-family:Tahoma,Sans-Serif;font-size:14px;font-weight:bold;border:1px solid #DDD;background-color:#FFF;color:#444;border: 1px solid #DDD;}
4 a,a:visited,a:active{color:#444;text-decoration:none}
5 img{border:0}
6 a.fa,a.fa:visited,a.fa:active{color:#ddd;}
7 .fa a,.fa A:visited,.fa a:active{color:#ddd;}
8 form{margin:2px}
9 #notification{color:#444;width:50%;height:32px;position:absolute;top:0;left:25%;text-align:center;vertical-align:bottom;z-index:2}
10 .wap a,.wap a:visited,.wap a:active{color:#333}
11 .rounded{display:block;}
12 .roundedNav{display:block;}
13 .black{background-color:#F2F2F2;color:#333}
14 .odd{background-color:#F2F2F2}
15 .even{background-color:#DDD}
16 .fullwidth{width:100%}
17 .center{text-align:center}
18 .oneliner{position:absolute;top:50%;height:16px;margin-top:-8px}
19 .small{font-size:11px;font-weight:normal}
20 a.underline{text-decoration:underline}
21 .right{text-align:right}
22 .block{display:block}
23 .bottom{vertical-align:bottom}
24 .leftCol{float:left;width:50%}
25 .rightCol{float:right;width:50%}
26 .right{text-align:right}
27 .liHeader{border-top:#444;border-bottom:#444}
28 .group{position:relative !important;}
29 .right-aligned{left:auto !important;right:0 !important;}
30 .dropdown-menu{min-width:160px;position:absolute !important;top:100%;left:0;list-style:none outside none;padding:5px 0px;z-index:1000;background:#FFF !important;border:1px solid #ccc !important;color:#444 !important;text-align:left;border-radius: 4px !important;-moz-border-radius:4px !important;-webkit-border-radius:4px !important;box-shadow:0px 6px 12px rgba(0, 0, 0, 0.176) !important;}
31 .dropdown-menu li{float:none !important;}
32 td.screenShot{text-align:center;}
33 td.screenShot img{border:1px solid #555;background:#DDD;width:100%;}
34 #banner{width:1000px;height:67px;background-color:#F2F2F2;padding-left:5px;margin-bottom:8px;position:relative;border:1px solid #DDD}
35 #banner a,#banner a:visited,#banner a:active{color:#333;text-decoration:none}
36 #bannerText{padding-left:2px}
37 #bannerLeft{width:940px;float:left}
38 .bannerHeader{background-image:url("/web-data/img/dreamboxweb_light.png");width:780px;height:16px;margin:7px;padding:0}
39 #ajaxLoad{position: absolute; top:2px; right:78px; z-index: 10;background-image:url("/web-data/gfx/ajaxload.gif");width:31px;height:31px;}
40 #powerState{border:0;margin-left:93px;text-align:right}
41 #bannerRight{width:50px;text-align:right;height:60px;float:left}
42 #bannerRight img{padding-top:5px}
43 #current{width:999px;background-color:#F2F2F2;padding-left:3px;padding-right:3px;padding-bottom:1px;margin-bottom:8px;position:relative}
44 .techInfo{font-size:10px}
45 #current{border:1px solid #DDD}
46 #current a{background-color:#F2F2F2;color:#333}
47 #current img{vertical-align: bottom}
48 #currentTable{width:100%}
49 #currentDuration{text-align:right}
50 #mainMenu{background-color:#F2F2F2;text-align:center;overflow:hidden;background-color:#F2F2F2;margin:0;padding:0;width:940px}
51 #mainMenu li{list-style:none;float:left;width:130px;height:21px;margin-left:2px;background:#F2F2F2;margin-top:6px;margin-bottom:0;padding:0;position:relative;z-index:2; border:1px solid #DDD}
52 #mainMenu a:hover{background:#BBB;position:relative;z-index:3}
53 #mainMenu li.hover{background:#BBB;position:relative;z-index:3}
54 #mainMenu a{display:block;height:100%}
55 #mainMenu span{display:block;padding-top: 2px}
56 #mainMenu li.navselected{background:#D2D2D2;position:relative;z-index:3}
57 #menuPower{display:none;}
58 #instantRecordMenu li{margin:3px;}
59 #instantRecordMenu button{width:200px;text-align:center}
60 #navContainer{float:left;width:160px}
61 #nav{width:100%;height:250px;background:#F2F2F2;padding-left:5px;border:1px solid #AAA;position:relative}
62 #nav a{display:block;height:20px;padding:2px}
63 #nav a:hover{padding:1px;border: 1px solid #AAA}
64 #nav li div{display:table-cell;height:20px;vertical-align:middle}
65 #nav{background-color:#F2F2F2;padding-left:0;padding-right:0;border:1px solid #DDD}
66 #navHd{background-color:#F2F2F2;text-align:center;width:150px;border-bottom:1px solid #DDD}
67 #navHd div{background-color:#F2F2F2;}
68 #navContent{color:#444;padding:0px}
69 #navExternalsContainer{margin:0;padding:0}
70 #navSearch{width:100%;height:61px;background-color:#F2F2F2;margin-top:8px;border:1px solid #AAA;position:relative;border:1px solid #DDD}
71 #searchHd{background-color:#F2F2F2;text-align:center;width:150px;border-bottom:1px solid #DDD}
72 #navVolume{width:100%;height:75px;background-color:#F2F2F2;margin-top:8px;border:1px solid #AAA;position:relative;border:1px solid #DDD}
73 #volHd{background-color:#F2F2F2;text-align:center;width:150px;border-bottom:1px solid #DDD}
74 #main{overflow:hidden;margin:0;padding:0}
75 #content{float:left;background-color:#F2F2F2;width:834px;min-height:360dpx;margin-left:8px;border:1px solid #DDD;position:relative}
76 #contentHd{background-color:#F2F2F2;width:527px}
77 table.contentHd{background-color: #F2F2F2;width:100%;margin:0px; padding:0px;border-bottom:1px solid #DDD;}
78 #contentHd div{background:#F2F2F2;}
79 #contentHdExt{background-color:#F2F2F2;dipslay:block}
80 #contentHdExt input{padding:1px;margin-right:2px;margin-bottom:2px;border:0;color:#444}
81 #contentHdExt li div{padding:1px;margin-right:2px;margin-bottom:2px;border:0;color:#444}
82 #epgSearch{width:120px}
83 .boxContent{color:#444;padding:3px}
84 .navTable{width:100%;margin:0;padding:0}
85 .navTable li{list-style:none;margin:0px;padding:0;position:relative;display:block}
86 .navTable a:hover{background-color:#BBB;color:#444;display:block;border:1px solid #AAA}
87 .bListSLink {display:block;margin-right:5px;color:#444;padding:4px;}
88 .bListSLink:hover{display:block;background-color:#BBB;color:#444;padding:3px;border:1px solid #AAA}
89 .sListSName a{display:block;margin-right:5px;color:#444;padding:4px}
90 a.sListSLink {color:#444;display:block;font-size:15px;padding:4px;display: block;width:99%;}
91 a.sListSLink:hover{display:block;background-color:#BBB;color:#444;padding:3px;border:1px solid #AAA}
92 .sListMarker{background-color:#F2F2F2;color:#333}
93 .sListEPGItem{font-size:12px;margin:0;padding:0}
94 .sListProgress {width: 60px; float: left }
95 .sListSActions{position: absolute; right: 0px; top: 5px;}
96 .sListSProgress{display:inline-block;border:1px solid #444;width:50px;height:10px;padding:1px}
97 .sListSProgressBar{margin:0;background-color:#60aef2;width:0;height:100%}
98 .sListExtEpg{display: block;padding:1px}
99 .header{padding-top:2px;padding-left:4px;padding-right:4px;display:block;height:22px}
100 #container{margin:0 auto;text-align:left;width:1007px}
101 #contentTable{scrollbar:auto;width:785px;margin:0 auto 0 auto;}
102 #contentServices{vertical-align:top;width:575px}
103 #contentServices table{scrollbar:auto}
104 #bouquetTable{width:100%;margin:0;padding:0}
105 #bouquetTable li{display:table;list-style:none;position:relative;}
106 .bouquetIcons{float:left;width:40px;padding-top:3px}
107 .bouquetName{float:right;width:215px;}
108 #contentBouquets{border-right:1px solid #DDD;vertical-align:top;width:220px}
109 #contentMain{padding:8px;margin-bottom:5px;min-height:360px;clear:both;overflow-y:auto;width:815px;color:#444}
110 #contentMain div table{float:left;width:599px}
111 .sListItem{width:570px !important;color:#444}
112 .sListItem td{position: relative;}
113 .mListItem{width:780px;color:#444}
114 .epgStart{width:50px;color:#444}
115 .epgTitle{width:420px;color:#444}
116 .epgLength{width:100px;text-align:right;color:#444}
117 .mListDetail{font-size:12px;color:#444}
118 .mStart{width:160px;color:#444}
119 .mTitle{width:650px;color:#444}
120 .mLength{width:90px;text-align:right;color:#444}
121 #tools{font-size:12px;text-align:center}
122 #tools h1{font-size:14px}
123 .tools a,.tools a:hover,.tools a:visited{text-decoration:underline}
124 .toolsHeader{color:#333;font-weight:bold;background-color:#F2F2F2}
125 .tools{border:1px solid #DDD;width:100%;margin:0;padding:0}
126 .tools td{font-size:12px;padding:5px;vertical-align:top}
127 .toolsElementLeft{font-weight:bold;width:15%;text-align:left}
128 .toolsElementCenter{text-align:left}
129 .toolsElementRight{width:10%;text-align:left}
130 #about{font-size:12px;text-align:center}
131 #about h1{font-size:14px}
132 #about a,#about a:hover,#about a:visited{text-decoration:underline}
133 .aboutHeader{width:100%;color:#333;font-weight:bold;background-color:#F2F2F2}
134 .about{border:1px solid #DDD;width:100%;margin:0;padding:0}
135 .about td{font-size:12px}
136 .aboutElementLeft{font-weight:bold;width:50%;text-align:left}
137 .aboutElementRight{width:50%}
138 .w200h50{width:200px;height:50px}
139 .textRight{text-align:right}
140 .textLeft{text-align:left}
141 .textCenter{text-align:center}
142 .tListItemTable{position:relative;top:0;left:0;margin-left:22px;width:585px !important;background:none !important}
143 .tListSName{text-align:left}
144 .tListItem{font-weight:bold;font-size:13px}
145 .tListTitle{width:150px;text-align:left}
146 .tListDescr{width:150px;text-align:left}
147 .tListRepeat{width:120px;text-align:left}
148 .tListDuration{width:120px;text-align:left}
149 .tListBegin{width:170px;text-align:left}
150 .tListEnd{width:170px;text-align:left}
151 .tListAfter{width:85px;text-align:left}
152 .tListType{width:85px;text-align:left}
153 .tListDelete{position:absolute;bottom:2px;right:1px;height:26px;width:100px;margin:0px;padding:0}
154 .tListOption{text-align:right;vertical-align:bottom;z-index:9999}
155 .tListToggleDisabled{position:absolute;bottom:2px;right:105px;height:26px;width:100px;margin:0;padding:0}
156 .tListButton{margin:0;height:100%;width:100px;font-size:11px;vertical-align:middle}
157 div.legendRow{height:auto;overflow:auto}
158 div.legendCol{float:left;width:100px;padding-left:2px}
159 .timerState{position:absolute;top:0;left:0;height:100%;width:10px;display:block;padding:0}
160 .timerState0{background:#333;color:#FFF}
161 .timerState1{background:#BD282D;color:#000}
162 .timerState2{background:#2DBD28;color:#000}
163 .timerState3{background:#282DBD;color:#FFF}
164 td.timerList{width:100%;position:relative;margin:0;padding:0;border-bottom:1px solid #AAA;display:block}
165 a.tListEdit{display:block;margin:0;padding:1px}
166 a.tListEdit:hover{display:block;margin:0;background:#BBB}
167 #timerEditForm table{cell-spacing:1px}
168 a.tEditTag{margin:3px 0 3px 0;padding:3px;display:inline-block;border:1px solid #AAA}
169 a.selected{background:#D2D2D2}
170 .epgListItem{font-size:12px;font-weight:bold}
171 .externals{border-top:1px solid #DDD;border-bottom:1px solid #DDD;}
172 * html #banner{width:1007px;height:78px}
173 * html #bannerRight{width:120px;height:60px}
174 * html #nav{width:99%;height:250px;background-color:#F2F2F2;padding-left:5px}
175 * html .navTable{width:95%}
176 input.fd-hidden-input,select.fd-hidden-input{display:none}
177 .fd-screen-reader{position:absolute;left:-999em;top:0;width:1px;height:1px;overflow:hidden;outline:0 none;-moz-outline:0 none}
178 a.dp-disabled,.dp-disabled table{opacity:.3!important;filter:alpha(opacity = 40)}
179 .dp-disabled,.dp-disabled td,.dp-disabled th,.dp-disabled th span{cursor:default!important}
180 a.date-picker-control:focus,div.datePicker table td:focus{overflow:hidden;outline:0 none;-moz-outline:0 none;color:#6482aa!important}
181 div.datePicker{position:absolute;z-index:9999;text-align:center;font-size:11px;background:transparent;color:#444;padding:0;-moz-user-select:none;-khtml-user-select:none}
182 div.static-datepicker{position:relative;top:5px;left:0}
183 div.datePicker table{width:auto;height:auto;border-collapse:separate;border-spacing:1px;background-color:#F2F2F2}
184 div.datePicker tfoot th.drag-enabled,div.datePicker thead th.drag-enabled,div.datePicker thead th.drag-enabled span{cursor:move}
185 iframe.iehack{position:absolute;background-color:#F2F2F2;z-index:9998;padding:0;border:0;display:none;margin:0}
186 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}
187 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}
188 * html a.date-picker-control{width:16px}
189 a.date-picker-control{display:inline-block}
190 a.date-picker-control span{display:block;width:16px;height:16px;margin:auto 0}
191 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}
192 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}
193 div.datePicker th span.prev-but,div.datePicker th span.next-but{font-weight:lighter;font-size:13px;cursor:pointer!important}
194 div.datePicker th span.prev-but:hover,div.datePicker th span.next-but:hover,div.datePicker th span.today-but:hover{color:#a84444}
195 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}
196 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}
197 div.datePicker th span.fd-day-header{text-align:center;margin:0;font-size:11px;text-decoration:none;text-transform:lowercase;cursor:pointer}
198 div.datePicker table{margin:0;padding:0;border:1px solid #AAA;background-color:#F2F2F2;text-align:center;width:auto;empty-cells:show;-moz-box-shadow:0 0 5px #aaa}
199 div.datePicker table tbody th,div.datePicker table td{border:0 none;padding:0;text-align:center;vertical-align:middle;cursor:pointer;background-color:#F2F2F2;width:2em;height:2em;overflow:hidden;outline:transparent none 0;border:1px solid #DDD;text-transform:none;}
200 div.datePicker table td:focus,div.datePicker table td:active{outline:0 none red}
201 div.datePicker table th{border:0 none;padding:0;font-weight:bold;color:#444;text-align:center;vertical-align:middle;text-transform:none}
202 div.datePicker table thead th{height:auto!important}
203 div.datePicker table tbody th{border:1px solid #dcdcdc}
204 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:#DDD;font-style:oblique;background:transparent;cursor:default}
205 div.datePicker table thead th.date-picker-week-header{cursor:help;border:0 none;padding:0 0 .2em 0}
206 div.datePicker tfoot th{cursor:default;font-weight:normal;text-transform:uppercase;letter-spacing:.1em;border:0 none;background-color:#F2F2F2;height:2.8em}
207 div.datePicker table tbody td.date-picker-unused{background-color:#F2F2F2 url(/web-data/lib/datepicker/media/backstripes.gif);border-color:#dcdcdc;cursor:default!important}
208 div.datePicker table thead th.date-picker-title{width:auto;height:auto;padding:.4em 0;background-color:#F2F2F2;color:#333}
209 div.datePicker table thead th.date-picker-day-header{text-transform:lowercase;cursor:help;height:auto}
210 div.datePicker table tbody td.date-picker-today{background-color:#F2F2F2 url(/web-data/lib/datepicker/media/bullet2.gif) no-repeat 0 0;color:#646464!important}
211 div.datePicker table tbody td.month-out.date-picker-highlight{color:#a86!important}
212 div.datePicker table tbody td.date-picker-highlight,div.datePicker table thead th.date-picker-highlight{color:#a86666!important}
213 div.datePicker table tbody td.date-picker-hover{background-color:#F2F2F2 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 #333}
214 div.datePicker table tbody td.day-disabled{background-color:#F2F2F2 url(/web-data/lib/datepicker/media/backstripes.gif) no-repeat 0 0;color:#aaa!important;cursor:default;text-decoration:line-through}
215 div.datePicker table tbody td.month-out{border-color:#ddd;color:#aaa!important;background-color:#F2F2F2 url(/web-data/lib/datepicker/media/gradient-e5e5e5-ffffff.gif) repeat-x 0 -40px}
216 div.datePicker table tbody td.date-picker-selected-date{color:#333!important;border-color:#333!important}
217 div.datePicker table tbody td.out-of-range,div.datePicker table tbody td.not-selectable{color:#DDD!important;font-style:oblique;background:#fcfcfc!important;cursor:default!important}
218 div.datePicker table tbody th.month-out,div.datePicker table tbody th.out-of-range{color:#aaa!important;font-style:oblique;background:#fcfcfc!important}
219 div.datePicker table tbody th.out-of-range{opacity:.6;filter:alpha(opacity = 60)}
220 div.datePicker table tbody td.not-selectable{opacity:.8;filter:alpha(opacity = 80)}
221 div.datePicker table tbody tr{display:table-row}
222 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}
223 div.datepicker-focus table.datePickerTable{border-color:#999!important}
224 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}
225 div.static-datepicker table{-moz-box-shadow:0 0 0 transparent}
226 div.datepicker-focus table{outline:0;-moz-box-shadow:0 0 5px #aaa}
227 *:-o-prefocus{outline:-o-highlight-border}
228 * html div.datePicker table td{background-image:none}
229 * html div.datePicker table td.date-picker-unused{background:#f2f2f2}
230 body.fd-drag-active{-webkit-user-select:none}
231 @media screen and (-webkit-min-device-pixel-ratio:0){div.datePicker table{-webkit-box-shadow:0 0 5px #aaa;}
232 div.static-datepicker table{-webkit-box-shadow:0 0 0 transparent}
233 div.datepicker-focus table{-webkit-box-shadow:0 0 5px #aaa}
234 div.datePicker table td,div.datePicker table tbody th{padding:.1em;}
235 div.datePicker table tbody td.date-picker-hover{-webkit-box-shadow:0 0 1px #6482aa}