Styles for record-detail HTML.

[mkws-moved-to-github.git] / experiments / spclient / mkwsStyle.css

diff --git a/experiments/spclient/mkwsStyle.css b/experiments/spclient/mkwsStyle.css
index 6aa4d3e..a05e86c 100644 (file)
--- a/experiments/spclient/mkwsStyle.css
+++ b/experiments/spclient/mkwsStyle.css
@@ -2,8 +2,8 @@
     font-family: Gill Sans, "Gillius ADF", Gillius, GilliusADF, Verdana, Sans-Serif;
 }
 
-#mkwsSwitch {
-    float: right;
+#mkwsLang {
+    float: left;
     padding-left: 1em;
     padding-top: 0.4em;
 }
@@ -12,21 +12,39 @@
     float: right;
 }
 
+#mkwsSwitch {
+    float: right;
+    padding-left: 1em;
+    padding-top: 0.4em;
+}
+
 #mkwsRecords {
     background-color: #fafafa;
-    border-bottom: 1px solid  #156a16;
 }
 
 #mkwsTargets {
     background-color: #fafafa;
-    border-bottom: 1px solid  #156a16;
 }
 
 #mkwsStat {
-    font-weight: bold;
+    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 {
     color: #005701; 
     text-decoration: none;
@@ -54,17 +72,43 @@
 }
 
 #mkwsSearch input#query {
-    border: 2px inset #34cc67;
+    border: 2px inset #e0f0ff;
     padding: 3px;
     font-size: 12px;
+    background: #f0f8ff;
 }
 
 #mkwsRecords hr {
     display: none;
 }
 
+#mkwsRecords div#termlist .title {
+    font-size: large;
+    font-weight: bold;
+    text-transform: uppercase;
+}
+
+#mkwsRecords 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 {
+    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 {
-    margin: 4px;
     font-weight: bold;
 }
 
@@ -73,8 +117,29 @@
 }
 
 #mkwsRecords div.details {
-    border: 3px solid gray;
+    border: 1px solid #404040;
+    background: #e8e8e8;
     color: darkgray;
-    padding: 5px;
-    margin: 4px;
+    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;
+}
+
+#mkwsRecords div.details th {
+    text-align: right;
+    vertical-align: top;
+    padding-right: 0.6em;
+}
+
+#mkwsRecords div.details th:after {
+    content: ":";
+}
+
+#mkwsRecords #pager {
+    background: #e0e0e0;
+    padding: 0.3em;
 }