Merge branch 'front-page' of https://git.xwikisas.com/xwiki-labs/cryptpad into front-page

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

@@ -48,3 +48,6 @@
 
 @colortheme_profile-bg: #0087ff;
 @colortheme_profile-color: #fff;
+
+@cryptpad_color_blue: #4591C4; 
+@cryptpad_color_grey: #999999;

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

@@ -8,8 +8,8 @@
     background-color: @colortheme_info-background;
 
     a {
-        color: @colortheme_link-color;
-        &:visited { color: @colortheme_link-color-visited; }
+        color: @cryptpad_color_blue;
+        &:visited { color: darken(@cryptpad_color_blue, 10%); }
         //opacity: 0.8;
         //transition: opacity 0.2s;
     }
@@ -76,25 +76,26 @@
     }
 
     footer {
-        background-color: white;
-
+        background-color: @cryptpad_color_grey;
         .container {
             .col {
                 margin-top: 1em;
             }
-
-            width: 100%;
-            text-align: center;
-            margin-bottom: 1em;
-
-            ul.list-unstyled {
+        a {
+            color: #fff;
+            &:visited {
+                color: darken(#fff, 20%);
+            };
+        }
+        margin-bottom: 1em;
+        ul.list-unstyled {
                 margin: 0;
             }
         }
 
         .cp-version-footer {
-            background-color: @colortheme_info-background;
-            color: black;
+            background-color: #6C6C6C;
+            color: #fff;
             text-align: center;
             padding: 0.5em;
         }
@@ -164,3 +165,64 @@
         }
     }
 }
+
+// navigation top bar 
+.navbar  {
+    background: #fff;
+    .navbar-brand {
+        background: url(/customize/CryptPad_logo_color.svg) no-repeat;
+        width: 250px;
+        height: 50px;
+    }
+    a {
+        border: 2px solid transparent;
+    }
+    .nav-link {
+        padding: 0.5em 0.7em;
+        &:hover {
+            transform: scale(1.05);
+        };
+    }
+    .cp-register-btn {
+            border: 2px solid #4591C4;
+    }
+    button:focus {
+        outline: none;
+    }
+    .navbar-toggler {
+        margin-top: 10px;
+        color: #4591C4;
+    }
+}
+@media (max-width: 991px) {
+    #menuCollapse {
+        text-align: right;
+    }
+    .navbar-nav a {
+        text-align: right !important;
+    }
+    .cp-register-btn {
+        margin-right: 13px;
+        margin-left: 83vw;
+        text-align: center;
+     }
+}
+@media (max-width: 687px) {
+    .cp-register-btn {
+         margin-left: 75vw;
+    }
+}
+@media (max-width: 467px) {
+    .cp-register-btn {
+         margin-left: 63vw;
+    }
+}
+
+
+//footer general styles
+
+.cp-title {
+    font-weight: bold;
+    font-size: 1.2em;
+    color: #1E1F1F;
+}

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

@@ -9,4 +9,4 @@
     margin: 1em 0;
     max-width: 300px;
     max-height: 300px;
-}
+}

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

@@ -63,6 +63,7 @@
     }
 }
 .navbar {
+    background: transparent;
     width: 100%;
     @media only screen and (max-device-width: 991px) {
         margin-top: 0;
@@ -72,13 +73,11 @@
     }
     a {
         color: #fff;
-        border: 2px solid transparent;
         &:visited {
             color: rgba(255,255,255,.8);
         };
     }
     .nav-link {
-        padding: 0.5em 0.7em;
         &:hover {
             transform: scale(1.05);
         };
@@ -86,9 +85,6 @@
     .cp-register-btn {
             border: 2px solid #fff;
     }
-    button:focus {
-        outline: none;
-    }
     .navbar-toggler {
         margin-top: 10px;
         color: #fff;
@@ -194,27 +190,4 @@ h4 {
         left: 5px;
     }
 }
-@media (max-width: 991px) {
-    #menuCollapse {
-        text-align: right;
-    }
-    .navbar-nav a {
-        text-align: right !important;
-    }
-    .cp-register-btn {
-        margin-right: 13px;
-        margin-left: 83vw;
-        text-align: center;
-     }
-}
-@media (max-width: 687px) {
-    .cp-register-btn {
-         margin-left: 75vw;
-    }
-}
-@media (max-width: 467px) {
-    .cp-register-btn {
-         margin-left: 63vw;
-    }
-}