More independence from #mkwsResults container.

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

diff --git a/experiments/spclient/mkwsStyle.css b/experiments/spclient/mkwsStyle.css
index a2135ef..56aaef2 100644 (file)
--- a/experiments/spclient/mkwsStyle.css
+++ b/experiments/spclient/mkwsStyle.css
@@ -1,4 +1,6 @@
-#mkwsLang, #mkwsSwitch, #mkwsSearch, #mkwsRecords, #mkwsTargets, #mkwsStat, #mkwsShiftedTermlists {
+#mkwsLang, #mkwsSwitch, #mkwsSearch, #mkwsTermlists, #mkwsRanking,
+#mkwsPager, #mkwsNavi, #mkwsRecords, #mkwsTargets, #mkwsStat,
+#mkwsShiftedTermlists {
     font-family: Gill Sans, "Gillius ADF", Gillius, GilliusADF, Verdana, Sans-Serif;
 }
 
@@ -28,10 +30,6 @@
     padding-top: 0.4em;
 }
 
-#mkwsRecords, #mkwsShiftedTermlists {
-    background-color: #fafafa;
-}
-
 #mkwsTargets {
     background-color: #fafafa;
 }
@@ -55,20 +53,27 @@
     content: "Retrieved records: ";
 }
 
-#mkwsSwitch a, #mkwsLang a, #mkwsRecords a, #mkwsShiftedTermlists a {
+#mkwsSwitch a,
+#mkwsLang a,
+#mkwsResults a,
+#mkwsTermlists a,
+#mkwsPager a,
+#mkwsNavi a,
+#mkwsRecords a,
+#mkwsShiftedTermlists a {
     color: #005701;
     text-decoration: none;
 }
 
-#mkwsSwitch a:hover, #mkwsLang a:hover, #mkwsRecords a:hover, #mkwsShiftedTermlists a:hover {
+#mkwsSwitch a:hover, #mkwsLang a:hover, #mkwsResults a:hover, #mkwsShiftedTermlists a:hover {
     text-decoration: underline;
 }
 
-#mkwsRecords a.crossout:hover, #mkwsShiftedTermlists a.crossout:hover #mkwsRecords a.crossout:hover {
+#mkwsResults a.crossout:hover, #mkwsShiftedTermlists a.crossout:hover #mkwsResults a.crossout:hover {
     text-decoration: line-through;
 }
 
-#mkwsSearch input#button {
+#mkwsSearch input#mkwsButton {
     border: 3px outset #132194;
     background-color: #132194;
     padding: 2px;
@@ -81,14 +86,14 @@
     cursor: pointer;
 }
 
-#mkwsSearch input#query {
+#mkwsSearch input#mkwsQuery {
     border: 2px inset #e0f0ff;
     padding: 3px;
     font-size: 12px;
     background: #f0f8ff;
 }
 
-#mkwsRecords hr, #mkwsShiftedTermlists hr {
+#mkwsResults hr, #mkwsShiftedTermlists hr {
     display: none;
 }
 
@@ -122,11 +127,11 @@
     font-weight: bold;
 }
 
-#mkwsRecords div.record, #mkwsShiftedTermlists div.record {
+#mkwsResults div.record, #mkwsShiftedTermlists div.record {
     padding: 5px;
 }
 
-#mkwsRecords div.details, #mkwsShiftedTermlists div.details {
+#mkwsResults div.details, #mkwsShiftedTermlists div.details {
     border: 1px solid #404040;
     background: #e8e8e8;
     color: darkgray;
@@ -139,13 +144,13 @@
     -webkit-border-top-right-radius: 10px;
 }
 
-#mkwsRecords div.details th, #mkwsShiftedTermlists div.details th {
+#mkwsResults 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 {
+#mkwsResults div.details th:after, #mkwsShiftedTermlists div.details th:after {
     content: ":";
 }