All styles are now applicable by class as well as by ID.

Fixes the first half of MKWS-117.
(The second half is to dump the ID rules.)

diff --git a/tools/htdocs/mkws.css b/tools/htdocs/mkws.css
index b39c8b1..42d2b40 100644 (file)
--- a/tools/htdocs/mkws.css
+++ b/tools/htdocs/mkws.css
@@ -1,14 +1,14 @@
 #mkwsLang, .mkwsLang,
 #mkwsSwitch, .mkwsSwitch,
 #mkwsSearch, .mkwsSearch,
-#mkwsTermlists,
-#mkwsRanking,
-#mkwsPager,
-#mkwsNavi,
-#mkwsRecords,
+#mkwsTermlists, .mkwsTermlists,
+#mkwsRanking, .mkwsRanking,
+#mkwsPager, .mkwsPager,
+#mkwsNavi, .mkwsNavi,
+#mkwsRecords, .mkwsRecords,
 #mkwsTargets, .mkwsTargets,
 #mkwsStat, .mkwsStat,
-#mkwsMOTD {
+#mkwsMOTD, .mkwsMOTD {
     font-family: Gill Sans, "Gillius ADF", Gillius, GilliusADF, Verdana, Sans-Serif;
 }
 
@@ -55,24 +55,24 @@
 
 #mkwsSwitch a, .mkwsSwitch a,
 #mkwsLang a, .mkwsLang a,
-#mkwsTermlists a,
-#mkwsRanking a,
-#mkwsPager a,
-#mkwsNavi a,
-#mkwsRecords a {
+#mkwsTermlists a, .mkwsTermlists a,
+#mkwsRanking a, .mkwsRanking a,
+#mkwsPager a, .mkwsPager a,
+#mkwsNavi a, .mkwsNavi a,
+#mkwsRecords a, .mkwsRecords a {
     color: #005701;
     text-decoration: none;
 }
 
 #mkwsSwitch a:hover, .mkwsSwitch a:hover,
 #mkwsLang a:hover, .mkwsLang a:hover,
-#mkwsTermlists a:hover,
-#mkwsPager a:hover,
-#mkwsRecords a:hover {
+#mkwsTermlists a:hover, .mkwsTermlists a:hover,
+#mkwsPager a:hover, .mkwsPager a:hover,
+#mkwsRecords a:hover, .mkwsRecords a:hover{ 
     text-decoration: underline;
 }
 
-#mkwsNavi a.crossout:hover {
+#mkwsNavi a.crossout:hover, .mkwsNavi a.crossout:hover {
     text-decoration: line-through;
 }
 
@@ -96,13 +96,13 @@
     background: #f0f8ff;
 }
 
-#mkwsTermlists .title {
+#mkwsTermlists .title, .mkwsTermlists .title {
     font-size: large;
     font-weight: bold;
     text-transform: uppercase;
 }
 
-#mkwsTermlists {
+#mkwsTermlists, .mkwsTermlists {
     background: #d0e0ff;
     padding: 0.7em;
     font-size: small;
@@ -112,7 +112,7 @@
     -webkit-border-top-right-radius: 10px;
 }
 
-#mkwsTermlists div.facet {
+#mkwsTermlists div.facet, .mkwsTermlists div.facet {
     background: #e0f0ff;
     padding: 0.7em;
     margin-top: 0.7em;
@@ -122,23 +122,23 @@
     -webkit-border-top-right-radius: 10px;
 }
 
-#mkwsTermlists div.facet div.term {
+#mkwsTermlists div.facet div.term, .mkwsTermlists div.facet div.term {
     clear: both;
 }
 
-#mkwsTermlists div.facet div.term span {
+#mkwsTermlists div.facet div.term span, .mkwsTermlists div.facet div.term span {
     float: right;
 }
 
-#mkwsTermlists div.termtitle {
+#mkwsTermlists div.termtitle, .mkwsTermlists div.termtitle {
     font-weight: bold;
 }
 
-#mkwsRecords div.record {
+#mkwsRecords div.record, .mkwsRecords div.record {
     padding: 5px;
 }
 
-#mkwsRecords div.details {
+#mkwsRecords div.details, .mkwsRecords div.details {
     border: 1px solid #404040;
     background: #e8e8e8;
     color: #A9A9A9;
@@ -151,17 +151,17 @@
     -webkit-border-top-right-radius: 10px;
 }
 
-#mkwsRecords div.details th {
+#mkwsRecords div.details th, .mkwsRecords div.details th {
     text-align: right;
     vertical-align: top;
     padding-right: 0.6em;
 }
 
-#mkwsRecords div.details th:after {
+#mkwsRecords div.details th:after, .mkwsRecords div.details th:after {
     content: ":";
 }
 
-#mkwsPager {
+#mkwsPager, .mkwsPager {
     background: #e0e0e0;
     padding: 0.3em;
 }