{"slug":"add-plugin","path_data":[],"request_data":{"id":"110","url":"https:\/\/heardle-wordle.com\/songless"},"html_rate":"<style>\r\n #rating{\r\n font-family: inherit;\r\n }\r\n #rating .text-center{\r\n display: flex;\r\n width: fit-content;\r\n overflow: hidden;\r\n height: 24px;\r\n line-height: 24px;\r\n }\r\n #rating .rating-element{\r\n display: inline-block;\r\n color: inherit;\r\n margin: 0;\r\n line-height: 24px;\r\n }\r\n #default-demo{\r\n width: fit-content!important;\r\n margin-right: 15px;\r\n display: flex;\r\n align-items: center;\r\n }\r\n #default-demo img{\r\n width: 20px;\r\n }\r\n .rate-info{\r\n font-size: 18px;\r\n line-height: 24px;\r\n }\r\n<\/style>\r\n\r\n <div id=\"rating\" > \r\n <div class=\"inner-rating\" itemprop=\"reviewRating\" itemscope itemtype=\"http:\/\/schema.org\/Rating\">\r\n <div id=\"full_rate_1\" class=\"full_rate\">\r\n <div class=\"text-center\">\r\n <div class=\"rating_hover rating-element\">\r\n <div class=\"rating\" id=\"default-demo\" data-id=\"110\" style=\"cursor: pointer;\" data-score = \"5\" data-readonly =\"\"><\/div>\r\n <\/div>\r\n <span class=\"rating-element\" id=\"rate-avg\" rel=\"v:rating\"> \r\n <span class=\"rate-info\">\r\n <span id=\"countrate\">1 votes <\/span>\r\n <span itemprop=\"ratingValue\" class=\"rating-num gorgeous\" id=\"averagerate\">5<\/span>\r\n <span class=\"rating-num gorgeous\">\/<\/span>\r\n <span itemprop=\"bestRating\" class=\"rating-num gorgeous\">5<\/span>\r\n <\/span>\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<script type=\"text\/javascript\">\r\n var dir_theme = \"\/themes\/heardle-wordle.com_v2\/\";\r\n var domain_url = \"https:\/\/heardle-wordle.com\";\r\n<\/script>\r\n<script type=\"text\/javascript\" src=\"\/themes\/heardle-wordle.com_v2\/rs\/plugins\/raty\/jquery.raty.js?v=1\"><\/script>\r\n<script>\r\n rateForFun();\r\n ratingJs();\r\n function rateForFun() {\r\n var readonly = $(this).data('readonly');\r\n $('.default-rating').raty({\r\n readOnly: function () {\r\n return $(this).data('readonly');\r\n },\r\n score: function () {\r\n return $(this).attr('data-score');\r\n },\r\n });\r\n }\r\n\r\n function ratingJs() {\r\n var readdddonly;\r\n var style = '-big';\r\n readdddonly = $('#default-demo').attr('data-readonly');\r\n $('#default-demo').raty({\r\n readOnly: readdddonly,\r\n cancelOff: dir_theme + 'rs\/plugins\/raty\/images\/cancel-off.png',\r\n cancelOn: dir_theme + 'rs\/plugins\/raty\/images\/cancel-on.png',\r\n starHalf: dir_theme + 'rs\/plugins\/raty\/images\/star-half' + style + '.png',\r\n starOff: dir_theme + 'rs\/plugins\/raty\/images\/star-off' + style + '.png',\r\n starOn: dir_theme + 'rs\/plugins\/raty\/images\/star-on' + style + '.png',\r\n half: true,\r\n number: 5,\r\n numberMax: 5,\r\n score: function () {\r\n return $(this).attr('data-score');\r\n },\r\n click: function (score, evt) {\r\n var game_id = $(this).attr('data-id');\r\n var rate = $(this).attr('data-score');\r\n var url = '\/rate-game.ajax';\r\n var data = {'game_id': game_id, 'score': score};\r\n $.ajax({\r\n type: \"POST\",\r\n url: url,\r\n data: data,\r\n cache: false,\r\n success: function (html) {\r\n var data = $.parseJSON(html);\r\n $('#countrate').text(data.rate_count + ' votes ');\r\n $('#averagerate').text(data.rate_average);\r\n $('#gorgeous-bar').css(\"width\", data.gorgeous + \"%\");\r\n $('#gorgeous-bar-value').html(data.gorgeous + \"%\");\r\n $('#good-bar').css(\"width\", data.good + \"%\");\r\n $('#good-bar-value').html(data.good + \"%\");\r\n $('#regular-bar').css(\"width\", data.regular + \"%\");\r\n $('#regular-bar-value').html(data.regular + \"%\");\r\n $('#poor-bar').css(\"width\", data.poor + \"%\");\r\n $('#poor-bar-value').html(data.poor + \"%\");\r\n $('#bad-bar').css(\"width\", data.bad + \"%\");\r\n $('#bad-bar-value').html(data.bad + \"%\");\r\n $(\".rating-num\").addClass(data.class);\r\n $(\".rate-title\").addClass(data.class);\r\n $(\".rate-title\").html(data.name);\r\n $('#default-demo').raty({\r\n readOnly: true,\r\n cancelOff: dir_theme + 'rs\/plugins\/raty\/images\/cancel-off.png',\r\n cancelOn: dir_theme + 'rs\/plugins\/raty\/images\/cancel-on.png',\r\n starHalf: dir_theme + 'rs\/plugins\/raty\/images\/star-half' + style + '.png',\r\n starOff: dir_theme + 'rs\/plugins\/raty\/images\/star-off' + style + '.png',\r\n starOn: dir_theme + 'rs\/plugins\/raty\/images\/star-on' + style + '.png',\r\n half: true,\r\n number: 5,\r\n numberMax: 5,\r\n score: score\r\n });\r\n $(\"#default-demo\").css(\"cursor: pointer;\");\r\n },\r\n error: function () {\r\n $('#default-demo').raty({\r\n readOnly: true,\r\n cancelOff: dir_theme + 'rs\/plugins\/raty\/images\/cancel-off.png',\r\n cancelOn: dir_theme + 'rs\/plugins\/raty\/images\/cancel-on.png',\r\n starHalf: dir_theme + 'rs\/plugins\/raty\/images\/star-half' + style + '.png',\r\n starOff: dir_theme + 'rs\/plugins\/raty\/images\/star-off' + style + '.png',\r\n starOn: dir_theme + 'rs\/plugins\/raty\/images\/star-on' + style + '.png',\r\n half: true,\r\n number: 5,\r\n numberMax: 5,\r\n score: rate,\r\n });\r\n }\r\n });\r\n }\r\n });\r\n }\r\n<\/script>\r\n","html_comment":"<div class=\"comment-company\">\n <div id=\"comments_area\">\n <div class=\"comment_loading\"><\/div>\n <div id=\"list_comment\"><\/div>\n <div class=\"comment-load-more\"><\/div>\n <div class=\"make-comment\">\n <form id=\"comment_form\" class=\"form-group\">\n <div class=\"row\">\n <!-- <div class=\"col-md-12 comment-notes\">\n <span id=\"email-notes\">Your email address will not be published. Required fields are marked <span class=\"required\">*<\/span>.<\/span>\n <\/div> -->\n <div class=\"col-md-12\" id=\"comment_errors\"><\/div>\n <div class=\"col-md-6\">\n <input id=\"comment_author\" name=\"comment_author\" class=\"form-control\" type=\"text\" value=\"\" size=\"30\" maxlength=\"50\" placeholder=\"Name\" autocomplete=\"off\">\n <\/div>\n <div class=\"col-md-6\">\n <input id=\"comment_email\" name=\"comment_email\" type=\"input\" value=\"\" size=\"30\" class=\"form-control\" maxlength=\"100\" placeholder=\"Email\" autocomplete=\"off\">\n <\/div>\n <div class=\"col-md-12\">\n <textarea id=\"comment_content\" name=\"comment_content\" class=\"form-control\" cols=\"45\" rows=\"3\" maxlength=\"65525\" placeholder=\"Content\"><\/textarea>\n <\/div>\n <div class=\"col-md-12\" style=\"padding-top:10px;padding-bottom:10px\">\n <input id=\"commentChecked\" type=\"checkbox\" name=\"commentChecked\">\n <label for=\"commentChecked\" style=\"display:unset!important;cursor:pointer;\" class=\"commentChecked-text\">I'd read and agree to the terms and conditions.<\/label>\n <\/div>\n <div class=\"col-md-12 pull-center\" style=\"padding-bottom: 10px;\">\n <input name=\"submit\" type=\"submit\" class=\"submit btn btn-primary\" value=\"Comment\" \/>\n <input type=\"hidden\" name=\"parent_id\" id=\"parent_id\" value=\"0\" \/>\n <input type=\"button\" onclick=\"reply_all(); return false;\" id=\"btn_cancel\" class=\"submit btn btn-primary pull-right hidden\" value=\"Cancel\" \/>\n <!-- <p id=\"msg\"> Thank you for commenting. Please leave constructive comments, respect other people\u2019s opinions, and stay on topic <span class=\"required\">*<\/span>.<\/p> -->\n <\/div>\n <\/div>\n <\/form>\n <\/div>\n <script>\n jQuery(\"#go_to_comment\").click(function() {\n jQuery(\"html, body\").animate({\n scrollTop: jQuery(\"#comment_form\").offset().top\n }, 1000);\n });\n jQuery(\"#comment_form\").validate({\n focusInvalid: false,\n onfocusout: false,\n errorElement: \"div\",\n errorPlacement: function(error, element) {\n error.appendTo(\"div#comment_errors\");\n },\n ignore: \".ignore\",\n rules: {\n \"comment_content\": {\n required: true,\n maxlength: 65525\n },\n \"comment_author\": {\n required: true,\n maxlength: 50\n },\n \"comment_email\": {\n required: true,\n email: true,\n maxlength: 100\n },\n \"commentChecked\": {\n required: true\n }\n },\n messages: {\n \"comment_content\": {\n required: \"Please type your comment!\",\n maxlength: \"\"\n },\n \"comment_author\": {\n required: \"Please type your name!\",\n maxlength: \"\"\n },\n \"comment_email\": {\n required: \"Please type your email\",\n email: \"Check your email is not exactly!\",\n maxlength: \"\"\n },\n \"commentChecked\": {\n required: \"Please agree to the terms and conditions before comment.\"\n }\n },\n submitHandler: function() {\n console.log('here');\n jQuery(\".comment_loading\").show();\n var question_ajax = \"\/make-comment.ajax\";\n var content = jQuery(\"#comment_content\").val();\n var author = jQuery(\"#comment_author\").val();\n var email = jQuery(\"#comment_email\").val();;\n var website = jQuery(\"#comment_website\").val();\n var parent_id = jQuery(\"#parent_id\").val();\n var metadataload = {};\n metadataload.content = content;\n metadataload.author = author;\n metadataload.email = email;\n metadataload.website = website;\n metadataload.parent_id = parent_id;\n metadataload.related_id = parseInt(\"0\");\n metadataload.related_url = \"https:\/\/heardle-wordle.com\/songless\";\n jQuery.ajax({\n url: question_ajax,\n data: metadataload,\n type: 'POST',\n success: function(data) {\n jQuery(\".comment_loading\").hide();\n if (data != '') {\n var result = jQuery.parseJSON(data);\n if (result.result === true) {\n var comment_data = result.comment;\n var str_comment = \"\";\n if (comment_data.parent_id == 0) {\n str_comment = `<div id=\"comment_${comment_data.id}\" class=\"replyWrap your_comment clearAfter\">\n <div class=\"listProfile\">\n <div class=\"img img-thumbnail\">${comment_data.author.charAt(0)}<\/div>\n <span class=\"user\">${comment_data.author}<\/span>\n <span class=\"user\">${comment_data.date}<\/span>\n <\/div>\n <div class=\"listContent\">\n <div class=\"comment--content\">${comment_data.content}<\/div>\n <div class=\"control-action\">\n <a class=\"icon comment\" href=/ onclick=\"reply_to(${comment_data.id});\n return false;\" title=\"Add a comment to this comment\" rel=\"nofollow\">\n <svg width=\"16px\" height=\"16px\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M14.2929 13.2929C13.9024 13.6834 13.9024 14.3166 14.2929 14.7071C14.6834 15.0976 15.3166 15.0976 15.7071 14.7071L20.7071 9.70711C21.0976 9.31658 21.0976 8.68342 20.7071 8.29289L15.7071 3.29289C15.3166 2.90237 14.6834 2.90237 14.2929 3.29289C13.9024 3.68342 13.9024 4.31658 14.2929 4.70711L17.5858 8H8C6.67392 8 5.40215 8.52678 4.46447 9.46447C3.52678 10.4021 3 11.6739 3 13V20C3 20.5523 3.44771 21 4 21C4.55229 21 5 20.5523 5 20V13C5 12.2044 5.31607 11.4413 5.87868 10.8787C6.44129 10.3161 7.20435 10 8 10H17.5858L14.2929 13.2929Z\" \/>\n <\/svg>\n <b class=\"comment--reply\">Reply<\/b>\n <\/a>\n <a class=\"icon vote comment_vote_row_${comment_data.id} voteUp\" href=/ onclick=\"comment_vote(, 'up');\n return false;\" title=\"Vote this comment up (helpful)\" rel=\"nofollow\">\n <svg width=\"16px\" height=\"16px\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <g id=\"style=fill\">\n <g id=\"like\">\n <path id=\"Subtract\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M15.9977 5.63891C16.2695 4.34931 15.433 3.00969 14.2102 2.59462C13.6171 2.37633 12.9892 2.4252 12.4662 2.60499C11.9449 2.78419 11.4461 3.12142 11.1369 3.58441L11.136 3.58573L7.49506 9.00272C8.05104 9.29585 8.43005 9.87954 8.43005 10.5518V21.3018H6.91003V21.3018H16.6801C18.2938 21.3018 19.2028 20.2977 19.8943 19.202C20.6524 18.0009 21.1453 16.7211 21.5116 15.5812C21.6808 15.0546 21.8252 14.5503 21.9547 14.0984L21.9863 13.9881C22.126 13.5007 22.2457 13.0904 22.366 12.7549C22.698 11.8292 22.5933 10.9072 22.067 10.2072C21.5476 9.5166 20.7005 9.15175 19.76 9.15175H15.76C15.6702 9.15175 15.6017 9.11544 15.5599 9.06803C15.5238 9.02716 15.4831 8.95058 15.502 8.81171L15.9977 5.63891Z\" fill=\"\" \/>\n <path id=\"rec\" d=\"M2.18005 10.6199C2.18005 10.03 2.62777 9.55176 3.18005 9.55176H6.68005C7.23234 9.55176 7.68005 10.03 7.68005 10.6199V21.3018H3.18005C2.62777 21.3018 2.18005 20.8235 2.18005 20.2336V10.6199Z\" fill=\"\" \/>\n <\/g>\n <\/g>\n <\/svg>\n <b class=\"voteUp\" id=\"comment_voteup_\"><\/b>\n <\/a>\n <a class=\"icon vote comment_vote_row_${comment_data.id} voteDown\" href=/ onclick=\"comment_vote(, 'down');\n return false;\" title=\"Vote this comment down (not helpful)\" rel=\"nofollow\">\n <svg width=\"16px\" height=\"16px\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <g id=\"style=fill\">\n <g id=\"like\">\n <path id=\"Subtract\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M15.9977 5.63891C16.2695 4.34931 15.433 3.00969 14.2102 2.59462C13.6171 2.37633 12.9892 2.4252 12.4662 2.60499C11.9449 2.78419 11.4461 3.12142 11.1369 3.58441L11.136 3.58573L7.49506 9.00272C8.05104 9.29585 8.43005 9.87954 8.43005 10.5518V21.3018H6.91003V21.3018H16.6801C18.2938 21.3018 19.2028 20.2977 19.8943 19.202C20.6524 18.0009 21.1453 16.7211 21.5116 15.5812C21.6808 15.0546 21.8252 14.5503 21.9547 14.0984L21.9863 13.9881C22.126 13.5007 22.2457 13.0904 22.366 12.7549C22.698 11.8292 22.5933 10.9072 22.067 10.2072C21.5476 9.5166 20.7005 9.15175 19.76 9.15175H15.76C15.6702 9.15175 15.6017 9.11544 15.5599 9.06803C15.5238 9.02716 15.4831 8.95058 15.502 8.81171L15.9977 5.63891Z\" fill=\"\" \/>\n <path id=\"rec\" d=\"M2.18005 10.6199C2.18005 10.03 2.62777 9.55176 3.18005 9.55176H6.68005C7.23234 9.55176 7.68005 10.03 7.68005 10.6199V21.3018H3.18005C2.62777 21.3018 2.18005 20.8235 2.18005 20.2336V10.6199Z\" fill=\"\" \/>\n <\/g>\n <\/g>\n <\/svg>\n <b class=\"voteDown\" id=\"comment_votedown_\"><\/b> \n <\/a>\n <\/div>\n <\/div>\n <\/div>`;\n if (comment_data.status == 'trash') {\n str_comment += \"<p><i>Your comment is awaiting moderation!<\/i><\/p>\";\n }\n jQuery(\"#list_comment\").prepend(str_comment);\n } else {\n str_comment = `<div id=\"comment_${comment_data.id}\" class=\"replyWrap your_comment clearAfter\">\n <div class=\"listProfile\">\n <div class=\"img img-thumbnail\">${comment_data.author.charAt(0)}<\/div>\n <span class=\"user\">${comment_data.author}<\/span>\n <span class=\"user\">${comment_data.date}<\/span>\n <\/div>\n <div class=\"listContent\">\n <div class=\"comment--content\">${comment_data.content}<\/div>\n <\/div>\n <\/div>`;\n if (comment_data.status == 'trash') {\n str_comment += \"<p><i>Your comment is awaiting moderation!<\/i><\/p>\";\n }\n jQuery(\"#comment_\" + comment_data.parent_id).append(str_comment);\n jQuery(\"#comment_form\").appendTo(\".make-comment\");\n jQuery(\"#comment_form\").removeClass(\"commentBlock\");\n reply_all();\n }\n\n jQuery(\"#comment_count\").html(parseInt((\"0\")));\n jQuery(\"html, body\").animate({\n scrollTop: jQuery(\"#list_comment\").offset().top\n }, 1000);\n jQuery(\"#comment_form\").trigger(\"reset\");\n\n }\n }\n }\n });\n }\n });\n <\/script>\n <script>\n function reply_to(comment_id) {\n jQuery(\"#comment_form\").addClass(\"commentBlock\");\n jQuery(\"#btn_cancel\").removeClass(\"hidden\");\n jQuery(\"#comment_form\").trigger(\"reset\");\n jQuery(\"#parent_id\").val(comment_id);\n jQuery(\"#comment_form\").appendTo(\"#comment_\" + comment_id);\n }\n\n function reply_all() {\n jQuery(\"#comment_form\").trigger(\"reset\");\n jQuery(\"#parent_id\").val(\"0\");\n jQuery(\"#comment_form\").appendTo(\".make-comment\");\n jQuery(\"#btn_cancel\").addClass(\"hidden\");\n jQuery(\"#comment_form\").removeClass(\"commentBlock\");\n }\n\n function comment_vote(comment_id, vote) {\n jQuery(\".comment_vote_row_\" + comment_id).css(\"fontSize\", 0);\n jQuery(\".comment_vote_row_\" + comment_id).prop('onclick', null).off('click');\n\n var comment_comment_voteajax = \"\/comment-vote.ajax\";\n var metadataload = {};\n metadataload.comment_id = comment_id;\n metadataload.vote = vote;\n jQuery.ajax({\n url: comment_comment_voteajax,\n data: metadataload,\n type: 'POST',\n success: function(data) {\n if (data != '') {\n var result = jQuery.parseJSON(data);\n if (result.result === true) {\n var comment_obj = result.comment;\n switch (vote) {\n case \"up\":\n jQuery(\"#comment_voteup_\" + comment_id).html(comment_obj.like);\n break;\n case \"down\":\n jQuery(\"#comment_votedown_\" + comment_id).html(comment_obj.dislike);\n break;\n }\n\n }\n }\n }\n });\n }\n\n function report_comment(comment_id) {\n jQuery(\"#report_comment_\" + comment_id).css(\"fontSize\", 0);\n jQuery(\"#report_comment_\" + comment_id).prop('onclick', null).off('click');\n }\n <\/script>\n <script>\n jQuery(\"#btn_comments_area\").click(function() {\n jQuery(\"html, body\").animate({\n scrollTop: jQuery(\"#comment_form\").offset().top\n }, 1000);\n });\n jQuery('#load_more_comment').click(function(event) {\n event.preventDefault();\n var page = jQuery(this).data(\"page\");\n var limit = jQuery(this).data(\"limit\");\n var sort = jQuery(this).data(\"sort\");\n var url = jQuery(this).data(\"url\");\n load_comment(page, limit, sort, url, '#list_comment', '');\n });\n\n function load_comment(page, limit, sort, url, main_contain_id, refresh) {\n jQuery(\"#load_more_comment\").remove();\n jQuery(\".comment-load-more\").show();\n var mainposturl = \"\/comment-paging.ajax\";\n var metadataload = {};\n metadataload.page = page;\n metadataload.limit = limit;\n metadataload.sort = sort;\n metadataload.url = url;\n jQuery.ajax({\n url: mainposturl,\n data: metadataload,\n type: 'POST',\n success: function(data) {\n jQuery(\".comment-load-more\").hide();\n if (refresh === 'f5') {\n jQuery(main_contain_id).html(data);\n } else {\n jQuery(main_contain_id).append(data);\n }\n jQuery('#load_more_comment').click(function(event) {\n event.preventDefault();\n var page = jQuery(this).data(\"page\");\n var limit = jQuery(this).data(\"limit\");\n var sort = jQuery(this).data(\"sort\");\n var url = jQuery(this).data(\"url\");\n load_comment(page, limit, sort, url, '#list_comment', '');\n });\n }\n });\n }\n load_comment(1, 5, \"newest\", \"https:\/\/heardle-wordle.com\/songless\", \"#list_comment\", \"\");\n jQuery('#sort_by').on('change', function() {\n load_comment(1, 5, \"\" + this.value + \"\", \"https:\/\/heardle-wordle.com\/songless\", \"#list_comment\", \"f5\");\n });\n <\/script>\n\t\t<script>\n function commentUpdateStatus(event, id) {\n let status = $(event).val();\n if (!id) return;\n var url = '\/comment-update.ajax';\n jQuery.ajax({\n url: url,\n type: \"POST\",\n data: {\n id: id,\n status: status\n },\n success: function(response) {\n if(response == 1){\n alert(\"Update successfully!\");\n }else{\n alert(\"Update failed! Please contact Administrators\");\n }\n }\n })\n }\n <\/script>\n <\/div>\n<\/div>\n<style>\n #comments_area .row {\n display: flex;\n margin: 0 -15px;\n flex-wrap: wrap;\n width: unset\n }\n\n #comments_area .col-md-12 {\n box-sizing: border-box;\n width: 100%;\n padding: 0 15px;\n }\n\n #comments_area .col-md-6 {\n box-sizing: border-box;\n padding: 0 15px;\n width: 50%\n }\n\n #comments_area .col-md-4 {\n box-sizing: border-box;\n padding: 0 15px;\n width: 33.33%\n }\n\n .comment-header,\n .comment-count {\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-weight: 600;\n }\n\n #comment_count {\n margin-left: 5px;\n }\n\n .comment-load-more,\n .comment_loading {\n background: url('themes/heardle-wordle.com_v2/rs/imgs/comments/icon_loader.gif') 0 0\/100% auto no-repeat;\n width: 70px;\n height: 50px;\n margin: 0 auto;\n display: none\n }\n\n .col-all {\n display: flex;\n flex-basis: auto\n }\n\n .replyWrap {\n position: relative;\n background: url('themes/heardle-wordle.com_v2/rs/imgs/comments/quote.png') right top no-repeat;\n border-top: 1px solid #e8e8e8\n }\n\n .clearAfter {\n display: block;\n clear: both;\n padding: 10px 0;\n }\n\n .listProfile {\n display: flex;\n align-items: center;\n margin-bottom: 10px;\n }\n\n .listProfile .user {\n font-size: 12px;\n margin-right: 10px;\n }\n\n .listProfile .user:nth-child(2) {\n text-decoration: underline;\n }\n\n .listProfile .user:nth-child(3) {\n opacity: 0.85;\n }\n\n .listContent {\n position: relative;\n overflow: hidden\n }\n\n .replyWrap .left {\n float: left;\n padding: 0\n }\n\n .replyWrap b.voteUp {\n color: #3998f7;\n margin-left: 5px;\n }\n\n .replyWrap .rating b {\n font-weight: 400\n }\n\n .replyWrap b.voteDown {\n color: #ef3056\n }\n\n .replyWrap a.icon.voteDown svg {\n transform: rotate(-180deg);\n fill: #ef3056;\n }\n\n .replyWrap a.icon.voteUp svg {\n fill: #3998f7;\n }\n\n .replyWrap .right {\n float: right;\n padding: 0\n }\n\n .replyWrap a.icon {\n display: flex;\n align-items: center;\n letter-spacing: -1px;\n font-size: 12px;\n padding: 0;\n padding: 2px;\n margin-right: 8px;\n\n }\n\n .replyWrap a.icon>svg {\n width: 18px;\n height: 18px;\n fill: #4b80c9;\n }\n\n .icon {\n padding-left: 20px;\n background-position: left center;\n background-repeat: no-repeat\n }\n\n a.icon {\n border: 0 !important\n }\n\n .replyWrap a.icon>b {\n font-size: 16px;\n line-height: 1;\n margin-left: 2px;\n opacity: 0.8;\n }\n\n .commentBlock {\n \/* border-top: 1px solid #e8e8e8; *\/\n }\n\n .commentBlock .listProfile {\n margin-left: 0;\n padding-left: 6px;\n text-align: center\n }\n\n .your_comment {\n background: #d1f4a8;\n padding: 10px;\n }\n\n \/* .comment {\n background-image: url('\/themes\/heardle-wordle.com_v2\/rs\/imgs\/comments\/comment.png')\n }\n\n .replyWrap a.voteUp {\n background-image: url('\/themes\/heardle-wordle.com_v2\/rs\/imgs\/comments\/thumbs_up.png')\n }\n\n .replyWrap a.voteDown {\n background-image: url('\/themes\/heardle-wordle.com_v2\/rs\/imgs\/comments\/thumbs_down.png')\n } *\/\n\n .replyWrap a.report {\n background-position: 0 2px\n }\n\n\n \/* a.fav {\n background-image: url('\/themes\/heardle-wordle.com_v2\/rs\/imgs\/comments\/heart.png')\n }\n\n .report {\n background-image: url('\/themes\/heardle-wordle.com_v2\/rs\/imgs\/comments\/report.png')\n } *\/\n\n .commentLink {\n float: left;\n padding-left: 35px;\n background: url('\/themes\/heardle-wordle.com_v2\/rs\/imgs\/comments\/comment_comment.png') left center no-repeat;\n border: 0;\n line-height: 26px\n }\n\n #rc-imageselect {\n transform: scale(.77);\n -webkit-transform: scale(.77);\n transform-origin: 0 0;\n -webkit-transform-origin: 0 0\n }\n\n @media screen and (max-height:575px) {\n\n #rc-imageselect,\n .g-recaptcha {\n transform: scale(.77);\n -webkit-transform: scale(.77);\n transform-origin: 0 0;\n -webkit-transform-origin: 0 0\n }\n }\n\n .required {\n color: red\n }\n\n input.error,\n textarea.error {\n border: 1px solid red !important\n }\n\n div.error,\n label.error {\n font-weight: 400;\n color: red !important;\n display: block\n }\n\n .text-normal {\n font-weight: 400 !important\n }\n\n .make-comment label {\n display: block;\n margin-right: 12px;\n padding: 10px 0\n }\n\n #respond textarea {\n background-color: #fff;\n border: 1px solid #ddd;\n color: #333;\n font-size: 18px;\n font-size: 1.8rem;\n font-weight: 400;\n padding: 16px;\n width: 100%\n }\n\n .btn,\n .form-control {\n font-size: 14px;\n line-height: 1.42857143;\n background-image: none\n }\n\n #comments_area {\n text-align: left;\n color: inherit;\n line-height: 1.5\n }\n\n .form-control {\n display: block;\n width: 100%;\n \/* height: 34px; *\/\n color: #555;\n background-color: #fff;\n border: 1px solid #ccc;\n border-radius: 4px;\n -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);\n -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;\n -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;\n transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;\n box-sizing: border-box;\n padding: 10px 15px;\n margin-top: 15px;\n }\n\n textarea.form-control {\n height: auto\n }\n\n .btn {\n display: inline-block;\n padding: 6px 12px;\n margin-bottom: 0;\n font-weight: 400;\n text-align: center;\n white-space: nowrap;\n vertical-align: middle;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n border: 1px solid transparent;\n border-radius: 4px\n }\n\n .btn-primary {\n background-color: #4b80c9;\n border-color: #4b80c9;\n color: #fff\n }\n\n .btn-primary:hover {\n font-weight: 700\n }\n\n .hidden {\n display: none\n }\n\n .pull-right {\n float: right !important\n }\n\n .comment-date {\n \/* white-space: nowrap; *\/\n \/* font-size: 10px; *\/\n }\n\n select.input-sm {\n height: 30px;\n line-height: 30px;\n margin: 10px\n }\n\n #list_comment a {\n color: inherit\n }\n\n #load_more_comment {\n color: #fff !important;\n }\n\n #msg {\n padding: 10px 0;\n font-style: italic\n }\n\n .comment-notes {\n padding-bottom: 10px;\n font-style: italic\n }\n\n #comment_form {\n clear: both\n }\n\n .question-title {\n padding-left: 15px\n }\n\n #sort_by {\n color: inherit;\n }\n\n #sort_by option {\n color: #000;\n }\n\n #comments_area .img-thumbnail {\n display: inline-block;\n -webkit-transition: all .2s ease-in-out;\n -o-transition: all .2s ease-in-out;\n transition: all .2s ease-in-out;\n border-radius: 50%;\n background-color: #4b80c9;\n color: #fff;\n text-transform: uppercase;\n width: 45px;\n height: 45px;\n line-height: 45px;\n text-align: center;\n margin-right: 10px;\n font-weight: 600;\n font-size: 20px;\n }\n\n .listProfile img {\n width: auto;\n height: auto\n }\n\n .img-cirle {\n width: 24px !important;\n height: 24px !important\n }\n\n .comment--content {\n margin-bottom: 10px;\n word-break: break-word;\n }\n\n .control-action {\n display: flex;\n align-items: center;\n }\n\n .comment__reply {\n padding-left: 20px;\n \/* border-left: 2px dashed #e8e8e8; *\/\n margin-left: 20px;\n }\n\n p>i {\n font-size: 12px;\n }\n\n @media (max-width:991px) {\n #comments_area .col-md-4 {\n width: 100%\n }\n }\n\t.adminManager {\n margin-left: auto;\n padding: 5px 10px;\n cursor: pointer;\n background-color: #fff;\n color: #000;\n border: 1px solid #ccc;\n }\n<\/style>"}