2015-09-19 04:13:55 +08:00
|
|
|
.{unquote($theme-name)} {
|
2015-12-23 05:30:05 +08:00
|
|
|
/* Inline code */
|
|
|
|
:not(pre) > .hljs {
|
|
|
|
display: inline-block;
|
|
|
|
vertical-align: middle;
|
|
|
|
padding: 0.1em 0.3em;
|
|
|
|
border-radius: 3px;
|
|
|
|
}
|
|
|
|
|
2015-12-29 20:08:25 +08:00
|
|
|
pre {
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
pre > i {
|
|
|
|
position: absolute;
|
|
|
|
right: 5px;
|
|
|
|
top: 5px;
|
|
|
|
|
|
|
|
color: $sidebar-fg;
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
|
|
:hover {
|
|
|
|
color: $sidebar-active;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2015-09-19 04:13:55 +08:00
|
|
|
color: $fg
|
|
|
|
background-color: $bg
|
|
|
|
|
|
|
|
.sidebar {
|
|
|
|
background-color: $sidebar-bg
|
|
|
|
color: $sidebar-fg
|
|
|
|
}
|
|
|
|
|
|
|
|
.chapter li {
|
|
|
|
color: $sidebar-non-existant
|
|
|
|
|
|
|
|
a { color: $sidebar-fg }
|
|
|
|
|
|
|
|
.active,
|
2015-12-30 22:59:18 +08:00
|
|
|
a:hover, {
|
2015-09-19 04:13:55 +08:00
|
|
|
/* Animate color change */
|
|
|
|
color: $sidebar-active
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.chapter .spacer {
|
|
|
|
background-color: $sidebar-spacer
|
|
|
|
}
|
|
|
|
|
|
|
|
.menu-bar,
|
2015-12-30 23:48:46 +08:00
|
|
|
.menu-bar:visited,
|
2015-09-19 04:13:55 +08:00
|
|
|
.nav-chapters,
|
2015-12-30 23:48:46 +08:00
|
|
|
.nav-chapters:visited,
|
|
|
|
.mobile-nav-chapters,
|
|
|
|
.mobile-nav-chapters:visited {
|
2015-09-19 04:13:55 +08:00
|
|
|
color: $icons
|
|
|
|
}
|
|
|
|
|
|
|
|
.menu-bar i:hover,
|
|
|
|
.nav-chapters:hover,
|
|
|
|
.mobile-nav-chapters i:hover {
|
|
|
|
color: $icons-hover
|
|
|
|
}
|
|
|
|
|
2015-09-24 06:18:13 +08:00
|
|
|
.mobile-nav-chapters i:hover {
|
|
|
|
color: $sidebar-fg
|
|
|
|
}
|
|
|
|
|
2015-09-19 04:13:55 +08:00
|
|
|
.mobile-nav-chapters {
|
|
|
|
background-color: $sidebar-bg
|
|
|
|
}
|
|
|
|
|
2015-12-30 22:59:18 +08:00
|
|
|
.content a:link, a:visited {
|
2015-09-19 04:13:55 +08:00
|
|
|
color: $links
|
|
|
|
}
|
|
|
|
|
|
|
|
.theme-popup {
|
|
|
|
background: $theme-popup-bg
|
|
|
|
border: 1px solid $theme-popup-border
|
|
|
|
|
|
|
|
.theme:hover { background-color: $theme-hover }
|
|
|
|
}
|
|
|
|
}
|