penguin/AstroJS

botanjs/src/Astro/Blog/Components/Video.css

raw · 501 bytes

.v_wrapper {
	width: 640px;
	height: 390px;
	position: relative;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	overflow: hidden;
}

.v_wrapper[data-loaded="1"]:after {
	display: none;
}

.v_wrapper[data-loaded="1"] img {
	display: none;
}

.v_wrapper:after {
	content: "\25BA";
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0.6;
	color: white;
	background: black;
	top: 0; left: 0;
	font-size: 700%;
	padding-top: 19%;
}

.v_wrapper:hover:after {
	opacity: 0.2;
}