From 5218062abe86745561a372ea267f342b261c35c9 Mon Sep 17 00:00:00 2001 From: Ken Hawkins <khawkins98@gmail.com> Date: Mon, 28 Sep 2020 13:13:49 +0200 Subject: [PATCH] Theme colours --- css/theme-ebi-industry.css | 27 +++++---------------------- css/theme-ebi-research.css | 30 ++++-------------------------- css/theme-ebi-services-about.css | 22 ---------------------- css/theme-ebi-training.css | 26 ++++---------------------- css/theme-embl-petrol.css | 17 ----------------- css/theme-light.css | 17 ----------------- css/theme-pdbe-green.css | 17 ----------------- css/theme-template.css | 17 ----------------- 8 files changed, 13 insertions(+), 160 deletions(-) diff --git a/css/theme-ebi-industry.css b/css/theme-ebi-industry.css index 499c0615..2a8ab25c 100644 --- a/css/theme-ebi-industry.css +++ b/css/theme-ebi-industry.css @@ -2,46 +2,29 @@ Colour palette: EMBL-EBI Industry */ -a { - color: #222; -} - -dl dt a, -a.label, -.label, -a:hover, -a:focus, -a:active { - color: rgb(0,134,180); -} - -h1 { color: #f7f7f7; } -h2 { color: rgb(0,134,180); } -h3 { color: #444444; } - -a.special { background-color: #7cd17c; } +h2 { color: rgb(49, 122, 226); } .menu .active > a, .tag, .tabs-title > a:hover, .button, .button.primary { - background-color: rgb(0,134,180); + background-color: rgb(49, 122, 226); } a.tag:hover { color: #fff; } .tabs-title > a:hover, .button.primary:hover, -.button.primary:focus { background: rgba(0,134,180,.9); } +.button.primary:focus { background: rgba(49, 122, 226,.9); } .tabs-title > a:focus, .tabs-title > a[aria-selected='true'] { color: #fff; background: #666; } -.masthead { background-color: rgb(0,134,180); } +.masthead { background-color: rgb(49, 122, 226); } /* Menu hover triangle colour */ -.masthead nav ul#global-nav.menu li a:hover:after { border-bottom-color: rgb(0,134,180); } +.masthead nav ul#global-nav.menu li a:hover:after { border-bottom-color: rgb(49, 122, 226); } /* end */ diff --git a/css/theme-ebi-research.css b/css/theme-ebi-research.css index 03d977a3..8a0ffcc0 100644 --- a/css/theme-ebi-research.css +++ b/css/theme-ebi-research.css @@ -2,43 +2,21 @@ Colour palette: EMBL-EBI Research */ -a { - color: #222; -} - -dl dt a, -a.label, -.label, -a:hover, -a:focus, -a:active { - color: rgb(109,171,73); -} - -h1 { color: #f7f7f7; } -h2 { color: rgb(109,171,73); } -h3 { color: #444444; } - -a.special { background-color: #7cd17c; } +h2 { color: rgb(0, 159, 77) } .menu .active > a, .tag, .tabs-title > a:hover, .button, .button.primary { - background-color: rgb(109,171,73); + background-color: rgb(0, 159, 77); } a.tag:hover { color: #fff; } .tabs-title > a:hover, .button.primary:hover, -.button.primary:focus { background: rgba(109,171,73,.9); } - -.tabs-title > a:focus, -.tabs-title > a[aria-selected='true'] { - color: #fff; - background: #666; } +.button.primary:focus { background: rgba(0, 159, 77, .9); } -.masthead { background-color: rgb(109,171,73); } +.masthead { background-color: rgb(0, 159, 77); } /* end */ diff --git a/css/theme-ebi-services-about.css b/css/theme-ebi-services-about.css index 087defad..5f7808ce 100644 --- a/css/theme-ebi-services-about.css +++ b/css/theme-ebi-services-about.css @@ -2,24 +2,7 @@ Colour palette: EMBL-EBI Services and About */ -a { - color: #222; -} - -dl dt a, -a.label, -.label, -a:hover, -a:focus, -a:active { - color: rgb(56,145,152); -} - -h1 { color: #f7f7f7; } h2 { color: rgb(56,145,152); } -h3 { color: #444444; } - -a.special { background-color: #7cd17c; } .menu .active > a, .tag, @@ -34,11 +17,6 @@ a.tag:hover { color: #fff; } .button.primary:hover, .button.primary:focus { background: rgba(56,145,152,.9); } -.tabs-title > a:focus, -.tabs-title > a[aria-selected='true'] { - color: #fff; - background: #666; } - .masthead { background-color: rgb(56,145,152); } /* end */ diff --git a/css/theme-ebi-training.css b/css/theme-ebi-training.css index 7241d36e..49424424 100644 --- a/css/theme-ebi-training.css +++ b/css/theme-ebi-training.css @@ -2,44 +2,26 @@ Colour palette: EMBL-EBI Training */ -a { - color: #222; -} - -dl dt a, -a.label, -.label, -a:hover, -a:focus, -a:active { - color: rgb(233,180,0); -} - -h1 { color: #f7f7f7; } -h2 { color: rgb(233,180,0); } -h3 { color: #444444; } -h4 { color: #222; } - -a.special { background-color: #7cd17c; } +h2 { color: rgb(239, 192, 110); } .menu .active > a, .tag, .tabs-title > a:hover, .button, .button.primary { - background-color: rgb(233,180,0); + background-color: rgb(239, 192, 110); } a.tag:hover { color: #fff; } .tabs-title > a:hover, .button.primary:hover, -.button.primary:focus { background: rgba(233,180,0,.9); } +.button.primary:focus { background: rgba(239, 192, 110,.9); } .tabs-title > a:focus, .tabs-title > a[aria-selected='true'] { color: #fff; background: #666; } -.masthead { background-color: rgb(233,180,0); } +.masthead { background-color: rgb(239, 192, 110); } body main.row { margin-top: 1.5rem; } body .form-checkboxes .form-item, diff --git a/css/theme-embl-petrol.css b/css/theme-embl-petrol.css index dce0f23d..40450796 100644 --- a/css/theme-embl-petrol.css +++ b/css/theme-embl-petrol.css @@ -2,24 +2,7 @@ Colour palette: EMBL-EBI Petrol */ -a { - color: #222; -} - -dl dt a, -a.label, -.label, -a:hover, -a:focus, -a:active { - color: rgb(0,124,130); -} - -h1 { color: #f7f7f7; } h2 { color: rgb(0,124,130); } -h3 { color: #444444; } - -a.special { background-color: #7cd17c; } .menu .active > a, .tag, diff --git a/css/theme-light.css b/css/theme-light.css index 01ef0a27..5e048bb2 100644 --- a/css/theme-light.css +++ b/css/theme-light.css @@ -6,24 +6,7 @@ For more background, see: https://github.com/ebiwd/EBI-Framework/issues/34 */ -a { - color: #222; -} - -dl dt a, -a.label, -.label, -a:hover, -a:focus, -a:active { - color: rgb(0,124,130); -} - -h1 { color: #666; } h2 { color: rgb(0,124,130); } -h3 { color: #444444; } - -a.special { background-color: #7cd17c; } .menu .active > a, .tag, diff --git a/css/theme-pdbe-green.css b/css/theme-pdbe-green.css index 32cc3c50..248e9958 100644 --- a/css/theme-pdbe-green.css +++ b/css/theme-pdbe-green.css @@ -2,24 +2,7 @@ Colour palette: EMBL-EBI Green */ -a { - color: #222; -} - -dl dt a, -a.label, -.label, -a:hover, -a:focus, -a:active { - color: rgb(116,179,96); -} - -h1 { color: #f7f7f7; } h2 { color: rgb(116,179,96); } -h3 { color: #444444; } - -a.special { background-color: #7cd17c; } .menu .active > a, .tag, diff --git a/css/theme-template.css b/css/theme-template.css index 702827cb..35150ae0 100644 --- a/css/theme-template.css +++ b/css/theme-template.css @@ -3,24 +3,7 @@ Save as theme-[projectname].css */ -a { - color: #222; -} - -dl dt a, -a.label, -.label, -a:hover, -a:focus, -a:active { - color: rgb(0,124,130); -} - -h1 { color: #f7f7f7; } h2 { color: rgb(0,124,130); } -h3 { color: #444444; } - -a.special { background-color: #7cd17c; } .menu .active > a, .tag, -- GitLab