X-Git-Url: http://jsfdemo.indexdata.com/?a=blobdiff_plain;ds=sidebyside;f=examples%2Fhtdocs%2Fmkws-widget-credo.css;h=2b8ef0d2cb46a86ca58c581a5d6b155b4ab29c4e;hb=a0c43fd14e6eaa9f6c23952c5cc782382edd2a60;hp=a7bad4b059b5975bff98e976ff4470282673a323;hpb=171ff55ac7848d4d0eb3eb4511f9129fcdcddc85;p=mkws-moved-to-github.git

diff --git a/examples/htdocs/mkws-widget-credo.css b/examples/htdocs/mkws-widget-credo.css
index a7bad4b..2b8ef0d 100644
--- a/examples/htdocs/mkws-widget-credo.css
+++ b/examples/htdocs/mkws-widget-credo.css
@@ -24,7 +24,7 @@
     vertical-align: top;
 }
 
-.mkwsCredo div.title {
+.mkwsCredo .front div.title {
     font-size: 150%;
     font-weight: bold;
     color: white;
@@ -32,7 +32,40 @@
     padding: 0.25em 0.5em;
 }
 
+.mkwsCredo div.title {
+    font-size: 150%;
+    font-weight: bold;
+    color: #666699;
+    background: #ddf3c3;
+    padding: 0.25em 0.5em;
+}
+
 .mkwsCredo div.content {
     background: white;
     padding: 0.5em 1em;
+
+    // Next two are needed to make this area grow to contain floated images.
+    // See http://www.quirksmode.org/css/clearing.html
+    overflow: auto;
+    width: 100%;
 }
+
+.mkwsReference h1 {
+    display:none;
+}
+
+.mkwsReference img {
+    float: left;
+    margin: 0 1.5em 1em 0;
+    border: 2px solid #c0c0c0;
+    padding: 0.5em;
+}
+
+.mkwsCredo .image .mkwsSummary {
+    float: left;
+}
+
+.mkwsCredo .image a {
+    text-decoration: none;
+}
+