From fdfa9f22b2eca4499c9edf813a18ad97946fb558 Mon Sep 17 00:00:00 2001 From: Fabrice Niessen Date: Sun, 6 Feb 2022 18:27:32 +0100 Subject: [PATCH] Detangle src/readtheorg_theme/css/readtheorg.css --- src/readtheorg_theme/css/readtheorg.css | 20 ++-- src/readtheorg_theme/readtheorg.org | 124 ++++++++++++++++-------- 2 files changed, 92 insertions(+), 52 deletions(-) diff --git a/src/readtheorg_theme/css/readtheorg.css b/src/readtheorg_theme/css/readtheorg.css index 2e47415..c9cd1f2 100644 --- a/src/readtheorg_theme/css/readtheorg.css +++ b/src/readtheorg_theme/css/readtheorg.css @@ -768,7 +768,7 @@ hr{ } #table-of-contents a:hover{ - color: #ffffff !important; + color: #ffffff !important; background-color:#4e4a4a; cursor:pointer} @@ -803,35 +803,35 @@ hr{ margin-bottom:0.809em} ul.nav > li ul { - display: none; + display: none; } li.active { - background-color: #e3e3e3; + background-color: #e3e3e3; } li.active>a { - color: black !important; + color: black !important; } ul.nav>li.active a { - color: #404040 !important; + color: #404040 !important; } ul.nav>li.active li.active { - background-color: #c9c9c9; + background-color: #c9c9c9; } ul.nav>li.active li.active>a { - color: black !important; + color: black !important; border-right:solid 1px #c9c9c9 !important; font-weight: bold !important; display: block !important; } ul.nav>li.active>a { - background-color: #fcfcfc; - color: black !important; + background-color: #fcfcfc; + color: black !important; border-bottom:solid 1px #c9c9c9 !important; /* XXX Restrict it to 2nd level */ border-right:solid 1px #c9c9c9 !important; font-weight: bold !important; @@ -839,7 +839,7 @@ ul.nav>li.active>a { } li.active>ul { - display: inline !important; + display: inline !important; } /* ul.nav li ul li { */ /* display: none; */ diff --git a/src/readtheorg_theme/readtheorg.org b/src/readtheorg_theme/readtheorg.org index abcfcc2..7791231 100644 --- a/src/readtheorg_theme/readtheorg.org +++ b/src/readtheorg_theme/readtheorg.org @@ -926,6 +926,7 @@ hr{ } #table-of-contents a:hover{ + color: #ffffff !important; background-color:#4e4a4a; cursor:pointer} @@ -961,75 +962,114 @@ hr{ #+end_src #+begin_src css -ul.nav li ul li { +ul.nav > li ul { display: none; } -ul.nav li ul li ul li { - display: none; +li.active { + background-color: #e3e3e3; } -ul.nav li.active ul li { - display: inline; +li.active>a { + color: black !important; } -ul.nav li.active ul li ul li { - display: inline; +ul.nav>li.active a { + color: #404040 !important; } -ul.nav li.active ul li a { - background-color: #E3E3E3; - color: #8099B0; +ul.nav>li.active li.active { + background-color: #c9c9c9; +} + +ul.nav>li.active li.active>a { + color: black !important; border-right:solid 1px #c9c9c9 !important; -} - -ul.nav li.active ul li.active a { - background-color: #C9C9C9; - color: black !important; - font-weight: bold !important; -} - -ul.nav li.active ul li.active ul li.active a { - color: black !important; font-weight: bold !important; display: block !important; } -ul.nav li.active ul li.active ul li a { - color: #808080 !important; - font-weight: normal !important; +ul.nav>li.active>a { + background-color: #fcfcfc; + color: black !important; + border-bottom:solid 1px #c9c9c9 !important; /* XXX Restrict it to 2nd level */ + border-right:solid 1px #c9c9c9 !important; + font-weight: bold !important; display: block !important; } -ul.nav li.active ul li ul li a { - display: none !important; +li.active>ul { + display: inline !important; } +/* ul.nav li ul li { */ +/* display: none; */ +/* } */ + +/* ul.nav li ul li ul li { */ +/* display: none; */ +/* } */ + +/* ul.nav li.active ul li { */ +/* display: inline; */ +/* } */ + +/* ul.nav li.active ul li ul li { */ +/* display: inline; */ +/* } */ + +/* ul.nav li.active ul li a { */ +/* background-color: #E3E3E3; */ +/* color: #8099B0; */ +/* border-right:solid 1px #c9c9c9 !important; */ +/* } */ + +/* ul.nav li.active ul li.active a { */ +/* background-color: #C9C9C9; */ +/* color: black !important; */ +/* font-weight: bold !important; */ +/* } */ + +/* ul.nav li.active ul li.active ul li.active a { */ + /* color: black !important; */ + /* font-weight: bold !important; */ + /* display: block !important; */ +/* } */ + +/* ul.nav li.active ul li.active ul li a { */ +/* color: #808080 !important; */ +/* font-weight: normal !important; */ +/* display: block !important; */ +/* } */ + +/* ul.nav li.active ul li ul li a { */ +/* display: none !important; */ +/* } */ /* ul.nav li ul li ul li { */ /* display: none !important; /\* as long as nav is on multiple levels of ul *\/ */ /* /\* display: none; /\* as long as nav is on multiple levels of ul *\\/ *\/ */ /* } */ -ul.nav li ul li ul li ul li { - display: none !important; /* as long as nav is on multiple levels of ul */ - /* display: none; /* as long as nav is on multiple levels of ul *\/ */ -} +/* ul.nav li ul li ul li ul li { */ +/* display: none !important; /\* as long as nav is on multiple levels of ul *\/ */ +/* /\* display: none; /\* as long as nav is on multiple levels of ul *\\/ *\/ */ +/* } */ -ul.nav li.active > a { - border-bottom:solid 1px #c9c9c9 !important; /* XXX Restrict it to 2nd level */ - border-right:solid 1px #c9c9c9 !important; -} +/* ul.nav li.active > a { */ + /* border-bottom:solid 1px #c9c9c9 !important; /\* XXX Restrict it to 2nd level *\/ */ + /* border-right:solid 1px #c9c9c9 !important; */ +/* } */ -ul.nav li.active a { - color: gray !important; - font-weight:bold; - background-color: white; - border-right:solid 0px white !important; -} +/* ul.nav li.active a { */ +/* color: gray !important; */ +/* font-weight:bold; */ +/* background-color: white; */ +/* border-right:solid 0px white !important; */ +/* } */ -ul.nav > li.active > a { - color: black !important; -} +/* ul.nav > li.active > a { */ +/* color: black !important; */ +/* } */ #+end_src #+begin_src css