From 9d0252e989a8d6cfe89018fb1ec4cef4ad8726c1 Mon Sep 17 00:00:00 2001
From: ansuz <ansuz@transitiontech.ca>
Date: Thu, 2 Feb 2017 18:36:30 +0100
Subject: [PATCH] style links on info pages, and fix layouts

---
 customize.dist/src/less/cryptpad.less  | 34 +++++++++++++++-----------
 customize.dist/src/less/topbar.less    |  2 ++
 customize.dist/src/less/variables.less |  4 ++-
 3 files changed, 25 insertions(+), 15 deletions(-)

diff --git a/customize.dist/src/less/cryptpad.less b/customize.dist/src/less/cryptpad.less
index 3559f2d99..0fbaf7272 100644
--- a/customize.dist/src/less/cryptpad.less
+++ b/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 {
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background-color: #000;
-    opacity: 0.3;
+#main {
+    .mainOverlay {
+        position: absolute;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        background-color: #000;
+        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 {
diff --git a/customize.dist/src/less/topbar.less b/customize.dist/src/less/topbar.less
index a5d4addc4..600031d00 100644
--- a/customize.dist/src/less/topbar.less
+++ b/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;
diff --git a/customize.dist/src/less/variables.less b/customize.dist/src/less/variables.less
index ef83f944e..cb8e0b434 100644
--- a/customize.dist/src/less/variables.less
+++ b/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);