Move termlist hiding to CSS MKWS-258

[mkws-moved-to-github.git] / tools / htdocs / mkws.css

diff --git a/tools/htdocs/mkws.css b/tools/htdocs/mkws.css
index 42d2b40..cb5f2e7 100644 (file)
--- a/tools/htdocs/mkws.css
+++ b/tools/htdocs/mkws.css
@@ -1,82 +1,87 @@
-#mkwsLang, .mkwsLang,
-#mkwsSwitch, .mkwsSwitch,
-#mkwsSearch, .mkwsSearch,
-#mkwsTermlists, .mkwsTermlists,
-#mkwsRanking, .mkwsRanking,
-#mkwsPager, .mkwsPager,
-#mkwsNavi, .mkwsNavi,
-#mkwsRecords, .mkwsRecords,
-#mkwsTargets, .mkwsTargets,
-#mkwsStat, .mkwsStat,
-#mkwsMOTD, .mkwsMOTD {
+.mkwsLang,
+.mkwsSwitch,
+.mkwsSearch,
+.mkwsTermlists,
+.mkwsFacet,
+.mkwsRanking,
+.mkwsPager,
+.mkwsNavi,
+.mkwsRecords,
+.mkwsRecord,
+.mkwsTargets,
+.mkwsStat,
+.mkwsMOTD {
     font-family: Gill Sans, "Gillius ADF", Gillius, GilliusADF, Verdana, Sans-Serif;
 }
 
-#mkwsLang, .mkwsLang {
+.mkwsLang {
     float: left;
     padding-left: 1em;
     padding-top: 0.4em;
 }
 
-#mkwsLang a, .mkwsLang a {
+.mkwsLang a {
     background: #d0e0ff;
     padding: 1px 4px;
 }
 
-#mkwsLang span, .mkwsLang span {
+.mkwsLang span {
     border: solid 1px #d0e0ff;
     padding: 0px 3px;
 }
 
-#mkwsSearch, .mkwsSearch {
+.mkwsSearch {
     float: right;
 }
 
-#mkwsSwitch, .mkwsSwitch {
+.mkwsSwitch {
     float: right;
     padding-left: 1em;
     padding-top: 0.4em;
 }
 
-#mkwsTargets, .mkwsTargets {
+.mkwsTargets {
     background-color: #fafafa;
 }
 
-#mkwsStat, .mkwsStat {
+.mkwsStat {
     margin-top: 10px;
     border-top: 1px solid  #156a16;
     padding-top: 5px;
     font-size: small;
 }
 
-#mkwsStat span.head, .mkwsStat span.head {
+.mkwsStat:before {
+    content: "Status info";
     font-weight: bold;
 }
 
-#mkwsSwitch a, .mkwsSwitch a,
-#mkwsLang a, .mkwsLang a,
-#mkwsTermlists a, .mkwsTermlists a,
-#mkwsRanking a, .mkwsRanking a,
-#mkwsPager a, .mkwsPager a,
-#mkwsNavi a, .mkwsNavi a,
-#mkwsRecords a, .mkwsRecords a {
+.mkwsSwitch a,
+.mkwsLang a,
+.mkwsFacet a,
+.mkwsRanking a,
+.mkwsPager a,
+.mkwsNavi a,
+.mkwsRecords a,
+.mkwsRecord a {
     color: #005701;
     text-decoration: none;
 }
 
-#mkwsSwitch a:hover, .mkwsSwitch a:hover,
-#mkwsLang a:hover, .mkwsLang a:hover,
-#mkwsTermlists a:hover, .mkwsTermlists a:hover,
-#mkwsPager a:hover, .mkwsPager a:hover,
-#mkwsRecords a:hover, .mkwsRecords a:hover{ 
+.mkwsSwitch a:hover,
+.mkwsLang a:hover,
+.mkwsFacet a:hover,
+.mkwsPager a:hover,
+.mkwsRecords a:hover,
+.mkwsRecord a:hover {
     text-decoration: underline;
 }
 
-#mkwsNavi a.crossout:hover, .mkwsNavi a.crossout:hover {
+.mkwsNavi a.mkwsRemovable:hover {
     text-decoration: line-through;
 }
 
-#mkwsSearch input#mkwsButton, .mkwsSearch input.mkwsButton {
+.mkwsSearch input.mkwsButton {
     border: 3px outset #132194;
     background-color: #132194;
     padding: 2px;
@@ -89,30 +94,35 @@
     cursor: pointer;
 }
 
-#mkwsSearch input#mkwsQuery, .mkwsSearch input.mkwsQuery {
+.mkwsSearch input.mkwsQuery {
     border: 2px inset #e0f0ff;
     padding: 3px;
     font-size: 12px;
     background: #f0f8ff;
 }
 
-#mkwsTermlists .title, .mkwsTermlists .title {
+.mkwsTermlistsTitle {
     font-size: large;
     font-weight: bold;
     text-transform: uppercase;
 }
 
-#mkwsTermlists, .mkwsTermlists {
+.mkwsTermlists {
     background: #d0e0ff;
     padding: 0.7em;
     font-size: small;
+    display: none;
 
     border-top-right-radius: 10px;
     -moz-border-top-right-radius: 10px;
     -webkit-border-top-right-radius: 10px;
 }
 
-#mkwsTermlists div.facet, .mkwsTermlists div.facet {
+.mkwsTermlists.active {
+    display: block;
+}
+
+.mkwsFacet {
     background: #e0f0ff;
     padding: 0.7em;
     margin-top: 0.7em;
@@ -122,26 +132,26 @@
     -webkit-border-top-right-radius: 10px;
 }
 
-#mkwsTermlists div.facet div.term, .mkwsTermlists div.facet div.term {
+.mkwsTerm {
     clear: both;
 }
 
-#mkwsTermlists div.facet div.term span, .mkwsTermlists div.facet div.term span {
+.mkwsTerm span {
     float: right;
 }
 
-#mkwsTermlists div.termtitle, .mkwsTermlists div.termtitle {
+.mkwsFacetTitle {
     font-weight: bold;
 }
 
-#mkwsRecords div.record, .mkwsRecords div.record {
+.mkwsSummary {
     padding: 5px;
 }
 
-#mkwsRecords div.details, .mkwsRecords div.details {
+.mkwsDetails {
     border: 1px solid #404040;
     background: #e8e8e8;
-    color: #A9A9A9;
+    color: black;
     padding: 5px 10px;
     margin: 10px 0px;
     box-shadow: 10px 10px 5px #808080;
@@ -151,36 +161,58 @@
     -webkit-border-top-right-radius: 10px;
 }
 
-#mkwsRecords div.details th, .mkwsRecords div.details th {
+.mkwsDetails th {
     text-align: right;
     vertical-align: top;
     padding-right: 0.6em;
 }
 
-#mkwsRecords div.details th:after, .mkwsRecords div.details th:after {
+.mkwsDetails th:after {
     content: ":";
 }
 
-#mkwsPager, .mkwsPager {
+.mkwsPager {
     background: #e0e0e0;
     padding: 0.3em;
 }
 
-.mkwsBytarget table thead tr td {
+.mkwsTargets table thead tr td {
     background-color: #132194;
     color: white;
     font-weight: bold;
     padding: 0.2em 0.5em;
 }
 
-.mkwsBytarget table tbody tr:nth-child(odd) {
+.mkwsTargets table tbody tr:nth-child(odd) {
     background-color: #e0f0ff;
 }
 
-.mkwsBytarget table tbody tr:nth-child(even) {
+.mkwsTargets table tbody tr:nth-child(even) {
     background-color: #d0e0ff;
 }
 
-.mkwsBytarget table tbody tr td {
+.mkwsTargets table tbody tr td {
     padding: 0.2em 0.5em;
 }
+
+.mkwsCurrentPage {
+    padding: 0.1em 0.5em;
+    background: #508751;
+    color: white;
+}
+
+.mkwsProgress {
+    border: 1px solid #c0c0c0;
+    float: left;
+    margin-left: 2em;
+    margin-top: 0.2em;
+    padding: 0 0.3em;
+}
+
+.mkwsProgress .mkwsDone { color: #005701 }
+.mkwsProgress .mkwsWaiting { color: #c0c0c0 }
+
+.mkwsResults table {
+  display: inline-table /* only for Firefox! */
+}
+