Place sections within round-cornered panes.
authorMike Taylor <mike@indexdata.com>
Tue, 17 Dec 2013 14:26:23 +0000 (14:26 +0000)
committerMike Taylor <mike@indexdata.com>
Tue, 17 Dec 2013 14:26:23 +0000 (14:26 +0000)
tools/htdocs/index.html

index fb34bd7..811cc3d 100644 (file)
@@ -8,12 +8,16 @@
       }
       h1 { color: #606060 }
       h2 { font-size: 100% }
+      .pane { background: #eee; border-radius: 1em;
+              padding: 0.25em 1em; margin: 0.75em; }
     </style>
   </head>
   <body>
     <img src="images/mkws-logo-300px.jpeg" alt="MKWS logo" =
         style="float:right; margin: 1.5em"/>
     <h1>MKWS: the MasterKey Widget Set</h1>
+
+    <div class="pane">
     <h2>This site contains tools, not content:</h2>
     <ul>
       <li>
@@ -42,6 +46,9 @@
         otherwise interfere with application-site's styles.
       </li>
     </ul>
+    </div>
+
+    <div class="pane">
     <h2>For examples of how to use the widget-set, see:</h2>
     <ul>
       <li>
        which has been fitted with a popup MKWS search-box.
       </li>
     </ul>
+    </div>
+
+    <div class="pane">
     <h2>The set of targets can be maintained:</h2>
     <ul>
       <li>
        and act as the "MK Demo" library administrator.
       </li>
     </ul>
+    </div>
+
+    <div class="pane">
     <h2>Documentation:</h2>
     <ul>
       <li>
         which can be used to guide the customisation of its CSS styles.
       </li>
     </ul>
+    </div>
   </body>
 </html>