diff --git a/Makefile b/Makefile
index d8f2387..b799535 100644
--- a/Makefile
+++ b/Makefile
@@ -11,7 +11,7 @@ HTML = $(MARKDOWN:.md=.html)
all: $(CAPSMAN) $(LOCAL) $(WIFI) $(HTML) checksums.json
-%.html: %.md contrib/html.sh contrib/html.sh.d/head.html
+%.html: %.md general/style.css contrib/html.sh contrib/html.sh.d/head.html
contrib/html.sh $< > $@
%.capsman.rsc: %.template.rsc Makefile
diff --git a/contrib/html.sh b/contrib/html.sh
index 6942ecf..6a32b5d 100755
--- a/contrib/html.sh
+++ b/contrib/html.sh
@@ -2,7 +2,12 @@
set -e
-sed "s|__TITLE__|$(head -n1 "${1}")|" < "${0}.d/head.html"
+RELTO="$(dirname "${1}")"
+
+sed \
+ -e "s|__TITLE__|$(head -n1 "${1}")|" \
+ -e "s|__STYLE__|$(realpath --relative-to="${RELTO}" general/style.css)|" \
+ < "${0}.d/head.html"
markdown -f toc,idanchor "${1}" | sed \
-e 's/href="\([-_\./[:alnum:]]*\)\.md"/href="\1.html"/g' \
diff --git a/contrib/html.sh.d/head.html b/contrib/html.sh.d/head.html
index 1b1dd03..50653ae 100644
--- a/contrib/html.sh.d/head.html
+++ b/contrib/html.sh.d/head.html
@@ -1,15 +1,6 @@
RouterOS Scripts :: __TITLE__
-
+
diff --git a/general/style.css b/general/style.css
index 66d44f1..be67afa 100644
--- a/general/style.css
+++ b/general/style.css
@@ -4,6 +4,28 @@ body {
font-family: fira-sans, sans-serif;
font-size: 10pt;
}
+h2 {
+ border-bottom: 1px solid #ccc;
+ color: #000;
+}
+a {
+ text-decoration: none;
+}
+a:hover {
+ text-decoration: underline;
+}
+blockquote {
+ border-left: 4px solid #ccc;
+ padding: 0 10px;
+ color: #777;
+}
+code {
+ margin: 0 2px;
+ padding: 2px 5px;
+ border: 1px solid #ccc;
+ background-color: #f8f8f8;
+ border-radius: 3px;
+}
div.notification {
position: relative;
float: right;
@@ -31,6 +53,16 @@ p.hint {
pre {
font-family: fira-mono, monospace;
white-space: pre-wrap;
+ background-color: #f8f8f8;
+ border: 1px solid #ccc;
+ overflow: auto;
+ padding: 6px 10px;
+ border-radius: 3px;
+}
+pre code {
+ margin: 0;
+ padding: 0;
+ border: 0;
}
span.link {
color: #863600;