Part of MKWS-322. Change all references from mkws-widget-termlists.js to mkws-widget...

[mkws-moved-to-github.git] / examples / htdocs / mkws-widget-credo.css

diff --git a/examples/htdocs/mkws-widget-credo.css b/examples/htdocs/mkws-widget-credo.css
index a7bad4b..eff934a 100644 (file)
--- a/examples/htdocs/mkws-widget-credo.css
+++ b/examples/htdocs/mkws-widget-credo.css
@@ -1,30 +1,30 @@
-.mkwsCredo {
+.mkws-credo {
     font-family: Gill Sans, "Gillius ADF", Gillius, GilliusADF, Verdana, Sans-Serif;
 }
 
-.mkwsCredo table {
-    width: 90%;
+.mkws-credo table {
+    width: 100%;
     border-collapse: collapse;
 }
 
-.mkwsCredo table tr.front {
+.mkws-credo table tr.front {
     background: #ddf3c3;
 }
 
-.mkwsCredo table tr:first-child td:first-child {
+.mkws-credo table tr:first-child td:first-child {
     width: 70%;
 }
 
-.mkwsCredo table tr:first-child .section {
+.mkws-credo table tr:first-child .section {
     margin: 10px;
     border: 1px solid #c0c0c0;
 }
 
-.mkwsCredo table tr {
+.mkws-credo table tr {
     vertical-align: top;
 }
 
-.mkwsCredo div.title {
+.mkws-credo .front div.title {
     font-size: 150%;
     font-weight: bold;
     color: white;
@@ -32,7 +32,74 @@
     padding: 0.25em 0.5em;
 }
 
-.mkwsCredo div.content {
+.mkws-credo div.title {
+    font-size: 150%;
+    font-weight: bold;
+    color: #666699;
+    background: #ddf3c3;
+    padding: 0.25em 0.5em;
+}
+
+.mkws-credo 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;
+}
+
+.mkws-reference h1 {
+    display:none;
+}
+
+.mkws-reference img {
+    float: left;
+    margin: 0 1.5em 1em 0;
+    border: 2px solid #c0c0c0;
+    padding: 0.5em;
+}
+
+.mkws-credo .image .mkws-summary {
+    float: left;
+}
+
+.mkws-credo .image a {
+    text-decoration: none;
 }
+
+.mkws-credo hr.divider {
+    margin: 20px 1%;
+    border-top: 3px dotted #c0c0c0;
+    color: #fff;
+    background-color: #fff;
+    height: 0;
+    width: 98%;
+}
+
+.mkws-credit {
+    font-size: small;
+    text-align: right;
+}
+
+.mkws-credit::before {
+    content: "Source: ";
+    font-weight: bold;
+}
+
+.mkws-facet a {
+    text-decoration: none;
+}
+
+.mkws-facet a:hover {
+    text-decoration: underline;
+}
+
+.mkws-term {
+    clear: both;
+}
+
+.mkws-term span {
+    float: right;
+}
+