/* night mode styles */

html.night .hljs {
  color: #eee;
  background: #151515;
}

html.night .hljs-keyword,
html.night .hljs-selector-tag,
html.night .hljs-subst {
  color: #fff;
}

html.night .hljs-title,
html.night .hljs-section,
html.night .hljs-selector-id {
  color: #f22;
}

html.night .hljs-type,
html.night .hljs-class .hljs-title {
  color: #2cc;
}

html.night .hljs-tag,
html.night .hljs-name,
html.night .hljs-attribute {
  color: #4444f4;
}

html.night td.hljs-ln-numbers {
    color: #555;
}

html.night body {
    background: #111;
    color: #eee;
}

html.night div#story-data, html.night div.passage-card {
    background-color: #333;
    box-shadow: 0 0 3px #000;
}

html.night div.passage-source {
    background-color: #151515;
}

html.night div.passage-references, 
html.night p.passage-tags {
    background-color: #252525;
    border: 0;
}

html.night .passage-card .edit {
    color: #111;
}

html.night div.comment-readout:nth-child(odd) {
    background: #333;
}

html.night div.comment-wrapper div.comment-readout:last-child {
    border-bottom: 1px solid #333;
}

html.night .pure-menu.pure-menu-horizontal {
    border-bottom: 1px solid #333;
}

html.night .pure-menu-children {
    border: 1px solid #555;
    border-top: 0;
}

html.night .modal-dialog {
    background: #333;
    border: 1px solid #444;
}

html.night .modal-dialog input, 
html.night .modal-dialog textarea,
html.night .modal-dialog select {
    color: #111;
}

html.night .pure-form-message-inline {
    color: #aaa;
}

html.night div.empty-comment.add-comment:active, 
html.night div.empty-comment.add-comment:hover {
    color: #eee;
}

html.night div#content.simple {
    background-color: #333;
}

html.night div#content.simple div#story-data, 
html.night div#content.simple div.passage-card, 
html.night div#content.simple p.passage-tags,
html.night div#content.simple div.passage-references {
    padding: 1em;
    box-shadow: none;
    background-color: #454545;
    border: 0;
}

html.night div#content.simple div.passage-references {
    border-top: 1px solid #ccc;
}

html.night div#content.simple div.passage-source {
    border: 0;
    padding: 1em;
    background-color: #333;
    min-height: unset;
}

html.night div#content.simple div#main {
    background: #454545;
}

html.night div#content.simple pre.hljs {
    background-color: #333;
}

html.night #clear-filters {
    box-shadow: -1px 1px 2px #222;
}

html.night a.jumpto {
    color: #7FDBFF;
}

html.night a.jumpto.sidebar-jump {
    color: #fff;
}

html.night #sidebar {
    color: #fff;
    background-color: #222;
}

html.night #sidebar li {
    border-color: #ccc;
}