Rename pager div to "#mkwsPager"

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

diff --git a/experiments/spclient/mkwsStyle.css b/experiments/spclient/mkwsStyle.css
index 4136b37..fe9bd54 100644 (file)
--- a/experiments/spclient/mkwsStyle.css
+++ b/experiments/spclient/mkwsStyle.css
@@ -1,4 +1,4 @@
-#mkwsLang, #mkwsSwitch, #mkwsSearch, #mkwsRecords, #mkwsTargets, #mkwsStat {
+#mkwsLang, #mkwsSwitch, #mkwsSearch, #mkwsRecords, #mkwsTargets, #mkwsStat, #mkwsShiftedTermlists {
     font-family: Gill Sans, "Gillius ADF", Gillius, GilliusADF, Verdana, Sans-Serif;
 }
 
@@ -8,6 +8,16 @@
     padding-top: 0.4em;
 }
 
+#mkwsLang a {
+    background: #d0e0ff;
+    padding: 1px 4px;
+}
+
+#mkwsLang span {
+    border: solid 1px #d0e0ff;
+    padding: 0px 3px;
+}
+
 #mkwsSearch {
     float: right;
 }
@@ -18,7 +28,7 @@
     padding-top: 0.4em;
 }
 
-#mkwsRecords {
+#mkwsRecords, #mkwsShiftedTermlists {
     background-color: #fafafa;
 }
 
@@ -31,7 +41,7 @@
     border-top: 1px solid  #156a16;
     padding-top: 5px;
     font-size: small;
-} 
+}
 
 #mkwsStat span.head {
     font-weight: bold;
@@ -45,16 +55,16 @@
     content: "Retrieved records: ";
 }
 
-#mkwsSwitch a, #mkwsLang a, #mkwsRecords a {
-    color: #005701; 
+#mkwsSwitch a, #mkwsLang a, #mkwsRecords a, #mkwsShiftedTermlists a {
+    color: #005701;
     text-decoration: none;
 }
 
-#mkwsSwitch a:hover, #mkwsLang a:hover, #mkwsRecords a:hover {
+#mkwsSwitch a:hover, #mkwsLang a:hover, #mkwsRecords a:hover, #mkwsShiftedTermlists a:hover {
     text-decoration: underline;
 }
 
-#mkwsRecords a.crossout:hover {
+#mkwsRecords a.crossout:hover, #mkwsShiftedTermlists a.crossout:hover #mkwsRecords a.crossout:hover {
     text-decoration: line-through;
 }
 
@@ -78,17 +88,17 @@
     background: #f0f8ff;
 }
 
-#mkwsRecords hr {
+#mkwsRecords hr, #mkwsShiftedTermlists hr {
     display: none;
 }
 
-#mkwsRecords div#termlist .title {
+#mkwsTermlists .title, #mkwsShiftedTermlists .title {
     font-size: large;
     font-weight: bold;
     text-transform: uppercase;
 }
 
-#mkwsRecords div#termlist {
+#mkwsTermlists, #mkwsShiftedTermlists div#termlist  {
     background: #d0e0ff;
     padding: 0.7em;
     font-size: small;
@@ -98,7 +108,7 @@
     -webkit-border-top-right-radius: 10px;
 }
 
-#mkwsRecords div.facet {
+#mkwsTermlists div.facet, #mkwsShiftedTermlists div.facet {
     background: #e0f0ff;
     padding: 0.7em;
     margin-top: 0.7em;
@@ -108,20 +118,20 @@
     -webkit-border-top-right-radius: 10px;
 }
 
-#mkwsRecords div.termtitle {
+#mkwsTermlists div.termtitle, #mkwsShiftedTermlists div.termtitle {
     font-weight: bold;
 }
 
-#mkwsRecords div.record {
+#mkwsRecords div.record, #mkwsShiftedTermlists div.record {
     padding: 5px;
 }
 
-#mkwsRecords div.details {
+#mkwsRecords div.details, #mkwsShiftedTermlists div.details {
     border: 1px solid #404040;
     background: #e8e8e8;
     color: darkgray;
-    padding: 0px 5px;
-    margin: 10px 4px;
+    padding: 5px 10px;
+    margin: 10px 0px;
     box-shadow: 10px 10px 5px #808080;
 
     border-top-right-radius: 10px;
@@ -129,7 +139,17 @@
     -webkit-border-top-right-radius: 10px;
 }
 
-#mkwsRecords #pager {
+#mkwsRecords div.details th, #mkwsShiftedTermlists div.details th {
+    text-align: right;
+    vertical-align: top;
+    padding-right: 0.6em;
+}
+
+#mkwsRecords div.details th:after, #mkwsShiftedTermlists div.details th:after {
+    content: ":";
+}
+
+#mkwsPager {
     background: #e0e0e0;
     padding: 0.3em;
 }