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}