1289: Finalize initial version of item view

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

css/application-colreg.css

@@ -212,6 +212,27 @@
       background-color: #035151;
       cursor: pointer; }
 
+.collection-image {
+  position: relative;
+  width: 100%; }
+  .collection-image img {
+    width: 100%;
+    height: auto; }
+  .collection-image span {
+    position: absolute;
+    top: 10%;
+    left: 0px;
+    right: 0px;
+    border-top: 2px solid #A08246;
+    border-bottom: 2px solid #A08246;
+    background-color: #035151;
+    opacity: 0.8;
+    text-align: center;
+    padding: 8px 5px 12px 5px;
+    color: #F9F9F9;
+    font-style: italic;
+    z-index: 100; }
+
 .editor .editor-buttonbar {
   padding: 12px 0;
   background-color: #F9F9F9;

css/application-dme.css

@@ -155,6 +155,27 @@
       background-color: #035151;
       cursor: pointer; }
 
+.collection-image {
+  position: relative;
+  width: 100%; }
+  .collection-image img {
+    width: 100%;
+    height: auto; }
+  .collection-image span {
+    position: absolute;
+    top: 10%;
+    left: 0px;
+    right: 0px;
+    border-top: 2px solid #A08246;
+    border-bottom: 2px solid #A08246;
+    background-color: #035151;
+    opacity: 0.8;
+    text-align: center;
+    padding: 8px 5px 12px 5px;
+    color: #F9F9F9;
+    font-style: italic;
+    z-index: 100; }
+
 /* Based on goldenlayout-light-theme.less
  * @see: https://raw.githubusercontent.com/golden-layout/golden-layout/master/src/less/goldenlayout-light-theme.less
  *

css/application-gs.css

@@ -163,6 +163,27 @@
   border-left: 1px solid #dee2e6;
   padding: 12px; }
 
+.collection-image {
+  position: relative;
+  width: 100%; }
+  .collection-image img {
+    width: 100%;
+    height: auto; }
+  .collection-image span {
+    position: absolute;
+    top: 10%;
+    left: 0px;
+    right: 0px;
+    border-top: 2px solid #A08246;
+    border-bottom: 2px solid #A08246;
+    background-color: #035151;
+    opacity: 0.8;
+    text-align: center;
+    padding: 8px 5px 12px 5px;
+    color: #F9F9F9;
+    font-style: italic;
+    z-index: 100; }
+
 .wordcloud {
   text-align: center; }