1 files changed, 45 insertions, 20 deletions

diff --git a/src/css/_style.scss b/src/css/_style.scss
index 060fe8f..44c4afe 100644
--- a/src/css/_style.scss
+++ b/src/css/_style.scss
@@ -2,22 +2,31 @@
   cursor: pointer;
   list-style-type: disc;
 }
+
 .file {
   list-style: circle;
+
   a {
     padding-top: 5px;
     padding-bottom: 5px;
   }
 }
 
-.qcm_item p {margin: 0; padding: 0; display: inline;}
-.qcm_check, .qcm_radio {padding-left: 32px;}
-
+.qcm_item p {
+  margin: 0;
+  padding: 0;
+  display: inline;
+}
 
+.qcm_check,
+.qcm_radio {
+  padding-left: 32px;
+}
 
 details {
   color: #424242;
 }
+
 .special-box {
   margin: 12.5px 12.5px;
   padding: 10px 0 10px 95px;
@@ -27,7 +36,8 @@ details {
   background: #eee7da;
   color: #424242;
 }
-.special-box:before{
+
+.special-box:before {
   content: "";
   display: block;
   width: 48px;
@@ -35,7 +45,9 @@ details {
   background-repeat: no-repeat;
   margin: 0 0 -48px -70px;
 }
+
 @mixin box($name, $bg) {
+
   /* Theme style */
   .#{$name} {
     background: $bg;
@@ -75,12 +87,15 @@ details {
   /* Theme style */
   background: #eee;
 }
+
 .hiden_block_quote {
   display: none;
 }
+
 .special-box-content {
   margin-top: 5px;
 }
+
 kbd {
   padding: 2px 6px;
   border-radius: 3px;
@@ -92,42 +107,46 @@ kbd {
   border: 1px solid #e0dab6;
   color: #5e551f;
 }
+
 .view {
   position: relative;
 }
+
 .raw_button {
   position: absolute;
   top: 10px;
   right: 0;
 
-  margin      : 0;
-  padding     : 0;
-  border      : 0;
-  background  : transparent;
-  font-family : inherit;
-  font-size   : 1em;
-  cursor      : pointer;
-
-  > div {
-    width       : 40px;
-    height      : 24px;
-    line-height : 24px;
-    border-radius : 3px;
+  margin: 0;
+  padding: 0;
+  border: 0;
+  background: transparent;
+  font-family: inherit;
+  font-size: 1em;
+  cursor: pointer;
+
+  >div {
+    width: 40px;
+    height: 24px;
+    line-height: 24px;
+    border-radius: 3px;
     font-size: 12px;
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 
     /* Theme style */
-    border : 1px solid rgba(27, 31, 35, 0.2);
-    background : #c0c0c0 url('image.png') no-repeat center center;
+    border: 1px solid rgba(27, 31, 35, 0.2);
+    background: #c0c0c0 url('image.png') no-repeat center center;
     color: #24292e;
     background-color: #eff3f6;
     background-image: linear-gradient(to top, #fafbfc 0%, #eff3f6 90%);
 
   }
-  > div > div {
+
+  >div>div {
     font-weight: bold;
   }
 }
+
 .no-style {
   text-decoration: none;
 }
@@ -142,13 +161,19 @@ kbd {
   border: 2px solid $border;
 }
 
+.mono_cap {
+  font-family: "Courier New", Courier, monospace;
+}
+
 /* Theme style */
 .valid {
   @include state(#c0392b, #9F9);
 }
+
 .invalid {
   @include state(#c0392b, #f99);
 }
+
 .glowing {
   @include state(#c0392b, #99F);
 }