891: Highlighting von Treffen in der Suchausgabe

Task-Url: https://pm.winseda.de/issues/891

css/application-gs.css

@@ -219,6 +219,33 @@
       background-repeat: no-repeat;
       background-position: center center;
       background-size: cover; }
+    #search-results-container #search-results .tab-pane .search-results-item .search-results-image .image-loading-overlay,
+    #search-results-container #search-results .tab-pane .search-results-item .search-results-image .no-preview-overlay {
+      position: absolute;
+      text-align: center;
+      vertical-align: middle;
+      padding: 8px 5px;
+      z-index: 100; }
+      #search-results-container #search-results .tab-pane .search-results-item .search-results-image .image-loading-overlay.image-loading-overlay,
+      #search-results-container #search-results .tab-pane .search-results-item .search-results-image .no-preview-overlay.image-loading-overlay {
+        top: 40px;
+        bottom: 0px;
+        left: 0px;
+        right: 0px;
+        color: #A08246;
+        opacity: 0.8; }
+      #search-results-container #search-results .tab-pane .search-results-item .search-results-image .image-loading-overlay.no-preview-overlay,
+      #search-results-container #search-results .tab-pane .search-results-item .search-results-image .no-preview-overlay.no-preview-overlay {
+        top: 60px;
+        bottom: 25px;
+        left: 0px;
+        right: 0px;
+        border-top: 2px solid #035151;
+        border-bottom: 2px solid #035151;
+        background-color: #035151;
+        opacity: 0.8;
+        color: white;
+        font-style: italic; }
     #search-results-container #search-results .tab-pane .search-results-item .search-results-image .no-preview-overlay {
       position: absolute;
       top: 60px;
@@ -250,18 +277,20 @@
       overflow-wrap: break-word;
       word-wrap: break-word;
       word-break: break-word; }
-  #search-results-container #search-results .tab-pane .search-results-item .search-results-resource-item ul.search-result-highlights {
+  #search-results-container #search-results .tab-pane .search-results-item .search-results-resource-item div.search-result-highlights {
     margin-bottom: 8px;
-    font-size: 90%; }
-    #search-results-container #search-results .tab-pane .search-results-item .search-results-resource-item ul.search-result-highlights li {
+    font-size: 85%; }
+    #search-results-container #search-results .tab-pane .search-results-item .search-results-resource-item div.search-result-highlights > div {
       overflow-wrap: break-word;
       word-wrap: break-word;
       word-break: break-word;
+      margin: 8px;
       font-style: italic; }
-      #search-results-container #search-results .tab-pane .search-results-item .search-results-resource-item ul.search-result-highlights li span.result-highlight-field {
+      #search-results-container #search-results .tab-pane .search-results-item .search-results-resource-item div.search-result-highlights > div span.result-highlight-field {
         font-style: normal; }
-      #search-results-container #search-results .tab-pane .search-results-item .search-results-resource-item ul.search-result-highlights li span.result-highlight {
-        font-weight: bold; }
+      #search-results-container #search-results .tab-pane .search-results-item .search-results-resource-item div.search-result-highlights > div span.result-highlight {
+        font-weight: bold;
+        color: #035151; }
   #search-results-container #search-results .tab-pane .search-results-item .search-results-resource-item .search-result-objects > span {
     display: inline-block;
     padding: 0 0.25rem 0.25rem 0.25rem;