fixed reply/post screen not rendering on gamepad

src/webfiles/portal/community.ejs

@@ -26,7 +26,7 @@
 <div id="main">
     <div id="windowOverlay" class="overlay" style="margin-bottom: 0">
         <div class="overlay-content" style="position: fixed">
-            <div id="post-window" class="new-post-wrapper">
+            <div id="post-window" class="post-wrapper">
                 <!--Start of Main Post-->
                 <form class="post-emotion-radio" action="/posts/new" method="post" enctype="multipart/form-data">
                     <table>
@@ -173,7 +173,7 @@
             </tbody>
         </table>
     </div>
-    <div class="community-page-posts-wrapper">
+    <div class="community-page-post-box">
         <table class="community-page-posts-header switcher">
             <tbody>
             <tr>

src/webfiles/portal/css/juxt.css

@@ -14,7 +14,7 @@
 body {
     background-color: rgba(232,236,236,1);
     background-repeat: no-repeat !important;
-    /* background: #eeeeee url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAADwBAMAAADMe/ShAAAAHlBMVEX29vb09PTy8vL19fXz8/Px8fHw8PDv7+/u7u739/dHdNvrAAACSElEQVR4AezYNX7DMBiGcafcKTRlC0hdy7T1Z7iAcS5YOkEl38DeQlNOW24YX63fsxr+Ztm2RmvjMiu2bWbOXPmjtW2A7S8YKlfMCK4lKPzeMoJvYhROHYIJno9gggkmmGCCCSaYYIIJJphgggkmGP/PZQZf4XDHCK5JFFYtE7hXkwWYap0awEMPh8NHA7jPNQprv2EAH5zh8MsTDo9vY/xGxuCeLXFYsVMY7nNZwCm/AcM3scZhnTooPBwfafBYP4JwiZvBfgWDh7Xxkc71DmXjY916hOAbLrMxK7ZuTOfKdxC4ZMf6z1Ui2iEh/2Sdssru8L4dy+zXFVGbuVtntyPxK+cqZRc7wr1Ll0v95/qser1DVZv/yVr5bv10Bczq+ML4Rl/als/ww4WfJptbwuACMbgwhaUVfkvgt6LU1icpdkAAAADAEEz/1EKshHOBgMAnwZ7gNgG9DEwybTKpyZiLRCT6ItqUCJuIYqKoosaJlEsMJBki+ZOElwRfkpqSuElcS9Qnd4LcGN3enRUACMRQDFSDJRzg3wIKuNnNzygYA83rGbx9g1cwGAwGg8FgMBgMBoPBYDAYDAaDwWAwGAwGg8FgMBgMBoPB/bFgfx7ZH4TWJ7DB0W9w5hwcdgen7MHxfp8r9IFGkKQEEU6WHWWhVZaWZTFdlg9mwWSdiAZRbJABB+FzkHoHcXuQ82cDBtlkQzVSkc1yZEMk2fRKNjZTzetkg0LlhJK1KjAYDAaDwWAwGAwGg8FgcAD3L/H6J4DLS/j67eEOl9GYoKbAV2YAAAAASUVORK5CYII='); */
+    /*background: #eeeeee url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAADwBAMAAADMe/ShAAAAHlBMVEX29vb09PTy8vL19fXz8/Px8fHw8PDv7+/u7u739/dHdNvrAAACSElEQVR4AezYNX7DMBiGcafcKTRlC0hdy7T1Z7iAcS5YOkEl38DeQlNOW24YX63fsxr+Ztm2RmvjMiu2bWbOXPmjtW2A7S8YKlfMCK4lKPzeMoJvYhROHYIJno9gggkmmGCCCSaYYIIJJphgggkmGP/PZQZf4XDHCK5JFFYtE7hXkwWYap0awEMPh8NHA7jPNQprv2EAH5zh8MsTDo9vY/xGxuCeLXFYsVMY7nNZwCm/AcM3scZhnTooPBwfafBYP4JwiZvBfgWDh7Xxkc71DmXjY916hOAbLrMxK7ZuTOfKdxC4ZMf6z1Ui2iEh/2Sdssru8L4dy+zXFVGbuVtntyPxK+cqZRc7wr1Ll0v95/qser1DVZv/yVr5bv10Bczq+ML4Rl/als/ww4WfJptbwuACMbgwhaUVfkvgt6LU1icpdkAAAADAEEz/1EKshHOBgMAnwZ7gNgG9DEwybTKpyZiLRCT6ItqUCJuIYqKoosaJlEsMJBki+ZOElwRfkpqSuElcS9Qnd4LcGN3enRUACMRQDFSDJRzg3wIKuNnNzygYA83rGbx9g1cwGAwGg8FgMBgMBoPBYDAYDAaDwWAwGAwGg8FgMBgMBoPB/bFgfx7ZH4TWJ7DB0W9w5hwcdgen7MHxfp8r9IFGkKQEEU6WHWWhVZaWZTFdlg9mwWSdiAZRbJABB+FzkHoHcXuQ82cDBtlkQzVSkc1yZEMk2fRKNjZTzetkg0LlhJK1KjAYDAaDwWAwGAwGg8FgcAD3L/H6J4DLS/j67eEOl9GYoKbAV2YAAAAASUVORK5CYII=');*/
     margin: 0;
     font-family: 'Conv_Poppins-Light', sans-serif;
 }
@@ -204,8 +204,6 @@ ul, ol, menu, li {
     overflow: hidden;
     margin-top: 13px;
     margin-bottom: 0;
-    z-index: 20;
-    position: absolute;
 }
 
 .overlay .closebtn {
@@ -216,13 +214,15 @@ ul, ol, menu, li {
 }
 
 .post-wrapper {
+    text-align: center;
+    margin-left: auto;
+    margin-right: auto;
+    width: 1065px;
     background-color: rgba(255,255,255,1);
     border: 1.5px solid #d6d2d2;
     border-radius: 10px;
-    margin-bottom: 30px;
-    margin-left: 135px;
-    width: 790px;
-    box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.5);
+    margin-bottom: 0;
+
 }
 
 .post-close-button-wrapper {
@@ -265,15 +265,15 @@ ul, ol, menu, li {
 
 .post-yeah-button-wrapper {
     padding-bottom: 150px;
+    background-repeat: no-repeat !important;
+    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAAA8CAYAAADSfGxZAAAABHNCSVQICAgIfAhkiAAABHpJREFUaEPtm8Fu20YQhv+hpAQ51X2CKIfIvVW5FW2M2sc4sK08QSSgZNJTmieo8gR2T02kAlaeIJQMO0czSFr0FudWKQXqPkGlU5BI4hRLiDQpU/LS4lKCQp4EaZfc/9uZ2eFol+C7jO9e3ifiMhMXCbTi/21ZPjO4S0wnzNSo/X7nuauLxIfy+vHK1cGHFyCsL4tgKR0M62P22r2GtdF1QDy4fXT82UFwSTGsZ282N+jh2mGZQftSBJe0EYErZNw+sojw/ZlGbtpDVOt/3D1ZRt0Pv3mZ55y9B9COZxSMV2SsHf7nD4zUpxtP/7xzuowQXE36t4dFLUNvz7yDu/Rg7Yj9op+93nTixrJf47pTEKMZT0GkIIIhIbWI1CJSi3BsIF01Rq6QgkhBBFPEuVhE6atf88NB5nqG0DPfG1LvMKX8/sow2/9aDD8zyL0zTyvdOLPdxEBsFX4racSPgNAah8Vgs9U2fvGLE8DYzuyCUAQoHxTOp2CckDZ8bP7148zvQspBiJnkK/19EJUkZtAiGlSEsO3V2iNiqoIwvTLG6NqgykHnB1Pi/hObKAVRulkrMpEo8siX+RhdgE9BVIwkjLnR7BiVSH18jZWC2CnU3k4Q9C8LsYwVInL8/sKLuccEJ54QowiiL8b72MDjg7a+d+G9QhooA7FdqFeJ8LP/mQx+pX3MlfyBTriOfbVfJZCIH+cv5p4NrTxu+k7Mgd0IAGF0SRvcukzMUALCCXKc/ScAgfG81dHLk2Zr62atrGnBEiEzv9M+5dYnrRCj+CPcyLMOZjRbHV0mHgWGogTEuCghqNUxLvR5f7+LILgqRqvRC08Vo9vs6F9GdQ8lILZXa3t+U4/iu8KaMMjmzb91S1bMzmpdLJ/X3fZEgxtR3UMVCItAXgGYhtiIIkwWgNtuu1A3ieAVX22me1GX0xTEiKYaEIV6gwj33Rmzba4cvDcaUWdatv34Mk0235JN3d1nKAGxtVr/SQN2fUKsZlvfkBUWpZ2TtGlnpXjRt9nWI1felYAIG1yUgCkLYrR8HvuTNpGrtNpG5P9slYAQQsYDmPgubhfZKdTEO0wgN7mMW4ixKQMRluzECSMMAjOetDp6Vdai/O2UgRAPOZfsjJ48q2WEQ5BL2iZBUgrCgRGSOs9iGZMgTEvFZSxEOYg4YaiCoDRGjM/CrJahEkKiIGaxDNUQEgdxGRhJQJgLiCgwkoIwNxAyMJKEMFcQ02AAELWIQJosW6iRWSrD2iSyfE4b3KTVxN9HNYS5W4QrdhqMJCAsDIhJbpIUhIUCMQ4jSQgLB0IMSNQyhkAx08+Zcf/ROy1WzT1YXjbKx90vBTEimoJIQQSdK7WI1CJSiwhdcFLXmOQaxtqRONjl7Tf4PA+uoHfuKBMzTLb5yTIfZbKzvEsEb3MJi6NM6eE2wDncJlzm/AG3uBPaxb2fsIbam8117wDslcEHsfnCd9pvcQcf18gEhE/ZayXvAKx7Y+EmNlNZ7Hz1B9C4HrwI92GgJ3bwasSNp6/vens4/gcrH5FO7PvkhAAAAABJRU5ErkJggg==')
+    310px 65px;
 }
 
-.post-yeah-button-wrapper.selected > svg > #Rectangle_49 {
-    fill: #4F279B;
-}
-
-.post-yeah-button-wrapper.selected > svg > #Group_82 > path {
-    fill: #4F279B;
-    stroke: white;
+.post-yeah-button-wrapper.selected {
+    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAAA8CAYAAADSfGxZAAAABHNCSVQICAgIfAhkiAAABBNJREFUaEPtmztMFEEYx78hEAOihRb4QEMBKAWKFCq5O0MwvgATTIROCRheBRDpgNaD7hK1ECFK0E4KNeHpKyYcQSl4FiZAYRSUK6BAlAJkzLfeHrvL3u3u7dxuOOZLLrmwM7Pz/eb/PdjLEpBYhbP3VgxAEQVynhA4Ir0WLd8phR8E6KdNgFcd3oLnol8Ev1Q63h6HmPUOAnA5WhzW4wcFeAObcRXtw5e+CSCqnH1eIODQMznaxlAK3nZvvotUOXvLgJCn0eagIX8oLSdVrr4BALhiaGL0DR4klc7eRUJIUvT5pt8jSqkPFUH1T4nekRyE/2w5CA5CHuZcEVwRXBGqpY+HBg8NHhr2hcbBQ/GAn7XfG/B9dkVXe5qQGAfJqfuEsfNzv+DP6rqueeEOiliOyHIlQd7NFEg/c2Db3mbGl2HC64MP3V9l1xBWcW0GHEvbL4CT2tLimgCx++EXwO+sjTkIPMnbjZmAILQMgXS1TgmO5RWnQGFZKuD8UIbKeNY6DRNDPq3lDV1nCgJP8u79s5rOSHeIji39XBNUYMRG+uehq3XayJSQY5mCaH7iUHUITxw/CYmxkJyqz2FpPkFI8XtjtzmCYfJeEV7hkmEGAmVdWJYm28fMxDK0NY3JEh1KH8diKKgZAuhqmdomfQy10qZTMiCoJnf5MJOcwQQEJjb3i1yZXyMDC4JDwSznWjKUNmbKLs/PrYCnbjRohUCI7u5cGYxJrw8eNY2FK4TAPCYglE6hQ/fKhzU3J52nBUFcDJVR7c4OrI2qaMh/p3kvrQFMQJTUZsikbiR2hR7jcALMjC9p7TVwHdUnLa/NJR9NhwcTEA0PzkF61la/4KkfNeSYbgL+gTUt2XDauVWe25rHTJdTDsIPlwkIzOY5V48GDhbrO9b5SJmyTLvvDOtu3YPtiQmIi8UpQmssGnaMnvrPEeGAPQWCkFr1hX7T92ICQm1zRhKmES+UasBexVNnHjoTEOiIMoHh31iHCPYdWHKlxiIscD1mINSaHZYw1CD0dM5CT+ecEUEFHcsMBN5B2eyIdzWrDDUIeps2vZSYgsCbqrXOZpQRDEKoVlyv89JxzEGwhGEVBKY5QnkKZpVhJYSIgjCjDKshRBxEODDsgGAJCCMw7IJgGQg9MOyEYCmIUDDwfxPlY3+9D2rCKZVqcyJSPkNtLlg1kc6xGoLlihCdDQXDDgi2gQgWJnZBsBWEEoadEGwHgRvAZxn4o8/kkC/iP/SGyl2WJ0tWWZ71OhyEnygHwUHIg4srgiuCK0K14PDQEEODv7gCIL64wl9lAhgkla6+IgLwknWntpPWowA3/r/uuKtfcKOvHw8VoBgAahz9JzZj6CQA7NlJJ8lgr6tk4+/JtpHrCwII0XbzK9H/AA3nZQ9WdEU6AAAAAElFTkSuQmCC')
+    310px 65px;
+    background-repeat: no-repeat !important;
 }
 
 .post-yeah-button {
@@ -790,7 +790,7 @@ td.messages-list-wrapper.end  {
 .communities-wrapper {
     width: 1060px;
     background-color: rgba(255,255,255,1);
-    border: 1.5px solid #ffffff00;
+    /*border: 1.5px solid #d6d2d2;*/
     box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.5);
     -webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.5);
     border-radius: 10px;
@@ -985,7 +985,7 @@ h4 {
 
 .community-page-margin-line {
     border-top: 2px solid #D6D2D2;
-    width: 1024px;
+    width: 997px;
     height: 5px;
     position: absolute;
     z-index: 5;
@@ -995,7 +995,7 @@ h4 {
 
 .community-page-shaded-info-container {
     z-index: 3;
-    width: 250px;
+    width: 240px;
     height: 60px;
     background-color: rgb(233, 233, 233);
     border: 1.5px solid #e9e9e9;
@@ -1005,7 +1005,7 @@ h4 {
 .community-page-follow-button-wrapper {
     width: 250px;
     height: 61px;
-    right: 12px;
+    margin-left: 772px;
     margin-top: 15px;
     position: absolute;
     background-size: 100% !important;
@@ -1033,7 +1033,7 @@ h4 {
     border-radius: 10px;
     margin: 20px;
     float: left;
-    background-color: #FFFFFF;
+    background-color: #8f8e8e;
     box-shadow: 0 3px 20px 2px rgba(0, 0, 0, 0.5);
     -webkit-box-shadow: 0 3px 20px 2px rgba(0, 0, 0, 0.5);
 }
@@ -1045,16 +1045,18 @@ h4 {
 .community-page-description {
     margin-top: 5px;
     position: absolute;
-    margin-left: 155px;
+    margin-left: 140px;
     width: 550px;
     line-height: 20px;
-    word-wrap: break-word;
 }
 
 .community-page-posts-wrapper {
     position: relative;
     z-index: 3;
-    border: 1.5px solid #ffffff00;
+    background-color: rgba(255,255,255,1);
+    border: 1.5px solid #d6d2d2;
+    box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.5);
+    -webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.5);
     border-radius: 10px;
     margin-top: 40px;
     width: 1060px;
@@ -1164,18 +1166,18 @@ h4 {
     border-radius: 10px;
     margin-right: 15px;
     float: left;
-    background-color: #FFFFFF;
+    background-color: #8f8e8e;
     box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.5);
     -webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.5);
 }
 
 .community-page-post-user-icon.verified{
-    width: 80px;
+    width: 90px;
     margin-right: 15px;
     float: left;
     border: 5px solid #673DB6;
     border-radius: 10px;
-    background-color: #FFFFFF;
+    background-color: #8f8e8e;
     box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.5);
     -webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.5);
 }
@@ -1319,6 +1321,7 @@ iframe {
     margin-bottom: -10px;
     background: white;
     width: 1060px;
+    border: 1.5px solid #d6d2d2;
     box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.5);
     -webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.5);
     border-radius: 10px;
@@ -1349,7 +1352,6 @@ iframe {
 .user-page-tab.right {
     border-top-right-radius: 10px;
     border-bottom-right-radius: 10px;
-    margin-right: -11px;
 }
 
 .user-page-tab-triangle {
@@ -1410,9 +1412,8 @@ iframe {
     font-size: large;
     border-width: 0;
     border-radius: 15px;
-    bottom: -50px;
-    left: 430px;
-    margin-bottom: 15px;
+    bottom: 15px;
+    left: 430px
 }
 
 #user-new-post-wrapper {
@@ -1451,18 +1452,6 @@ iframe {
 }
 
 /* New Post Container */
-
-.new-post-wrapper {
-    text-align: center;
-    margin-left: auto;
-    margin-right: auto;
-    width: 1065px;
-    background-color: rgba(255,255,255,1);
-    border: 1.5px solid #d6d2d2;
-    border-radius: 10px;
-    margin-bottom: 0;
-}
-
 .checkbox-container {
     display: block;
     position: relative;
@@ -1675,9 +1664,9 @@ iframe {
     vertical-align: middle;
 }
 /**
-Emotion icons created by NinStar#8700 on Discord
-https://ninstars.blogspot.com/
-*/
+    Emotion icons created by NinStar#8700 on Discord
+    https://ninstars.blogspot.com/
+ */
 .post-emotion-0 {
     background-image: url('data:image/png;base64,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');
     padding-right: 5px;
@@ -1774,7 +1763,7 @@ https://ninstars.blogspot.com/
     background-size: cover;
     user-select: none;
     cursor: pointer;
-    min-height: 100px;
+    height: 100px;
 }
 
 .announcements-banner-text {
@@ -1782,6 +1771,7 @@ https://ninstars.blogspot.com/
     font-size: 30px;
     font-weight: bolder;
     padding-left: 63px;
+    padding-top: 30px;
 }
 
 .notifications-list-text {
@@ -1799,6 +1789,26 @@ https://ninstars.blogspot.com/
     text-align: left;
 }
 
+.community-page-post-box {
+    position: relative;
+    z-index: 3;
+    border: 1.5px solid #ffffff00;
+    border-radius: 10px;
+    margin-top: 40px;
+    width: 1060px;
+    min-height: 190px;
+}
+
+.posts-wrapper {
+    background-color: rgba(255,255,255,1);
+    border: 1.5px solid #d6d2d2;
+    border-radius: 10px;
+    margin-bottom: 30px;
+    margin-left: 135px;
+    width: 790px;
+    box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.5);
+}
+
 .reply-banner > svg {
     margin-left: 30px;
     margin-top: 10px;
@@ -1821,4 +1831,8 @@ https://ninstars.blogspot.com/
     margin-bottom: 18px;
     border: 1.5px solid #d6d2d2;
     box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.5);
+}
+
+.overlay-content {
+    z-index: 20;
 }

src/webfiles/portal/js/juxt.js

@@ -153,7 +153,7 @@ function showNewPostScreen() {
     document.getElementsByClassName('community-page-header')[0].style.display = 'none';
     document.getElementsByClassName('community-page-back-button')[0].style.display = 'none';
     document.getElementsByClassName('community-page-info-container')[0].style.display = 'none';
-    document.getElementsByClassName('community-page-posts-wrapper')[0].style.display = 'none';
+    document.getElementsByClassName('community-page-post-box')[0].style.display = 'none';
     document.getElementsByClassName('community-page-header-overlay')[0].style.display = 'none';
     document.getElementById('community-new-post-wrapper').style.display = 'none';
     document.getElementById('main').style.marginLeft = '14vh';
@@ -168,7 +168,7 @@ function hideNewPostScreen() {
     document.getElementsByClassName('community-page-header')[0].style.display = '';
     document.getElementsByClassName('community-page-back-button')[0].style.display = '';
     document.getElementsByClassName('community-page-info-container')[0].style.display = '';
-    document.getElementsByClassName('community-page-posts-wrapper')[0].style.display = '';
+    document.getElementsByClassName('community-page-post-box')[0].style.display = '';
     document.getElementsByClassName('community-page-header-overlay')[0].style.display = '';
     document.getElementById('community-new-post-wrapper').style.display = '';
     document.getElementById('main').style.marginLeft = '225px';
@@ -180,9 +180,9 @@ function showReplyScreen() {
     wiiuSound.playSoundByName('BGM_OLV_SETTING', 3)
     document.getElementById('windowOverlay').style.display = 'block';
     document.getElementById('nav-bar').style.display = 'none';
-    document.getElementsByClassName('community-page-posts-wrapper')[0].style.display = 'none';
+    document.getElementsByClassName('community-page-post-box')[0].style.display = 'none';
     document.getElementById('community-new-post-wrapper').style.display = 'none';
-    document.getElementById('main').style.marginLeft = '14vh';
+    document.getElementById('main').style.marginLeft = '15vh';
     document.body.style.backgroundColor = "rgba(0,0,0, 0.5)";
     document.getElementById('post-top-screen-preview').src = 'data:image/png;base64,' + wiiuMainApplication.getScreenShot(true);
     document.getElementById('post-bottom-screen-preview').src = 'data:image/png;base64,' + wiiuMainApplication.getScreenShot(false);
@@ -191,9 +191,9 @@ function hideReplyScreen() {
     wiiuSound.playSoundByName('BGM_OLV_MAIN_LOOP_NOWAIT', 3);
     document.getElementById('windowOverlay').style.display = 'none';
     document.getElementById('nav-bar').style.display = '';
-    document.getElementsByClassName('community-page-posts-wrapper')[0].style.display = 'none';
-    document.getElementById('community-new-post-wrapper').style.display = 'none';
-    document.getElementById('main').style.marginLeft = '225px';
+    document.getElementsByClassName('community-page-post-box')[0].style.display = '';
+    document.getElementById('community-new-post-wrapper').style.display = '';
+    document.getElementById('main').style.marginLeft = '190px';
     document.body.style.backgroundColor = "rgba(232,236,236,1)";
     wiiuSound.playSoundByName('SE_OLV_CANCEL', 1)
 }

src/webfiles/portal/me_page.ejs

@@ -180,7 +180,7 @@
             </tbody>
         </table>
     </div>
-    <div class="community-page-posts-wrapper" <% if(numPosts === 0) {%>style="height: 110px"<%}%>>
+    <div class="community-page-post-box" <% if(numPosts === 0) {%>style="height: 110px"<%}%>>
         <% if(numPosts === 0) {%>
             <p class="no-posts-text"><%= lang.global.no_posts %></p>
         <%} else { %>

src/webfiles/portal/messages.ejs

@@ -22,35 +22,6 @@
     <h1 id="title" class="page-header"><%= lang.global.messages %></h1>
     <div class="community-page-posts-wrapper">
         <p class="no-posts-text"><%= lang.messages.coming_soon %></p>
-
-        <div class="col-lg-8">
-            <style type="text/css">
-                flipnote-player {
-                    --flipnote-player-font-family: inherit;
-                    --flipnote-player-button-background: #84db4d;
-                    --flipnote-player-icon-color: #0f571c;
-                    --flipnote-player-button-color: #84db4d;
-                    --flipnote-player-slider-track: #84db4d;
-                    --flipnote-player-slider-level: #0f571c;
-                    --flipnote-player-slider-handle: #0f571c;
-                }
-            </style>
-            <script src="https://cdn.jsdelivr.net/npm/flipnote.js@5/dist/flipnote.webcomponent.min.js" crossorigin="anonymous"></script>
-            <flipnote-player id="flipnote" class="mb-4 shadow-sm rounded-lg w-100" src="https://kaeru.b-cdn.net/star/uploads/cc09018b53a441f09c91f50ed0decf4b/memo/cee0cqordtway3mngotmnwobaayc.kwz" width="640" controls="">
-                <section class="mb-4 shadow-sm rounded-lg w-100">
-                    <img width="640" src="https://kt-imogen.b-cdn.net/preview/cee0cqordtway3mngotmnwobaayc.gif" alt="sniper gaming" class="embed-responsive-item w-100">
-                </section>
-                <section class="alert-warning mb-4 p-4 rounded-lg shadow-sm" role="alert">
-                    <h5 class="mt-0"><i aria-hidden="true" class="uil uil-exclamation-triangle"></i> Unsupported Browser</h5>
-                    <p style="font-size: 15px;">Sound and playback control are unavailable because your browser doesn't support the modern web technologies needed to run our browser-based Flipnote player.</p>
-                    <p class="mb-0" style="font-size: 15px;">For the full experience, please <a href="https://browser-update.org/update-browser.html">update your web browser</a>.</p>
-                </section>
-            </flipnote-player>
-
-        </div>
-
-
-
     </div>
     <img src="" onerror="wiiuBrowser.showLoadingIcon(!1);window.scroll(0, 0);">
 </div>

src/webfiles/portal/post.ejs

@@ -32,7 +32,7 @@
 <div id="main">
     <div id="windowOverlay" class="overlay" style="margin-bottom: 0">
         <div class="overlay-content" style="position: fixed">
-            <div id="post-window" class="new-post-wrapper">
+            <div id="post-window" class="post-wrapper">
                 <!--Start of Main Post-->
                 <form class="post-emotion-radio" action="/posts/<%= post.id %>/new" method="post" enctype="multipart/form-data">
                     <table>
@@ -138,7 +138,7 @@
             +  Reply
         </div>
     </div>
-    <div class="community-page-posts-wrapper">
+    <div class="community-page-post-box">
         <%- include('post_template', { post: post, mii_image_CDN: mii_image_CDN, lang: lang, reply: false }); %>
         <% replies.forEach(function(post) { %>
             <%- include('post_template', { post: post, mii_image_CDN: mii_image_CDN, lang: lang, reply: true }); %>

src/webfiles/portal/post_template.ejs

@@ -1,4 +1,4 @@
-<div class="post-wrapper" id="<%= post.id %>">
+<div class="posts-wrapper" id="<%= post.id %>">
     <div class="post-user-info-wrapper" id="<%= post.id %>">
         <%if(post.verified) {%>
             <img class="community-page-post-user-icon verified" src="<%= mii_image_CDN %>/<%= post.pid %>/<% if(post.feeling_id === 1) {%>smile_open_mouth.png<%} else if(post.feeling_id === 2 ) {%>wink_left.png<%} else if(post.feeling_id === 3 ) {%>surprise_open_mouth.png<%} else if(post.feeling_id === 4 ) {%>frustrated.png<%} else if(post.feeling_id === 5 ) {%>sorrow.png<%} else {%>normal_face.png<%}%>" data-pjax="/users/show?pid=<%= post.pid %>">

src/webfiles/portal/user_page.ejs

@@ -137,7 +137,7 @@
             </tbody>
         </table>
     </div>
-    <div class="community-page-posts-wrapper">
+    <div class="community-page-post-box">
         <% if(numPosts === 0) {%>
             <p class="no-posts-text"><%= lang.global.no_posts %></p>
         <%} else { %>