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