improved styling and options of search macro

[shellwiki] / themes / default.css

diff --git a/themes/default.css b/themes/default.css
index e0f7022182b509dfb54737561a760aaf70ba51fd..a1ea010d118220f5b0f123b9bf08e6f3f4c0a9c5 100644 (file)
--- a/themes/default.css
+++ b/themes/default.css
@@ -173,19 +173,32 @@ input.search, input[type="search"] {
   max-width: 80%;
   max-width: calc(100%  - 2.5em);
 }
-ul.searchresults, ol.searchresults {
+p.search.hits { text-align: center; }
+ul.search.hits, ol.search.hits {
   margin-left: auto; margin-right: auto;
   width: 100%; max-width: 540pt;
-  text-align: center;
+  list-style: none;
+  padding-left: 0;
+}
+.search.hits li {
+  padding: 0 .75em;
+}
+.search.hits li:hover {
+  background-color: #F4F4F4;
 }
-.searchresults li a {
+.search.hits li a {
   display: block;
 }
-.searchresults li p {
-  display: inline-block;
+.search.hits li p {
   margin: 0 auto .5em auto;
   white-space: pre-line;
 }
+.search.hits p.path {
+  color: #444;
+  font-size: .875em;
+  margin-top: -.5em;
+  margin-left: 1.5ex;
+}
 
 table {
   min-width: 50%;
@@ -240,7 +253,7 @@ table {
     width: 80%;
     width: calc(100% - 2.5em);
   }
-  ul.searchresults, ol.searchresults {
+  ul.search.hits, ol.search.hits {
     min-width: 50%;
   }
 }