{"id":3597,"date":"2024-10-05T08:40:17","date_gmt":"2024-10-05T08:40:17","guid":{"rendered":"https:\/\/goldstardance.vn\/?page_id=3597"},"modified":"2024-10-06T05:00:43","modified_gmt":"2024-10-06T05:00:43","slug":"playlist-hdtn","status":"publish","type":"page","link":"https:\/\/goldstardance.vn\/index.php\/playlist-hdtn\/","title":{"rendered":"Playlist – HDTN"},"content":{"rendered":"


\n
\n
\n
\nNh\u1ea1c HDNC – Goldstardance<\/title>\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/5.15.2\/css\/all.min.css\" integrity=\"sha512-HK5fgLBL+xu6dm\/Ii3z4xhlSUyZgTT9tuc\/hSrtw6uzJOvgRr2a9jyxxT1ely+B+xFAmJKVSTbpM\/CuL7qxO8w==\" crossorigin=\"anonymous\" \/>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;600&display=swap\" rel=\"stylesheet\">\n<\/head><br \/>\n<body><br \/>\n<body style=\"background: url('\/images\/upload\/ta_1636005125_Mx81.jpg');\"><br \/>\n<!-- Dashboard --><br \/>\n<!-- Header --><\/p>\n<header>\n<h3>Hi\u1ec7n \u0110\u1ea1i N\u00e2ng Cao<\/h3>\n<h4>\u0110ang ph\u00e1t :<\/h4>\n<h2>String 57th & 9th<\/h2>\n<\/header>\n<p><!-- CD --><br \/>\n<!-- Control --><br \/>\n<input id=\"progress\" type=\"range\" value=\"0\" step=\"1\" min=\"0\" max=\"100\"><br \/>\n<audio id=\"audio\" src=\"\"><\/audio><br \/>\n<!-- Playlist --><\/p>\n<p>\n<a href=\"http:\/\/goldstardance.vn\/\" style=\"\" target=\"_self\" rel=\"noopener\">Website CLB<\/a>\n<\/p>\n<p><!-- Design from: https:\/\/static.collectui.com\/shots\/3671744\/musicloud-revolutionary-app-for-music-streaming-large --><\/p>\n<style>\n:root {\n--primary-color: #ec1f55;\n--text-color: #333;\n}\n.button {\nbackground: yellow;\nborder-radius: 30px;\nwidth: 90%;\nmax-width: 1080px;\nmargin-left: 20px;\nmargin-right: 20px;\nbox-sizing: inherit;\ndisplay: inline-block;\nfont-size: 20px;\npadding-top: 6px;\npadding-bottom: 3px;\npadding-left: 20px;\npadding-right: 20px;\ntext-transform: uppercase;\nmargin-top: 5px;\n}\n* {\npadding: 0;\nmargin: 0;\nbox-sizing: inherit;\n}\nbody {\nbackground-color: #f5f5f5;\n}\nhtml {\nbox-sizing: border-box;\nfont-family: \"Poppins\", sans-serif;\n}\n.player {\nposition: relative;\nmax-width: 100%;\nwidth: auto;\nmargin: 10px;\n}\n.player .icon-pause {\ndisplay: none;\n}\n.player.playing .icon-pause {\ndisplay: inline-block;\n}\n.player.playing .icon-play {\ndisplay: none;\n}\n.dashboard {\npadding: 16px 16px 14px;\nbackground-color: #ffffff;\nposition: fixed;\nwidth: 95%;\ntop: 10px;\nborder-radius: 15px;\nborder-bottom: 1px solid #ebebeb;\n}\n\/* HEADER *\/\nheader {\ntext-align: center;\nmargin-bottom: 10px;\n}\nheader h4 {\ncolor: var(--primary-color);\nfont-size: 12px;\n}\nheader h3 {\ncolor: var(--primary-color);\nfont-size: 18px;\n}\nheader h2 {\ncolor: var(--text-color);\nfont-size: 20px;\n}\n\/* CD *\/\n.cd {\ndisplay: flex;\nmargin: auto;\nwidth: 200px;\n}\n.cd-thumb {\nwidth: 100%;\npadding-top: 100%;\nborder-radius: 50%;\nbackground-color: #333;\nbackground-size: cover;\nmargin: auto;\n}\n\/* CONTROL *\/\n.control {\ndisplay: flex;\nalign-items: center;\njustify-content: space-around;\npadding: 18px 0 8px 0;\n}\n.control .btn {\ncolor: #666;\npadding: 18px;\nfont-size: 18px;\n}\n.control .btn.active {\ncolor: var(--primary-color);\n}\n.control .btn-toggle-play {\nwidth: 56px;\nheight: 56px;\nborder-radius: 50%;\nfont-size: 24px;\ncolor: #fff;\ndisplay: flex;\nalign-items: center;\njustify-content: center;\nbackground-color: var(--primary-color);\n}\n.progress {\nwidth: 100%;\n-webkit-appearance: none;\nheight: 26px;\nbackground: #d3d3d3;\noutline: none;\nopacity: 0.7;\n-webkit-transition: 0.2s;\ntransition: opacity 0.2s;\n}\n.progress::-webkit-slider-thumb {\n-webkit-appearance: none;\nappearance: none;\nwidth: 12px;\nheight: 6px;\nbackground-color: var(--primary-color);\ncursor: pointer;\n}\n\/* PLAYLIST *\/\n.playlist {\nmargin-top: 450px;\npadding-top: 8px;\n}\n.song {\ndisplay: flex;\nalign-items: center;\nmargin-bottom: 2px;\nbackground-color: #fff;\npadding: 0px 16px;\nborder-radius: 5px;\nbox-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);\n}\n.song.active {\nbackground-color: var(--primary-color);\n}\n.song:active {\nopacity: 0.8;\n}\n.song.active .option,\n.song.active .author,\n.song.active .title {\ncolor: #fff;\nmargin-bottom: 1px;\nmargin-top: 1px;\n}\n.song .thumb {\nwidth: 44px;\nheight: 44px;\nborder-radius: 50%;\nbackground-size: cover;\nmargin: 0 8px;\n}\n.song .body {\nflex: 1;\npadding: 0 16px;\ntext-align: center;\n}\n}\n.song .title {\nfont-size: 18px;\ncolor: var(--text-color);\n}\n.song .author {\nfont-size: 12px;\ncolor: #999;\nmargin-top: 1px;\nmargin-bottom: 1px;\n}\n.song .option {\npadding: 16px 8px;\ncolor: #999;\nfont-size: 18px;\n}\n.link-body {\nbackground-size: cover !important;\nbackground-position: center center !important;\nbackground-repeat: no-repeat !important;\nmin-height: 100%; }\n<\/style>\n<p><\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Nh\u1ea1c HDNC – Goldstardance Hi\u1ec7n \u0110\u1ea1i N\u00e2ng Cao \u0110ang ph\u00e1t : String 57th & 9th Website CLB<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-3597","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/goldstardance.vn\/index.php\/wp-json\/wp\/v2\/pages\/3597","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/goldstardance.vn\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/goldstardance.vn\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/goldstardance.vn\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/goldstardance.vn\/index.php\/wp-json\/wp\/v2\/comments?post=3597"}],"version-history":[{"count":0,"href":"https:\/\/goldstardance.vn\/index.php\/wp-json\/wp\/v2\/pages\/3597\/revisions"}],"wp:attachment":[{"href":"https:\/\/goldstardance.vn\/index.php\/wp-json\/wp\/v2\/media?parent=3597"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}