.album-focus .header { padding: 16px; display: block; } .album-focus .header .cover{ width: 50%; box-sizing: border-box; padding-right: 8px; display:table-cell; vertical-align:top; } #playlist .header .cover{ width:35%; } .album-focus .header .cover > img{  } .album-focus .header .cover .tools{ height:24px; line-height:24px; } .album-focus .header .cover .tools .tool { float:left; margin-right:4px; } .album-focus .header .cover .tools .tool-favorite{ padding-top: 2px; line-height: 20px; float: right; } .album-focus .header .cover .tools .tool-favorite a{ color: #4a86ff; } .album-focus .header .details{ width: 50%; box-sizing: border-box; padding-left: 8px; display: table-cell; vertical-align:top;  } #playlist .header .details{ width:65%; } .album-focus .header .metadata{  font-size: 1.1em; line-height: 1.4em; color: #666666; padding-bottom: 16px; min-height:131px; } .album-focus .header .metadata > span { display:block; clear:both; } .album-focus .header .album-name{ margin-left: 0; font-size: 1.6em; font-weight: bold; color: #282828; line-height:20px; padding-bottom:8px; } .album-focus .header .rating{ width: 55px; height: 11px; } .album-focus .header .rating-0{ background: url(https://mmcdn4.hosting-media.net/pict/v5/star0.gif); } .album-focus .header .rating-1{ background: url(https://mmcdn4.hosting-media.net/pict/v5/star1.gif); } .album-focus .header .rating-2{ background: url(https://mmcdn4.hosting-media.net/pict/v5/star2.gif); } .album-focus .header .rating-3{ background: url(https://mmcdn4.hosting-media.net/pict/v5/star3.gif); } .album-focus .header .rating-4{ background: url(https://mmcdn4.hosting-media.net/pict/v5/star4.gif); } .album-focus .header .rating-5{ background: url(https://mmcdn4.hosting-media.net/pict/v5/star5.gif); } .album-focus .header .artists{ margin-top: 8px; margin-bottom: 8px; font-size: 1.15em; } .album-focus .header .artists a { font-weight: normal; } .album-focus .header .download-box { margin-top: auto; margin-bottom: 24px; margin-right: 16px;  } .album-focus .header .download-box .format-container{ display:table-cell; width:50%; padding-left:20px; padding-right:20px; } .album-focus .header .download-box .format-box{ padding-top:8px; box-sizing: border-box; background: #f2f2f2; box-shadow: 0px 5px 20px 0px #eeeeee;  text-align: center; cursor: pointer; } .format-box-disabled { cursor: default !important; } .format-box .logo { width: 80px; height: 80px; margin: 8px; margin-top:0; margin-bottom:0; } .format-box-lossless .logo { background: url(https://mmcdn.hosting-media.net/pict/v5/cd_quality.jpg) white no-repeat; background-size: contain; } .format-box-mp3 .logo { background: url(https://mmcdn.hosting-media.net/pict/v5/mp3_quality.png) white no-repeat; background-size: contain; } .format-box .info { font-size: 0.9em; padding-top: 4px; } .format-box .cost { font-size: 1.2em; font-weight:bold; line-height: 24px; color: #4a86ff; } .album-focus .action-wrapper { background: #ffffff; margin-top: auto; } .action-wrapper .btn { background: #4a86ff; padding: 4px; font-size: 1.1em; color: #ffffff; } .format-box-free .cost { color: #128a05; } .format-box-free .action-wrapper .btn {  } .format-box-disabled .action-wrapper .btn{ background: #999; font-size: 1em; } .album-focus .tracks-header, .album-focus .tracks-container, .album-focus .tracks-footer { margin-left: 16px; margin-right: 16px; } .album-focus .tracks-header { display: flex; padding-bottom: 8px; padding-top: 8px; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; } .album-focus .tracks-footer { padding-bottom: 8px; } .album-focus .tracks-header .tracks-header-stream { width:318px; } .album-focus .tracks-header .tracks-header-heads { display: table-row; } .album-focus .tracks-header .head-version, .album-focus .tracks-header .head-playlist { display: table-cell; text-align:center; vertical-align: bottom; width:74px; height:30px; text-transform: uppercase; font-size: 0.9em; color: #999; line-height:30px; } .album-focus .tracks-header .head-playlist { width:90px; } .album-focus .trktnm div.l, .album-focus .trktnm div.r { font-size: 1.1em; line-height: 28px; margin-left: 8px; min-height: 28px; } .album-focus .trktnm div.trktsub { margin-left: 34px; } .album-focus .ctrl-ico-s.ctrl-ico-stream + span, .album-focus .ctrl-ico-s.ctrl-ico-sample + span { color: #282828; margin-left: 4px; } .album-focus .trktnm > a { text-decoration: none; padding-left:30px; } .album-focus .trktnm > a span:first-child{ position:absolute; left:8px; top:8px; } .album-focus .tdouble .trktic { padding-top: 9px; } .album-focus .tdouble .trktnm .trktsub { font-size: 1em; line-height: 20px; } .album-focus .trktnm div.r { height: 28px; padding-top: 6px; padding-right: 4px; box-sizing: border-box; } .album-focus .trktnm div.r img { opacity: 0.8; } .album-focus .trktnm div.r img:hover { opacity: 1; } .album-focus .trktart{ width:auto; } .album-focus .trktart div{ font-size:12px; white-space:nowrap; overflow-x:hidden; text-overflow:ellipsis; } .album-focus #footdl { width: auto !important; } .album-focus .trktdl a, .album-focus .trkfootdl a { color: #4a86ff; font-size: 1.1em; } .album-redownload .trktdl a, .album-redownload .trkfootdl a {  } #focuscover { box-shadow: 0px 5px 20px 0px #eeeeee; } .album-focus #focuscover{ box-shadow: none; border: 1px solid #e0e0e0; } .album-focus.album-discount { background: url(https://mmcdn.hosting-media.net/pict/v5/corner_discount_10.png) no-repeat top right; } .album-focus.album-premium .tl tr.t1{ background-color: #ecfaed; } .album-focus.album-premium .tl tr.tplaying{ background-color: #b6ecba; } .disc-stream-inter td { border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; height: 56px; } .disc-separator td{ border-top: 1px solid #e0e0e0; border-bottom: 1px solid #c3c3c3; height:40px; line-height:40px; font-size: 14px; color: #282828; } .disc-separator span { display: inline-block; } .disc-separator .disc-count { background: url(https://mmcdn2.hosting-media.net/pict/v5/ic_halfdisc.gif) no-repeat 14px center; padding-left: 34px; } .disc-separator.first-disc-separator td{ border-top: 0; } .album-focus .format-box-lossless .logo { background: url(https://mmcdn.hosting-media.net/pict/v5/cd-quality-3-80.png) white no-repeat; } .album-focus .format-box-mp3 .logo { background: url(https://mmcdn.hosting-media.net/pict/v5/mp3-quality-80.png) white no-repeat; } .album-focus .album-edit{ display:inline; } .cdbtn-l { height: 24px; margin-left: 5px; } .trkfootstream .cdbtn-l { margin-left: 1px; } .trkfootdl .cdbtn-l { margin-left: 12px; } .trkfootdl .ctrl-ico-dl, .trkfootpl .ctrl-ico-pl { margin-right: 2px; } .cdbtn-l a { display: inline-block; color: #4a86ff; } .cdbtn-l span { display: inline-block; box-sizing: border-box; line-height: 24px; vertical-align: middle; } .trktnm .ctrl-ico-w-lbl{  } .trktdl .ctrl-ico-w-lbl, .trktpl .ctrl-ico-w-lbl { margin-top: 2px; } .cdbtnpremium-l { border-radius: 12px 2px 2px 12px; background-color: #6bae4b; padding-right: 8px; display: inline-block; } .cdbtnpremium-l a, .cdbtnpremium-l span { color: #fff !important; white-space:nowrap; } .cdbtnpremium-l .ctrl-ico-l{ margin-right: 7px; } .cdbtnpremium-l span:last-of-type { font-size: 1.3em; } .cdbtnpremium-l .ctrl-ico-stream{ box-shadow: 0 0 0 3px #fff; } #footstream .cdbtnpremium-l { margin-top: 6px; } .album-focus.album-nodownload .tracks-header .tracks-header-stream{ width:439px; } .album-nodownload .trktnm{ width:441px; } .album-focus .tl .trkfootstream{ width:514px; } .vinyl-artist-banner{ margin-bottom:16px; } .vinyl-artist-banner img{ width:100%; box-shadow: 0 1px 4px 0 rgba(0,0,0,0.37); }