+#content .warning {
+ border-color: #995555;
+ background-color: #ffeeee;
+}
+
+#content .fixme {
+ border-color: #999944;
+ background-color: #f0f0e0;
+ font-weight:bold;
+}
+
+.fixme:before {
+ content:'FIXME: ';
+ font-style: italic;
+ font-size:2em;
+}
+
+/* Keyboard modifiers */
+.mod1:before { content: "Ctrl ";}
+.mod2:before { content: "Alt ";}
+.mod3:before { content: "Shift ";}
+.mod4:before { content: "Win ";}
+.mod12:before { content: "Ctrl Alt ";}
+.mod13:before { content: "Ctrl Shift ";}
+.mod14:before { content: "Ctrl Win ";}
+.mod23:before { content: "Alt Shift ";}
+.kp:before { content: "Keypad ";}
+/* Variants *without* space after them (yes, these are needed!) */
+.mod1n:before { content: "Ctrl";}
+.mod2n:before { content: "Alt";}
+.mod3n:before { content: "Shift";}
+.mod4n:before { content: "Win";}
+.mod12n:before { content: "Ctrl Alt";}
+.mod13n:before { content: "Ctrl Shift";}
+.mod14n:before { content: "Ctrl Win";}
+.mod23n:before { content: "Alt Shift";}
+/* Automagic translation for Mac based display */
+.mac .mod1:before { content: "Cmd ";}
+.mac .mod2:before { content: "Ctrl ";}
+.mac .mod3:before { content: "Shift ";}
+.mac .mod4:before { content: "Opt ";}
+.mac .mod12:before { content: "Cmd Ctrl ";}
+.mac .mod13:before { content: "Cmd Shift ";}
+.mac .mod14:before { content: "Cmd Opt ";}
+.mac .mod23:before { content: "Ctrl Shift ";}
+/* No space variants (Mac based) */
+.mac .mod1n:before { content: "Cmd";}
+.mac .mod2n:before { content: "Ctrl";}
+.mac .mod3n:before { content: "Shift";}
+.mac .mod4n:before { content: "Opt";}
+.mac .mod12n:before { content: "Cmd Ctrl";}
+.mac .mod13n:before { content: "Cmd Shift";}
+.mac .mod14n:before { content: "Cmd Opt";}
+.mac .mod23n:before { content: "Ctrl Shift";}
+
+@media (max-width: 800px) {
+ #tree {
+ position: relative;
+ height: 250px;
+ width: 100%;
+ margin-top: 20px;
+ }
+ #content {
+ padding-left: 20px;
+ margin-top: 0px;
+ }
+}
+
+/* for the TOC */
+#chapter,
+#subchapter,
+#section,
+#subsection {
+ line-height:1.5em;
+}
+#chapter { padding-top: 1em; padding-left: 1em; }
+#subchapter { padding-left: 4em; }
+#section { padding-left: 6em; }
+#subsection { padding-left: 8em; }
+
+/* for images sliced in divs, as in http://manual.ardour.org/ardours-interface/about/ */
+.container { position: relative; border: none; }
+.hoverimg { position: absolute; border: none; }
+.hoverimg:hover{ z-index:100; box-shadow: 0 0 .2em .2em lightgreen; }