summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorAndras Timar <andras.timar@collabora.com>2018-08-09 21:46:38 +0200
committerAndras Timar <andras.timar@collabora.com>2020-05-15 13:50:01 +0200
commit43942c3bca8f0313ad2d4ef097bb9d8fd7601c09 (patch)
treef0b6b02b6acef875e205b58249fa12bd37a1038d
parent1108a53922bd3b6a6740627d77037e91c65d4761 (diff)
[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>
-rw-r--r--help3xsl/default.css62
1 files changed, 33 insertions, 29 deletions
diff --git a/help3xsl/default.css b/help3xsl/default.css
index 2c493049f..650a604d0 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;