actions
/
mdBook
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Consolidate light theme. Only selected menu item should 

be highlighted. Mobile chapter switcher should highlight
when selected
This commit is contained in:
mdinger 2015-09-14 02:38:06 -04:00
parent be33f6afad
commit b7d9cc3d0a
1 changed files with 21 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
src/theme/book.css
View File

@ -13,46 +13,32 @@ html, body {
.light .page-wrapper { .light .page-wrapper {
background: none repeat scroll 0 0 #FFF; background: none repeat scroll 0 0 #FFF;
} }
.light .chapter li { .light .chapter li .active,
color: #AAA;
}
.light .chapter li a {
color: #333;
}
.light .chapter li .active {
color: #008cff;
}
.light .chapter li a:hover { .light .chapter li a:hover {
/* Animate color change */ /* Animate color change */
color: #008cff; color: #008cff;
} }
.light .menu-bar { .light .menu-bar,
.light .nav-chapters {
color: #CCC; color: #CCC;
} }
.light .menu-bar :hover { .light .chapter li a,
.light .menu-bar i:hover,
.light .nav-chapters:hover {
/* Animate color change */ /* Animate color change */
color: #333; color: #333;
} }
.light .menu-title {
color: #7E7E7E;
}
.light .menu-bar:hover .menu-title {
color: #7E7E7E;
}
.light .content a { .light .content a {
color: #4183c4; color: #4183c4;
} }
.light .nav-chapters { /* Theme changer */
color: #CCC;
}
.light .nav-chapters:hover {
color: #333;
}
.light .theme-popup { .light .theme-popup {
border: 1px solid #fafafa; background: #fafafa;
border: 1px solid #ccc;
} }
.light .theme-popup .theme:hover { .light .theme-popup .theme:hover {
background-color: #fafafa; background-color: #e6e6e6;
}
} }
.sidebar { .sidebar {
position: absolute; position: absolute;
@ -294,7 +280,16 @@ html, body {
background-color: #E0E0E0; background-color: #E0E0E0;
color: #999; 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 { .nav-chapters {
display: none; display: none;