Added capabilities for the LPD video presentation

This commit is contained in:
Ruediger Marwein 2021-09-04 15:44:17 +02:00
parent fa2b283556
commit 73186bf2f4

@ -10,6 +10,29 @@
.lpd-header.container-fluid { .lpd-header.container-fluid {
padding:0; padding:0;
} }
.lpd-header {
color:#fff;
}
.lpd-header a {
color:#fff;
text-decoration: underline;
text-shadow: 1px 1px 0px #000;
font-size:2em;
}
.lpd-header.lpd-video-desktop {
display:none;
}
.lpd-header.lpd-video-mobile {
display:block;
}
@media (min-width: 1025px) {
.lpd-header.lpd-video-desktop {
display:block;
}
.lpd-header.lpd-video-mobile {
display:none;
}
}
.lpd-header .jumbotron { .lpd-header .jumbotron {
border-radius: 0; border-radius: 0;
@ -133,6 +156,26 @@
margin: 0; margin: 0;
} }
/** Social Share extras **/
#lpd-play-desktop {
display:none;
}
#lpd-play-mobile {
display:none;
}
#lpd-play-desktop:target {
display:block;
}
#lpd-play-mobile:target {
display:block;
}
@media (max-width: 1025px) {
#lpd-play-desktop video {
width: 480px !important;
height:270px !important;
}
}
.list-group-item svg { .list-group-item svg {
float:left; float:left;
margin-right:10px; margin-right:10px;
@ -666,4 +709,6 @@ Media Manager
border: 1px solid black; border: 1px solid black;
border-radius: 5px; border-radius: 5px;
} }