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