diff options
Diffstat (limited to 'css/content.css')
-rw-r--r-- | css/content.css | 57 |
1 files changed, 55 insertions, 2 deletions
diff --git a/css/content.css b/css/content.css index aff34bf19..5ac496971 100644 --- a/css/content.css +++ b/css/content.css @@ -28,6 +28,59 @@ } /** + * Podcast settings + */ +#app-content .podcast { + height: 30px; + z-index: 10000; + background-color: #111; +} + +#app-content .podcast audio { + display: block; + float: left; + width: calc(100% - 60px); + height: 30px; + border-radius: 0; +} + +#app-content .podcast button, +#app-content .podcast a { + display: block; + float: left; + height: 30px; + width: 30px; + border: 0; + border-radius: 0; + margin: 0; + background-color: #111; + background-color: transparent; + background-repeat: no-repeat; + background-position: center; +} + +#app-content .podcast-close { + background-size: 25px; + background-image: url('../img/close.svg'); +} + +#app-content .podcast-download { + transform: rotate(270deg); + background-size: 20px; + background-image: url('../img/arrow-white.svg'); +} + +#app-content .podcast audio::-webkit-media-controls-enclosure { + max-width: inherit; +} + +#app-content .podcast.fixed { + position: absolute; + right: 0; + left: 0; +} + +/** * cron warning styles */ #cron-warning { @@ -64,7 +117,7 @@ -moz-webkit-transition: none !important; } -#app-content.loading-content > * { +#app-content.loading-content #app-content-wrapper { display: none; } @@ -384,7 +437,6 @@ */ #app-content .enclosure { padding: 20px 0; - text-align: center; max-width: 770px; margin-bottom: 15px; } @@ -397,6 +449,7 @@ #app-content .enclosure video { background-color: #000; + margin-bottom: 20px; } #app-content .enclosure-error { |