jekyll-theme-shikhalev 0.1.0.5

data/_sass/highlight/autumn.scss

@@ -0,0 +1,60 @@
+.highlight {
+  .hll  { background-color: #ffffcc }
+  .c    { color: #aaaaaa; font-style: italic } /* Comment */
+  .err  { color: #F00000; background-color: #F0A0A0 } /* Error */
+  .k    { color: #0000aa } /* Keyword */
+  .cm   { color: #aaaaaa; font-style: italic } /* Comment.Multiline */
+  .cp   { color: #4c8317 } /* Comment.Preproc */
+  .c1   { color: #aaaaaa; font-style: italic } /* Comment.Single */
+  .cs   { color: #0000aa; font-style: italic } /* Comment.Special */
+  .gd   { color: #aa0000 } /* Generic.Deleted */
+  .ge   { font-style: italic } /* Generic.Emph */
+  .gr   { color: #aa0000 } /* Generic.Error */
+  .gh   { color: #000080 } /* Generic.Heading */
+  .gi   { color: #00aa00 } /* Generic.Inserted */
+  .go   { color: #888888 } /* Generic.Output */
+  .gp   { color: #555555 } /* Generic.Prompt */
+  .gs   { color: #000000 } /* Generic.Strong */
+  .gu   { color: #800080 } /* Generic.Subheading */
+  .gt   { color: #aa0000 } /* Generic.Traceback */
+  .kc   { color: #0000aa } /* Keyword.Constant */
+  .kd   { color: #0000aa } /* Keyword.Declaration */
+  .kn   { color: #0000aa } /* Keyword.Namespace */
+  .kp   { color: #0000aa } /* Keyword.Pseudo */
+  .kr   { color: #0000aa } /* Keyword.Reserved */
+  .kt   { color: #00aaaa } /* Keyword.Type */
+  .m    { color: #009999 } /* Literal.Number */
+  .s    { color: #aa5500 } /* Literal.String */
+  .na   { color: #1e90ff } /* Name.Attribute */
+  .nb   { color: #00aaaa } /* Name.Builtin */
+  .nc   { color: #00aa00; text-decoration: underline } /* Name.Class */
+  .no   { color: #aa0000 } /* Name.Constant */
+  .nd   { color: #888888 } /* Name.Decorator */
+  .ni   { color: #800000 } /* Name.Entity */
+  .nf   { color: #00aa00 } /* Name.Function */
+  .nn   { color: #00aaaa; text-decoration: underline } /* Name.Namespace */
+  .nt   { color: #1e90ff } /* Name.Tag */
+  .nv   { color: #aa0000 } /* Name.Variable */
+  .ow   { color: #0000aa } /* Operator.Word */
+  .w    { color: #bbbbbb } /* Text.Whitespace */
+  .mf   { color: #009999 } /* Literal.Number.Float */
+  .mh   { color: #009999 } /* Literal.Number.Hex */
+  .mi   { color: #009999 } /* Literal.Number.Integer */
+  .mo   { color: #009999 } /* Literal.Number.Oct */
+  .sb   { color: #aa5500 } /* Literal.String.Backtick */
+  .sc   { color: #aa5500 } /* Literal.String.Char */
+  .sd   { color: #aa5500 } /* Literal.String.Doc */
+  .s2   { color: #aa5500 } /* Literal.String.Double */
+  .se   { color: #aa5500 } /* Literal.String.Escape */
+  .sh   { color: #aa5500 } /* Literal.String.Heredoc */
+  .si   { color: #aa5500 } /* Literal.String.Interpol */
+  .sx   { color: #aa5500 } /* Literal.String.Other */
+  .sr   { color: #009999 } /* Literal.String.Regex */
+  .s1   { color: #aa5500 } /* Literal.String.Single */
+  .ss   { color: #0000aa } /* Literal.String.Symbol */
+  .bp   { color: #00aaaa } /* Name.Builtin.Pseudo */
+  .vc   { color: #aa0000 } /* Name.Variable.Class */
+  .vg   { color: #aa0000 } /* Name.Variable.Global */
+  .vi   { color: #aa0000 } /* Name.Variable.Instance */
+  .il   { color: #009999 } /* Literal.Number.Integer.Long */
+}

data/_sass/nova/backlinks.scss

@@ -0,0 +1,19 @@
+@import "nova/preset";
+
+/*
+.backlinks {
+  font-family: $compact-font-family;
+  color: $semidark-gray-color;
+
+  h2, h3, h4, h5, h6 {
+    font-family: $compact-font-family;
+    color: $semidark-gray-color;
+  }
+
+  a,
+  a:link,
+  a:visited {
+    color: $semidark-gray-color;
+  }
+}
+*/

data/_sass/nova/base.scss

@@ -0,0 +1,52 @@
+body {
+  font-family: $base-font-family;
+  font-size: $base-font-size;
+  color: $base-font-color;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+dt {
+  font-family: $caption-font-family;
+  font-weight: normal;
+  break-after: avoid;
+  page-break-after: avoid;
+  margin: 0.7em 0em 0.3em;
+}
+
+$header_scale: 1.29;
+
+h5,
+h6,
+dt {
+  font-size: $base-font-size;
+}
+
+h4 {
+  font-size: $base-font-size * $header_scale;
+}
+
+h3 {
+  font-size: $base-font-size * $header_scale * $header_scale;
+}
+
+h2 {
+  font-size: $base-font-size * $header_scale * $header_scale * $header_scale;
+}
+
+h1 {
+  font-size: $base-font-size * $header_scale * $header_scale * $header_scale * $header_scale;
+}
+
+p {
+  margin-top: 2px;
+  margin-bottom: 5px;
+}
+
+sup {
+  font-size: $index-font-size;
+}

data/_sass/nova/content/code.scss

@@ -0,0 +1,39 @@
+code {
+  font-family: $mono-font-family;
+  font-size: 85%;
+  font-style: normal;
+  border: 1px solid $light-gray-color;
+  padding: 1px 3px;
+  border-radius: 3px;
+}
+
+pre {
+  overflow-x: auto;
+
+  @media print {
+    overflow-x: visible;
+    white-space: pre-wrap;
+  }
+}
+
+figure.highlight {
+  font-family: $mono-font-family;
+  display: block;
+  margin: 10px 10px;
+  padding: 0px;
+  max-width: 100%;
+
+  pre {
+    margin: 0px;
+    padding: 8px 12px;
+    max-width: 100%;
+
+    font-size: 85%;
+
+    code {
+      padding: 0px;
+      border: none;
+      font-size: inherit;
+    }
+  }
+}

data/_sass/nova/content/comments.scss

@@ -0,0 +1,256 @@
+.comment {
+  padding-left: 10px;
+  border-left: 10px solid $frame-color-back;
+
+  .comment {
+    border-left: 5px solid $frame-color-back;
+
+    .comment {
+      .comment {
+        margin-left: -15px;
+      }
+    }
+  }
+
+  h5 {
+    font-size: $base-font-size;
+    font-weight: medium;
+    font-family: $caption-font-family;
+
+    .comment-meta {
+      font-size: 80%;
+      font-family: $compact-font-family;
+      color: $frame-color-dark;
+    }
+
+    a,
+    a:link,
+    a:visited {
+      color: $frame-color-dark;
+    }
+  }
+}
+
+.comment.loaded {
+  border-color: #fff8dc;
+}
+
+.comment-message {
+  h1,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    font-size: $base-font-size;
+    font-weight: normal;
+    font-family: $caption-font-family;
+  }
+}
+
+.comment-actions {
+  font-size: 80%;
+  font-family: $compact-font-family;
+  color: $frame-color-dark;
+
+  a,
+  a:link,
+  a:visited {
+    color: $frame-color-dark;
+  }
+
+  display: none;
+}
+
+#add-comment {
+  @extend h3;
+}
+
+#add-comment-form {
+  display: grid;
+
+  background-color: $frame-color-back;
+  padding: 10px;
+  border: solid $frame-color-light 1px;
+  box-shadow: $base-shadow $frame-color-light;
+  border-radius: 5px;
+
+  grid-template-columns: 200px 250px 1fr 130px 110px;
+  gap: 10px;
+
+  grid-template-areas:
+    "target      target      target     target     target"
+    "name-label  name-input  .          .          ."
+    "email-label email-input site-label site-input site-input"
+    "msg-label   message     message    message    message"
+    "msg-hint    message     message    message    message"
+    ".           message     message    message    message"
+    "recaptcha   recaptcha   recaptcha  recaptcha  button"
+    "recaptcha   recaptcha   recaptcha  recaptcha  .";
+
+  @media screen and (max-width: 824px) and (min-width: 640px) {
+    grid-template-columns: 200px 250px 1fr 110px;
+    grid-template-areas:
+      "target      target      target    target"
+      "name-label  name-input  .         ."
+      "email-label email-input .         ."
+      "site-label  site-input  .         ."
+      "msg-label   message     message   message"
+      "msg-hint    message     message   message"
+      ".           message     message   message"
+      "recaptcha   recaptcha   recaptcha button"
+      "recaptcha   recaptcha   recaptcha .";
+  }
+
+  @media screen and (max-width: 639px) {
+    grid-template-columns: 1fr;
+    grid-template-areas:
+      "target"
+      "name-label"
+      "name-input"
+      "email-label"
+      "email-input"
+      "site-label"
+      "site-input"
+      "msg-label"
+      "message"
+      "msg-hint"
+      "recaptcha"
+      "button";
+  }
+}
+
+#add-comment-target {
+  grid-area: target;
+
+  text-align: center;
+  font-size: $small-font-size;
+  font-family: $compact-font-family;
+}
+
+#add-comment-name-label {
+  grid-area: name-label;
+
+  text-align: right;
+  font-weight: bold;
+  margin: auto 0px;
+
+  @media screen and (max-width: 639px) {
+    text-align: left;
+  }
+}
+
+#add-comment-name-input {
+  grid-area: name-input;
+}
+
+#add-comment-email-label {
+  grid-area: email-label;
+
+  text-align: right;
+  margin: auto 0px;
+
+  @media screen and (max-width: 639px) {
+    text-align: left;
+  }
+}
+
+#add-comment-email-input {
+  grid-area: email-input;
+}
+
+#add-comment-site-label {
+  grid-area: site-label;
+
+  text-align: right;
+  margin: auto 0px;
+
+  @media screen and (max-width: 639px) {
+    text-align: left;
+  }
+}
+
+#add-comment-site-input {
+  grid-area: site-input;
+}
+
+#add-comment-msg-label {
+  grid-area: msg-label;
+
+  text-align: right;
+  font-weight: bold;
+  margin: auto 0px;
+
+  @media screen and (max-width: 639px) {
+    text-align: left;
+  }
+}
+
+#add-comment-msg-hint {
+  grid-area: msg-hint;
+
+  text-align: right;
+  font-size: $notes-font-size;
+  hyphens: manual;
+
+  @media screen and (max-width: 639px) {
+    text-align: left;
+  }
+}
+
+#add-comment-message {
+  grid-area: message;
+}
+
+#add-comment-recaptcha {
+  grid-area: recaptcha;
+
+  p {
+    text-align: left;
+    font-size: $notes-font-size;
+    hyphens: manual;
+  }
+}
+
+.g-recaptcha {
+  float: right;
+  width: 300px;
+  margin-left: 10px;
+
+  @media screen and (max-width: 659px) {
+    float: none;
+    margin-left: auto;
+    margin-right: auto;
+  }
+}
+
+#add-comment-button {
+  grid-area: button;
+
+  font-weight: bold;
+
+  height: 78px;
+}
+
+#add-comment,
+#add-comment-form,
+.comment-actions-wrapper {
+  @media print {
+    display: none;
+  }
+}
+
+$indents: 1, 2, 4, 8, 12;
+
+@each $i in $indents {
+  .i#{$i} {
+    margin-left: #{$i}em;
+  }
+}
+
+.giscus {
+  @media print {
+    display: none;
+  }
+}

data/_sass/nova/content/content.scss

@@ -0,0 +1,210 @@
+article {
+  font-optical-sizing: auto;
+
+  hr {
+    color: $base-gray-color;
+    border-top: dotted 1px $base-gray-color;
+    border-right: 0px;
+    border-left: 0px;
+    border-bottom: 0px;
+    max-width: 90%;
+  }
+
+  p {
+    text-align: justify;
+    hyphens: auto;
+  }
+
+  p,
+  dt,
+  li,
+  h2, h3, h4, h5, h6 {
+    a:link {
+      color: $base-link-color;
+      text-decoration: none;
+    }
+    a:visited {
+      color: $visited-link-color;
+      text-decoration: none;
+    }
+    a:link:hover {
+      text-decoration: underline;
+    }
+  }
+
+  &.layout-stream, &.layout-home {
+    h3 {
+      a:link,
+      a:visited {
+        color: $frame-color-dark;
+        text-decoration: none;
+      }
+      a:link:hover {
+        text-decoration: underline;
+      }
+    }
+  }
+}
+
+blockquote {
+  margin: 5px 0px 5px 15px;
+  padding: 0px 0px 0px 10px;
+  border-left: solid 5px $base-gray-color;
+
+  &.epigraph {
+    border: none;
+    margin-left: 50px;
+    margin-bottom: 15px;
+    font-style: italic;
+
+    em {
+      margin-left: 5em;
+      font-style: normal;
+    }
+  }
+}
+
+ul {
+  margin: 0px;
+}
+
+.note {
+  margin-left: 2em;
+  margin-right: 2em;
+  font-size: $small-font-size;
+}
+
+.abstract {
+  margin-left: 2em;
+  margin-right: 2em;
+}
+
+.italic {
+  font-style: italic;
+}
+
+.bold {
+  font-weight: bold;
+}
+
+.small {
+  font-size: $small-font-size;
+}
+
+p.description {
+  font-size: $base-font-size * $header_scale;
+  font-style: italic;
+  margin-top: 20px;
+  margin-bottom: 30px;
+  text-align: left;
+  hyphens: manual;
+}
+
+p img {
+  display: inline-block;
+  vertical-align: middle;
+}
+
+.list-box {
+  > ul > li {
+    break-inside: avoid;
+    page-break-inside: avoid;
+  }
+
+  margin-top: 10px;
+  margin-bottom: 10px;
+
+  columns: 3;
+  @media screen and (max-width: 779px) and (min-width: 525px) {
+    columns: 2;
+  }
+  @media screen and (max-width: 524px) {
+    columns: 1;
+  }
+}
+
+.links-box {
+  p {
+    white-space: pre;
+    text-align: left;
+  }
+
+  columns: 2;
+  @media screen and (max-width: 639px) {
+    columns: 1;
+  }
+}
+
+.sticker {
+  color: $frame-color-dark;
+  background-color: $frame-color-back;
+  font-family: $compact-font-family;
+  padding: 10px;
+  border: solid $frame-color-dark 1px;
+  box-shadow: $base-shadow $frame-color-light;
+  border-radius: 5px;
+  a,
+  a:link,
+  a:visited {
+    color: $frame-color-dark;
+    text-decoration: none;
+  }
+  a:hover {
+    text-decoration: underline;
+  }
+}
+
+.announcement {
+  @media print {
+    display: none;
+  }
+}
+
+.light {
+  color: $frame-color-light;
+}
+
+.light-icon {
+  &::before {
+    color: $frame-color-light;
+  }
+}
+
+.light-li-icon {
+  &::marker {
+    color: $frame-color-light;
+  }
+}
+
+.dark {
+  color: $frame-color-dark;
+}
+
+.dark-icon {
+  &::before {
+    color: $frame-color-dark;
+  }
+}
+
+.dark-li-icon {
+  &::marker {
+    color: $frame-color-dark;
+  }
+}
+
+.marker {
+  background-color: lighten($highlight-color, 25);
+}
+
+.cold-marker {
+  background-color: lighten($cold-highlight-color, 25);
+}
+
+abbr {
+  border-bottom: 1px dotted $highlight-color;
+  cursor: help;
+}
+
+.caption {
+  font-family: $caption-font-family;
+}

data/_sass/nova/content/footnotes.scss

@@ -0,0 +1,44 @@
+a.footnote::after {
+  content: ")";
+}
+
+.footnotes {
+  font-family: $compact-font-family;
+  font-size: $small-font-size;
+
+  padding-top: 10px;
+  margin-top: 10px;
+
+  border-top: dotted 1px $frame-color-light;
+
+  columns: 2;
+
+  ol {
+    margin: 0px;
+    padding-left: 20px;
+    li {
+      break-inside: avoid;
+      page-break-inside: avoid;
+      p {
+        break-inside: avoid;
+        page-break-inside: avoid;
+
+        display: inline-block;
+        vertical-align: top;
+        margin-top: 0px;
+      }
+
+      &:target {
+        background-color: $frame-color-back;
+      }
+    }
+  }
+
+  p {
+    text-align: left;
+  }
+
+  @media screen and (max-width: 550px) {
+    columns: 1;
+  }
+}