1/*
2 * CSS styleshet for the "Madsonic Default" theme.
3 */
4
5@import "font-Montserrat.css";
6
7@import "default.css";
8
9@import "scrollbar-px.css";
10
11@import "playericons/playericonsHTML5.css";
12
13
14.browse-index-shortcut {
15    font-size: 150% !important;
16}
17
18.maincontrol a {
19    font-weight: bold;
20}
21
22.maincontrol a img {
23	padding-bottom: 3px;
24	padding-right: 1px;
25	padding-left: 1px;
26}
27
28.leftpanel p.dense{
29    clear: both;
30    padding: 4px;
31    border-bottom: 1px dotted #ccc;
32    line-height: 1.1em;
33    font-family: 'Montserrat', sans-serif !important;
34    font-weight: 400;
35    font-size: 8pt;
36}
37
38.mainframe #content_artist  #anchor_list a{
39    font-size: 16pt;
40}
41
42h2 {
43    margin: 10px 0 0 5px;
44   font-size: 10pt;
45}
46
47.album {
48    font-size: 9pt;
49    font-weight: 700;
50}
51
52::-webkit-scrollbar {
53    width: 14px;
54    height: 14px;
55    /* background: #ECECEC; */
56}
57
58/* Custom */
59span.off {
60    background: #FFF !important;
61}
62
63span.on {
64    background: #33B5E5 !important;
65    color: #fff !important;
66}
67
68span.off:hover {
69    background: #33B5E5 !important;
70    border: solid 1px #333  !important;
71    }
72
73span.on:hover  {
74    background: #44B5E5 !important;
75    border: solid 1px #333  !important;
76    }
77
78
79span.off2 {
80    background: #333;
81    cursor: pointer;
82    float:left;
83    padding: 4px 9px;
84    margin: 2px;
85    color: #FFF;
86    -webkit-border-radius: 7px;
87    -moz-border-radius: 7px;
88    border-radius: 7px;
89    border: solid 1px #333;
90    -webkit-transition-duration: 0.1s;
91    -moz-transition-duration: 0.1s;
92    transition-duration: 0.1s;
93    -webkit-user-select:none;
94    -moz-user-select:none;
95    -ms-user-select:none;
96    user-select:none;
97    white-space: nowrap;
98    font-size: 8pt;
99}
100
101span.on2 {
102    	cursor: pointer;
103		float:left;
104		padding: 4px 9px;
105		margin: 2px;
106        background: #33B5E5;
107		color: #FFF;
108		-webkit-border-radius: 7px;
109		-moz-border-radius: 7px;
110		border-radius: 7px;
111        border: solid 1px #ccc;
112		-webkit-transition-duration: 0.1s;
113		-moz-transition-duration: 0.1s;
114		transition-duration: 0.1s;
115		-webkit-user-select:none;
116		-moz-user-select:none;
117		-ms-user-select:none;
118		user-select:none;
119		white-space: nowrap;
120
121    font-size: 8pt;
122}
123
124span.on2:hover  {
125    background: #33B5E5 !important;
126    border: solid 1px #444 !important;
127}
128
129span.off2:hover  {
130    background: #000 !important;
131    border: solid 1px #444 !important;
132}
133
134
135table.music tr:nth-of-type(even) { background: rgba(0,0,0,.02); }
136table.music tr:nth-of-type(odd)  { background: rgba(0,0,0,.04); }
137
138table.content tr:nth-of-type(even) { background: rgba(0,0,0,.02); }
139table.content tr:nth-of-type(odd)  { background: rgba(0,0,0,.04); }
140
141table.content tr { border-bottom: 1px solid rgba(128,128,128,0.05) !important; }
142
143#playlistBody tr:nth-of-type(even) { background: rgba(0,0,0,.02); border-bottom: 1px solid rgba(128,128,128,0.05) !important; }
144#playlistBody tr:nth-of-type(odd)  { background: rgba(0,0,0,.04); border-bottom: 1px solid rgba(128,128,128,0.05) !important; }
145
146
147#startButton, #stopButton {
148    cursor:pointer; font-size:30px; color:#0090BB !important;
149}
150
151.playlistframe #progress, #progress-slider, #volume, #volume-slider {
152    background: #ccc !important;
153}
154
155.ui-slider-range-min {
156    background: #0090BB !important;
157}
158
159.ui-slider .ui-slider-handle {
160    background: #0090BB !important;
161}
162
163#cc-on, #cast-active {
164    color: #0090BB !important;
165}
166
167#play, #pause, #buffer {
168    font-size: 24px !important;
169    color: #0090BB !important;
170}
171
172.flowplayer, .flowplayer.is-playing, .flowplayer.is-fullscreen .fp-player {
173    background-color: #ECECEC !important;
174}
175
176
177.starred {
178    color: #009BCA !important;
179}
180
181.loved {
182    color: #009BCA !important;
183}
184
185.control {
186    color: #888 !important;
187}
188
189.hot {
190    color: orange !important;
191}
192
193.custom-icon-rank {
194  font-size:10px;
195  font-family: 'Montserrat', Arial, serif  !important;
196  /* padding:7px 4px 2px 4px; */
197}
198
199.custom-icon {
200  font-size:7px;
201  background:#fff;
202  padding:7px 4px 2px 4px;
203  margin:3px 1px 3px 1px;
204  /* background:rgba(0,0,0,0.2); */
205  -webkit-border-radius:25%;
206  -moz-border-radius:25%;
207  -o-border-radius:25%;
208  border-radius:25%;
209  border:1px solid #ccc !important;
210  color:#888;
211 	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.08);
212  text-align:center;
213  display:table-cell;
214  vertical-align:middle;
215  width:15px;
216  height:15px;
217  -moz-transition:.5s;
218  -webkit-transition:.5s;
219  -o-transition:.5s;
220  transition:.5s;
221}
222.custom-icon:hover {
223  background:rgba(1,1,1,0.1);
224  color: #009BCA;
225}
226
227.custom-icon-header {
228  font-size:20px !important;
229  background:#fff;
230  padding:7px 4px 3px 4px;
231  margin:0 0 8px 0;
232  -webkit-border-radius:25%;
233  -moz-border-radius:25%;
234  -o-border-radius:25%;
235  border-radius:25%;
236  border:1px solid #ccc !important;
237  text-align:center;
238  display:table-cell;
239  vertical-align:middle;
240  width:24px;
241  height:24px;
242  -moz-transition:.5s;
243  -webkit-transition:.5s;
244  -o-transition:.5s;
245  transition:.5s;
246}
247
248.custom-icon-main {
249  font-size:14px !important;
250  background:#fff;
251  padding:7px 4px 3px 4px;
252  margin:0 0 8px 0;
253  -webkit-border-radius:25%;
254  -moz-border-radius:25%;
255  -o-border-radius:25%;
256  border-radius:25%;
257  border:1px solid #ccc !important;
258  text-align:center;
259  display:table-cell;
260  vertical-align:middle;
261  width:16px;
262  height:16px;
263  -moz-transition:.5s;
264  -webkit-transition:.5s;
265  -o-transition:.5s;
266  transition:.5s;
267}
268
269.custom-icon-nohover {
270  font-size:7px;
271  background:#fff;
272  padding:6px 4px 2px 4px;
273  margin:0px;
274  /* background:rgba(0,0,0,0.2); */
275  -webkit-border-radius:25%;
276  -moz-border-radius:25%;
277  -o-border-radius:25%;
278  border-radius:25%;
279  border:1px solid #ddd !important;
280  color:#888;
281  text-align:center;
282  display:table-cell;
283  vertical-align:middle;
284  width:15px;
285  height:15px;
286  -moz-transition:.5s;
287  -webkit-transition:.5s;
288  -o-transition:.5s;
289  transition:.5s;
290}
291
292.custom-icon-nohover:hover {
293  color: orange;
294}
295
296.fix-editor {
297  display:none;
298}
299.icon-wrapper {
300  display:inline-block;
301}
302
303.detail {
304    font-size: 9pt;
305}
306
307.detailmini {
308    font-size: 8pt;
309}
310
311.detailcolordark {
312    font-size: 8pt;
313}
314
315.dd-theme-classic, .dd-all {
316    background-color: #fff !important;
317}
318
319input {
320    background: none repeat scroll 0 0 #FFFFFF;
321    color: #333;
322    border-radius: 5px;
323    font-family: 'Montserrat', Arial, serif;
324    font-size: 8.5pt;
325    padding: 7px 10px 7px 10px;
326    border: 1px solid #bbb;
327}
328
329select {
330    background: none repeat scroll 0 0 #FFFFFF;
331    border-radius: 5px;
332    color: #333;
333    font-family: 'Montserrat', Arial, serif;
334    font-size: 8.5pt;
335    padding: 7px 10px 7px 10px;
336    border: 1px solid #bbb;
337}
338
339button {
340    /* background: none repeat scroll 0 0 #FFFFFF; */
341    /* background-color: #333; */
342    color: #eee;
343    border-radius: 5px;
344    font-family: 'Montserrat', Arial, serif;
345    font-size: 8.5pt;
346    font-weight: 400;
347    padding: 7px 10px 7px 10px;
348	margin-left: 4px;
349    border: 1px solid #444;
350}
351
352.jumbotron {
353    color: #333  !important;
354    background-color: #888 !important;
355}
356
357.playingframe .songTitle{
358    line-height: 20px;
359    font-weight: 700;
360    font-size: 110%;
361}
362
363.playingframe .songYear {
364    line-height: 25px;
365    font-weight: 700;
366    font-size: 130%;
367}
368
369.playingframe .songDuration {
370    line-height: 30px;
371    font-weight: 700;
372    font-size: 100%;
373}
374.playingframe .detailmini {
375    display: inline-table;
376}
377
378.leftpanel p.dense{
379    border-bottom: 1px dotted #ddd;
380    clear: both;
381    padding: 4px;
382    line-height: 1.4em;
383    font-size: 9pt;
384}