Line 1: | Line 1: | ||
{{Austin_UTexas}} | {{Austin_UTexas}} | ||
<html> | <html> | ||
− | |||
− | |||
− | |||
/* * { | /* * { | ||
border: 1px solid white; | border: 1px solid white; | ||
Line 11: | Line 8: | ||
margin: 0px; | margin: 0px; | ||
} | } | ||
− | . | + | .DNA div { |
width: 80vw; | width: 80vw; | ||
position: absolute; | position: absolute; | ||
Line 18: | Line 15: | ||
transform: translateY(-50%); | transform: translateY(-50%); | ||
} | } | ||
− | . | + | .DNA video { |
display: block; | display: block; | ||
position: fixed; | position: fixed; | ||
Line 39: | Line 36: | ||
</head> | </head> | ||
<body> | <body> | ||
− | <div class=" | + | <div class="DNA" style="padding-bottom:2000px"> |
<video autoplay="" loop="" id ="background_video"> | <video autoplay="" loop="" id ="background_video"> | ||
<source src="https://static.igem.org/mediawiki/2017/0/05/T--Austin_UTexas--DNAvid.mp4"> | <source src="https://static.igem.org/mediawiki/2017/0/05/T--Austin_UTexas--DNAvid.mp4"> |
Revision as of 01:57, 27 October 2017
/* * {
border: 1px solid white;
} */
body {
margin: 0px;
}
.DNA div {
width: 80vw;
position: absolute;
top: 50%;
left: 2em;
transform: translateY(-50%);
}
.DNA 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%);
}