Skip to content

Jeremy Groot / stellervista-Intranet

Go to a project
Toggle navigation
Toggle navigation pinning
58fba511 by Jeff Balicki
Options

sss 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent 29c81c53
Inline Side-by-side
Showing 7 changed files with 70 additions and 2 deletions
......@@ -14652,6 +14652,30 @@ h1 + p, .h1 + p {
.hero-content h1 + p, .hero-content .h1 + p {
font-size: 20px;
}
.hero-content .play-video {
background-image: url("data:image/svg+xml,%3Csvg id='btn_Play-heroVideo' xmlns='http://www.w3.org/2000/svg' width='48.161' height='33.299' viewBox='0 0 48.161 33.299'%3E%3Cg id='Group_33' data-name='Group 33' transform='translate(-41.443 -213.828)'%3E%3Cpath id='Path_11' data-name='Path 11' d='M86.124 213.817h-41.2a3.48 3.48 0 0 0-3.48 3.48v26.338a3.48 3.48 0 0 0 3.48 3.48h41.2a3.48 3.48 0 0 0 3.48-3.48V217.3a3.481 3.481 0 0 0-3.481-3.48Z' transform='translate(0 0.011)' fill='%23fff'/%3E%3Cpath id='Polygon_6' data-name='Polygon 6' d='M8.116 1.669a1 1 0 0 1 1.768 0l7.339 13.863A1 1 0 0 1 16.339 17H1.661a1 1 0 0 1-.884-1.468Z' transform='translate(75.443 221.828) rotate(90)' fill='%231a3668'/%3E%3C/g%3E%3C/svg%3E");
width: 48px;
height: 33px;
background-size: cover;
text-indent: -99999px;
display: block;
}
.hero-content .play-video:hover {
background-image: url("data:image/svg+xml,%3Csvg id='btn_Play-heroVideo' xmlns='http://www.w3.org/2000/svg' width='48.161' height='33.299' viewBox='0 0 48.161 33.299'%3E%3Cg id='Group_33' data-name='Group 33' transform='translate(-41.443 -213.828)'%3E%3Cpath id='Path_11' data-name='Path 11' d='M86.124 213.817h-41.2a3.48 3.48 0 0 0-3.48 3.48v26.338a3.48 3.48 0 0 0 3.48 3.48h41.2a3.48 3.48 0 0 0 3.48-3.48V217.3a3.481 3.481 0 0 0-3.481-3.48Z' transform='translate(0 0.011)' fill='%23e3e3e3'/%3E%3Cpath id='Polygon_6' data-name='Polygon 6' d='M8.116 1.669a1 1 0 0 1 1.768 0l7.339 13.863A1 1 0 0 1 16.339 17H1.661a1 1 0 0 1-.884-1.468Z' transform='translate(75.443 221.828) rotate(90)' fill='%231a3668'/%3E%3C/g%3E%3C/svg%3E");
}
#Modal_Video .modal-content {
background-color: transparent;
border-width: 0px !important;
}
#Modal_Video .btn-close {
opacity: 1;
margin-right: -20px;
margin-top: -20px;
width: 20px;
height: 20px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.828' height='22.828' viewBox='0 0 22.828 22.828'%3E%3Cg id='btn_close_modal' data-name='btn_close modal' transform='translate(1.414 1.414)'%3E%3Cline id='Line_14' data-name='Line 14' x2='28.284' transform='translate(0) rotate(45)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='Line_15' data-name='Line 15' x2='28.284' transform='translate(20 0) rotate(135)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
}
#wrapper-footer {
background-color: #183668;
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
......@@ -55,7 +55,24 @@ $container = get_theme_mod( 'understrap_container_type' );
</div><!-- .row -->
</div><!-- #content -->
<?php $video = get_post_meta(get_the_id(), 'video', true);
if($video !=""){ ?>
<div class="modal fade" id="Modal_Video" tabindex="-1" role="dialog" data-bs-backdrop="static" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-xl" role="document">
<div class="modal-content">
<div class="modal-body">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="body-content">
<video width="100%" controls>
<source src="<?php echo $video;?>" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>
</div>
</div>
</div>
</div>
<?php } ?>
</div><!-- #page-wrapper -->
<?php
......
......@@ -61,5 +61,32 @@
max-width: 600px;
}
h1 + p { font-size: 20px; }
.play-video{
background-image: url("data:image/svg+xml,%3Csvg id='btn_Play-heroVideo' xmlns='http://www.w3.org/2000/svg' width='48.161' height='33.299' viewBox='0 0 48.161 33.299'%3E%3Cg id='Group_33' data-name='Group 33' transform='translate(-41.443 -213.828)'%3E%3Cpath id='Path_11' data-name='Path 11' d='M86.124 213.817h-41.2a3.48 3.48 0 0 0-3.48 3.48v26.338a3.48 3.48 0 0 0 3.48 3.48h41.2a3.48 3.48 0 0 0 3.48-3.48V217.3a3.481 3.481 0 0 0-3.481-3.48Z' transform='translate(0 0.011)' fill='%23fff'/%3E%3Cpath id='Polygon_6' data-name='Polygon 6' d='M8.116 1.669a1 1 0 0 1 1.768 0l7.339 13.863A1 1 0 0 1 16.339 17H1.661a1 1 0 0 1-.884-1.468Z' transform='translate(75.443 221.828) rotate(90)' fill='%231a3668'/%3E%3C/g%3E%3C/svg%3E");
width: 48px;
height: 33px;
background-size: cover;
text-indent: -99999px;
display: block;
}
.play-video:hover{
background-image: url("data:image/svg+xml,%3Csvg id='btn_Play-heroVideo' xmlns='http://www.w3.org/2000/svg' width='48.161' height='33.299' viewBox='0 0 48.161 33.299'%3E%3Cg id='Group_33' data-name='Group 33' transform='translate(-41.443 -213.828)'%3E%3Cpath id='Path_11' data-name='Path 11' d='M86.124 213.817h-41.2a3.48 3.48 0 0 0-3.48 3.48v26.338a3.48 3.48 0 0 0 3.48 3.48h41.2a3.48 3.48 0 0 0 3.48-3.48V217.3a3.481 3.481 0 0 0-3.481-3.48Z' transform='translate(0 0.011)' fill='%23e3e3e3'/%3E%3Cpath id='Polygon_6' data-name='Polygon 6' d='M8.116 1.669a1 1 0 0 1 1.768 0l7.339 13.863A1 1 0 0 1 16.339 17H1.661a1 1 0 0 1-.884-1.468Z' transform='translate(75.443 221.828) rotate(90)' fill='%231a3668'/%3E%3C/g%3E%3C/svg%3E");
}
}
#Modal_Video{
.modal-content{
background-color: transparent;
border-width:0px !important ;
}
.btn-close{
opacity: 1;
margin-right: -20px;
margin-top: -20px;
width: 20px;
height: 20px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.828' height='22.828' viewBox='0 0 22.828 22.828'%3E%3Cg id='btn_close_modal' data-name='btn_close modal' transform='translate(1.414 1.414)'%3E%3Cline id='Line_14' data-name='Line 14' x2='28.284' transform='translate(0) rotate(45)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='Line_15' data-name='Line 15' x2='28.284' transform='translate(20 0) rotate(135)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
}
}
\ No newline at end of file
......
......@@ -5,7 +5,7 @@
Author: the Understrap Contributors
Author URI: https://github.com/understrap/understrap-child/graphs/contributors
Template: understrap
Version: 1.2.0033
Version: 1.2.0034
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: understrap-child
......