nes.css style

front/dist/resources/html/SelectCompanionScene.html

@@ -1,7 +1,4 @@
 <style>
-    *{
-        font-family: PixelFont-7,monospace!important;
-    }
     #selectCompanionScene {
         background: #0000;
         /*border: 1px solid #ebeeee;*/
@@ -9,7 +6,7 @@
         margin: 10px auto 0;
         color: #ebeeee;
         max-height: 40vh;
-        overflow: scroll;
+        overflow: auto;
         max-width: 300px;
         width: 40vw;
     }
@@ -26,19 +23,6 @@
         text-align: center;
         text-shadow: 0 -1px 0 rgba(0,0,0,0.2), 0 1px 0 #fff;
     }
-    #selectCompanionScene input {
-        font-size: 70%;
-        background: linear-gradient(top, #d6d7d7, #dee0e0);
-        border: 1px solid #a1a3a3;
-        border-radius: 4px;
-        box-shadow: 0 1px #fff;
-        box-sizing: border-box;
-        color: #696969;
-        height: 30px;
-        transition: box-shadow 0.3s;
-        width: 100%;
-        text-align: center;
-    }
     #selectCompanionScene section {
         margin: 10px;
     }
@@ -47,14 +31,6 @@
         margin: 0;
         margin-top: 20vh;
     }
-    #selectCompanionScene button {
-        margin: 10px 4px;
-        background-color: black;;
-        color: #ebeeee;
-        border-radius: 7px;
-        padding-bottom: 4px;
-        width: 100px;
-    }
     #selectCompanionScene button#selectCompanionSceneFormCancel {
         background-color: #aca6a600;
         color: #292929;
@@ -117,12 +93,12 @@
 
 <form id="selectCompanionScene" hidden>
     <section class="text-center">
-        <h5>Select your WOKA</h5>
-        <button class="selectCharacterButton" id="selectCharacterButtonLeft"> < </button>
-        <button class="selectCharacterButton" id="selectCharacterButtonRight"> > </button>
+        <h5>Select your Companion</h5>
+        <button class="selectCharacterButton nes-btn" id="selectCharacterButtonLeft"> < </button>
+        <button class="selectCharacterButton nes-btn" id="selectCharacterButtonRight"> > </button>
     </section>
     <section class="action">
-        <a herf="#" id="selectCompanionSceneFormBack">Back</a>
-        <button type="submit" id="selectCompanionSceneFormSubmit">Continue</button>
+        <a herf="#" class="nes-btn is-dark" id="selectCompanionSceneFormBack">Back</a>
+        <button type="submit" class="nes-btn" id="selectCompanionSceneFormSubmit">Continue</button>
     </section>
 </form>