Line 2: | Line 2: | ||
<html> | <html> | ||
+ | .BREaTHER div { | ||
+ | width: 80vw; | ||
+ | position: absolute; | ||
+ | top: 50%; | ||
+ | left: 2em; | ||
+ | transform: translateY(-50%);} | ||
+ | .BREaTHER video { | ||
+ | display: block; | ||
+ | position: fixed; | ||
+ | top: 50%; | ||
+ | left: 50%; | ||
+ | transform: translateX(-50%) translateY(-50%); | ||
+ | min-width: 100%; | ||
+ | min-height: 100%; | ||
+ | z-index: -1000; | ||
+ | background-size: cover; | ||
+ | background-position: center;} | ||
<body> | <body> | ||
− | <div class="BREaTHER" style="padding-bottom: | + | <div class="BREaTHER" style="padding-bottom:20px"> |
<video autoplay="" loop="" id ="background_video"> | <video autoplay="" loop="" id ="background_video"> | ||
<source src="https://static.igem.org/mediawiki/2017/1/1d/Purdue-Breather.mp4"> | <source src="https://static.igem.org/mediawiki/2017/1/1d/Purdue-Breather.mp4"> |
Revision as of 16:32, 31 October 2017
.BREaTHER div {
width: 80vw;
position: absolute;
top: 50%;
left: 2em;
transform: translateY(-50%);}
.BREaTHER video {
display: block;
position: fixed;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
min-width: 100%;
min-height: 100%;
z-index: -1000;
background-size: cover;
background-position: center;}