From 43942c3bca8f0313ad2d4ef097bb9d8fd7601c09 Mon Sep 17 00:00:00 2001
From: Andras Timar <andras.timar@collabora.com>
Date: Thu, 9 Aug 2018 21:46:38 +0200
Subject: [cp] Collabora colors in css

Change-Id: I5f5eeac7d9a95994f8b1ddbe734a7a622013421d
Reviewed-on: https://gerrit.libreoffice.org/58799
Reviewed-by: Andras Timar <andras.timar@collabora.com>
Tested-by: Andras Timar <andras.timar@collabora.com>
---
 help3xsl/default.css | 62 ++++++++++++++++++++++++++++------------------------
 1 file changed, 33 insertions(+), 29 deletions(-)

diff --git a/help3xsl/default.css b/help3xsl/default.css
index 2c493049f8..650a604d05 100644
--- a/help3xsl/default.css
+++ b/help3xsl/default.css
@@ -210,7 +210,7 @@ table, th, td {
     margin-top: 0px;
 }
 .tableheadcell {
-    background: #148603;
+    background: #5c3de2;
     color: white;
     vertical-align:top;
 }
@@ -222,7 +222,7 @@ h4,
 h5,
 h6 {
     margin-bottom: 0.67rem;
-    color: #148603;
+    color: #5c3de2;
 }
 p,
 ol,
@@ -233,7 +233,7 @@ td {
 h1 {
     font-size: 1.83rem;
     font-weight: 300;
-    border-bottom: 2px solid #148603;
+    border-bottom: 2px solid #5c3de2;
     margin-bottom: 1.67rem;
 }
 h1 a {
@@ -254,8 +254,8 @@ h6 {
     font-weight: normal;
 }
 .howtoget {
-    background: #EBE7E9;
-    border-left: 4px solid #4E4B55;
+    background: #e4ddff;
+    border-left: 4px solid #5c3de2;
     border-radius: 0 4px 4px 0;
     box-shadow: 0 2px 2px -2px rgba(0,0,0,0.2);
     padding: 0.3em;
@@ -348,17 +348,18 @@ h6 {
     z-index: 100;
 }
 header {
-    color: #fff;
-    background-color: #18A303;
+    background-color: #fff;
+    color: #5c3de2;
     height: 64px;
     padding: 8px 8px 8px 16px;
+    border-bottom: 1px solid rgba(0,0,0,0.04);
 }
 .logo-container {
     display: flex;
     justify-content: space-between;
 }
 .logo {
-    color: #fff;
+    color: #5c3de2;
     text-decoration: none;
     display: flex;
 }
@@ -388,8 +389,8 @@ header {
     -webkit-overflow-scrolling: touch;
 }
 #langs-nav a, #modules-nav a {
-    color: #fff;
-    background-color: #233336;
+    color: #0c0c0c;
+    background-color: #f2f2f2;
     display: block;
     line-height: 1.5;
     padding: 3px 6px;
@@ -400,6 +401,7 @@ header {
     white-space: nowrap;
 }
 footer {
+    border-top: 2px solid #5c3de2;
     padding: 40px 10px 40px 10px;
     background-color: #FCFCFC;
     box-shadow: 0 2px 8px 0 rgba(0,0,0,.05);
@@ -420,7 +422,7 @@ footer p {
     white-space: nowrap;
 }
 label[for=accordion-1] {
-    color: #148603;
+    color: #5c3de2;
     display: block;
     padding: 10px 0 10px 20px;
     font-size: 22px;
@@ -441,7 +443,7 @@ aside input[type=checkbox]:checked ~ .contents-treeview {
 }
 .index-label {
     font-size: 22px;
-    color: #148603;
+    color: #5c3de2;
     padding-left: 20px;
     margin: 20px 0 0 0;
 }
@@ -464,70 +466,70 @@ aside input[type=checkbox]:checked ~ .contents-treeview {
 #Bookmarks p {
     font-size: 22px;
     font-weight: bold;
-    color: #148603;
+    color: #5c3de2;
 }
 #WRITER::before {
     content: "WRITER";
     display: block;
     font-size: 22px;
     font-weight: bold;
-    color: #148603;
+    color: #5c3de2;
 }
 #CALC::before {
     content: "CALC";
     display: block;
     font-size: 22px;
     font-weight: bold;
-    color: #148603;
+    color: #5c3de2;
 }
 #IMPRESS::before {
     content: "IMPRESS";
     display: block;
     font-size: 22px;
     font-weight: bold;
-    color: #148603;
+    color: #5c3de2;
 }
 #DRAW::before {
     content: "DRAW";
     display: block;
     font-size: 22px;
     font-weight: bold;
-    color: #148603;
+    color: #5c3de2;
 }
 #BASE::before {
     content: "BASE";
     display: block;
     font-size: 22px;
     font-weight: bold;
-    color: #148603;
+    color: #5c3de2;
 }
 #MATH::before {
     content: "MATH";
     display: block;
     font-size: 22px;
     font-weight: bold;
-    color: #148603;
+    color: #5c3de2;
 }
 #CHART::before {
     content: "CHART";
     display: block;
     font-size: 22px;
     font-weight: bold;
-    color: #148603;
+    color: #5c3de2;
 }
 #BASIC::before {
     content: "BASIC";
     display: block;
     font-size: 22px;
     font-weight: bold;
-    color: #148603;
+    color: #5c3de2;
 }
 #SHARED::before {
     content: "GLOBAL";
     display: block;
     font-size: 22px;
     font-weight: bold;
-    color: #148603;
+    color: #5c3de2;
 }
 .pagination-container {
     text-align: center;
@@ -568,14 +570,15 @@ li.disabled a {
     font-style: italic;
 }
 .xapian-donation {
-    border-top: 2px solid #148603;
+    border-top: 2px solid #5c3de3;
     background-color: #FCFCFC;
     box-shadow: 0 2px 8px 0 rgba(0,0,0,.05);
 }
 .donation-frame {
-    background: #18A303;
+    background: #fff;
     position: sticky;
     top: 0px;
+    border-bottom: 1px solid rgba(0,0,0,0.04);
 }
 .donation{
     background: #0379BC;
@@ -604,9 +607,10 @@ li.disabled a {
     text-align: center;
 }
 .search-frame {
-    background: #18A303;
+    background: #fff;
     top: 0px;
     position: sticky;
+    border-bottom: 1px solid rgba(0,0,0,0.04);
 }
 .xapian-omega-search {
     margin: auto;
@@ -618,7 +622,7 @@ li.disabled a {
 }
 #modules:after, #langs:after {
     font-size: 30px;
-    color: #fff;
+    color: #5c3de2;
     content:"⌄";
 }
 .lang {
@@ -720,7 +724,7 @@ li.disabled a {
 }
 .contents-treeview label:before {
     content: "⊞";
-    color: #148603;
+    color: #5c3de2;
     width: 16px;
     margin: 0 5px 0 0;
     display: inline-block;
@@ -761,7 +765,7 @@ li.disabled a {
     /* these are buttons, so also reset some default stylings */
     #langs, #modules {
         cursor: pointer;
-        color: #fff;
+        color: #5c3de2;
         font-size: 19px;
         position: relative;
         top: 40px;
@@ -880,7 +884,7 @@ li.disabled a {
             align-items: center;
         }
         footer {
-            border-top: 2px solid #148603;
+            border-top: 2px solid #5c3de3;
         }
         body {
             display: grid;
-- 
cgit v1.2.3