.album-focus .header { padding: 16px; padding-top: 32px; display: flex; } .album-focus .header .cover{ width: 50%; box-sizing: border-box; margin-right: 8px; } .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; margin-left: 8px; display: flex; flex-direction: column; } .album-focus .header .metadata{ display: flex; flex-direction: column; font-size: 1.1em; line-height: 1.4em; color: #666666; padding-bottom: 16px; } .album-focus .header .album-name{ display: inline-block; margin-left: 0; font-size: 1.4em; font-weight: bold; color: #282828; } .album-focus .header .rating-5{ background: url(http://mmcdn4.hosting-media.net/pict/v5/star5.gif); width: 55px; height: 11px; } .album-focus .header .artists{ display: inline-block; 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; display: flex; } .album-focus .header .download-box .format-box{ box-sizing: border-box; margin-left: auto; margin-right: auto; background: #f2f2f2; box-shadow: 0px 5px 20px 0px #eeeeee; display: flex; text-align: center; flex-direction: column; cursor: pointer; } .format-box-disabled { cursor: default !important; } .format-box .logo { width: 80px; height: 80px; margin: 8px; margin-bottom:0; } .format-box-lossless .logo { background: url(http://mmcdn.hosting-media.net/pict/v5/cd_quality.jpg) white no-repeat; background-size: contain; } .format-box-mp3 .logo { background: url(http://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, .album-focus .tracks-footer { padding-bottom: 8px; border-bottom: 1px solid #eeeeee; } .album-focus .tracks-header { display: flex; padding-top: 8px; border-top: 1px solid #eeeeee; } .album-focus .tracks-header .tracks-header-stream { width:293px; } .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 { font-size: 1.1em; line-height: 28px; } .album-focus .tdouble .trktnm div { line-height: 24px; } .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: 4px; box-sizing: border-box; } .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(http://mmcdn.hosting-media.net/pict/v5/corner_discount_10.png) no-repeat top right; } .disc-separator td{ border-top: 1px solid #e0e0e0; border-bottom: 1px solid #c3c3c3; height:40px; line-height:40px; font-size: 14px; color: #282828; padding-top:8px; } .disc-separator .disc-symbol { background: url(http://mmcdn2.hosting-media.net/pict/v5/ic_halfdisc.gif) no-repeat center bottom 8px; } .disc-separator.first-disc-separator td{ border-top: 0; } .album-focus .format-box-lossless .logo { background: url(http://mmcdn.hosting-media.net/pict/v5/cd-quality-3-80.png) white no-repeat; } .album-focus .format-box-mp3 .logo { background: url(http://mmcdn.hosting-media.net/pict/v5/mp3-quality-80.png) white no-repeat; } .album-focus .album-edit{ display:inline; }