X-Git-Url: http://git.indexdata.com/?a=blobdiff_plain;f=examples%2Fhtdocs%2Fmkws-widget-credo.css;h=4091ee0fd706ecff322cdeeeb644bd5eee47bec4;hb=629c4f0651ff29a75b63e6c83e04181d594dc6a6;hp=e96c16aeb6f93b2026bcc64bf3420774e457854f;hpb=836d60609af09203e61c5ab7ccb42806ebe61afc;p=mkws-moved-to-github.git

diff --git a/examples/htdocs/mkws-widget-credo.css b/examples/htdocs/mkws-widget-credo.css
index e96c16a..4091ee0 100644
--- a/examples/htdocs/mkws-widget-credo.css
+++ b/examples/htdocs/mkws-widget-credo.css
@@ -3,7 +3,7 @@
 }
 
 .mkwsCredo table {
-    width: 90%;
+    width: 100%;
     border-collapse: collapse;
 }
 
@@ -43,4 +43,63 @@
 .mkwsCredo div.content {
     background: white;
     padding: 0.5em 1em;
+
+    // Next is needed to make this area grow to contain floated images.
+    // See http://www.quirksmode.org/css/clearing.html
+    overflow: auto;
+}
+
+.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;
+}
+
+.mkwsCredo hr.divider {
+    margin: 20px 1%;
+    border-top: 3px dotted #c0c0c0;
+    color: #fff;
+    background-color: #fff;
+    height: 0;
+    width: 98%;
+}
+
+.mkwsCredit {
+    font-size: small;
+    text-align: right;
 }
+
+.mkwsCredit::before {
+    content: "Source: ";
+    font-weight: bold;
+}
+
+.mkwsFacet a {
+    text-decoration: none;
+}
+
+.mkwsFacet a:hover {
+    text-decoration: underline;
+}
+
+.mkwsTerm {
+    clear: both;
+}
+
+.mkwsTerm span {
+    float: right;
+}
+