add styles for new buttons

nodejs/public/stylesheets/skeleton.css

@@ -19,6 +19,14 @@
   src: local('Raleway SemiBold'), local('Raleway-SemiBold'), url(../fonts/Raleway-SemiBold.ttf);
 }
 
+@font-face {
+  font-family: 'Power Symbols';
+  font-style: normal;
+  font-weight: 600;
+  src: url(../fonts/Unicode_IEC_symbol.ttf);
+}
+
+
 /*
 * Skeleton V2.0.4
 * Copyright 2014, Dave Gamache

nodejs/public/stylesheets/style.css

@@ -8,10 +8,6 @@ td button, td .button {
   font-weight: 600;
 }
 
-.modal form {
-  display: inline;
-}
-
 /* Navigation */
 
 nav {
@@ -58,18 +54,33 @@ nav li img {
 }
 /* Extras */
 .sign {
+  font-family: 'Power Symbols', "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-weight: 400;
   margin-bottom: 0;
   padding: 0 15px;
-  font-size: 12pt;
+  font-size: 14px;
+}  
+
+.symbol {
+  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 19px; 
+  cursor: pointer;
+  color: #87CEEB;
+  -webkit-transition: color .3s;
+  transition: color .3s;
+}
+
+.symbol:hover {
+  color: #33C3F0;
 }
 
 /* Modal */
-.modal {
+.ng-modal {
   width: 85% !important;
   max-width: 960px;
 }
 
-.modal-overlay {
+.ng-modal-overlay {
   position:absolute;
   z-index:9999;
   top:0;
@@ -79,7 +90,7 @@ nav li img {
   background-color:#000000;
   opacity: 0.6;
 }
-.modal-dialog {
+.ng-modal-dialog {
   z-index:10000;
   position: absolute;
   width: 50%; 
@@ -92,7 +103,7 @@ nav li img {
   box-shadow: 4px 4px 80px #000;
   border-radius: 5px;
 }
-.modal-dialog-content {
+.ng-modal-dialog-content {
   padding:10px;
   text-align: left;
 }