|
|
| Line 2: |
Line 2: |
| | <html> | | <html> |
| | | | |
| − | <head>
| + | <video width="320" height="240" autoplay> |
| − | <style>
| + | <source src="https://static.igem.org/mediawiki/2017/1/1d/Purdue-Breather.mp4" type="video/mp4"> |
| − | | + | </video> |
| − | body {
| + | |
| − | margin: 0px;}
| + | |
| − | | + | |
| − | .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;}
| + | |
| − | | + | |
| − | #background_video {
| + | |
| − | filter:brightness(50%); }
| + | |
| − | | + | |
| − | .video_overlays {
| + | |
| − | position:absolute;
| + | |
| − | text-align:center;
| + | |
| − | width:640px;
| + | |
| − | min-height:370px;
| + | |
| − | background-color:transparent;
| + | |
| − | z-index:300000;}
| + | |
| − |
| + | |
| − | </style>
| + | |
| − | </head>
| + | |
| − | <body>
| + | |
| − | <div class="BREaTHER" style="padding-bottom:2000px">
| + | |
| − | <video autoplay="" loop="" id ="background_video">
| + | |
| − | <source src="https://static.igem.org/mediawiki/2017/1/1d/Purdue-Breather.mp4">
| + | |
| − | </video>
| + | |
| − | </div>
| + | |
| − | </body>
| + | |
| | | | |
| | | | |
