source: ipk/source.mipsel/playersnp_hbbtv/_path_/usr/local/OpenOpera/data/styles/webfeed.css @ 35033

Last change on this file since 35033 was 35033, checked in by obi, 9 years ago

add mipsel hbbtv binary

File size: 8.2 KB
Line 
1@charset "utf-8";
2/* Stylesheet for Opera webfeeds */
3/* Copyright 2008 Opera Software */
4
5#strings {
6        display: none !important;
7}
8
9@media tv, handheld {
10        html {
11                font-size: 150%;
12        }
13}
14
15* {
16        margin: 0;
17        padding: 0;
18}
19
20html {
21        height: 100%;
22        width: 100%;
23}
24
25body {
26        font: normal 13px sans-serif;
27        background: #fff;
28        color: #444;
29        voice-family: female;
30        height: 100%;
31        width: 100%;
32}
33
34a {
35        color: inherit;
36}
37
38li {
39        list-style-type: none;
40}
41
42li a, table a {
43        display: block;
44}
45
46h1,h2,h3 {
47        color: #333;
48        padding: 0.2em 0.3em;
49        font-weight: bold;
50        font-size: 1.5em;
51}
52
53body > div > .header h1 {
54        text-transform: capitalize;
55        text-align: center;
56}
57
58body > div:target > .header h1 {
59        color: #b00;
60}
61
62fieldset {
63        padding: 4px 5px 0px 5px;
64        border: 0;
65}
66
67legend {
68        display: none;
69}
70
71a {
72        text-decoration: none;
73}
74
75body > div > .controls {
76        float: left;
77        background: #fff;
78        width: 100%;
79        margin: 0;
80        padding: 0;
81        border-top: 1px solid #bbb;
82}
83
84body > div > .controls > a {
85        float: left;
86        background: #ddd;
87        color: #333;
88        margin: 2px 5px 2px 6px;
89        padding: 1px 2px;
90        border: 1px solid #bbb;
91        text-transform: capitalize;
92}
93
94body > div > .controls > a[href='#feedEntryToggleFlag'] {
95        background: url('images/flag.png') no-repeat #ddd;
96        background-position: 2px 0px;
97        padding-left: 20px;
98        /*content: 'flag this article';*/
99}
100
101body > div {
102        border-left: 1px solid #999;
103        border-width: 0 1px;
104}
105
106
107
108#feedEntries input:disabled,
109#feedEntries input:disabled + label {
110        opacity: .5;
111}
112
113#feedEntries label[for='search'] {
114        float: right;
115}
116
117#feedEntries label input {
118        float: right;
119        margin: -1px 0px 2px 5px;
120        width: 7em;
121}
122
123
124/*
125 *      screen
126 */
127@media screen {
128
129        .handheld {
130                display: none;
131        }
132       
133        #feedEntries {
134                float: right;
135                width: 74%;
136                height: 50%;
137                min-height: 160px;
138                max-width: 74%;
139                overflow: auto;
140                border-bottom: 1px solid #ccc;
141        }
142       
143        #feedEntry {
144                float: right;
145                width:  74%;
146                max-width: 74%;
147                background: url('images/shadow.gif') repeat-x top left #fff;
148        }
149       
150        #feedsList {
151                position: absolute;
152                top: 0;
153                left: 0;
154                width:  25%;
155                border: 0;
156                margin-left: .15em;
157        }
158
159        #settings {
160                float: left;
161                position: absolute;
162                top: 0;
163                left: 0;
164                width: 100%;
165                border: 0;
166                z-index: 2;
167                background: #fff;
168                display: none;
169        }
170       
171        #settingsHeader {
172                float: left;
173                width: 95%;
174        }
175       
176        #darkBox {
177                position: absolute;
178                height: 100px;
179                width: 100px;
180                display: none;
181                background: url(images/darkBox.png) #000;
182                z-index: 32768;
183        }
184       
185        #settings:target { /* , #settings:target + #darkBox */
186                display: block;
187        }
188       
189        body > div > .header {
190
191        }
192
193        body > div > .controls {
194                float: left;
195        }
196
197        #feedEntriesWrapper {
198                width: 100%;
199        }
200       
201        #feedEntriesWrapper > table > tbody > tr > * {
202                width: 100%;
203                border: inherit;
204        }
205
206        #feedEntry .content {
207
208        }
209       
210        body > div > .header > h1 {
211
212        }
213
214        #feedsListWrapper {
215
216        }
217
218        #feedsList a {
219
220        }
221
222        #feedHeader {
223
224        }
225       
226        #feedEntriesInfos {
227                width: 100%;
228                text-align: center;
229                margin-top: -0.5em;
230                margin-bottom: 0.7em;
231                color: #777;
232        }
233
234}
235
236
237
238
239/*
240 *      handheld
241 */
242@media handheld, tv, projection {
243
244        h1 {
245                font-size: 1.3em;
246        }
247       
248        h2 {
249                font-size: 1.2em;
250        }
251       
252        h3 {
253                font-size: 1.1em;
254        }
255
256        body > div {
257                display: none;
258        }
259       
260        body > div:target {
261                display: block;
262                padding: 1em;
263                border: 0;
264        }
265       
266        .header {
267                background: url(images/section.png) top left repeat-x;
268                margin-bottom: 1em;
269        }
270       
271        body > div > .controls {
272
273        }
274
275        #feedEntries .header img {
276                display: none;
277        }
278       
279        #feedEntriesHeader,
280        #feedEntriesTable > tbody > tr > *:first-child,
281        #feedEntriesTable > tbody > tr > *:last-child {
282                display: none;
283        }
284       
285        #noFeedEntries > tr > * {
286                display: table-cell !important;
287        }
288
289        #feedsListWrapper > ul > li {
290                background-color: #fff !important;
291        }
292       
293        #feedEntriesInfos {
294                width: 100%;
295                text-align: center;
296                margin-top: -0.5em;
297                margin-bottom: 0.7em;
298                color: #777;
299        }
300       
301}
302
303#subscribeControls {
304
305}
306
307
308/*
309 *      feedEntries
310 */
311#feedEntries .header img {
312        display: none;
313}
314
315#feedEntries .header img[src^=''] {
316        width: 88px;
317        height: 31px;
318        border: 0;
319        background: lime;
320}
321
322
323/*
324 *      feedEntriesTable
325 */
326#feedEntriesTable {
327        float: left;
328        max-height: 100%;
329        width: 100%;
330        max-width: 100%;
331        overflow: auto;
332}
333
334#feedEntriesWrapper > table > tbody > tr {
335/*      border-top: 1px solid transparent;
336        background-color: #fff;*/
337        width: 100%;
338}
339
340#feedEntriesTable > * > tr > * {
341        padding: .2em;
342        text-align: left;
343        margin: 0;
344        border-top: inherit;
345        width: 100%;
346}
347
348#feedEntriesTable > thead > tr > th {
349        border-bottom: 1px solid #eee;
350        background: #333 center left no-repeat;
351        color: #fff;
352        width: 100%;
353}
354
355#feedEntriesTable > * > tr > *:first-child {
356        width: 2.5em;
357        max-width: 2.5em;
358        background-repeat: no-repeat;
359        background-image: url(images/flag.png);
360        background-position: 0 -16px;
361}
362
363#feedEntriesTable > tbody > tr > td:nth-child(2) em {
364        font-style: normal;
365        background: #ff9;
366        color: #930;
367}
368
369@media screen {
370
371        #feedEntriesTable > * > tr > *:nth-child(2) {
372                border-left: 1px dashed #ccc;
373                border-right: 1px dashed #ccc;
374        }
375       
376}
377
378#feedEntriesTable > tbody > tr > *+*+* {
379
380}
381
382#feedEntriesTable tr[rel] {
383        background: #f8f8f8;
384        border-color: #f8f8f8;
385}
386
387
388
389/*
390 *      feedEntry
391 */
392
393#feedEntryHeader {
394        text-align: left;
395        margin-top: 0.5em;
396}
397
398#feedEntryContent {
399        clear: both;
400        padding: 1em 0.5em;
401        background-color: #f8f8f8;
402        border: 1px solid #ccc;
403        border-width: 1px 0;
404}
405
406#feedEntryContent:empty {
407        content: 'No content';
408        color: #999;
409}
410
411#feedEntryContent a {
412        text-decoration: underline;
413        color: #669;
414}
415
416#feedEntryContent a:hover {
417        background: #ffc;
418        color: #600;
419}
420
421#feedEntryImageHolder {
422        float: left;
423        width: 100%;
424        text-align: center;
425}
426
427#feedEntryContent img {
428        max-width: 95%;
429        display: inline-block;
430        border: 1px solid #999;
431        padding: 2px;
432        background: #fff;
433        margin: 2px;
434}
435
436/*#feedEntryContent *[src]:after {
437        position: relative;
438        display: block;
439        content: '( ' attr(src) ' )';
440        color: #060;
441}*/
442
443#feedEntryContent table {
444        border: 1px solid #000;
445        background: #fff;
446}
447
448#feedEntryContent td,
449#feedEntryContent th {
450        margin: 0;
451        padding: .5em;
452        border: 1px solid #ccc;
453}
454
455
456/*
457 *      feedList
458 */
459#feedsList li {
460        display: block;
461        line-height: 20px;
462        white-space: nowrap;
463}
464
465#feedsList li > a {
466        display: inline;
467        overflow: hidden;
468}
469
470#feedsList ul > li > ul > li > a[href='#settings'] {
471        content: '';
472        background-image: url(images/customize.gif);
473        background-position: 2px -1px;
474        padding-left: 17px;
475}
476
477#feedsList ul > li#smartGroup_preview > ul > li > a[href='#settings'] {
478        opacity: .25;
479}
480
481#feedsList ul > li > ul > li > a+a {
482        background-image: url(images/defaultFavicon.png);
483        background-position: 2px 1px;
484}
485
486#feedsListWrapper > ul > li {
487        background-position: left top;
488        background-color: #fff;
489        border-bottom: 1px solid #ddd;
490}
491
492#feedsList ul > li > a {
493        padding-left: 20px;
494        background-image: url(images/folder.png);
495        background-position: 1px 1px;
496        background-repeat: no-repeat;
497        line-height: 20px;
498}
499
500#feedsList ul > li.smartGroup > a {
501        background: url(images/smartGroup.png) no-repeat;
502}
503
504#feedsListWrapper > ul > li > a {
505        display: block;
506        text-transform: capitalize;
507}
508
509#feedsListWrapper > ul {
510        padding-top: 4px;
511}
512
513#feedsListWrapper > ul > li {
514        background: #fff;
515        margin: 0 4px 8px 4px;
516        border-top: 1px solid transparent;
517        overflow: hidden;
518}
519
520#feedsListWrapper > ul > li:nth-child(2n+1) {
521        background-color: #fff;
522}
523
524#feedsListWrapper > ul > li > ul > li {
525/*      border-top: 1px solid transparent;
526        white-space: pre;
527        -o-text-overflow: ellipsis;*/
528}
529
530.header > img {
531        background: lime;
532        display: none;
533}
534
535
536/*
537 *      settings
538 */
539#settings form {
540        float: left;
541        position: relative;
542        top: 0;
543        left: 0;
544        width: 97%;
545        background: #ddd;
546        border: 1px solid #000;
547        padding: 0.5em;
548}
549
550#settings hr {
551        clear: both;
552        margin: .25em;
553        height: 1px;
554        border: 0;
555        background: #ccc;
556}
557
558#settings label {
559        float: left;
560        display: block;
561        text-align: right;
562        margin: 3px 5px 0 0;
563        width: 48%;
564}
565
566#settings button {
567        float: right;
568        display: block;
569        margin: 1em 0;
570        padding: 0 1em;
571}
572
573#settings [type='text'], select {
574        float: left;
575        margin: 0 0 3px 0;
576        width: 48%;
577}
578
579#settings [type='checkbox'] {
580        float: left;
581        margin: 2px;
582}
583
584@media screen,tv,projection {
585
586        #settings form {
587                float: left;
588                top: 0;
589                margin-left: 1%;
590                width: 98%;
591                background: #ddd;
592                border: 1px solid #000;
593                padding: 0;
594        }
595
596        #settings .controls {
597                display: none;
598        }
599
600        #settings button {
601                width: 21%;
602                max-width: 10em;
603                margin: 2em .25em 1em .25em;
604        }
605       
606}
607
608
609#feedEntriesSubscription span {
610        display: none;
611}
612
613/*
614*:focus
615{
616        color: #000;
617}
618*/
Note: See TracBrowser for help on using the repository browser.