updated the favicons, changed the menu

PLEASE ENTER A COMMIT MESSAGE TO EXPLAIN WHY THIS MERGE IS NECESSAry,

customize.dist/src/less2/include/colortheme.less

@@ -1,3 +1,8 @@
+@colortheme_link-color: #0275D8;
+@colortheme_link-color-visited: #005999;
+@colortheme_info-background: #fafafa;
+
+
 @colortheme_pad-bg: #1c4fa0;
 @colortheme_pad-color: #fff;
 

customize.dist/src/less2/include/infopages.less

@@ -1,10 +1,17 @@
+@import (once) "./colortheme.less";
+
+@infopages_infobar-height: 64px;
+
 // Basic setup for info pages, this should be used at the global level
 .infopages_main () {
     min-height: 100vh;
-    background-color: #FAFAFA;
+    background-color: @colortheme_info-background;
 
     a {
-        color: #FFF;
+        color: @colortheme_link-color;
+        &:visited {
+            color: @colortheme_link-color-visited;
+        }
         //opacity: 0.8;
         //transition: opacity 0.2s;
     }
@@ -17,12 +24,16 @@
 	margin: 0;
 
 	font-size: 14px;
-	font-family: 'Open Sans', 'Helvetica Neue', sans-serif;
+    font-family: 'Open Sans', 'Helvetica Neue', sans-serif;
+
+    .cp-container {
+        padding-top: @infopages_infobar-height;
+    }
 };
 
 .infopages_link () {
     text-decoration: none;
-    color: #FFF;
+    color: #0275D8;
     cursor: pointer;
     display: inline-flex;
     &:hover {
@@ -33,6 +44,8 @@
 // Apply this to the top bar div
 .infopages_topbar () {
     .cp-topbar {
+        background: #fff;
+        z-index: 9001;
         position: fixed;
         top: 0;
 
@@ -43,7 +56,7 @@
 
         box-sizing: border-box;
         width: 100%;
-        height: 64px;
+        height: @infopages_infobar-height;
         padding-left: 0.5em;
         padding-right: 0.5em;
         vertical-align: middle;

customize.dist/src/less2/main.less

@@ -2,4 +2,7 @@
 	font-family: Neuropolitical;
 	src: url(./customize/fonts/neuropolitical.ttf)
 }
-div#cp-main.cp-page-index { @import "./pages/page-index.less"; }
+div#cp-main.cp-page-index { @import "./pages/page-index.less"; }
+div#cp-main.cp-page-contact { @import "./pages/page-contact.less"; }
+div#cp-main.cp-page-login { @import "./pages/page-login.less"; }
+div#cp-main.cp-page-register { @import "./pages/page-register.less"; }

customize.dist/src/less2/pages/page-contact.less

@@ -0,0 +1,4 @@
+@import (once) "../include/infopages.less";
+
+.infopages_main();
+.infopages_topbar();

customize.dist/src/less2/pages/page-index.less

@@ -1,5 +1,3 @@
-//@import (once) "./variables.less";
-
 @import (once) "../include/infopages.less";
 @import (once) "../include/colortheme.less";
 
@@ -7,6 +5,15 @@
 .infopages_main();
 .infopages_topbar();
 
+.cp-topbar {
+    background: transparent;
+    position: fixed;
+    a {
+        color: #fff;
+    }
+}
+
+
 @background_lighter: rgba(0,0,0,0.1);
 @background_darker: rgba(0,0,0,0.4);
 &#cp-main {
@@ -38,7 +45,7 @@
 		&:hover {
 			transform: scale(1.05);
 		}
-	} 
+	}
 }
 .cp-title {
     display: flex;