@wwawing/styles 3.6.4 → 3.6.10

package/output/wwa.css

@@ -24,7 +24,7 @@ div#wwa-wrapper {
     text-align: center;
 }
 
-#wwa-controller, #wwa-audio-wrapper {
+#wwa-audio-wrapper, #wwa-controller {
     position: absolute;
     top: 0;
     left: 0;
@@ -41,24 +41,24 @@ div#wwa-wrapper {
  * common は WWA Wing で共通で利用できるクラス名や mixin が含まれています。
  * UI 構築の際はこれらのセレクターもご活用ください。
  */
-div#wwa-sidebar > div.wide-cell-row, div.status-value-box, .wide-button, div.savedata > div.wide-cell-row {
+div.savedata > div.wide-cell-row, .wide-button, div.status-value-box, div#wwa-sidebar > div.wide-cell-row {
     width: 120px;
     height: 35px;
     line-height: 35px;
     font-size: 14px;
 }
 
-div#wwa-sidebar > div.item-cell, div.item-click-border, div.item-disp, div.savedata > div.wide-cell-row > div.status-icon {
+div.savedata > div.wide-cell-row > div.status-icon, div.item-disp, div.item-click-border, div#wwa-sidebar > div.item-cell {
     position: absolute;
     width: 40px;
     height: 40px;
 }
 
-div#wwa-sidebar > div.wide-cell-row.onpress, div#wwa-sidebar > div.item-cell.onpress {
+div#wwa-sidebar > div.item-cell.onpress, div#wwa-sidebar > div.wide-cell-row.onpress {
     margin: 3px 0 0 3px;
 }
 
-div#wwa-sidebar > div.wide-cell-row, div.status-value-box, .wide-button {
+.wide-button, div.status-value-box, div#wwa-sidebar > div.wide-cell-row {
     position: absolute;
 }
 
@@ -71,7 +71,6 @@ div#wwa-sidebar {
     background-color: #000000;
     font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
 }
-
 div.status-icon {
     width: 40px;
     height: 35px;
@@ -245,7 +244,6 @@ canvas.wwa-canvas {
     font-size: 12px;
     background-color: #FFFFFF;
 }
-
 #wwa-cover > #version {
     position: absolute;
     bottom: 32px;
@@ -254,7 +252,6 @@ canvas.wwa-canvas {
     padding-left: 4px;
     color: #000000;
 }
-
 #wwa-cover > #progress-message-container {
     position: absolute;
     bottom: 16px;
@@ -263,7 +260,6 @@ canvas.wwa-canvas {
     padding-left: 4px;
     color: #000000;
 }
-
 #wwa-cover > #progress-bar {
     position: absolute;
     bottom: 0;
@@ -272,7 +268,6 @@ canvas.wwa-canvas {
     height: 16px;
     background-color: #00ff90;
 }
-
 #wwa-cover > #progress-bar-bg {
     position: absolute;
     bottom: 0;
@@ -281,7 +276,6 @@ canvas.wwa-canvas {
     height: 16px;
     background-color: #808080;
 }
-
 #wwa-cover > #progress-bar-audio {
     position: absolute;
     bottom: 0;
@@ -290,7 +284,6 @@ canvas.wwa-canvas {
     height: 16px;
     background-color: #008aff;
 }
-
 #wwa-cover > #progress-disp {
     position: absolute;
     bottom: 0;
@@ -316,8 +309,8 @@ canvas.wwa-canvas {
     display: none;
 }
 
-#wwa-password-window, #wwa-battle-estimate, #wwa-text-message-window,
-.wwa-message-window {
+#wwa-text-message-window,
+.wwa-message-window, #wwa-battle-estimate, #wwa-password-window {
     background-color: rgba(255, 255, 255, 0.9);
     border: 2px solid #000;
     border-radius: 10px;
@@ -326,7 +319,7 @@ canvas.wwa-canvas {
     user-select: none;
 }
 
-#wwa-password-window, #wwa-battle-estimate {
+#wwa-battle-estimate, #wwa-password-window {
     position: absolute;
     top: 0;
     left: 0;
@@ -344,21 +337,17 @@ canvas.wwa-canvas {
 #wwa-password-window {
     font-size: 12px;
 }
-
 #wwa-password-window > div.wwa-password-description {
     text-align: left;
     padding: 8px;
 }
-
 #wwa-password-window > textarea {
     font-size: inherit;
 }
-
 #wwa-password-window > div.wwa-password-submit {
     padding: 4px;
     box-sizing: border-box;
 }
-
 #wwa-password-window > div.wwa-password-submit button {
     display: inline;
     margin: 0 4px;
@@ -367,19 +356,16 @@ canvas.wwa-canvas {
 #wwa-battle-estimate {
     font-size: 16px;
 }
-
 #wwa-battle-estimate > .est {
     width: 100%;
     height: 50px;
 }
-
 #wwa-battle-estimate > .est > .est-img-wrapper {
     width: 40px;
     height: 40px;
     margin: 5px;
     float: left;
 }
-
 #wwa-battle-estimate > .est > .est-status-wrapper {
     height: 40px;
     margin: 5px;
@@ -387,38 +373,32 @@ canvas.wwa-canvas {
     text-align: left;
     position: relative;
 }
-
 #wwa-battle-estimate > .est > .est-status-wrapper > div {
     width: 140px;
     height: 20px;
     line-height: 20px;
     position: absolute;
 }
-
 #wwa-battle-estimate > .est > .est-status-wrapper > .est-energy {
     top: 0;
     left: 0;
 }
-
 #wwa-battle-estimate > .est > .est-status-wrapper > .est-strength {
     top: 0;
     left: 140px;
 }
-
 #wwa-battle-estimate > .est > .est-status-wrapper > .est-defence {
     top: 20px;
     left: 0;
 }
-
 #wwa-battle-estimate > .est > .est-status-wrapper > .est-damage {
     top: 20px;
     left: 140px;
     color: #FF0000;
     white-space: nowrap;
 }
-
 #wwa-battle-estimate > .est:after {
-    content: '';
+    content: "";
     clear: left;
     display: block;
     height: 0;
@@ -444,14 +424,12 @@ canvas.wwa-canvas {
 #wwa-wrapper.useScaleUp #wwa-text-message-window {
     overflow: hidden;
 }
-
 #wwa-wrapper.useScaleUp #wwa-text-message-window .wwa-yesno-wrapper {
     transform: scale(1.5, 1.5) translate(-30px, 20px);
     image-rendering: pixelated;
     width: 100px;
     height: 80px !important;
 }
-
 #wwa-wrapper.useScaleUp #wwa-text-message-window .wwa-yesno-wrapper .wwa-yes-button,
 #wwa-wrapper.useScaleUp #wwa-text-message-window .wwa-yesno-wrapper .wwa-no-button {
     margin: 0 5px !important;
@@ -468,23 +446,19 @@ div.savedata {
     border-color: transparent;
     border-radius: 7px;
 }
-
 div.savedata.select {
     border-color: #FF0000;
 }
-
 div.savedata > div.wide-cell-row {
     position: relative;
     pointer-events: none;
 }
-
 div.savedata > div.wide-cell-row > div.status-icon {
     top: 0;
     left: 6px;
     padding: 0;
     margin: 0;
 }
-
 div.savedata > div.ss {
     display: inline-block;
     padding: 0;
@@ -492,17 +466,14 @@ div.savedata > div.ss {
     position: relative;
     pointer-events: none;
 }
-
 div.savedata > div.ss:empty {
     background-color: rgba(0, 0, 0, 0.2);
     width: 99px;
     height: 99px;
 }
-
 div.savedata > div.ss > canvas {
     display: inline-block;
 }
-
 div.savedata > div.ss > span {
     display: inline-block;
     font-size: 7px;
@@ -549,7 +520,6 @@ div.savedata > div.ss > span {
 #wwa-virtualpad-left {
     left: 0;
 }
-
 #wwa-virtualpad-left .virtualpad_move button {
     border-radius: 1rem;
 }
@@ -557,11 +527,9 @@ div.savedata > div.ss > span {
 #wwa-virtualpad-right {
     right: 0;
 }
-
 #wwa-virtualpad-right .virtualpad_select button {
     border-radius: 50%;
 }
-
 #wwa-virtualpad-right .virtualpad_speedcontrol button {
     font-size: 30px;
     height: 50px;
@@ -671,11 +639,9 @@ div#wwa-sidebar {
 #disp-energy {
     z-index: 103;
 }
-
 #disp-energy > .status-icon {
     z-index: 140;
 }
-
 #disp-energy > .status-value-box {
     z-index: 150;
 }
@@ -683,11 +649,9 @@ div#wwa-sidebar {
 #disp-strength {
     z-index: 104;
 }
-
 #disp-strength > .status-icon {
     z-index: 141;
 }
-
 #disp-strength > .status-value-box {
     z-index: 151;
 }
@@ -695,11 +659,9 @@ div#wwa-sidebar {
 #disp-defence {
     z-index: 105;
 }
-
 #disp-defence > .status-icon {
     z-index: 142;
 }
-
 #disp-defence > .status-value-box {
     z-index: 152;
 }
@@ -707,11 +669,9 @@ div#wwa-sidebar {
 #disp-gold {
     z-index: 106;
 }
-
 #disp-gold > .status-icon {
     z-index: 143;
 }
-
 #disp-gold > .status-value-box {
     z-index: 153;
 }
@@ -719,11 +679,9 @@ div#wwa-sidebar {
 #item0 {
     z-index: 107;
 }
-
 #item0 > .item-disp {
     z-index: 160;
 }
-
 #item0 > .item-click-border {
     z-index: 172;
 }
@@ -731,11 +689,9 @@ div#wwa-sidebar {
 #item1 {
     z-index: 108;
 }
-
 #item1 > .item-disp {
     z-index: 161;
 }
-
 #item1 > .item-click-border {
     z-index: 173;
 }
@@ -743,11 +699,9 @@ div#wwa-sidebar {
 #item2 {
     z-index: 109;
 }
-
 #item2 > .item-disp {
     z-index: 162;
 }
-
 #item2 > .item-click-border {
     z-index: 174;
 }
@@ -755,11 +709,9 @@ div#wwa-sidebar {
 #item3 {
     z-index: 110;
 }
-
 #item3 > .item-disp {
     z-index: 163;
 }
-
 #item3 > .item-click-border {
     z-index: 175;
 }
@@ -767,11 +719,9 @@ div#wwa-sidebar {
 #item4 {
     z-index: 111;
 }
-
 #item4 > .item-disp {
     z-index: 164;
 }
-
 #item4 > .item-click-border {
     z-index: 176;
 }
@@ -779,11 +729,9 @@ div#wwa-sidebar {
 #item5 {
     z-index: 112;
 }
-
 #item5 > .item-disp {
     z-index: 165;
 }
-
 #item5 > .item-click-border {
     z-index: 177;
 }
@@ -791,11 +739,9 @@ div#wwa-sidebar {
 #item6 {
     z-index: 113;
 }
-
 #item6 > .item-disp {
     z-index: 166;
 }
-
 #item6 > .item-click-border {
     z-index: 178;
 }
@@ -803,11 +749,9 @@ div#wwa-sidebar {
 #item7 {
     z-index: 114;
 }
-
 #item7 > .item-disp {
     z-index: 167;
 }
-
 #item7 > .item-click-border {
     z-index: 179;
 }
@@ -815,11 +759,9 @@ div#wwa-sidebar {
 #item8 {
     z-index: 115;
 }
-
 #item8 > .item-disp {
     z-index: 168;
 }
-
 #item8 > .item-click-border {
     z-index: 180;
 }
@@ -827,11 +769,9 @@ div#wwa-sidebar {
 #item9 {
     z-index: 116;
 }
-
 #item9 > .item-disp {
     z-index: 169;
 }
-
 #item9 > .item-click-border {
     z-index: 181;
 }
@@ -839,11 +779,9 @@ div#wwa-sidebar {
 #item10 {
     z-index: 117;
 }
-
 #item10 > .item-disp {
     z-index: 170;
 }
-
 #item10 > .item-click-border {
     z-index: 182;
 }
@@ -851,11 +789,9 @@ div#wwa-sidebar {
 #item11 {
     z-index: 118;
 }
-
 #item11 > .item-disp {
     z-index: 171;
 }
-
 #item11 > .item-click-border {
     z-index: 183;
 }
@@ -911,23 +847,18 @@ div#wwa-sidebar {
 #wwa-cover {
     z-index: 300;
 }
-
 #wwa-cover > #progress-message-container {
     z-index: 305;
 }
-
 #wwa-cover > #progress-bar-bg {
     z-index: 310;
 }
-
 #wwa-cover > #progress-bar {
     z-index: 315;
 }
-
 #wwa-cover > #progress-bar-audio {
     z-index: 316;
 }
-
 #wwa-cover > #progress-disp {
     z-index: 320;
 }
@@ -946,4 +877,4 @@ div#wwa-sidebar {
 
 #wwa-virtualpad-right {
     z-index: 501;
-}
+}

package/output/wwa_classic.css

@@ -24,7 +24,7 @@ div#wwa-wrapper {
     text-align: center;
 }
 
-#wwa-controller, #wwa-audio-wrapper {
+#wwa-audio-wrapper, #wwa-controller {
     position: absolute;
     top: 0;
     left: 0;
@@ -41,24 +41,24 @@ div#wwa-wrapper {
  * common は WWA Wing で共通で利用できるクラス名や mixin が含まれています。
  * UI 構築の際はこれらのセレクターもご活用ください。
  */
-div#wwa-sidebar > div.wide-cell-row, div.status-value-box, .wide-button, div.savedata > div.wide-cell-row {
+div.savedata > div.wide-cell-row, .wide-button, div.status-value-box, div#wwa-sidebar > div.wide-cell-row {
     width: 120px;
     height: 35px;
     line-height: 35px;
     font-size: 18px;
 }
 
-div#wwa-sidebar > div.item-cell, div.item-click-border, div.item-disp, div.savedata > div.wide-cell-row > div.status-icon {
+div.savedata > div.wide-cell-row > div.status-icon, div.item-disp, div.item-click-border, div#wwa-sidebar > div.item-cell {
     position: absolute;
     width: 40px;
     height: 40px;
 }
 
-div#wwa-sidebar > div.wide-cell-row.onpress, div#wwa-sidebar > div.item-cell.onpress {
+div#wwa-sidebar > div.item-cell.onpress, div#wwa-sidebar > div.wide-cell-row.onpress {
     margin: 3px 0 0 3px;
 }
 
-div#wwa-sidebar > div.wide-cell-row, div.status-value-box, .wide-button {
+.wide-button, div.status-value-box, div#wwa-sidebar > div.wide-cell-row {
     position: absolute;
 }
 
@@ -71,7 +71,6 @@ div#wwa-sidebar {
     background-color: #000000;
     font-family: "ＭＳ Ｐゴシック", "Osaka", sans-serif;
 }
-
 div.status-icon {
     width: 40px;
     height: 35px;
@@ -245,7 +244,6 @@ canvas.wwa-canvas {
     font-size: 12px;
     background-color: #FFFFFF;
 }
-
 #wwa-cover > #version {
     position: absolute;
     bottom: 32px;
@@ -254,7 +252,6 @@ canvas.wwa-canvas {
     padding-left: 4px;
     color: #000000;
 }
-
 #wwa-cover > #progress-message-container {
     position: absolute;
     bottom: 16px;
@@ -263,7 +260,6 @@ canvas.wwa-canvas {
     padding-left: 4px;
     color: #000000;
 }
-
 #wwa-cover > #progress-bar {
     position: absolute;
     bottom: 0;
@@ -272,7 +268,6 @@ canvas.wwa-canvas {
     height: 16px;
     background-color: #00ff90;
 }
-
 #wwa-cover > #progress-bar-bg {
     position: absolute;
     bottom: 0;
@@ -281,7 +276,6 @@ canvas.wwa-canvas {
     height: 16px;
     background-color: #808080;
 }
-
 #wwa-cover > #progress-bar-audio {
     position: absolute;
     bottom: 0;
@@ -290,7 +284,6 @@ canvas.wwa-canvas {
     height: 16px;
     background-color: #008aff;
 }
-
 #wwa-cover > #progress-disp {
     position: absolute;
     bottom: 0;
@@ -316,8 +309,8 @@ canvas.wwa-canvas {
     display: none;
 }
 
-#wwa-password-window, #wwa-battle-estimate, #wwa-text-message-window,
-.wwa-message-window {
+#wwa-text-message-window,
+.wwa-message-window, #wwa-battle-estimate, #wwa-password-window {
     background-color: rgba(255, 255, 255, 0.9);
     border: 2px solid #000;
     border-radius: 10px;
@@ -326,7 +319,7 @@ canvas.wwa-canvas {
     user-select: none;
 }
 
-#wwa-password-window, #wwa-battle-estimate {
+#wwa-battle-estimate, #wwa-password-window {
     position: absolute;
     top: 0;
     left: 0;
@@ -344,21 +337,17 @@ canvas.wwa-canvas {
 #wwa-password-window {
     font-size: 12px;
 }
-
 #wwa-password-window > div.wwa-password-description {
     text-align: left;
     padding: 8px;
 }
-
 #wwa-password-window > textarea {
     font-size: inherit;
 }
-
 #wwa-password-window > div.wwa-password-submit {
     padding: 4px;
     box-sizing: border-box;
 }
-
 #wwa-password-window > div.wwa-password-submit button {
     display: inline;
     margin: 0 4px;
@@ -367,19 +356,16 @@ canvas.wwa-canvas {
 #wwa-battle-estimate {
     font-size: 16px;
 }
-
 #wwa-battle-estimate > .est {
     width: 100%;
     height: 50px;
 }
-
 #wwa-battle-estimate > .est > .est-img-wrapper {
     width: 40px;
     height: 40px;
     margin: 5px;
     float: left;
 }
-
 #wwa-battle-estimate > .est > .est-status-wrapper {
     height: 40px;
     margin: 5px;
@@ -387,38 +373,32 @@ canvas.wwa-canvas {
     text-align: left;
     position: relative;
 }
-
 #wwa-battle-estimate > .est > .est-status-wrapper > div {
     width: 140px;
     height: 20px;
     line-height: 20px;
     position: absolute;
 }
-
 #wwa-battle-estimate > .est > .est-status-wrapper > .est-energy {
     top: 0;
     left: 0;
 }
-
 #wwa-battle-estimate > .est > .est-status-wrapper > .est-strength {
     top: 0;
     left: 140px;
 }
-
 #wwa-battle-estimate > .est > .est-status-wrapper > .est-defence {
     top: 20px;
     left: 0;
 }
-
 #wwa-battle-estimate > .est > .est-status-wrapper > .est-damage {
     top: 20px;
     left: 140px;
     color: #FF0000;
     white-space: nowrap;
 }
-
 #wwa-battle-estimate > .est:after {
-    content: '';
+    content: "";
     clear: left;
     display: block;
     height: 0;
@@ -444,14 +424,12 @@ canvas.wwa-canvas {
 #wwa-wrapper.useScaleUp #wwa-text-message-window {
     overflow: hidden;
 }
-
 #wwa-wrapper.useScaleUp #wwa-text-message-window .wwa-yesno-wrapper {
     transform: scale(1.5, 1.5) translate(-30px, 20px);
     image-rendering: pixelated;
     width: 100px;
     height: 80px !important;
 }
-
 #wwa-wrapper.useScaleUp #wwa-text-message-window .wwa-yesno-wrapper .wwa-yes-button,
 #wwa-wrapper.useScaleUp #wwa-text-message-window .wwa-yesno-wrapper .wwa-no-button {
     margin: 0 5px !important;
@@ -468,23 +446,19 @@ div.savedata {
     border-color: transparent;
     border-radius: 7px;
 }
-
 div.savedata.select {
     border-color: #FF0000;
 }
-
 div.savedata > div.wide-cell-row {
     position: relative;
     pointer-events: none;
 }
-
 div.savedata > div.wide-cell-row > div.status-icon {
     top: 0;
     left: 6px;
     padding: 0;
     margin: 0;
 }
-
 div.savedata > div.ss {
     display: inline-block;
     padding: 0;
@@ -492,17 +466,14 @@ div.savedata > div.ss {
     position: relative;
     pointer-events: none;
 }
-
 div.savedata > div.ss:empty {
     background-color: rgba(0, 0, 0, 0.2);
     width: 99px;
     height: 99px;
 }
-
 div.savedata > div.ss > canvas {
     display: inline-block;
 }
-
 div.savedata > div.ss > span {
     display: inline-block;
     font-size: 7px;
@@ -549,7 +520,6 @@ div.savedata > div.ss > span {
 #wwa-virtualpad-left {
     left: 0;
 }
-
 #wwa-virtualpad-left .virtualpad_move button {
     border-radius: 1rem;
 }
@@ -557,11 +527,9 @@ div.savedata > div.ss > span {
 #wwa-virtualpad-right {
     right: 0;
 }
-
 #wwa-virtualpad-right .virtualpad_select button {
     border-radius: 50%;
 }
-
 #wwa-virtualpad-right .virtualpad_speedcontrol button {
     font-size: 30px;
     height: 50px;
@@ -671,11 +639,9 @@ div#wwa-sidebar {
 #disp-energy {
     z-index: 103;
 }
-
 #disp-energy > .status-icon {
     z-index: 140;
 }
-
 #disp-energy > .status-value-box {
     z-index: 150;
 }
@@ -683,11 +649,9 @@ div#wwa-sidebar {
 #disp-strength {
     z-index: 104;
 }
-
 #disp-strength > .status-icon {
     z-index: 141;
 }
-
 #disp-strength > .status-value-box {
     z-index: 151;
 }
@@ -695,11 +659,9 @@ div#wwa-sidebar {
 #disp-defence {
     z-index: 105;
 }
-
 #disp-defence > .status-icon {
     z-index: 142;
 }
-
 #disp-defence > .status-value-box {
     z-index: 152;
 }
@@ -707,11 +669,9 @@ div#wwa-sidebar {
 #disp-gold {
     z-index: 106;
 }
-
 #disp-gold > .status-icon {
     z-index: 143;
 }
-
 #disp-gold > .status-value-box {
     z-index: 153;
 }
@@ -719,11 +679,9 @@ div#wwa-sidebar {
 #item0 {
     z-index: 107;
 }
-
 #item0 > .item-disp {
     z-index: 160;
 }
-
 #item0 > .item-click-border {
     z-index: 172;
 }
@@ -731,11 +689,9 @@ div#wwa-sidebar {
 #item1 {
     z-index: 108;
 }
-
 #item1 > .item-disp {
     z-index: 161;
 }
-
 #item1 > .item-click-border {
     z-index: 173;
 }
@@ -743,11 +699,9 @@ div#wwa-sidebar {
 #item2 {
     z-index: 109;
 }
-
 #item2 > .item-disp {
     z-index: 162;
 }
-
 #item2 > .item-click-border {
     z-index: 174;
 }
@@ -755,11 +709,9 @@ div#wwa-sidebar {
 #item3 {
     z-index: 110;
 }
-
 #item3 > .item-disp {
     z-index: 163;
 }
-
 #item3 > .item-click-border {
     z-index: 175;
 }
@@ -767,11 +719,9 @@ div#wwa-sidebar {
 #item4 {
     z-index: 111;
 }
-
 #item4 > .item-disp {
     z-index: 164;
 }
-
 #item4 > .item-click-border {
     z-index: 176;
 }
@@ -779,11 +729,9 @@ div#wwa-sidebar {
 #item5 {
     z-index: 112;
 }
-
 #item5 > .item-disp {
     z-index: 165;
 }
-
 #item5 > .item-click-border {
     z-index: 177;
 }
@@ -791,11 +739,9 @@ div#wwa-sidebar {
 #item6 {
     z-index: 113;
 }
-
 #item6 > .item-disp {
     z-index: 166;
 }
-
 #item6 > .item-click-border {
     z-index: 178;
 }
@@ -803,11 +749,9 @@ div#wwa-sidebar {
 #item7 {
     z-index: 114;
 }
-
 #item7 > .item-disp {
     z-index: 167;
 }
-
 #item7 > .item-click-border {
     z-index: 179;
 }
@@ -815,11 +759,9 @@ div#wwa-sidebar {
 #item8 {
     z-index: 115;
 }
-
 #item8 > .item-disp {
     z-index: 168;
 }
-
 #item8 > .item-click-border {
     z-index: 180;
 }
@@ -827,11 +769,9 @@ div#wwa-sidebar {
 #item9 {
     z-index: 116;
 }
-
 #item9 > .item-disp {
     z-index: 169;
 }
-
 #item9 > .item-click-border {
     z-index: 181;
 }
@@ -839,11 +779,9 @@ div#wwa-sidebar {
 #item10 {
     z-index: 117;
 }
-
 #item10 > .item-disp {
     z-index: 170;
 }
-
 #item10 > .item-click-border {
     z-index: 182;
 }
@@ -851,11 +789,9 @@ div#wwa-sidebar {
 #item11 {
     z-index: 118;
 }
-
 #item11 > .item-disp {
     z-index: 171;
 }
-
 #item11 > .item-click-border {
     z-index: 183;
 }
@@ -911,23 +847,18 @@ div#wwa-sidebar {
 #wwa-cover {
     z-index: 300;
 }
-
 #wwa-cover > #progress-message-container {
     z-index: 305;
 }
-
 #wwa-cover > #progress-bar-bg {
     z-index: 310;
 }
-
 #wwa-cover > #progress-bar {
     z-index: 315;
 }
-
 #wwa-cover > #progress-bar-audio {
     z-index: 316;
 }
-
 #wwa-cover > #progress-disp {
     z-index: 320;
 }
@@ -955,15 +886,14 @@ div#wwa-sidebar {
 div#wwa-sidebar {
     text-shadow: 1px 1px 0 gray;
 }
-
 div#wwa-sidebar #cell-restart,
 div#wwa-sidebar #cell-gotowwa {
     font-size: 16px;
     letter-spacing: -0.3px;
 }
 
-#wwa-password-window, #wwa-battle-estimate, #wwa-text-message-window,
-.wwa-message-window {
+#wwa-text-message-window,
+.wwa-message-window, #wwa-password-window, #wwa-battle-estimate {
     background-color: #ffffff;
     box-sizing: border-box;
     border-radius: 15px;
@@ -984,4 +914,4 @@ div#wwa-sidebar #cell-gotowwa {
 
 #wwa-battle-estimate > .est > .est-status-wrapper > .est-damage {
     text-shadow: 1px 0px 0px #FF8080;
-}
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wwawing/styles",
-  "version": "3.6.4",
+  "version": "3.6.10",
   "description": "WWA Wing stylesheet files",
   "main": "index.js",
   "files": [
@@ -9,17 +9,16 @@
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "build": "npm run clean && ts-node ./scripts/make-css.ts",
-    "clean": "shx rm -rf output && shx mkdir -p output",
-    "prepare": "npm run build"
+    "clean": "shx rm -rf output && shx mkdir -p output"
   },
   "author": "WWA Wing Team",
   "license": "MIT",
   "devDependencies": {
-    "@types/node-sass": "^4.11.2",
-    "node-sass": "^7.0.0",
+    "@types/sass": "^1.43.1",
+    "sass": "^1.49.0",
     "shx": "^0.3.3",
     "ts-node": "^10.4.0",
     "typescript": "^4.5.4"
   },
-  "gitHead": "de3500ba32b4355fa4e3e0857246545ed6efd9d6"
+  "gitHead": "3c656a7f0741f7b6b97db5ce1271a2eb7c76e0c1"
 }