display picture legends

[panikweb.git] / panikweb_templates / static / css / specifics.css

diff --git a/panikweb_templates/static/css/specifics.css b/panikweb_templates/static/css/specifics.css
index fcceca3944a6679c969b3f3e581541773a146b6f..8fba570023b1cdd86f77b881320a80d6aea28645 100644 (file)
--- a/panikweb_templates/static/css/specifics.css
+++ b/panikweb_templates/static/css/specifics.css
@@ -1652,6 +1652,7 @@ div.gallery div.first {
 
 div.gallery div.first img {
        padding: 5px;
+       padding-bottom: 25px;
        margin-top: -240px;
        margin-left: -320px;
        position: absolute;
@@ -1670,6 +1671,21 @@ div.gallery {
        border-bottom: 1px solid #ccc;
 }
 
+div.gallery span.gallery-legend {
+       display: inline-block;
+       position: absolute;
+       top: 50%;
+       margin-top: 250px;
+       left: 0%;
+       width: 100%;
+       color: #000;
+       z-index: 1000;
+}
+
+div.portrait div.gallery span.gallery-legend {
+       margin-top: 330px;
+}
+
 @media screen and (max-width: 640px) {
        div.portrait div.gallery div.first img,
        div.gallery div.first img {