posted Sept 21, 2018 23:21:09 GMT -6 in deep sea
[nospaces][googlefont=Roboto:600,900][googlefont="Material+Icons"]
[newclass=.hsnMusic] width:500px; display:flex; flex-direction:column; flex-wrap:wrap; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);margin:10px; [/newclass]
[newclass=.hsnAlbumCover] width:500px; height:500px; background-image:url(http://placehold.it/500x500.png); display:flex; flex-wrap:wrap; [/newclass]
[newclass=.hsnTitle] font:900 36px Roboto; text-transform:uppercase; color:#fff; width:100%; height:200px; text-align:center; padding-top:25px; background: linear-gradient( to top, transparent, rgba(0,0,0,.5) ); [/newclass]
[newclass=.hsnTitleCutout] color:#fff; text-fill-color: transparent; -webkit-text-fill-color: transparent; background:url(http://placehold.it/500x500.png) 0px -25px; -webkit-background-clip: text; cursor:default; [/newclass]
[newclass=.hsnPlayButtons] width:100%; align-self:flex-end; font-family:Material Icons; color:#fff; display:flex; flex-direction:row; align-items:center; justify-content:center; [/newclass]
[newclass=.hsnBackForth] font-size:75px; text-shadow: 0px 0px 7px rgba(0,0,0,.33); cursor:pointer; width:75px; height:75px; [/newclass]
[newclass=.hsnPlay] font-family: 'Material Icons';font-size:175px; text-shadow: 0px 0px 3px rgba(0,0,0,.33); margin:0px 25px; [/newclass]
[newclass=.hsnPlay a] color:#fff; font:175px Material Icons; [/newclass]
[newclass=.hsnCredit] position:absolute;width:490px;text-align:right;align-self:flex-end;color:#fff;font:bold 7px roboto;[/newclass]
[newclass=.hsnCredit a] font:bold 7px roboto!important;color:#fff!important; [/newclass]
[newclass=.hsnSongBG] background-color:#f6f6f6; [/newclass]
[newclass=.hsnSong] font-size: 72px; height:50px; padding:5px; width:490px; display:flex; flex-direction:row; align-items:center; justify-content:space-between;[/newclass]
[newclass=.hsnSongButton] width:50px; height:50px; font:36px Material Icons; display:flex; align-items:center; justify-content:center; margin-right:5px; color:#56838A; [/newclass]
[newclass=.hsnSongButton a] font:36px Material Icons!important;color:#56838A; [/newclass]
[newclass=.hsnSongTitle] color:#ccc; text-align:left; font:600 15px/90% Roboto; letter-spacing:0px; text-transform:uppercase; margin-left:20px; cursor:default; background: linear-gradient( to right, #7DBABF, #56838A ); -webkit-background-clip: text; -webkit-text-fill-color: transparent;[/newclass]
[newclass=.hsnSongArtist] color:#ccc; margin-right:25px; background-color:rgba(255,255,255,0); -webkit-background-clip: text; [/newclass]
[attr="class","hsnMusic"]
[attr="class","hsnAlbumCover"]
[attr="class","hsnCredit"]SELKIE
[attr="class","hsnTitle"]
[attr="class","hsnTitleCutout"]
HOT SUMMER NIGHTS
HOT SUMMER NIGHTS
[attr="class","hsnPlayButtons"]
[attr="class","material-icons"]
[attr="class","hsnBackForth"]fast_rewind
[attr="class","material-icons"]
[attr="class","material-icons"]
[attr="class","hsnBackForth"]fast_forward
[attr="class","hsnSongBG"]
[attr="class","hsnSong"]
[attr="class","hsnSongTitle"][attr="class","hsnSongArtist"]
AOA
CHERRY POP
AOA
CHERRY POP
[attr="class","material-icons"]
[attr="class","hsnSongBG"]
[attr="class","hsnSong"]
[attr="class","hsnSongTitle"][attr="class","hsnSongArtist"]
SISTAR
SHAKE IT
SISTAR
SHAKE IT
[attr="class","material-icons"]
[attr="class","hsnSongBG"]
[attr="class","hsnSong"]
[attr="class","hsnSongTitle"][attr="class","hsnSongArtist"]
MAMAMOO
YOU'RE THE BEST
MAMAMOO
YOU'RE THE BEST
[attr="class","material-icons"]
[attr="class","hsnSongBG"]
[attr="class","hsnSong"]
[attr="class","hsnSongTitle"][attr="class","hsnSongArtist"]
REOL
NO TITLE
REOL
NO TITLE
[attr="class","material-icons"]
[attr="class","hsnSongBG"]
[attr="class","hsnSong"]
[attr="class","hsnSongTitle"][attr="class","hsnSongArtist"]
KERO KERO BONITO
TRAMPOLINE
KERO KERO BONITO
TRAMPOLINE
[attr="class","material-icons"]
[attr="class","hsnSongBG"]
[attr="class","hsnSong"]
[attr="class","hsnSongTitle"][attr="class","hsnSongArtist"]
F(X)
ALL MINE
F(X)
ALL MINE
[attr="class","material-icons"]
[attr="class","hsnSongBG"]
[attr="class","hsnSong"]
[attr="class","hsnSongTitle"][attr="class","hsnSongArtist"]
AOA
BINGLE BANGLE
AOA
BINGLE BANGLE
[attr="class","material-icons"]
[attr="class","hsnSongBG"]
[attr="class","hsnSong"]
[attr="class","hsnSongTitle"][attr="class","hsnSongArtist"]
SISTAR
TOUCH MY BODY
SISTAR
TOUCH MY BODY
[attr="class","material-icons"]
[attr="class","hsnSongBG"]
[attr="class","hsnSong"]
[attr="class","hsnSongTitle"][attr="class","hsnSongArtist"]
KERO KERO BONITO
FOREVER SUMMER HOLIDAY
KERO KERO BONITO
FOREVER SUMMER HOLIDAY
[attr="class","material-icons"]
[newclass=.hsnMusic] width:500px; display:flex; flex-direction:column; flex-wrap:wrap; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);margin:10px; [/newclass]
[newclass=.hsnAlbumCover] width:500px; height:500px; background-image:url(http://placehold.it/500x500.png); display:flex; flex-wrap:wrap; [/newclass]
[newclass=.hsnTitle] font:900 36px Roboto; text-transform:uppercase; color:#fff; width:100%; height:200px; text-align:center; padding-top:25px; background: linear-gradient( to top, transparent, rgba(0,0,0,.5) ); [/newclass]
[newclass=.hsnTitleCutout] color:#fff; text-fill-color: transparent; -webkit-text-fill-color: transparent; background:url(http://placehold.it/500x500.png) 0px -25px; -webkit-background-clip: text; cursor:default; [/newclass]
[newclass=.hsnPlayButtons] width:100%; align-self:flex-end; font-family:Material Icons; color:#fff; display:flex; flex-direction:row; align-items:center; justify-content:center; [/newclass]
[newclass=.hsnBackForth] font-size:75px; text-shadow: 0px 0px 7px rgba(0,0,0,.33); cursor:pointer; width:75px; height:75px; [/newclass]
[newclass=.hsnPlay] font-family: 'Material Icons';font-size:175px; text-shadow: 0px 0px 3px rgba(0,0,0,.33); margin:0px 25px; [/newclass]
[newclass=.hsnPlay a] color:#fff; font:175px Material Icons; [/newclass]
[newclass=.hsnCredit] position:absolute;width:490px;text-align:right;align-self:flex-end;color:#fff;font:bold 7px roboto;[/newclass]
[newclass=.hsnCredit a] font:bold 7px roboto!important;color:#fff!important; [/newclass]
[newclass=.hsnSongBG] background-color:#f6f6f6; [/newclass]
[newclass=.hsnSong] font-size: 72px; height:50px; padding:5px; width:490px; display:flex; flex-direction:row; align-items:center; justify-content:space-between;[/newclass]
[newclass=.hsnSongButton] width:50px; height:50px; font:36px Material Icons; display:flex; align-items:center; justify-content:center; margin-right:5px; color:#56838A; [/newclass]
[newclass=.hsnSongButton a] font:36px Material Icons!important;color:#56838A; [/newclass]
[newclass=.hsnSongTitle] color:#ccc; text-align:left; font:600 15px/90% Roboto; letter-spacing:0px; text-transform:uppercase; margin-left:20px; cursor:default; background: linear-gradient( to right, #7DBABF, #56838A ); -webkit-background-clip: text; -webkit-text-fill-color: transparent;[/newclass]
[newclass=.hsnSongArtist] color:#ccc; margin-right:25px; background-color:rgba(255,255,255,0); -webkit-background-clip: text; [/newclass]