Use Cabin font for main MKWS stylesheet.
[mkws-moved-to-github.git] / tools / htdocs / mkws.css
index 3677d65..909b374 100644 (file)
@@ -1,85 +1,90 @@
-.mkwsLang,
-.mkwsSwitch,
-.mkwsSearch,
-.mkwsTermlists,
-.mkwsRanking,
-.mkwsPager,
-.mkwsNavi,
-.mkwsRecords,
-.mkwsRecord,
-.mkwsTargets,
-.mkwsStat,
-.mkwsMOTD {
-    font-family: Gill Sans, "Gillius ADF", Gillius, GilliusADF, Verdana, Sans-Serif;
-}
-
-.mkwsLang {
+@import url(http://fonts.googleapis.com/css?family=Cabin:400,400italic,700,700italic);
+
+.mkwsLang, .mkws-lang,
+.mkwsSwitch, .mkws-switch,
+.mkwsSearch, .mkws-search,
+.mkwsTermlists, .mkws-facets,
+.mkwsFacet, .mkws-facet,
+.mkwsRanking, .mkws-ranking,
+.mkwsPager, .mkws-pager,
+.mkwsNavi, .mkws-navi,
+.mkwsRecords, .mkws-records,
+.mkwsRecord, .mkws-record,
+.mkwsTargets, .mkws-targets,
+.mkwsStat, .mkws-stat,
+.mkwsMOTD, .mkws-motd,
+.mkwsAuthname, .mkws-auth-name {
+    font-family: Cabin, Gill Sans, "Gillius ADF", Gillius, GilliusADF, Verdana, Sans-Serif;
+}
+
+.mkwsLang, .mkws-lang {
     float: left;
     padding-left: 1em;
     padding-top: 0.4em;
 }
 
-.mkwsLang a {
+.mkwsLang a, .mkws-lang a {
     background: #d0e0ff;
     padding: 1px 4px;
 }
 
-.mkwsLang span {
+.mkwsLang span, .mkws-lang span {
     border: solid 1px #d0e0ff;
     padding: 0px 3px;
 }
 
-.mkwsSearch {
+.mkwsSearch, .mkws-search {
     float: right;
 }
 
-.mkwsSwitch {
+.mkwsSwitch, .mkws-switch {
     float: right;
     padding-left: 1em;
     padding-top: 0.4em;
 }
 
-.mkwsTargets {
+.mkwsTargets, .mkws-targets {
     background-color: #fafafa;
 }
 
-.mkwsStat {
+.mkwsStat, .mkws-stat {
     margin-top: 10px;
     border-top: 1px solid  #156a16;
     padding-top: 5px;
     font-size: small;
 }
 
-.mkwsStat span.head {
+.mkwsStat:before, .mkws-stat:before {
+    content: "Status info";
     font-weight: bold;
 }
 
-.mkwsSwitch a,
-.mkwsLang a,
-.mkwsTermlists a,
-.mkwsRanking a,
-.mkwsPager a,
-.mkwsNavi a,
-.mkwsRecords a,
-.mkwsRecord a {
+.mkwsSwitch a, .mkws-switch a,
+.mkwsLang a, .mkws-lang a,
+.mkwsFacet a, .mkws-facet a,
+.mkwsRanking a, .mkws-ranking a,
+.mkwsPager a, .mkws-pager a,
+.mkwsNavi a, .mkws-navi a,
+.mkwsRecords a, .mkws-records a,
+.mkwsRecord a, .mkws-record a {
     color: #005701;
     text-decoration: none;
 }
 
-.mkwsSwitch a:hover,
-.mkwsLang a:hover,
-.mkwsTermlists a:hover,
-.mkwsPager a:hover,
-.mkwsRecords a:hover,
-.mkwsRecord a:hover {
+.mkwsSwitch a:hover, .mkws-switch a:hover,
+.mkwsLang a:hover, .mkws-lang a:hover,
+.mkwsFacet a:hover, .mkws-facet a:hover,
+.mkwsPager a:hover, .mkws-pager a:hover,
+.mkwsRecords a:hover, .mkws-records a:hover,
+.mkwsRecord a:hover, .mkws-record a:hover {
     text-decoration: underline;
 }
 
-.mkwsNavi a.crossout:hover {
+.mkwsNavi a.mkwsRemovable:hover, .mkws-navi a.mkws-removable:hover {
     text-decoration: line-through;
 }
 
-.mkwsSearch input.mkwsButton {
+.mkwsSearch input.mkwsButton, .mkws-search input.mkws-button {
     border: 3px outset #132194;
     background-color: #132194;
     padding: 2px;
     cursor: pointer;
 }
 
-.mkwsSearch input.mkwsQuery {
+.mkwsAuthname, .mkws-auth-name {
+    color: #132194;
+}
+
+.mkwsSearch input.mkwsQuery, .mkws-search input.mkws-query {
     border: 2px inset #e0f0ff;
     padding: 3px;
     font-size: 12px;
     background: #f0f8ff;
+    width: 30em;
+    max-width: 100%;
 }
 
-.mkwsTermlists .title {
+.mkwsTermlistsTitle, .mkws-facets-title {
     font-size: large;
     font-weight: bold;
     text-transform: uppercase;
 }
 
-.mkwsTermlists {
+.mkwsTermlists, .mkws-facets {
     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;
 }
 
-.mkwsFacet {
+.mkwsTermlists.active, .mkws-facets.active {
+    display: block;
+}
+
+.mkwsFacet, .mkws-facet {
     background: #e0f0ff;
     padding: 0.7em;
     margin-top: 0.7em;
     -webkit-border-top-right-radius: 10px;
 }
 
-.mkwsFacet div.term {
+.mkwsTerm, .mkws-term {
     clear: both;
 }
 
-.mkwsFacet div.term span {
+.mkwsTerm span, .mkws-term span {
     float: right;
 }
 
-.mkwsTermlists div.termtitle {
+.mkwsFacetTitle, .mkws-facet-title {
     font-weight: bold;
 }
 
-.mkwsRecords div.record,
-.mkwsRecord div.record {
+.mkwsSummary, .mkws-summary {
     padding: 5px;
 }
 
-.mkwsRecords div.details,
-.mkwsRecord div.details {
+.mkwsDetails, .mkws-details {
     border: 1px solid #404040;
     background: #e8e8e8;
     color: black;
     -webkit-border-top-right-radius: 10px;
 }
 
-.mkwsRecords div.details th,
-.mkwsRecord div.details th {
+.mkwsDetails th, .mkws-details th {
     text-align: right;
     vertical-align: top;
     padding-right: 0.6em;
 }
 
-.mkwsRecords div.details th:after,
-.mkwsRecord div.details th:after {
+.mkwsDetails th:after, .mkws-details th:after {
     content: ":";
 }
 
-.mkwsPager {
+.mkwsPager, .mkws-pager {
     background: #e0e0e0;
     padding: 0.3em;
 }
 
-.mkwsBytarget table thead tr td {
+.mkws-pager-desc {
+    float: right;
+}
+
+.mkws-pager-list {
+    float: clear;
+}
+
+.mkws-prev::before {
+    content: "<< ";
+}
+
+.mkws-next::after {
+    content: " >>";
+}
+
+.mkwsTargets table thead tr td, .mkws-targets 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), .mkws-targets table tbody tr:nth-child(odd) {
     background-color: #e0f0ff;
 }
 
-.mkwsBytarget table tbody tr:nth-child(even) {
+.mkwsTargets table tbody tr:nth-child(even), .mkws-targets table tbody tr:nth-child(even) {
     background-color: #d0e0ff;
 }
 
-.mkwsBytarget table tbody tr td {
+.mkwsTargets table tbody tr td, .mkws-targets table tbody tr td {
     padding: 0.2em 0.5em;
 }
+
+.mkwsCurrentPage, .mkws-current-page {
+    padding: 0.1em 0.5em;
+    background: #508751;
+    color: white;
+}
+
+.mkwsProgress, .mkws-progress {
+    border: 1px solid #c0c0c0;
+    float: left;
+    margin-left: 2em;
+    margin-top: 0.2em;
+    padding: 0 0.3em;
+}
+
+.mkwsProgress .mkwsDone, .mkws-progress .mkws-done { color: #005701 }
+.mkwsProgress .mkwsWaiting, .mkws-progress .mkws-waiting { color: #c0c0c0 }
+
+.mkwsResults table, .mkws-results table {
+  display: inline-table /* only for Firefox! */
+}
+
+.mkws-field-description, .mkws-field-date, .mkws-field-thumb {
+  display: none;
+}
+
+