almost chatbox

resources/base.scss

@@ -219,11 +219,11 @@ header {
 
 #nav-shadow {
     height: 2px;
-    background: linear-gradient(#63c8f9, transparent);
+    background: linear-gradient(#7dc7ff, transparent);
 }
 
 #nav-container {
-    background: linear-gradient(#c1e9fd, #63c8f9);
+    background: #7dc7ff;
 
     // opacity: 0.77;
     // filter: alpha(opacity=77)

resources/chatbox.scss

@@ -7,6 +7,7 @@
     overflow-wrap: break-word;
     overflow-y: scroll;
 }
+
 #loader {
     display: block;
     margin-left: auto;
@@ -16,6 +17,7 @@
 
 #chat-log {
     padding: 0;
+    padding-top: 2em;
     width: 100%;
 }
 
@@ -61,8 +63,9 @@
 .clear {
     clear: both;
 }
-.message {
+.content-message {
     word-wrap: break-word;
+    white-space: pre-line;
 }
 
 

resources/widgets.scss

@@ -305,8 +305,8 @@ ul.pagination {
         .active-page > {
             a {
                 z-index: 2;
-                color: #FFF;
-                background-color: $highlight_blue;
+                color: black;
+                background-color: #7dc7ff;
                 border-color: transparent;
                 cursor: default;
             }