#my-collection .moduleList .fnc2 { width: 192px; float:right; } #my-collection .moduleList .remove, #my-collection .moduleList .remove-upldata { background: url(../images/icon/mycollection/delete.png) center center no-repeat; width: 64px; margin: 9px 0px; float: right; height: 46px; cursor: pointer; } #my-collection .moduleList .remove:hover, #my-collection .moduleList .remove-upldata:hover { background: url(../images/icon/mycollection/delete_over.png) center center no-repeat; cursor: pointer; } #my-collection .moduleList .share { width: 64px; float: right; margin: 9px 0px; height: 46px; } #my-collection .moduleList .add { width: 64px; float: right; margin: 9px 0px; height: 46px; } #login-button { border-radius: 5px; border: 1px solid #fff; cursor: pointer; width: 160px; float: right; height: 30px; } #login-button:hover { border: 1px solid #39d1b3; color: #39d1b3 } #my-collection .moduleList .l-h { color: #fff; } #my-collection .moduleGrid { margin-top: 35px; } #my-collection .artist .img:after { border: 0px; } #my-collection .moduleList .artist { padding: 0px; } #my-collection .moduleGrid .cover:before { border: 0px; } #my-collection .moduleGrid .cover .img { position: absolute; top: 0px; z-index: 9999; } #my-collection .moduleGrid .cover { cursor: pointer; } #my-collection .moduleGrid .cover .fnc { z-index: 10000; } #my-collection .moduleGrid .cover:after { border: 1px solid rgba(255, 255, 255, 0.2); content: ''; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 100; } #my-collection .moduleGrid .item:hover .cover:after { border: 0px; } #my-collection .artist .cover:after { border-radius: 50%; } #my-collection .moduleGrid .item:hover .img:after { border: 0px; } #my-collection .moduleGrid .item:hover img.preimg { opacity: 0; } #my-collection .moduleGrid .item[data-reftype='UPL']:hover .preload, #my-collection .moduleGrid .item[data-reftype='OUPL']:hover .preload { opacity: 1; } #my-collection .moduleGrid .item:hover .preload { opacity: 0; } #my-collection .moduleGrid .item:hover .img, #my-collection .moduleGrid .item:hover .img img { opacity: 0.5; } #my-collection .moduleGrid .name a { font-size: 14px; color: #fff; } #my-collection .moduleGrid .desc a, #my-collection .moduleGrid .desc { font-size: 12px; color: #a1a1a1; } #my-collection .dropdown-menu li:hover { color: #555555; } .moduleList .l-r .offairicon { display: none; } .moduleList .l-r.offair .offairicon { display: block; width: 46px; line-height: 62px; float: right; margin: 0px 9px; } .moduleList .l-r.offair .song, .moduleList .l-r.offair .cover { cursor: default; } .moduleList .l-r.offair, .moduleList .l-r.offair a { color: #555555; } .moduleList .l-r.offair .cover { opacity: 0.5; } .moduleList .l-r.offair .duration { display: none; } .moduleList .l-r.offair:hover { background-color: #000000; } .moduleList .l-r.offair:hover .fnc2 { /* display: none; */ } .moduleList .l-r.offair:hover .fnc2 .add, .moduleList .l-r.offair:hover .fnc2 .share{ display: none; } .moduleList .l-r.offair:hover .fnc1 { /* display: table-cell; */ } .moduleList .l-r.offair .play { display: none; } .element .right .edit, .element .right .delete { opacity: 0.7; } .element .right .edit:hover, .element .right .delete:hover { opacity: 1; } .element .right .edit, .element .right .delete { width: 28px; height: 28px; cursor: pointer; margin-right: 22px; /*background-repeat: no-repeat; background-position: 0px;*/ float: left; } .element .right .delete{ margin-left: 22px; } .element .right .edit { background: url('/images/icon/edit.png?v=1') center center no-repeat; } .element .right .edit { background: url('/images/icon/edit_over.png?v=1') center center no-repeat; } .element .right .delete { background: url('/images/icon/delete.png') center center no-repeat; } #select-options ul.dropdown { /*.sortingbar ul.dropdown{*/ opacity: 0; /*display: none;*/ visibility: hidden; width: 220px; background: #262626; color: #a1a1a1; list-style-type: none; text-align: left; padding: 0px 18px; border-radius: 3px; margin-top: -37px; cursor: pointer; z-index: 1000; float: right; font-size: 14px; position: absolute; margin-left: -66px; } #select-options:hover ul.dropdown { /*.sortingbar:hover ul.dropdown{*/ opacity: 1; /*display: block;*/ visibility: visible; -webkit-transition: visibility 0s, opacity 0.5s linear; -moz-transition: visibility 0s, opacity 0.5s linear; -o-transition: visibility 0s, opacity 0.5s linear; -ms-transition: visibility 0s, opacity 0.5s linear; /*transition: opacity .5s ease-in;*/ transition: visibility 0s, opacity 0.5s linear; } .chi #select-options ul.dropdown { width: 200px; } #select-options .sort-text { float: left; width: 48px; height: 14px; z-index: 1100; text-align: right; } .chi #select-options .sort-text { width: 40px; } .sortingbar { float: right; position: absolute; top: 350px; width: 100%; z-index: 400; color: #c9c9c9; font-size: 14px; min-width: 995px; } .sortingbar.bannerMode { top: 525px; } .sortingbar .sort-text-outer { float: right; margin: 13px 0; width: 60px; color: #fff; opacity: 1; text-align: right; } .sortingbar.chi .sort-text-outer { width: 36px; text-align: left; } #dropdown-btn { width: 120px; background-color: transparent; color: #fff; text-align: left; overflow: hidden; height: 24px; line-height: 24px; cursor: pointer; padding-left: 16px; } .sortingbar.chi #dropdown-btn { width: 87px; } .sortingbar #select-options { float: right; margin: 8px 0; width: 105px; z-index: 500; } .chi #select-options { width: 85px; } #select-options ul.dropdown .sorting-btn { float: right; width: 20px; height: 22px; z-index: 1100; } #select-options ul.dropdown .selected-value, #select-options ul.dropdown .sort-text { margin: 18px 0; } #select-options ul.dropdown .sorting-btn { margin: 15px 0; } #select-options:hover ul.dropdown .selected-value { float: right; width: 100px; text-align: left; } .chi #select-options:hover ul.dropdown .selected-value { width: 80px; } #select-options:hover ul.dropdown li { float: right; width: 160px; padding-left: 60px; } #select-options:hover ul.dropdown li { width: 160px; } .chi #select-options:hover ul.dropdown li { width: 140px; } #select-options #sorting { background-color: transparent; color: #fff; border: 0; width: 100%; text-align: center; line-height: 20px; overflow: hidden; display: none; } #select-options:hover ul.dropdown li { margin-right: 20px; margin-bottom: 12px; text-align: left; } #select-options ul.dropdown li:hover { /*.sortingbar ul.dropdown li:hover{*/ color: #ffffff; } #select-options ul.dropdown li.selected { background: url('../images/tick_grey.png'); background-repeat: no-repeat; background-size: auto auto; background-position: 25px 50%; text-align: left; } #select-options ul.dropdown li.selected:hover { /*.sortingbar ul.dropdown li:hover{*/ background: url('../images/tick_white.png'); background-repeat: no-repeat; background-size: auto auto; background-position: 25px 50%; text-align: left; } #select-options:hover #dropdown-btn { opacity: 0; -webkit-transition: opacity .5s ease-in; -moz-transition: opacity .5s ease-in; -o-transition: opacity .5s ease-in; -ms-transition: opacity .5s ease-in; transition: opacity .5s ease-in; } .editPlayList #create { bottom: 34px; right: 24px; position: absolute; } .editPlayList #back { bottom: 24px; right: 140px; position: absolute; } #my-collection .noresults { color: #fff; text-align: center; line-height: 25px; font-size: 20px; height: 500px; margin-top: 25px; } #my-collection.content-c.bannerMode .moduleList { margin-top: 48px; } #my-collection.content-c.bannerMode .moduleGrid { margin-top: 84px; } #my-collection.content-c .banner { width: 100%; } #my-collection.content-c .banner img { width: 100%; margin-top: 36px; background-color: #d8d8d8; cursor: pointer; } #my-collection .noresults .chi, #my-collection .noresults .eng { display: flex; justify-content: center; margin: 25px auto; line-height: 30px; font-size: 14px; } #my-collection #home-btn, #freereg-button { border-radius: 5px; background-color: #3ad0b3; cursor: pointer; width: 160px; float: left; height: 30px; } #my-collection .eng #home-btn { width: 200px; } #my-collection #home-btn:hover, #freereg-button:hover { background-color: #27bb9d; }