Showing 2 changed files with 656 additions and 0 deletions
+339
functional.css
... ...
@@ -0,0 +1,339 @@
1
+@font-face {
2
+  font-family: 'fpicons';
3
+  src:url('fonts/fpicons.eot?yg5dv7');
4
+  src:url('fonts/fpicons.eot?#iefixyg5dv7') format('embedded-opentype'),
5
+    url('fonts/fpicons.woff?yg5dv7') format('woff'),
6
+    url('fonts/fpicons.ttf?yg5dv7') format('truetype'),
7
+    url('fonts/fpicons.svg?yg5dv7#fpicons') format('svg');
8
+  font-weight: normal;
9
+  font-style: normal;
10
+}
11
+
12
+[class^="fp-i-"], [class*=" fp-i-"] {
13
+  font-family: 'fpicons';
14
+  speak: none;
15
+  font-style: normal;
16
+  font-weight: normal;
17
+  font-variant: normal;
18
+  text-transform: none;
19
+  line-height: 1;
20
+
21
+  /* Better Font Rendering =========== */
22
+  -webkit-font-smoothing: antialiased;
23
+  -moz-osx-font-smoothing: grayscale;
24
+}
25
+.flowplayer{position:relative;width:100%;counter-increment:flowplayer;background-size:contain;background-repeat:no-repeat;background-position:center center;display:inline-block;}
26
+.flowplayer *{font-weight:inherit;font-family:inherit;font-style:inherit;text-decoration:inherit;font-size:100%;padding:0;border:0;margin:0;list-style-type:none}
27
+.flowplayer a:focus{outline:0}
28
+.flowplayer video{width:100%}
29
+.flowplayer.is-ipad video{-webkit-transform:translateX(-2048px);}
30
+.is-ready.flowplayer.is-ipad video{-webkit-transform:translateX(0)}
31
+.flowplayer .fp-player{position:absolute;top:0;left:0;width:100%;height:100%}
32
+.flowplayer .fp-engine,.flowplayer .fp-ui,.flowplayer .fp-message{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;z-index:1}
33
+.flowplayer .fp-ui{z-index:11}
34
+.flowplayer .fp-message{display:none;text-align:center;padding-top:5%;cursor:default;}
35
+.flowplayer .fp-message h2{font-size:120%;margin-bottom:1em}
36
+.flowplayer .fp-message p{color:#666;font-size:95%}
37
+.flowplayer .fp-title{line-height:30px;font-weight:normal;font-family:'myriad pro',Helvetica,Arial,sans-serif;font-size:11px;cursor:default;color:#fff;width:auto;max-width:50%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;float:left;padding:0 20px;}
38
+.is-rtl.flowplayer .fp-title{float:right}
39
+.aside-time.flowplayer .fp-title{display:none !important}
40
+.flowplayer .fp-controls{position:absolute;bottom:0;width:100%;}
41
+.no-background.flowplayer .fp-controls{background-color:transparent !important;background-image:-webkit-gradient(linear,left top,left bottom,from(transparent),to(transparent)) !important;background-image:-webkit-linear-gradient(top,transparent,transparent) !important;background-image:-moz-linear-gradient(top,transparent,transparent) !important;background-image:-o-linear-gradient(top,transparent,transparent) !important;background-image:linear-gradient(to bottom,transparent,transparent) !important}
42
+.is-fullscreen.flowplayer .fp-controls{bottom:3px}
43
+.is-mouseover.flowplayer .fp-controls{bottom:0}
44
+.flowplayer .fp-controls,.flowplayer .fp-title,.flowplayer .fp-fullscreen,.flowplayer .fp-unload,.flowplayer .fp-close,.flowplayer .fp-embed,.flowplayer.aside-time .fp-time{background-color:#000;background-color:rgba(0,0,0,0.65);}
45
+.no-background.flowplayer .fp-controls,.no-background.flowplayer .fp-title,.no-background.flowplayer .fp-fullscreen,.no-background.flowplayer .fp-unload,.no-background.flowplayer .fp-close,.no-background.flowplayer .fp-embed,.no-background.flowplayer.aside-time .fp-time{background-color:transparent !important;background-image:-webkit-gradient(linear,left top,left bottom,from(transparent),to(transparent)) !important;background-image:-webkit-linear-gradient(top,transparent,transparent) !important;background-image:-moz-linear-gradient(top,transparent,transparent) !important;background-image:-o-linear-gradient(top,transparent,transparent) !important;background-image:linear-gradient(to bottom,transparent,transparent) !important;text-shadow:0 0 1px #000}
46
+.no-background.flowplayer .fp-play,.no-background.flowplayer .fp-brand{background-color:transparent !important;background-image:-webkit-gradient(linear,left top,left bottom,from(transparent),to(transparent)) !important;background-image:-webkit-linear-gradient(top,transparent,transparent) !important;background-image:-moz-linear-gradient(top,transparent,transparent) !important;background-image:-o-linear-gradient(top,transparent,transparent) !important;background-image:linear-gradient(to bottom,transparent,transparent) !important;text-shadow:0 0 1px #000}
47
+.flowplayer.fixed-controls .fp-controls{background-color:#000}
48
+.flowplayer .fp-timeline{background-color:#a5a5a5}
49
+.flowplayer .fp-buffer{background-color:#eee}
50
+.flowplayer .fp-progress{background-color:#00a7c8}
51
+.flowplayer .fp-volumeslider{background-color:#a5a5a5}
52
+.flowplayer .fp-volumelevel{background-color:#00a7c8}
53
+.flowplayer .fp-waiting{display:none;margin:19% auto;text-align:center;}
54
+.flowplayer .fp-waiting *{-webkit-box-shadow:0 0 5px #333;-moz-box-shadow:0 0 5px #333;box-shadow:0 0 5px #333}
55
+.flowplayer .fp-waiting em{width:1em;height:1em;-webkit-border-radius:1em;-moz-border-radius:1em;border-radius:1em;background-color:rgba(255,255,255,0.8);display:inline-block;-webkit-animation:pulse .6s infinite;-moz-animation:pulse .6s infinite;animation:pulse .6s infinite;margin:.3em;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
56
+.flowplayer .fp-waiting em:nth-child(1){-webkit-animation-delay:.3s;-moz-animation-delay:.3s;animation-delay:.3s}
57
+.flowplayer .fp-waiting em:nth-child(2){-webkit-animation-delay:.45s;-moz-animation-delay:.45s;animation-delay:.45s}
58
+.flowplayer .fp-waiting em:nth-child(3){-webkit-animation-delay:.6s;-moz-animation-delay:.6s;animation-delay:.6s}
59
+.flowplayer .fp-waiting p{color:#ccc;font-weight:bold}
60
+.flowplayer .fp-speed{font-size:30px;background-color:#333;background-color:rgba(51,51,51,0.8);color:#eee;margin:0 auto;text-align:center;width:120px;padding:.1em 0 0;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .5s;-moz-transition:opacity .5s;transition:opacity .5s;}
61
+.flowplayer .fp-speed.fp-hilite{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
62
+.flowplayer .fp-help{position:absolute;top:0;left:-9999em;z-index:100;background-color:#333;background-color:rgba(51,51,51,0.9);width:100%;height:100%;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .2s;-moz-transition:opacity .2s;transition:opacity .2s;text-align:center;}
63
+.is-help.flowplayer .fp-help{left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
64
+.flowplayer .fp-help .fp-help-section{margin:3%;direction:ltr}
65
+.flowplayer .fp-help .fp-help-basics{margin-top:6%}
66
+.flowplayer .fp-help p{color:#eee;margin:.5em 0;font-size:14px;line-height:1.5;display:inline-block;margin:1% 2%}
67
+.flowplayer .fp-help em{background:#eee;-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em;margin-right:.4em;padding:.3em .6em;color:#333}
68
+.flowplayer .fp-help small{font-size:90%;color:#aaa}
69
+.flowplayer .fp-help .fp-close{display:block}
70
+@media (max-width: 600px){.flowplayer .fp-help p{font-size:9px}
71
+}.flowplayer .fp-dropdown{position:absolute;top:5px;width:100px;background-color:#000 !important;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;box-sizing:border-box;-moz-box-sizing:border-box;margin:0 !important;list-style-type:none !important;}
72
+.flowplayer .fp-dropdown:before{content:'';display:block;position:absolute;top:-5px;left:calc(50% - 5px);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid rgba(51,51,51,0.9)}
73
+.flowplayer .fp-dropdown li{padding:10px !important;margin:0 !important;color:#fff !important;font-size:11px !important;list-style-type:none !important;}
74
+.flowplayer .fp-dropdown li.active{background-color:#00a7c8 !important;cursor:default !important}
75
+.flowplayer .fp-dropdown.fp-dropup{bottom:20px;top:auto;}
76
+.flowplayer .fp-dropdown.fp-dropup:before{top:auto;bottom:-5px;border-bottom:none;border-top:5px solid rgba(51,51,51,0.9)}
77
+.flowplayer .fp-tooltip{background-color:#000;color:#fff;display:none;position:absolute;padding:5px;}
78
+.flowplayer .fp-tooltip:before{content:'';display:block;position:absolute;bottom:-5px;width:0;height:0;left:calc(50% - 5px);border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000}
79
+.flowplayer .fp-timeline-tooltip{bottom:35px}
80
+.flowplayer .fp-timeline:hover+.fp-timeline-tooltip{display:block;}
81
+.is-touch.flowplayer .fp-timeline:hover+.fp-timeline-tooltip{display:none}
82
+.flowplayer .fp-subtitle{position:absolute;bottom:40px;left:-99999em;z-index:10;text-align:center;width:100%;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .3s;-moz-transition:opacity .3s;transition:opacity .3s;}
83
+.flowplayer .fp-subtitle p{display:inline;background-color:#333;background-color:rgba(51,51,51,0.9);color:#eee;padding:.1em .4em;font-size:16px;line-height:1.6;}
84
+.flowplayer .fp-subtitle p:after{content:'';clear:both}
85
+.flowplayer .fp-subtitle p b{font-weight:bold}
86
+.flowplayer .fp-subtitle p i{font-style:italic}
87
+.flowplayer .fp-subtitle p u{text-decoration:underline}
88
+.flowplayer .fp-subtitle.fp-active{left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
89
+.flowplayer .fp-fullscreen,.flowplayer .fp-unload,.flowplayer .fp-mute,.flowplayer .fp-embed,.flowplayer .fp-close,.flowplayer .fp-play,.flowplayer .fp-menu{font-family:'fpicons' !important;color:#fff !important;font-size:15px !important;text-align:center !important;line-height:30px !important;text-decoration:none !important;}
90
+.is-rtl.flowplayer .fp-fullscreen,.is-rtl.flowplayer .fp-unload,.is-rtl.flowplayer .fp-mute,.is-rtl.flowplayer .fp-embed,.is-rtl.flowplayer .fp-close,.is-rtl.flowplayer .fp-play,.is-rtl.flowplayer .fp-menu{-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);transform:scale(-1,1)}
91
+.is-rtl.flowplayer .fp-menu{-webkit-transform:none;-moz-transform:none;transform:none}
92
+.flowplayer .fp-fullscreen:before{content:"\e602"}
93
+.flowplayer .fp-unload:before,.flowplayer .fp-close:before{content:"\e600"}
94
+.flowplayer .fp-mute:before{content:"\e606"}
95
+.flowplayer .fp-embed:before{content:"\e603"}
96
+.flowplayer .fp-play:before{content:"\e608"}
97
+.flowplayer .fp-menu:before{content:"\e604"}
98
+.flowplayer .fp-flash-disabled{background:#333;width:390px;margin:0 auto;position:absolute;bottom:0;color:#fff}
99
+.is-splash.flowplayer .fp-ui,.is-paused.flowplayer .fp-ui{background:url(img/play_white.png) center no-repeat;background-size:11%;}
100
+.is-rtl.is-splash.flowplayer .fp-ui,.is-rtl.is-paused.flowplayer .fp-ui{background:url(img/play_white_rtl.png) center no-repeat;background-size:11%}
101
+@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx){.is-splash.flowplayer .fp-ui,.is-paused.flowplayer .fp-ui{background:url(img/play_white@x2.png) center no-repeat;background-size:11%}
102
+.is-rtl.is-splash.flowplayer .fp-ui,.is-rtl.is-paused.flowplayer .fp-ui{background:url(img/play_white_rtl@x2.png) center no-repeat;background-size:11%}
103
+}.is-fullscreen.flowplayer .fp-ui{background-size:auto}
104
+.is-seeking.flowplayer .fp-ui,.is-loading.flowplayer .fp-ui{background-image:none}
105
+.flowplayer .fp-brand{color:#fff !important;position:absolute;right:115px;font-weight:normal !important;font-family:'myriad pro',Helvetica,Arial,sans-serif !important;text-decoration:none !important;line-height:15px !important;font-size:11px !important;height:15px;width:55px;bottom:9px;box-sizing:border-box;text-align:center;padding:1px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
106
+.has-menu.flowplayer .fp-brand{right:152px}
107
+.is-rtl.flowplayer .fp-brand{right:auto;left:125px}
108
+.has-menu.is-rtl.flowplayer .fp-brand{left:152px}
109
+.no-brand.flowplayer .fp-brand{display:none}
110
+.no-volume.no-mute.flowplayer .fp-brand{right:10px;}
111
+.has-menu.no-volume.no-mute.flowplayer .fp-brand{right:47px}
112
+.no-volume.flowplayer .fp-brand{right:50px}
113
+.no-mute.flowplayer .fp-brand{right:95px}
114
+.flowplayer .fp-logo{position:absolute;top:auto;left:15px;bottom:40px;cursor:pointer;display:none;z-index:100;}
115
+.flowplayer .fp-logo img{width:100%}
116
+.is-embedded.flowplayer .fp-logo{display:block}
117
+.fixed-controls.flowplayer .fp-logo{bottom:15px}
118
+.flowplayer .fp-fullscreen,.flowplayer .fp-unload,.flowplayer .fp-close{position:absolute;top:10px;left:auto;right:10px;display:block;width:30px;height:23px;text-align:center;cursor:pointer;height:30px;width:30px;}
119
+.is-rtl.flowplayer .fp-fullscreen,.is-rtl.flowplayer .fp-unload,.is-rtl.flowplayer .fp-close{right:auto;left:10px}
120
+.flowplayer .fp-unload,.flowplayer .fp-close{display:none}
121
+.flowplayer .fp-play{display:none;height:30px !important;position:absolute;bottom:0;left:0;text-align:center;}
122
+.is-rtl.flowplayer .fp-play{left:auto;right:0}
123
+.is-playing.flowplayer .fp-play:before{content:"\e607"}
124
+.flowplayer .fp-menu{display:none;position:absolute;bottom:0;z-index:11;right:10px;}
125
+.is-rtl.flowplayer .fp-menu{right:auto;left:10px}
126
+.has-menu.flowplayer .fp-menu{display:block}
127
+.flowplayer .fp-menu .fp-dropdown{z-index:12;display:none;left:-42.5px;line-height:auto;width:149px;-webkit-transform:none;-moz-transform:none;transform:none;}
128
+.is-rtl.flowplayer .fp-menu .fp-dropdown{left:-10px}
129
+.flowplayer .fp-menu.dropdown-open .fp-dropdown{display:block}
130
+.flowplayer.is-ready.is-closeable .fp-unload{display:block}
131
+.flowplayer.is-ready.is-closeable .fp-embed{right:90px}
132
+.flowplayer.is-ready.is-closeable .fp-fullscreen{right:50px}
133
+.flowplayer.is-ready.is-closeable.is-rtl .fp-embed{right:auto;left:90px}
134
+.flowplayer.is-ready.is-closeable.is-rtl .fp-fullscreen{right:auto;left:50px}
135
+.flowplayer.is-fullscreen .fp-fullscreen{display:block !important;}
136
+.flowplayer.is-fullscreen .fp-fullscreen:before{content:"\e601"}
137
+.flowplayer .fp-timeline{height:3px;position:relative;overflow:hidden;top:10px;height:10px;margin:0 225px 0 55px;}
138
+.no-brand.flowplayer .fp-timeline{margin-right:160px;}
139
+.has-menu.no-brand.flowplayer .fp-timeline{margin-right:187px}
140
+.no-volume.no-brand.flowplayer .fp-timeline{margin-right:95px}
141
+.no-mute.no-brand.flowplayer .fp-timeline{margin-right:130px}
142
+.no-mute.no-volume.no-brand.flowplayer .fp-timeline{margin-right:55px}
143
+.has-menu.flowplayer .fp-timeline{margin-right:252px}
144
+.no-volume.flowplayer .fp-timeline{margin-right:160px}
145
+.no-mute.flowplayer .fp-timeline{margin-right:195px}
146
+.no-mute.no-volume.flowplayer .fp-timeline{margin-right:120px;}
147
+.has-menu.no-mute.no-volume.flowplayer .fp-timeline{margin-right:157px}
148
+.is-rtl.flowplayer .fp-timeline{margin:0 55px 0 225px;}
149
+.no-brand.is-rtl.flowplayer .fp-timeline{margin-left:160px;}
150
+.has-menu.no-brand.is-rtl.flowplayer .fp-timeline{margin-left:197px}
151
+.has-menu.is-rtl.flowplayer .fp-timeline{margin-left:262px}
152
+.no-volume.is-rtl.flowplayer .fp-timeline{margin-left:95px}
153
+.no-mute.is-rtl.flowplayer .fp-timeline{margin-left:130px}
154
+.no-mute.no-volume.is-rtl.flowplayer .fp-timeline{margin-left:55px}
155
+.is-long.flowplayer .fp-timeline{margin:0 255px 0 85px;}
156
+.no-volume.is-long.flowplayer .fp-timeline{margin-right:180px}
157
+.no-mute.is-long.flowplayer .fp-timeline{margin-right:140px}
158
+.has-menu.is-long.flowplayer .fp-timeline{margin-right:292px}
159
+.no-brand.is-long.flowplayer .fp-timeline{margin-right:190px;}
160
+.no-volume.no-brand.is-long.flowplayer .fp-timeline{margin-right:125px}
161
+.no-mute.no-brand.is-long.flowplayer .fp-timeline{margin-right:85px}
162
+.has-menu.no-brand.is-long.flowplayer .fp-timeline{margin-right:227px}
163
+.is-rtl.is-long.flowplayer .fp-timeline{margin:85px 0 190px 0;}
164
+.no-volume.is-rtl.is-long.flowplayer .fp-timeline{margin-left:125px}
165
+.no-mute.is-rtl.is-long.flowplayer .fp-timeline{margin-left:85px}
166
+.aside-time.flowplayer .fp-timeline,.no-time.flowplayer .fp-timeline{margin:0 190px 0 10px;}
167
+.has-menu.aside-time.flowplayer .fp-timeline,.has-menu.no-time.flowplayer .fp-timeline{margin-right:227px}
168
+.aside-time.no-brand.flowplayer .fp-timeline{margin-right:115px}
169
+.aside-time.no-volume.flowplayer .fp-timeline,.no-time.no-volume.flowplayer .fp-timeline{margin-right:115px}
170
+.aside-time.no-mute.flowplayer .fp-timeline,.no-time.no-mute.flowplayer .fp-timeline{margin-right:75px}
171
+.is-rtl.aside-time.flowplayer .fp-timeline,.is-rtl.no-time.flowplayer .fp-timeline{margin:0 10px 0 115px}
172
+.is-rtl.aside-time.no-volume.flowplayer .fp-timeline,.is-rtl.no-time.no-volume.flowplayer .fp-timeline{margin-left:50px}
173
+.is-rtl.aside-time.no-mute.flowplayer .fp-timeline,.is-rtl.no-time.no-mute.flowplayer .fp-timeline{margin-left:10px}
174
+.flowplayer .fp-buffer,.flowplayer .fp-progress{position:absolute;top:0;left:auto;height:100%;cursor:col-resize}
175
+.flowplayer .fp-buffer{-webkit-transition:width .25s linear;-moz-transition:width .25s linear;transition:width .25s linear}
176
+.flowplayer .fp-timeline.no-animation .fp-buffer{-webkit-transition:none;-moz-transition:none;transition:none}
177
+.flowplayer .fp-progress.animated{transition-timing-function:linear;transition-property:width,height}
178
+.flowplayer.is-touch .fp-timeline{overflow:visible}
179
+.flowplayer.is-touch .fp-progress{-webkit-transition:width .2s linear;-moz-transition:width .2s linear;transition:width .2s linear;box-sizing:border-box}
180
+.flowplayer.is-touch .fp-timeline.is-dragging .fp-progress{-webkit-transition:right .1s linear,border .1s linear,top .1s linear,left .1s linear;-moz-transition:right .1s linear,border .1s linear,top .1s linear,left .1s linear;transition:right .1s linear,border .1s linear,top .1s linear,left .1s linear}
181
+.flowplayer.is-touch.is-mouseover .fp-progress:after,.flowplayer.is-touch.is-mouseover .fp-progress:before{content:'';box-sizing:border-box;display:block;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;position:absolute;right:-5px}
182
+.flowplayer.is-touch.is-rtl.is-mouseover .fp-progress:after,.flowplayer.is-touch.is-rtl.is-mouseover .fp-progress:before{right:auto;left:-5px}
183
+.flowplayer.is-touch.is-rtl.is-mouseover .fp-progress:after{left:-10px;-webkit-box-shadow:-1px 0 4px rgba(0,0,0,0.5);-moz-box-shadow:-1px 0 4px rgba(0,0,0,0.5);box-shadow:-1px 0 4px rgba(0,0,0,0.5)}
184
+.flowplayer.is-touch.is-mouseover .fp-progress:before{width:10px;height:10px}
185
+.flowplayer.is-touch.is-mouseover .fp-progress:after{height:18px;width:18px;top:-4px;right:-10px;border:5px solid rgba(255,255,255,0.65);-webkit-box-shadow:1px 0 4px rgba(0,0,0,0.5);-moz-box-shadow:1px 0 4px rgba(0,0,0,0.5);box-shadow:1px 0 4px rgba(0,0,0,0.5)}
186
+.flowplayer.is-touch.is-mouseover .fp-timeline.is-dragging .fp-progress:after{border:10px solid #fff;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;-webkit-transition:inherit;-moz-transition:inherit;transition:inherit;top:-5px;right:-10px}
187
+.flowplayer.is-touch.is-rtl.is-mouseover .fp-timeline.is-dragging .fp-progress:after{left:-15px;right:auto;border:10px solid #fff}
188
+.flowplayer .fp-volume{position:absolute;height:6px;bottom:12px;right:10px;}
189
+.has-menu.flowplayer .fp-volume{right:37px}
190
+.is-rtl.flowplayer .fp-volume{right:auto;left:10px}
191
+.is-rtl.has-menu.flowplayer .fp-volume{left:37px}
192
+.flowplayer .fp-mute{position:relative;width:30px;height:30px;float:left;top:-12px;cursor:pointer;}
193
+.is-rtl.flowplayer .fp-mute{float:right}
194
+.no-mute.flowplayer .fp-mute{display:none}
195
+.flowplayer .fp-volumeslider{width:75px;height:6px;cursor:col-resize;float:left;}
196
+.is-rtl.flowplayer .fp-volumeslider{float:right}
197
+.no-volume.flowplayer .fp-volumeslider{display:none}
198
+.flowplayer .fp-volumelevel{height:100%}
199
+.flowplayer .fp-time{text-shadow:0 0 1px #000;font-size:11px;font-weight:normal;font-family:'myriad pro',Helvetica,Arial,sans-serif !important;color:#fff;width:100%;}
200
+.flowplayer .fp-time.is-inverted .fp-duration{display:none}
201
+.flowplayer .fp-time.is-inverted .fp-remaining{display:none}
202
+.flowplayer .fp-time em{width:35px;height:10px;line-height:10px;text-align:center;position:absolute;bottom:9px}
203
+.no-time.flowplayer .fp-time{display:none}
204
+.is-long.flowplayer .fp-time em{width:65px}
205
+.flowplayer .fp-elapsed{left:10px;}
206
+.is-rtl.flowplayer .fp-elapsed{left:auto;right:10px}
207
+.flowplayer .fp-remaining,.flowplayer .fp-duration{right:180px;color:#eee;}
208
+.no-brand.flowplayer .fp-remaining,.no-brand.flowplayer .fp-duration{right:125px;}
209
+.has-menu.no-brand.flowplayer .fp-remaining,.has-menu.no-brand.flowplayer .fp-duration{right:152px}
210
+.no-volume.no-brand.flowplayer .fp-remaining,.no-volume.no-brand.flowplayer .fp-duration{right:50px}
211
+.no-mute.no-brand.flowplayer .fp-remaining,.no-mute.no-brand.flowplayer .fp-duration{right:95px}
212
+.no-mute.no-volume.no-brand.flowplayer .fp-remaining,.no-mute.no-volume.no-brand.flowplayer .fp-duration{right:10px}
213
+.has-menu.flowplayer .fp-remaining,.has-menu.flowplayer .fp-duration{right:217px}
214
+.no-volume.flowplayer .fp-remaining,.no-volume.flowplayer .fp-duration{right:115px}
215
+.no-mute.flowplayer .fp-remaining,.no-mute.flowplayer .fp-duration{right:160px}
216
+.no-mute.no-volume.flowplayer .fp-remaining,.no-mute.no-volume.flowplayer .fp-duration{right:75px;}
217
+.has-menu.no-mute.no-volume.flowplayer .fp-remaining,.has-menu.no-mute.no-volume.flowplayer .fp-duration{right:112px}
218
+.is-rtl.flowplayer .fp-remaining,.is-rtl.flowplayer .fp-duration{right:auto;left:180px;}
219
+.no-brand.is-rtl.flowplayer .fp-remaining,.no-brand.is-rtl.flowplayer .fp-duration{left:115px;}
220
+.has-menu.no-brand.is-rtl.flowplayer .fp-remaining,.has-menu.no-brand.is-rtl.flowplayer .fp-duration{left:142px}
221
+.has-menu.is-rtl.flowplayer .fp-remaining,.has-menu.is-rtl.flowplayer .fp-duration{left:227px}
222
+.no-volume.is-rtl.flowplayer .fp-remaining,.no-volume.is-rtl.flowplayer .fp-duration{left:50px}
223
+.no-mute.is-rtl.flowplayer .fp-remaining,.no-mute.is-rtl.flowplayer .fp-duration{left:95px}
224
+.no-mute.no-volume.is-rtl.flowplayer .fp-remaining,.no-mute.no-volume.is-rtl.flowplayer .fp-duration{left:10px}
225
+.flowplayer .fp-remaining{display:none}
226
+.flowplayer.aside-time .fp-time{position:absolute;top:10px;left:10px;bottom:auto !important;width:auto;background-color:#000;background-color:rgba(0,0,0,0.65);height:30px;padding:0 5px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;line-height:30px;text-align:center;font-size:15px;}
227
+.no-background.flowplayer.aside-time .fp-time{background-color:transparent !important}
228
+.flowplayer.aside-time .fp-time strong,.flowplayer.aside-time .fp-time em{position:static}
229
+.flowplayer.aside-time .fp-time .fp-elapsed::after{content:' / '}
230
+.flowplayer.is-splash,.flowplayer.is-poster{cursor:pointer;}
231
+.flowplayer.is-splash .fp-controls,.flowplayer.is-poster .fp-controls,.flowplayer.is-splash .fp-fullscreen,.flowplayer.is-poster .fp-fullscreen,.flowplayer.is-splash .fp-unload,.flowplayer.is-poster .fp-unload,.flowplayer.is-splash .fp-time,.flowplayer.is-poster .fp-time,.flowplayer.is-splash .fp-embed,.flowplayer.is-poster .fp-embed,.flowplayer.is-splash .fp-title,.flowplayer.is-poster .fp-title,.flowplayer.is-splash .fp-brand,.flowplayer.is-poster .fp-brand{display:none !important}
232
+.flowplayer.is-poster .fp-engine{top:-9999em}
233
+.flowplayer.is-loading .fp-waiting{display:block}
234
+.flowplayer.is-loading .fp-controls,.flowplayer.is-loading .fp-time{display:none}
235
+.flowplayer.is-loading .fp-ui{background-position:-9999em}
236
+.flowplayer.is-loading video.fp-engine{position:absolute;top:-9999em}
237
+.flowplayer.is-seeking .fp-waiting{display:block}
238
+.flowplayer.is-playing{background-image:none !important;background-color:#333;}
239
+.flowplayer.is-playing.hls-fix.is-finished .fp-engine{position:absolute;top:-9999em}
240
+.flowplayer.is-fullscreen{top:0 !important;left:0 !important;border:0 !important;margin:0 !important;width:100% !important;height:100% !important;max-width:100% !important;z-index:99999 !important;-webkit-box-shadow:0 !important;-moz-box-shadow:0 !important;box-shadow:0 !important;background-image:none !important;background-color:#333;}
241
+.is-rtl.flowplayer.is-fullscreen{left:auto !important;right:0 !important}
242
+.flowplayer.is-fullscreen .fp-player{background-color:#333}
243
+.flowplayer.is-error{border:1px solid #909090;background:#fdfdfd !important;}
244
+.flowplayer.is-error h2{font-weight:bold;font-size:large;margin-top:10%}
245
+.flowplayer.is-error .fp-message{display:block}
246
+.flowplayer.is-error object,.flowplayer.is-error video,.flowplayer.is-error .fp-controls,.flowplayer.is-error .fp-time,.flowplayer.is-error .fp-subtitle{display:none}
247
+.flowplayer.is-ready.is-muted .fp-mute{opacity:.7;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70)}
248
+.flowplayer.is-ready.is-muted .fp-mute:before{content:"\e605"}
249
+.flowplayer.is-mouseout .fp-controls{height:0;-webkit-transition:height .15s .3s;-moz-transition:height .15s .3s;transition:height .15s .3s}
250
+.is-fullscreen.flowplayer.is-mouseout .fp-controls{height:3px;bottom:0}
251
+.flowplayer.is-mouseout .fp-title{overflow:hidden}
252
+.flowplayer.is-mouseout .fp-timeline{margin:0 !important}
253
+.flowplayer.is-mouseout .fp-timeline{-webkit-transition:height .15s .3s,top .15s .3s,margin .15s .3s;-moz-transition:height .15s .3s,top .15s .3s,margin .15s .3s;transition:height .15s .3s,top .15s .3s,margin .15s .3s;height:4px;top:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
254
+.flowplayer.is-mouseout .fp-fullscreen,.flowplayer.is-mouseout .fp-unload,.flowplayer.is-mouseout .fp-elapsed,.flowplayer.is-mouseout .fp-remaining,.flowplayer.is-mouseout .fp-duration,.flowplayer.is-mouseout .fp-embed,.flowplayer.is-mouseout .fp-title,.flowplayer.is-mouseout .fp-volume,.flowplayer.is-mouseout .fp-play,.flowplayer.is-mouseout .fp-menu,.flowplayer.is-mouseout .fp-brand,.flowplayer.is-mouseout .fp-timeline-tooltip,.flowplayer.is-mouseout.aside-time .fp-time{opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .15s .3s;-moz-transition:opacity .15s .3s;transition:opacity .15s .3s}
255
+.flowplayer.is-mouseover .fp-controls,.flowplayer.fixed-controls .fp-controls{height:30px}
256
+.flowplayer.is-mouseover .fp-title,.flowplayer.fixed-controls .fp-title{height:30px}
257
+.flowplayer.is-mouseover .fp-fullscreen,.flowplayer.fixed-controls .fp-fullscreen,.flowplayer.is-mouseover .fp-unload,.flowplayer.fixed-controls .fp-unload,.flowplayer.is-mouseover .fp-elapsed,.flowplayer.fixed-controls .fp-elapsed,.flowplayer.is-mouseover .fp-remaining,.flowplayer.fixed-controls .fp-remaining,.flowplayer.is-mouseover .fp-duration,.flowplayer.fixed-controls .fp-duration,.flowplayer.is-mouseover .fp-embed,.flowplayer.fixed-controls .fp-embed,.flowplayer.is-mouseover .fp-logo,.flowplayer.fixed-controls .fp-logo,.flowplayer.is-mouseover .fp-volume,.flowplayer.fixed-controls .fp-volume,.flowplayer.is-mouseover .fp-play,.flowplayer.fixed-controls .fp-play,.flowplayer.is-mouseover .fp-menu,.flowplayer.fixed-controls .fp-menu{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
258
+.flowplayer.fixed-controls .fp-volume{display:block}
259
+.flowplayer.fixed-controls .fp-controls{bottom:-30px;}
260
+.is-fullscreen.flowplayer.fixed-controls .fp-controls{bottom:0}
261
+.flowplayer.fixed-controls .fp-time em{bottom:-20px;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
262
+.is-fullscreen.flowplayer.fixed-controls .fp-time em{bottom:10px}
263
+.flowplayer.is-disabled .fp-progress{background-color:#999}
264
+.flowplayer.is-flash-disabled{background-color:#333;}
265
+.flowplayer.is-flash-disabled object.fp-engine{z-index:100}
266
+.flowplayer.is-flash-disabled .fp-flash-disabled{display:block;z-index:101}
267
+.flowplayer .fp-embed{position:absolute;top:10px;left:auto;right:50px;display:block;width:30px;height:30px;text-align:center;}
268
+.is-rtl.flowplayer .fp-embed{right:auto;left:50px}
269
+.flowplayer .fp-embed-code{position:absolute;display:none;top:10px;right:67px;background-color:#333;padding:3px 5px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 0 3px #ccc;-moz-box-shadow:0 0 3px #ccc;box-shadow:0 0 3px #ccc;font-size:12px;}
270
+.is-closeable.flowplayer .fp-embed-code{right:99px}
271
+.flowplayer .fp-embed-code:before{content:'';width:0;height:0;position:absolute;top:2px;right:-10px;border:5px solid transparent;border-left-color:#333}
272
+.is-rtl.flowplayer .fp-embed-code{right:auto;left:67px;}
273
+.is-rtl.flowplayer .fp-embed-code:before{right:auto;left:-10px;border-left-color:transparent;border-right-color:#333}
274
+.flowplayer .fp-embed-code textarea{width:400px;height:16px;font-family:monaco,"courier new",verdana;color:#777;white-space:nowrap;resize:none;overflow:hidden;border:0;outline:0;background-color:transparent;color:#ccc}
275
+.flowplayer .fp-embed-code label{display:block;color:#999}
276
+.flowplayer.is-embedding .fp-embed,.flowplayer.is-embedding .fp-embed-code{display:block;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
277
+.flowplayer.no-time .fp-embed{left:10px !important;}
278
+.is-rtl.flowplayer.no-time .fp-embed{left:auto;right:10px !important}
279
+.flowplayer.is-live .fp-timeline,.flowplayer.is-live .fp-duration,.flowplayer.is-live .fp-remaining{display:none}
280
+.flowplayer .fp-context-menu{position:absolute;display:none;z-index:1001;background-color:#fff;padding:10px;border:1px solid #aaa;-webkit-box-shadow:0 0 4px #888;-moz-box-shadow:0 0 4px #888;box-shadow:0 0 4px #888;width:170px;}
281
+.flowplayer .fp-context-menu li{text-align:center !important;padding:10px;color:#444 !important;font-size:11px !important;margin:0 -10px 0 -10px;}
282
+.flowplayer .fp-context-menu li a{color:#00a7c8 !important;font-size:12.100000000000001px !important}
283
+.flowplayer .fp-context-menu li:hover:not(.copyright){background-color:#eee}
284
+.flowplayer .fp-context-menu li.copyright{margin:0;padding-left:110px;background-image:url("img/flowplayer.png");background-repeat:no-repeat;background-size:100px 20px;background-position:5px 5px;border-bottom:1px solid #bbb;}
285
+@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx){.flowplayer .fp-context-menu li.copyright{background-image:url("img/flowplayer@2x.png")}
286
+}@-moz-keyframes pulse{0%{opacity:0}
287
+100%{opacity:1}
288
+}@-webkit-keyframes pulse{0%{opacity:0}
289
+100%{opacity:1}
290
+}@-o-keyframes pulse{0%{opacity:0}
291
+100%{opacity:1}
292
+}@-ms-keyframes pulse{0%{opacity:0}
293
+100%{opacity:1}
294
+}@keyframes pulse{0%{opacity:0}
295
+100%{opacity:1}
296
+}.flowplayer.is-touch.is-mouseover .fp-progress:before{background-color:#00a7c8}
297
+.flowplayer .fp-title{position:absolute;top:10px;left:10px;}
298
+.is-rtl.flowplayer .fp-title{left:auto;right:10px}
299
+.flowplayer .fp-title,.flowplayer .fp-unload,.flowplayer .fp-fullscreen,.flowplayer .fp-embed{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
300
+.flowplayer .fp-embed-code{right:85px;}
301
+.is-closeable.flowplayer .fp-embed-code{right:125px}
302
+.is-rtl.flowplayer .fp-embed-code{right:auto;left:85px}
303
+.flowplayer.is-mouseout .fp-menu{display:none}
304
+.flowplayer.is-mouseout .fp-controls{-webkit-transition:none;-moz-transition:none;transition:none;-webkit-animation:functional-controls-hide 1s 1;-moz-animation:functional-controls-hide 1s 1;animation:functional-controls-hide 1s 1}
305
+.flowplayer.is-mouseout .fp-timeline{-webkit-transition:none;-moz-transition:none;transition:none}
306
+.flowplayer.is-mouseout .fp-volume,.flowplayer.is-mouseout .fp-brand,.flowplayer.is-mouseout .fp-play,.flowplayer.is-mouseout .fp-time{-webkit-transition:none;-moz-transition:none;transition:none;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0)}
307
+.flowplayer.fixed-controls .fp-elapsed,.flowplayer.fixed-controls.is-mouseover .fp-elapsed{left:50px}
308
+.flowplayer.fixed-controls .fp-controls,.flowplayer.fixed-controls.is-mouseover .fp-controls{bottom:-30px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;left:0;right:0;}
309
+.is-fullscreen.flowplayer.fixed-controls .fp-controls,.is-fullscreen.flowplayer.fixed-controls.is-mouseover .fp-controls{bottom:0}
310
+.flowplayer.fixed-controls .fp-controls .fp-play,.flowplayer.fixed-controls.is-mouseover .fp-controls .fp-play{left:10px}
311
+.flowplayer.fixed-controls .fp-controls .fp-timeline,.flowplayer.fixed-controls.is-mouseover .fp-controls .fp-timeline{margin-left:95px;}
312
+.is-long.flowplayer.fixed-controls .fp-controls .fp-timeline,.is-long.flowplayer.fixed-controls.is-mouseover .fp-controls .fp-timeline{margin-left:125px}
313
+.flowplayer.is-mouseover .fp-controls{bottom:10px;left:50px;right:10px;width:auto;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
314
+.is-rtl.flowplayer.is-mouseover .fp-controls{left:10px;right:50px}
315
+.flowplayer.is-mouseover .fp-controls .fp-play{left:-40px;display:block;background-color:#000;background-color:rgba(0,0,0,0.65);width:30px;height:30px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
316
+.is-rtl.flowplayer.is-mouseover .fp-controls .fp-play{left:auto;right:-40px}
317
+.flowplayer.is-mouseover .fp-controls .fp-timeline{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
318
+.flowplayer.is-mouseover .fp-controls .fp-timeline .fp-progress,.flowplayer.is-mouseover .fp-controls .fp-timeline .fp-buffer{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
319
+.flowplayer.is-mouseover .fp-controls .fp-menu .fp-dropdown{bottom:35px;left:auto;right:-10px;}
320
+.is-rtl.flowplayer.is-mouseover .fp-controls .fp-menu .fp-dropdown{right:auto;left:-10px}
321
+.flowplayer.is-mouseover .fp-controls .fp-menu .fp-dropdown:before{display:none}
322
+.flowplayer.is-mouseover .fp-controls li{border-color:#000;}
323
+.flowplayer.is-mouseover .fp-controls li.active{border-color:#00a7c8}
324
+.flowplayer.is-mouseover .fp-controls li:last-child:before{content:'';display:block;position:absolute;bottom:-5px;width:0;height:0;right:10px;border-bottom:none;border-top-width:5px;border-top-style:solid;border-top-color:inherit;border-left:5px solid transparent;border-right:5px solid transparent;}
325
+.is-rtl.flowplayer.is-mouseover .fp-controls li:last-child:before{right:auto;left:10px}
326
+.flowplayer .fp-elapsed,.flowplayer.play-button .fp-elapsed{left:60px;}
327
+.is-rtl.flowplayer .fp-elapsed,.is-rtl.flowplayer.play-button .fp-elapsed{right:60px;left:auto}
328
+.flowplayer .fp-time em{bottom:19px}
329
+@-moz-keyframes functional-controls-hide{0%{opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0)}
330
+100%{bottom:0;right:0;left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
331
+}@-webkit-keyframes functional-controls-hide{0%{opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0)}
332
+100%{bottom:0;right:0;left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
333
+}@-o-keyframes functional-controls-hide{0%{opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0)}
334
+100%{bottom:0;right:0;left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
335
+}@-ms-keyframes functional-controls-hide{0%{opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0)}
336
+100%{bottom:0;right:0;left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
337
+}@keyframes functional-controls-hide{0%{opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0)}
338
+100%{bottom:0;right:0;left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
339
+}
+317
style.css
... ...
@@ -0,0 +1,317 @@
1
+/*
2
+body { background-color: #333333;font-family: arial, verdana, sans-serif;}
3
+h1 { color: #ccc; background-color: #333333; font-family: arial, verdana, sans-serif; font-variant: small-caps;}
4
+h2 { text-indent: 30px;color: #444;background-color: #ccc;font-family: arial, verdana, sans-serif;font-variant: small-caps;}
5
+h3 { text-indent: 30px;color: #444;background-color: #ccc;font-family: arial, verdana, sans-serif;font-variant: small-caps;}
6
+a {text-decoration:none;}
7
+a:link, a:visited {color: #ccc;}
8
+a:hover {color: #fff;background-color: #333333;}
9
+
10
+a.subletter:link {color:#fff;background-color: #333333;}
11
+a.subletter:visited {color:#fff;background-color: #333333;}
12
+a.subletter:hover {color:#fff;background-color: #333333;}
13
+
14
+a.logout:link {color:#fff;background-color: #333333;}
15
+a.logout:visited {color:#fff;background-color: #333333;}
16
+a.logout:hover {color: #fff;background-color: #333333;}
17
+
18
+#table_index {background-color: #505050;font-weight:bold;}
19
+#letter {color: #CC4804;margin-top: 1px;background-color: #333333;}
20
+#header {color: #CC4804;margin-top: 1px;background-color: #333333;width: 100%;}
21
+*/
22
+body { background-color: #fff;font-family: arial, verdana, sans-serif;}
23
+h1 { color: #000; background-color: #eee; font-family: arial, verdana, sans-serif; font-variant: small-caps;}
24
+h2 { text-indent: 30px;color: #444;background-color: #eee;font-family: arial, verdana, sans-serif;font-variant: small-caps;}
25
+h3 { text-indent: 30px;color: #444;background-color: #eee;font-family: arial, verdana, sans-serif;font-variant: small-caps;}
26
+a {text-decoration:none;}
27
+a:link, a:visited {color: #000;}
28
+a:hover {color: #000;background-color: #88f;}
29
+
30
+a.subletter:link {color:#000;background-color: #eee;}
31
+a.subletter:visited {color:#000;background-color: #eee;}
32
+a.subletter:hover {color:#000;background-color: #eee;}
33
+
34
+a.logout:link {color:#88f;background-color: #eee;}
35
+a.logout:visited {color:#88f;background-color: #eee;}
36
+a.logout:hover {color: #000;background-color: #88f;}
37
+
38
+a.wikia_link:link {color:#88f;background-color: #eee;font-weight: normal;}
39
+a.wikia_link:visited {color:#88f;background-color: #eee;font-weight: normal;}
40
+a.wikia_link:hover {color: #88f;background-color: #eee;font-weight: bold;}
41
+
42
+#table_index {background-color: #ccc;font-weight:bold;}
43
+#letter {color: #CC4804;margin-top: 1px;background-color: #eee;}
44
+#header {color: #ffffff;margin-top: 1px;background-color: #fff;width: 100%}
45
+
46
+#link_index {color: #80C080;font-weight:normal;}
47
+#submit {background-color: #EDD0A1;color: #333333;font-size: 14px;cursor: pointer;border-width: thick;border-style: none;border-color: #ccc;width: 120px;height: 20px;text-decoration: none;}
48
+#submit:hover {background-color: #EDB55C;color: #333333;}
49
+
50
+/*Was in php*/
51
+#content {
52
+	position: absolute;
53
+	margin-top: 10px;
54
+	color: #4040ff;
55
+	margin: 10px auto;
56
+	width: 400px;
57
+	height: 300px;
58
+}
59
+	
60
+.flowplayer {
61
+	border:1px solid #88f;
62
+	background-color: #eee;
63
+	height: 30px;		
64
+}
65
+
66
+#basic-playlist{ 
67
+	margin-bottom:90px;
68
+	margin-top: 205px;
69
+}
70
+
71
+#basic-playlist .fp-playlist{
72
+	/* the playlist root element */
73
+	position:relative;
74
+	bottom: 0px; /* truc qui fait bouger vers le bas les morceaux */
75
+	margin-top: 60px;
76
+	left:0;
77
+	width:95%;
78
+	text-align:left;
79
+	text-color:#000;
80
+	display: text;
81
+}
82
+
83
+/* the playlist root element */
84
+#basic-playlist .fp-playlist a{
85
+	/* playlist entry */
86
+	display:inline-block;
87
+	width: 398px; /* 378px; */
88
+	height:16px;
89
+	font-size: 14px;
90
+	margin-top: 0px;
91
+	margin-left: 0px;
92
+	color: #000;
93
+	border:1px solid #88f;
94
+	border-top:none;
95
+	left:-1px;
96
+	background-color: #ccc;
97
+	vertical-align: bottom;
98
+}
99
+
100
+/* playlist entry */
101
+#basic-playlist .fp-playlist a:hover{
102
+	border-color:#88f;
103
+	background-color: #88f;
104
+	color: #fff;
105
+}
106
+
107
+#basic-playlist .fp-playlist a.is-active{
108
+	border-color:#88f;
109
+	font-weight: bold;
110
+	background-color: #444;
111
+	color: #88f;
112
+}
113
+
114
+.is-paused#basic-playlist .fp-playlist a.is-active{
115
+	border-color:#1c87b4
116
+	background-color: #1c87b4;
117
+	color: #4040ff;
118
+}
119
+
120
+/* next and prev buttons */
121
+.is-mouseover#basic-playlist .fp-prev,
122
+.is-mouseover#basic-playlist .fp-next{
123
+	opacity:1;
124
+}
125
+
126
+#basic-playlist .fp-prev{
127
+	position:absolute;
128
+	top:-16px; /* going negative to move up */
129
+	left:0px; /* negative move to left */
130
+	background-position:0 -350px;
131
+	font-size: 300%;
132
+	color: #88f;
133
+	padding: 4px;
134
+	font-weight: bold;
135
+	text-shadow: 0 0 1px #000;
136
+	cursor: pointer;
137
+	z-index: 12; /* make clickable */
138
+	opacity: 0;
139
+}
140
+#basic-playlist .fp-prev:hover{
141
+	color: #ff8;
142
+}
143
+#basic-playlist .fp-next{
144
+	position:absolute;
145
+	top:-16px; /* going negative to move up */
146
+	right:0px; /* negative move to right */
147
+	background-position:0 -400px;
148
+	font-size: 300%;
149
+	color: #88f;
150
+	padding: 4px;
151
+	font-weight: bold;
152
+	text-shadow: 0 0 1px #000;
153
+	cursor: pointer;
154
+	z-index: 12; /* make clickable */
155
+	opacity: 0;
156
+}
157
+#basic-playlist .fp-next:hover{
158
+	color: #ff8;
159
+}
160
+
161
+#image {
162
+  margin-left: 100px;
163
+  border-top:none;
164
+  border-left:none;
165
+  border-right:none;
166
+  border-bottom:none;
167
+}
168
+
169
+#trackinfo {
170
+	color: #88f;
171
+}
172
+
173
+#trackinfo_full {
174
+	position:absolute;
175
+	background-color: #eee;
176
+	font-weight:normal;
177
+	font-size: 13px;
178
+	margin-top: -320px;
179
+	margin-left: 420px;
180
+	width: 600px;
181
+}
182
+
183
+#tracktitle {
184
+	margin-left: 5px;
185
+	font-weight:bold;
186
+	font-size: 14px;
187
+	color: #88f;
188
+}
189
+
190
+#lyrics {
191
+	margin-left: 5px;
192
+}
193
+
194
+#download {
195
+	position:absolute;
196
+	font-size: 14px;
197
+	top:62px; /* going negative to move up */
198
+	left:0px; /* negative move to left */ /* -15px */
199
+	margin-left: 400px;
200
+	border:1px solid #eee;
201
+	border-top:none;
202
+	border-left:none;
203
+	border-right:none;
204
+	border-bottom:none;
205
+}
206
+
207
+#dl {
208
+}
209
+
210
+#tarball {
211
+	position:absolute;
212
+	background-color: #eee;
213
+	top:300px; /* going negative to move up */
214
+	left:20px; /* negative move to left */
215
+	border:1px solid #88f;
216
+}
217
+
218
+/* div.list { */
219
+#list {
220
+	position:absolute;
221
+	margin-left:420px;
222
+	top:-210px;
223
+	padding-left:2px;
224
+	width:50%;
225
+}
226
+
227
+
228
+#current_track {
229
+	position:absolute;
230
+	top:25px;
231
+	left:40px;
232
+	margin-left:40px;
233
+	padding-left:2px;
234
+	margin-left:20px;
235
+	width:298px;
236
+	background-color: #eee;
237
+	color: #000;
238
+	font-family: arial, verdana, sans-serif;
239
+}
240
+
241
+#station_list {
242
+	/*position:absolute;
243
+	top:-0px;
244
+	margin-left:0px;
245
+	background-color: #eee;*/
246
+}
247
+div.radio_box_list { 
248
+	background-color: #eee;
249
+	border:1px solid #009be3;
250
+	color: #000;
251
+	width:200px;
252
+	height:90px;
253
+	font-family: arial, verdana, sans-serif;
254
+	font-size: 10px
255
+}
256
+
257
+div.radio_box_list_compact {
258
+	background-color: #eee;
259
+	border:1px solid #009be3;
260
+	color: #000;
261
+	width:243px;
262
+	height:50px;
263
+	font-family: arial, verdana, sans-serif;
264
+	font-size: 10px
265
+}
266
+
267
+div.radio_name_list {
268
+	font-size:small;
269
+	font-family: arial, verdana, sans-serif;
270
+	text-align: center;
271
+	font-weight:bold;
272
+	padding-left:2px;
273
+	background-color: #cccccc;
274
+}
275
+
276
+div.radio_name_list_active {
277
+	font-size:small;
278
+	font-family: arial, verdana, sans-serif;
279
+	text-align: center;
280
+	font-weight:bold;
281
+	padding-left:2px;
282
+	background-color: #009be3;
283
+	color: #eee;
284
+}
285
+
286
+div.radio_artist_list {
287
+	font-size:small;
288
+	font-family: arial, verdana, sans-serif;
289
+	font-weight:bold;
290
+	font-size:small;
291
+	padding-left:2px;
292
+}
293
+
294
+div.radio_title_list {
295
+	font-family: arial, verdana, sans-serif;
296
+	font-style: italic;
297
+	font-size:small;
298
+	padding-left:2px;
299
+}
300
+
301
+div.radio_url_list {
302
+	text-align: center;
303
+}
304
+
305
+div.radio_url {
306
+}
307
+
308
+div.radio_artist {
309
+	font-weight:bold;
310
+	font-size:small;
311
+}
312
+
313
+div.radio_title {
314
+	font-style: italic;
315
+	font-size:small;
316
+}
317
+