diff --git a/Makefile b/Makefile
index b64192173..ab720f284 100644
--- a/Makefile
+++ b/Makefile
@@ -1,10 +1,15 @@
-doc_dirs = doc $(wildcard doc/*/)
-outdoc_dirs = out $(addprefix out/,$(doc_dirs))
doc_sources = $(wildcard doc/*/*.md) $(wildcard doc/*.md)
outdoc_files = $(addprefix out/,$(doc_sources:.md=.html))
+
+docassets = $(addprefix out/,$(wildcard doc/_assets/*))
+
VERSION = $(shell node -e "console.log( require('./src/package.json').version )")
-docs: $(outdoc_files)
+docs: $(outdoc_files) $(docassets)
+
+out/doc/_assets/%: doc/_assets/%
+ mkdir -p $(@D)
+ cp $< $@
out/doc/%.html: doc/%.md
mkdir -p $(@D)
diff --git a/doc/_assets/style.css b/doc/_assets/style.css
new file mode 100644
index 000000000..fe1343af4
--- /dev/null
+++ b/doc/_assets/style.css
@@ -0,0 +1,44 @@
+body.apidoc {
+ width: 60%;
+ min-width: 10cm;
+ margin: 0 auto;
+}
+
+#header {
+ background-color: #5a5;
+ padding: 10px;
+ color: #111;
+}
+
+a,
+a:active {
+ color: #272;
+}
+a:focus,
+a:hover {
+ color: #050;
+}
+
+#apicontent a.mark,
+#apicontent a.mark:active {
+ float: right;
+ color: #BBB;
+ font-size: 0.7cm;
+ text-decoration: none;
+}
+#apicontent a.mark:focus,
+#apicontent a.mark:hover {
+ color: #AAA;
+}
+
+#apicontent code {
+ padding: 1px;
+ background-color: #EEE;
+ border-radius: 4px;
+ border: 1px solid #DDD;
+}
+#apicontent pre>code {
+ display: block;
+ overflow: auto;
+ padding: 5px;
+}
\ No newline at end of file
diff --git a/doc/template.html b/doc/template.html
index edc0af662..6416da943 100644
--- a/doc/template.html
+++ b/doc/template.html
@@ -3,7 +3,7 @@
__SECTION__ - Etherpad Lite v__VERSION__ Manual & Documentation
-
+