AoC single + prism + better additional css/js handling
This commit is contained in:
@@ -1221,6 +1221,40 @@ html, body {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.bc_aoc_description {
|
||||
font-family: Consolas, Monaco, "Courier New", Menlo, monospace;
|
||||
background-color: #333;
|
||||
color: #DDD;
|
||||
padding: 1ch;
|
||||
max-width: 82ch;
|
||||
}
|
||||
|
||||
.bc_aoc_input {
|
||||
font-family: Consolas, Monaco, "Courier New", Menlo, monospace;
|
||||
border: 1px solid #000;
|
||||
padding: 1em;
|
||||
max-height: 150px;
|
||||
overflow-y: scroll;
|
||||
background: #F8F8F8;
|
||||
}
|
||||
|
||||
.bc_aoc_solution_parent {
|
||||
border: 1px solid #000;
|
||||
}
|
||||
|
||||
.bc_aoc_solution_code {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.bc_aoc_solution_code pre {
|
||||
margin: 0;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.bc_aoc_solution_value {
|
||||
background: #AAA;
|
||||
}
|
||||
|
||||
/* 400px */
|
||||
.prgl_parent {
|
||||
display: flex;
|
||||
|
||||
6
www/data/css/styles.min.css
vendored
6
www/data/css/styles.min.css
vendored
@@ -232,6 +232,12 @@ html,body{margin:0;padding:0;height:100%}
|
||||
.aoc_calendar_field.aoc_enabled{background:#165b33;color:#bb2528;border:1px solid #fff;text-shadow:0 0 .2em #222;font-weight:bold}
|
||||
.aoc_calendar_field.aoc_enabled:hover{background:#165b00;color:#bb2528;border:1px solid #bb2528;text-shadow:0 0 0 #000}
|
||||
.aoc_calendar_field.aoc_disabled{background:#444;color:#888;border:1px solid #888;cursor:default;font-weight:normal}
|
||||
.bc_aoc_description{font-family:Consolas,Monaco,"Courier New",Menlo,monospace;background-color:#333;color:#DDD;padding:1ch;max-width:82ch}
|
||||
.bc_aoc_input{font-family:Consolas,Monaco,"Courier New",Menlo,monospace;border:1px solid #000;padding:1em;max-height:150px;overflow-y:scroll;background:#f8f8f8}
|
||||
.bc_aoc_solution_parent{border:1px solid #000}
|
||||
.bc_aoc_solution_code{padding:0}
|
||||
.bc_aoc_solution_code pre{margin:0;border:0}
|
||||
.bc_aoc_solution_value{background:#AAA}
|
||||
.prgl_parent{display:flex;flex-direction:column}
|
||||
@media(max-width:850px){.prgl_parent{align-items:center}}
|
||||
.prgl_elem{display:flex;flex-direction:row;text-decoration:none;background:#BBB;border:solid 1px #444;margin:5px 0}
|
||||
|
||||
@@ -117,4 +117,38 @@ $COL_CHRISTMAS_RED: #BB2528;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
// ==================== AdventOfCode Blog - Single Day View ==================== //
|
||||
// ==================== AdventOfCode Blog - Single Day View ==================== //
|
||||
|
||||
.bc_aoc_description {
|
||||
font-family: $FONT_CODE;
|
||||
background-color: #333;
|
||||
color: #DDD;
|
||||
padding: 1ch;
|
||||
max-width: 82ch;
|
||||
}
|
||||
|
||||
.bc_aoc_input {
|
||||
font-family: $FONT_CODE;
|
||||
border: 1px solid #000;
|
||||
padding: 1em;
|
||||
max-height: 150px;
|
||||
overflow-y: scroll;
|
||||
background: #F8F8F8;
|
||||
}
|
||||
|
||||
.bc_aoc_solution_parent {
|
||||
border: 1px solid #000;
|
||||
}
|
||||
|
||||
.bc_aoc_solution_code {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.bc_aoc_solution_code pre {
|
||||
margin: 0;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.bc_aoc_solution_value {
|
||||
background: #AAA;
|
||||
}
|
||||
44
www/data/javascript/prism.js
Normal file
44
www/data/javascript/prism.js
Normal file
File diff suppressed because one or more lines are too long
184
www/data/rawcss/prism.css
Normal file
184
www/data/rawcss/prism.css
Normal file
@@ -0,0 +1,184 @@
|
||||
/* PrismJS 1.17.1
|
||||
https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript+c+csharp+bash+basic+batch+brainfuck+cpp+aspnet+ruby+diff+markup-templating+go+graphql+less+ini+java+php+markdown+json+kotlin+makefile+typescript+nim+objectivec+pascal+perl+sql+scss+python+rust+sass+swift+toml+visual-basic+regex+vbnet&plugins=line-numbers */
|
||||
/**
|
||||
* prism.js default theme for JavaScript, CSS and HTML
|
||||
* Based on dabblet (http://dabblet.com)
|
||||
* @author Lea Verou
|
||||
*/
|
||||
|
||||
code[class*="language-"],
|
||||
pre[class*="language-"] {
|
||||
color: black;
|
||||
background: none;
|
||||
text-shadow: 0 1px white;
|
||||
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
|
||||
font-size: 1em;
|
||||
text-align: left;
|
||||
white-space: pre;
|
||||
word-spacing: normal;
|
||||
word-break: normal;
|
||||
word-wrap: normal;
|
||||
line-height: 1.5;
|
||||
|
||||
-moz-tab-size: 4;
|
||||
-o-tab-size: 4;
|
||||
tab-size: 4;
|
||||
|
||||
-webkit-hyphens: none;
|
||||
-moz-hyphens: none;
|
||||
-ms-hyphens: none;
|
||||
hyphens: none;
|
||||
}
|
||||
|
||||
pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
|
||||
code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
|
||||
text-shadow: none;
|
||||
background: #b3d4fc;
|
||||
}
|
||||
|
||||
pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
|
||||
code[class*="language-"]::selection, code[class*="language-"] ::selection {
|
||||
text-shadow: none;
|
||||
background: #b3d4fc;
|
||||
}
|
||||
|
||||
@media print {
|
||||
code[class*="language-"],
|
||||
pre[class*="language-"] {
|
||||
text-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
/* Code blocks */
|
||||
pre[class*="language-"] {
|
||||
padding: 1em;
|
||||
margin: .5em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
:not(pre) > code[class*="language-"],
|
||||
pre[class*="language-"] {
|
||||
background: #f5f2f0;
|
||||
}
|
||||
|
||||
/* Inline code */
|
||||
:not(pre) > code[class*="language-"] {
|
||||
padding: .1em;
|
||||
border-radius: .3em;
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
.token.comment,
|
||||
.token.prolog,
|
||||
.token.doctype,
|
||||
.token.cdata {
|
||||
color: slategray;
|
||||
}
|
||||
|
||||
.token.punctuation {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.namespace {
|
||||
opacity: .7;
|
||||
}
|
||||
|
||||
.token.property,
|
||||
.token.tag,
|
||||
.token.boolean,
|
||||
.token.number,
|
||||
.token.constant,
|
||||
.token.symbol,
|
||||
.token.deleted {
|
||||
color: #905;
|
||||
}
|
||||
|
||||
.token.selector,
|
||||
.token.attr-name,
|
||||
.token.string,
|
||||
.token.char,
|
||||
.token.builtin,
|
||||
.token.inserted {
|
||||
color: #690;
|
||||
}
|
||||
|
||||
.token.operator,
|
||||
.token.entity,
|
||||
.token.url,
|
||||
.language-css .token.string,
|
||||
.style .token.string {
|
||||
color: #9a6e3a;
|
||||
background: hsla(0, 0%, 100%, .5);
|
||||
}
|
||||
|
||||
.token.atrule,
|
||||
.token.attr-value,
|
||||
.token.keyword {
|
||||
color: #07a;
|
||||
}
|
||||
|
||||
.token.function,
|
||||
.token.class-name {
|
||||
color: #DD4A68;
|
||||
}
|
||||
|
||||
.token.regex,
|
||||
.token.important,
|
||||
.token.variable {
|
||||
color: #e90;
|
||||
}
|
||||
|
||||
.token.important,
|
||||
.token.bold {
|
||||
font-weight: bold;
|
||||
}
|
||||
.token.italic {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.token.entity {
|
||||
cursor: help;
|
||||
}
|
||||
|
||||
pre[class*="language-"].line-numbers {
|
||||
position: relative;
|
||||
padding-left: 3.8em;
|
||||
counter-reset: linenumber;
|
||||
}
|
||||
|
||||
pre[class*="language-"].line-numbers > code {
|
||||
position: relative;
|
||||
white-space: inherit;
|
||||
}
|
||||
|
||||
.line-numbers .line-numbers-rows {
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
top: 0;
|
||||
font-size: 100%;
|
||||
left: -3.8em;
|
||||
width: 3em; /* works for line-numbers below 1000 lines */
|
||||
letter-spacing: -1px;
|
||||
border-right: 1px solid #999;
|
||||
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
|
||||
}
|
||||
|
||||
.line-numbers-rows > span {
|
||||
pointer-events: none;
|
||||
display: block;
|
||||
counter-increment: linenumber;
|
||||
}
|
||||
|
||||
.line-numbers-rows > span:before {
|
||||
content: counter(linenumber);
|
||||
color: #999;
|
||||
display: block;
|
||||
padding-right: 0.8em;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user