X-Git-Url: http://git.indexdata.com/?a=blobdiff_plain;f=experiments%2Fspclient%2FmkwsStyle.css;h=ba9e6776b54740c8c4024d56fe85fe42799b73ed;hb=8d5d8113fbe6cfe3e4061dff828eb0fddae2061c;hp=2822e4034f49b9246ef871f73270beea3969451a;hpb=f86efdcdf68deea042fe00ec57b39c0d060b9a88;p=mkws-moved-to-github.git

diff --git a/experiments/spclient/mkwsStyle.css b/experiments/spclient/mkwsStyle.css
index 2822e40..ba9e677 100644
--- a/experiments/spclient/mkwsStyle.css
+++ b/experiments/spclient/mkwsStyle.css
@@ -1,17 +1,74 @@
-a {
+#mkwsLang, #mkwsSwitch, #mkwsSearch, #mkwsRecords, #mkwsTargets, #mkwsStat, #mkwsTermlist {
+    font-family: Gill Sans, "Gillius ADF", Gillius, GilliusADF, Verdana, Sans-Serif;
+}
+
+#mkwsLang {
+    float: left;
+    padding-left: 1em;
+    padding-top: 0.4em;
+}
+
+#mkwsLang a {
+    background: #d0e0ff;
+    padding: 1px 4px;
+}
+
+#mkwsLang span {
+    border: solid 1px #e0f0ff;
+    padding: 0px 3px;
+}
+
+#mkwsSearch {
+    float: right;
+}
+
+#mkwsSwitch {
+    float: right;
+    padding-left: 1em;
+    padding-top: 0.4em;
+}
+
+#mkwsRecords, #mkwsTermlist {
+    background-color: #fafafa;
+}
+
+#mkwsTargets {
+    background-color: #fafafa;
+}
+
+#mkwsStat {
+    margin-top: 10px;
+    border-top: 1px solid  #156a16;
+    padding-top: 5px;
+    font-size: small;
+} 
+
+#mkwsStat span.head {
+    font-weight: bold;
+}
+
+#mkwsStat span.clients:before {
+    content: "Active clients: ";
+}
+
+#mkwsStat span.records:before {
+    content: "Retrieved records: ";
+}
+
+#mkwsSwitch a, #mkwsLang a, #mkwsRecords a, mkwsTermlist a {
     color: #005701; 
     text-decoration: none;
 }
 
-a:hover {
+#mkwsSwitch a:hover, #mkwsLang a:hover, #mkwsRecords a:hover, #mkwsTermlist a:hover {
     text-decoration: underline;
 }
 
-a.crossout:hover {
+#mkwsRecords a.crossout:hover, #mkwsTermlist #mkwsRecords a.crossout:hover {
     text-decoration: line-through;
 }
 
-input#button {
+#mkwsSearch input#button {
     border: 3px outset #132194;
     background-color: #132194;
     padding: 2px;
@@ -24,47 +81,76 @@ input#button {
     cursor: pointer;
 }
 
-input#query {
-    border: 2px inset #34cc67;
+#mkwsSearch input#query {
+    border: 2px inset #e0f0ff;
     padding: 3px;
     font-size: 12px;
+    background: #f0f8ff;
+}
+
+#mkwsRecords hr, #mkwsTermlist hr {
+    display: none;
 }
 
-div.termtitle {
-    margin: 4px;
+#mkwsRecords div#termlist .title, #mkwsTermlist div#termlist .title {
+    font-size: large;
     font-weight: bold;
+    text-transform: uppercase;
 }
 
-div.record {
-    padding: 5px;
+#mkwsRecords div#termlist, #mkwsTermlist div#termlist  {
+    background: #d0e0ff;
+    padding: 0.7em;
+    font-size: small;
+
+    border-top-right-radius: 10px;
+    -moz-border-top-right-radius: 10px;
+    -webkit-border-top-right-radius: 10px;
+}
+
+#mkwsRecords div.facet, #mkwsTermlist div.facet {
+    background: #e0f0ff;
+    padding: 0.7em;
+    margin-top: 0.7em;
+
+    border-top-right-radius: 10px;
+    -moz-border-top-right-radius: 10px;
+    -webkit-border-top-right-radius: 10px;
+}
+
+#mkwsRecords div.termtitle, #mkwsTermlist div.termtitle {
+    font-weight: bold;
 }
 
-div.details {
-    border: 3px dashed gray;
-    color: gray;
+#mkwsRecords div.record, #mkwsTermlist div.record {
     padding: 5px;
-    margin: 4px;
 }
 
-#mkwsSwitch, #mkwsSearch, #mkwsRecords, #mkwsTargets {
-    font-family: Gill Sans, "Gillius ADF", Gillius, GilliusADF, Verdana, Sans-Serif;
+#mkwsRecords div.details, #mkwsTermlist div.details {
+    border: 1px solid #404040;
+    background: #e8e8e8;
+    color: darkgray;
+    padding: 5px 10px;
+    margin: 10px 0px;
+    box-shadow: 10px 10px 5px #808080;
+
+    border-top-right-radius: 10px;
+    -moz-border-top-right-radius: 10px;
+    -webkit-border-top-right-radius: 10px;
 }
 
-#mkwsSwitch {
-    padding-bottom: 3px;
+#mkwsRecords div.details th, #mkwsTermlist div.details th {
     text-align: right;
+    vertical-align: top;
+    padding-right: 0.6em;
 }
 
-#mkwsSearch {
-    // nothing to say at this point
+#mkwsRecords div.details th:after, #mkwsTermlist div.details th:after {
+    content: ":";
 }
 
-#mkwsRecords {
-    background-color: #fafafa;
-    border-bottom: 1px solid  #156a16;
+#mkwsRecords #pager {
+    background: #e0e0e0;
+    padding: 0.3em;
 }
 
-#mkwsTargets {
-    background-color: #fafafa;
-    border-bottom: 1px solid  #156a16;
-}