refactor search.less

lib/tpl/dokuwiki/css/_search.less

@@ -3,15 +3,24 @@
  * and the AJAX search popup.
  */
 
-/* search results page
+/* general
 ********************************************************************/
 
-/* loading gif */
-#dw__loading {
-    text-align: center;
+/* search hit in normal text */
+.dokuwiki .search_hit {
+    color: @ini_text;
+    background-color: __highlight__;
+}
+
+/* "nothing found" at search + media */
+.dokuwiki div.nothing {
     margin-bottom: 1.4em;
 }
 
+/* search results page
+********************************************************************/
+
+/*____________ advanced search form ____________*/
 .search-results-form fieldset.search-form {
     width: 100%;
 
@@ -77,22 +86,24 @@
     }
 }
 
-
 /*____________ matching pagenames ____________*/
 
 .dokuwiki div.search_quickresult {
     margin-bottom: 1.4em;
+
+    h3 {
+    }
+    ul {
+        padding: 0;
+
+        li {
+            float: left;
+            width: 12em;
+            margin: 0 1.5em;
+        }
+    }
 }
-.dokuwiki div.search_quickresult h3 {
-}
-.dokuwiki div.search_quickresult ul {
-    padding: 0;
-}
-.dokuwiki div.search_quickresult ul li {
-    float: left;
-    width: 12em;
-    margin: 0 1.5em;
-}
+
 [dir=rtl] .dokuwiki div.search_quickresult ul li {
     float: right;
 }
@@ -101,75 +112,73 @@
 
 .dokuwiki dl.search_results {
     margin-bottom: 1.2em;
-}
 
-/* search heading */
-.dokuwiki dl.search_results dt {
-    font-weight: normal;
-    margin-bottom: .2em;
-}
-/* search snippet */
-.dokuwiki dl.search_results dd {
-    color: @ini_text_alt;
-    background-color: inherit;
-    margin: 0 0 1.2em 0;
-}
+    /* search heading */
+    dt {
+        font-weight: normal;
+        margin-bottom: .2em;
+    }
 
-/* search hit in normal text */
-.dokuwiki .search_hit {
-    color: @ini_text;
-    background-color: __highlight__;
-}
-/* search hit in search results */
-.dokuwiki .search_results strong.search_hit {
-    font-weight: normal;
-}
-/* ellipsis separating snippets */
-.dokuwiki .search_results .search_sep {
-    color: @ini_text;
-    background-color: inherit;
-}
+    /* search snippet */
+    dd {
+        color: @ini_text_alt;
+        background-color: inherit;
+        margin: 0 0 1.2em 0;
 
-/* "nothing found" at search + media */
-.dokuwiki div.nothing {
-    margin-bottom: 1.4em;
-}
+        /* search hit in search results */
+        strong.search_hit {
+            font-weight: normal;
+            /* color is set in general */
+        }
 
+        /* ellipsis separating snippets */
+        .search_sep {
+            color: @ini_text;
+            background-color: inherit;
+        }
+    }
+}
 
 /* AJAX quicksearch popup
 ********************************************************************/
 
-.dokuwiki form.search div.no {
-    position: relative;
-}
+.dokuwiki form.search {
+    div.no {
+        position: relative;
+    }
 
-/* .JSpopup */
-.dokuwiki form.search div.ajax_qsearch {
-    position: absolute;
-    top: 0;
-    left: -13.5em; /* -( width of #qsearch__in + padding of .ajax_qsearch + a bit more ) */
-    width: 12em;
-    padding: 0.5em;
-    font-size: .9em;
-    z-index: 20;
-    text-align: left;
-    display: none;
+    /* .JSpopup */
+    div.ajax_qsearch {
+        position: absolute;
+        top: 0;
+        left: -13.5em; /* -( width of #qsearch__in + padding of .ajax_qsearch + a bit more ) */
+        width: 12em;
+        padding: 0.5em;
+        font-size: .9em;
+        z-index: 20;
+        text-align: left;
+        display: none;
+
+        strong {
+            display: block;
+            margin-bottom: .3em;
+        }
+
+        ul {
+            margin: 0 !important;
+            padding: 0 !important;
+
+            li {
+                margin: 0;
+                padding: 0;
+                display: block !important;
+            }
+        }
+    }
 }
+
 [dir=rtl] .dokuwiki form.search div.ajax_qsearch {
     left: auto;
     right: -13.5em;
     text-align: right;
 }
-.dokuwiki form.search div.ajax_qsearch strong {
-    display: block;
-    margin-bottom: .3em;
-}
-.dokuwiki form.search div.ajax_qsearch ul {
-    margin: 0 !important;
-    padding: 0 !important;
-}
-.dokuwiki form.search div.ajax_qsearch ul li {
-    margin: 0;
-    padding: 0;
-    display: block !important;
-}