From b7d9cc3d0a988273be26096eee1f89a7d57dee40 Mon Sep 17 00:00:00 2001 From: mdinger Date: Mon, 14 Sep 2015 02:38:06 -0400 Subject: [PATCH] Consolidate light theme. Only selected menu item should be highlighted. Mobile chapter switcher should highlight when selected --- src/theme/book.css | 47 +++++++++++++++++++++------------------------- 1 file changed, 21 insertions(+), 26 deletions(-) diff --git a/src/theme/book.css b/src/theme/book.css index deb8b035..2e22420c 100644 --- a/src/theme/book.css +++ b/src/theme/book.css @@ -13,46 +13,32 @@ html, body { .light .page-wrapper { background: none repeat scroll 0 0 #FFF; } - .light .chapter li { - color: #AAA; - } - .light .chapter li a { - color: #333; - } - .light .chapter li .active { - color: #008cff; - } + .light .chapter li .active, .light .chapter li a:hover { /* Animate color change */ color: #008cff; } - .light .menu-bar { + .light .menu-bar, + .light .nav-chapters { color: #CCC; } - .light .menu-bar :hover { + .light .chapter li a, + .light .menu-bar i:hover, + .light .nav-chapters:hover { /* Animate color change */ color: #333; } - .light .menu-title { - color: #7E7E7E; - } - .light .menu-bar:hover .menu-title { - color: #7E7E7E; - } .light .content a { color: #4183c4; } - .light .nav-chapters { - color: #CCC; - } - .light .nav-chapters:hover { - color: #333; - } + /* Theme changer */ .light .theme-popup { - border: 1px solid #fafafa; + background: #fafafa; + border: 1px solid #ccc; } .light .theme-popup .theme:hover { - background-color: #fafafa; + background-color: #e6e6e6; + } } .sidebar { position: absolute; @@ -294,7 +280,16 @@ html, body { background-color: #E0E0E0; color: #999; } - + .light .mobile-nav-chapters i:hover { + color: #333; + } + .coal .mobile-nav-chapters { + background-color: #212426; + color: #43484d; + } + .coal .mobile-nav-chapters i:hover { + color: #b3c0cc; + } .nav-chapters { display: none;