move subtopics boilerplate from pages to generator, add styling

[ardour-manual] / source / css / app.css

diff --git a/source/css/app.css b/source/css/app.css
index e2972dcf4995596e78c5d4bfd95d6c5add239e6a..c2ea18a1f2010b080ad08e4a890560e626b3022c 100644 (file)
--- a/source/css/app.css
+++ b/source/css/app.css
@@ -279,6 +279,16 @@
     width:150px;
 }
 
+#subtopics ul {
+    font-size:20px;
+    font-weight:bold;
+}
+
+#content dfn {
+    font-weight: bold;
+    font-style: normal;
+}
+
 #content .right {
     margin: 0 0 1em 1em;
     float:right;
@@ -289,7 +299,25 @@
     float:left;
 }
 
-#content .well.notabene {
+#content .note,.warning {
+    min-height: 20px;
+    padding: 19px;
+    margin-bottom: 20px;
+    border: 1px solid 
+    -webkit-border-radius: 4px;
+       -moz-border-radius: 4px;
+            border-radius: 4px;
+    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
+       -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
+            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
+}
+
+#content .note {
+    border-color: #e3e3e3;
+    background-color: #f5f5f5;
+}
+
+#content .warning {
     border-color: #990000;
     background-color: #ffeeee;
 }