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 577a427e0136b3c16f6f00a6dc9b6f65becf6397..cae6371406598f821a111904746338572bd10a85 100644 (file)
--- a/panikweb_templates/static/css/_specifics.scss
+++ b/panikweb_templates/static/css/_specifics.scss
@@ -80,14 +80,6 @@ h5.focus-title {
     padding:5px 7px 0px 7px;
 }
 
-#RefreshWhatsOnAir {
-       opacity: 0.2;
-}
-
-#RefreshWhatsOnAir.spinning {
-       opacity: 0.8;
-}
-
 /****************************************************/
 /* WRAPPER */
 /****************************************************/
@@ -923,7 +915,7 @@ h1.top#frequence {
 .episode.resume .logo{
        float: right;
 }
-.topik.inline .logo,
+.topik-link .logo,
 .episode.inline .logo {
        min-height: 50px;
        float: left;
@@ -1583,6 +1575,11 @@ h3.episode-subtitle {
        font-weight: bold;
 }
 
+span.timestamp {
+       cursor: pointer;
+       border-bottom: 1px dotted #666;
+}
+
 div.fragment-sound {
        position: relative;
 }
@@ -1643,7 +1640,7 @@ div.extra-soundfiles div.logo {
 div#fiber-content div.extra-soundfiles ul.list {
        display: inline-block;
        width: 88%;
-       width: calc(100% - 72px);
+       width: calc(100% - 74px);
 }
 
 div.download-links {
@@ -1659,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 {
@@ -1740,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 {
@@ -1757,17 +1759,18 @@ ul.tags {
        clear: both;
 }
 
-div.topik.inline {
+a.topik-link {
        clear: both;
-        margin-top: 1em;
+       display: block;
+       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;
 }
 
@@ -1775,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;
        }
@@ -2112,3 +2115,9 @@ div#loading-page {
        0% { right: 100%; }
        100% { right: 0%; }
 }
+
+.episode-auto-selection-cell.hide-emission-titles {
+       .emission-title, .soundfile-info .sep {
+               display: none;
+       }
+}