style links on info pages, and fix layouts

customize.dist/src/less/cryptpad.less

@@ -9,7 +9,7 @@
 
 html.cp, .cp body {
     font-size: .875em;
-    background-color: @base;
+    background-color: @page-white; //@base;
     color: @fore;
 
     font-family: Georgia,Cambria,serif;
@@ -90,11 +90,16 @@ h6 {
 
 a {
     cursor: pointer;
-    color: @cp-darkblue;
+    color: @cp-light-blue;
+    //#41b7d8; //@cp-darkblue;
+
     text-decoration: none;
 
     &:hover {
-        color: @cp-accent2;
+        color: darken(@cp-light-blue, 10%); //@cp-accent2;
+    }
+    &:visited {
+        color: @cp-purple;
     }
 }
 
@@ -124,7 +129,7 @@ body.html {
     width: 100%;
     margin-left: auto;
     margin-right: auto;
-    background: #fff; //@base;
+    background: @page-white;
     padding: 10px 0;//@main-border-width;
     position: relative;
 
@@ -230,14 +235,16 @@ body.html {
     }
 }
 
-.mainOverlay {
+#main {
+    .mainOverlay {
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
         background-color: #000;
-    opacity: 0.3;
+        opacity: 0.35;
+    }
 }
 #mainBlock {
     &.hidden {
@@ -269,8 +276,6 @@ body.html {
             transform: translateY(-50%);
         }
     }
-    background: @main-bg;
-    background-size: cover;
 }
 #main {
     background: @main-bg;
@@ -280,6 +285,7 @@ body.html {
 }
 #main_other {
     padding: 0 @main-border-width;
+    background-color: @page-white;
 }
 
 .category {

customize.dist/src/less/topbar.less

@@ -13,6 +13,8 @@
     box-sizing: border-box;
     font-size: 30px;
 
+    border-bottom: 1px solid darken(@topbar-back, 15%);
+
     &> span {
         vertical-align: middle;
         display: inline-block;

customize.dist/src/less/variables.less

@@ -18,10 +18,12 @@
 
 @cp-blue: #00CFC1;
 @cp-blue: #00ADEE;
-@cp-light-blue: lighten(@cp-blue, 20%);
+@cp-light-blue: #41b7d8; // lighten(@cp-blue, 20%);
 
 @cp-purple: #558;
 
+@page-white: #fafafa;
+
 // alertify things
 
 @box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);