css: make gallery thumbnails fully clickable

[panikweb.git] / panikweb_templates / static / css / _specifics.scss

diff --git a/panikweb_templates/static/css/_specifics.scss b/panikweb_templates/static/css/_specifics.scss
index 946456ad98eee151dd479ce3c89f543b016accb6..cae6371406598f821a111904746338572bd10a85 100644 (file)
--- a/panikweb_templates/static/css/_specifics.scss
+++ b/panikweb_templates/static/css/_specifics.scss
@@ -194,8 +194,7 @@ button.check:before, a.check:before {
 /**** BODY ****/
 /****************************************************/
 body{
-       background: white url(../img/sars-cov-2.jpeg);
-       background-size: cover;
+       background: white;
        color: #333;
 }
 /****************************************************/
@@ -1657,7 +1656,7 @@ div.hidden-download-links {
 div.episode-detail div.sound div.download-links {
        display: inline-block;
        padding-top: 1ex;
-       padding-left: 1ex;
+       padding-left: 3em;
 }
 
 div.extra-soundfiles div.download-links {
@@ -1738,6 +1737,11 @@ div.portrait div.gallery span.gallery-legend {
        margin-top: 330px;
 }
 
+div.gallery span.image {
+       display: inline-block;
+       cursor: pointer;
+}
+
 @media screen and (max-width: 640px) {
        div.portrait div.gallery div.first img,
        div.gallery div.first img {
@@ -1761,12 +1765,12 @@ a.topik-link {
        margin-top: 1em;
 }
 
-#fiber-content div.topikcell a {
+#fiber-content div.topikcellcontent a {
        text-decoration: none;
        height: 500px;
 }
 
-#fiber-content div.topikcell .topik-large a {
+#fiber-content div.cell.topik-large a {
        height: auto;
 }
 
@@ -1774,19 +1778,19 @@ div.topikcellcontent h5 {
        padding-top: 1ex;
 }
 
-div.topikcellcontent.topik-large a {
+div.topik-large div.topikcellcontent a {
        width: 100%;
        float: none;
        display: inline-block;
        text-align: left;
 }
 
-div.topikcellcontent.topik-large img {
+div.topik-large div.topikcellcontent img {
        width: 100%;
        display: block;
 }
 
-div.topikcellcontent.topik-large a div {
+div.topik-large div.topikcellcontent a div {
        @media screen and (min-width: 760px) {
                display: flex;
        }