~yoctocell/yoctocell.xyz

32ac4764bfcc9465e3fe609a3a8e0e83778215c1 — yoctocell 11 months ago 812fe4a
css/default.css: Add colors for code blocks
1 files changed, 50 insertions(+), 32 deletions(-)

M css/default.css
M css/default.css => css/default.css +50 -32
@@ 151,38 151,39 @@ article .header {


/* Pandoc source code blocks */
a.sourceLine { display: inline-block; line-height: 1.25; }
a.sourceLine { pointer-events: none; color: inherit; text-decoration: inherit; }
a.sourceLine:empty { height: 1.2em; }
.sourceCode { overflow: visible; }
code.sourceCode { white-space: pre; position: relative; }
div.sourceCode { margin: 1em 0; }
pre.sourceCode { margin: 0; }
@media screen {
div.sourceCode { overflow: auto; }
}
@media print {
code.sourceCode { white-space: pre-wrap; }
a.sourceLine { text-indent: -1em; padding-left: 1em; }
}
pre.numberSource a.sourceLine
  { position: relative; left: -4em; }
pre.numberSource a.sourceLine::before
  { content: attr(title);
    position: relative; left: -1em; text-align: right; vertical-align: baseline;
    border: none; pointer-events: all; display: inline-block;
    -webkit-touch-callout: none; -webkit-user-select: none;
    -khtml-user-select: none; -moz-user-select: none;
    -ms-user-select: none; user-select: none;
    padding: 0 4px; width: 4em;
    color: #ddd;
  }
pre.numberSource { margin-left: 3em; border-left: 1px solid #ddd;  padding-left: 4px; }
div.sourceCode
  {  }
@media screen {
a.sourceLine::before { text-decoration: underline; }
}
/* a.sourceLine { display: inline-block; line-height: 1.25; } */
/* a.sourceLine { pointer-events: none; color: inherit; text-decoration: inherit; } */
/* a.sourceLine:empty { height: 1.2em; } */
/* .sourceCode { overflow: visible; background-color: #282828; } */
/* code.sourceCode { white-space: pre; position: relative; background-color: #282828;} */
/* div.sourceCode { margin: 1em 0; background-color: #282828;} */
/* pre.sourceCode { margin: 0; background-color: #282828;} */
/* @media screen { */
/*     div.sourceCode { overflow: auto; background-color: #282828;} */
/* } */
/* @media print { */
/* code.sourceCode { white-space: pre-wrap; } */
/* a.sourceLine { text-indent: -1em; padding-left: 1em; } */
/* } */
/* pre.numberSource a.sourceLine */
/* { position: relative; left: -4em; background-color: #282828;} */
/* pre.numberSource a.sourceLine::before */
/*   { content: attr(title); */
/*     position: relative; left: -1em; text-align: right; vertical-align: baseline; */
/*     border: none; pointer-events: all; display: inline-block; */
/*     -webkit-touch-callout: none; -webkit-user-select: none; */
/*     -khtml-user-select: none; -moz-user-select: none; */
/*     -ms-user-select: none; user-select: none; */
/*     padding: 0 4px; width: 4em; */
/*     color: #ddd; */
/*     background-color: #282828; */
/*   } */
/* pre.numberSource { margin-left: 3em; border-left: 1px solid #ddd;  padding-left: 4px; } */
/* div.sourceCode */
/*   {  } */
/* @media screen { */
/* a.sourceLine::before { text-decoration: underline; } */
/* } */
code span.al { color: #fb4934; font-weight: bold; } /* Alert */
code span.an { color: #8ec07c; font-weight: bold; font-style: italic; } /* Annotation */
code span.at { color: #83a498; } /* Attribute */


@@ 212,3 213,20 @@ code span.st { color: #b8bb26; } /* String */
code span.va { color: #83a598; } /* Variable */
code span.vs { color: #689d6a; } /* VerbatimString */
code span.wa { color: #fe8019; font-weight: bold; font-style: italic; } /* Warning */

/* All code */
code {
    background-color: #282828;
    padding: 1px;
    font-family: "DejaVu Sans Mono", monospace;
    font-size: 75%;
}

/* Code blocks only */
pre code {
  border-radius: 3px 3px;
  min-width: calc(100% - 20px);
  background-color: #282828;
  display: inline-block;
  padding: 10px;
}