penguin/AstroJS

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

raw · 504 bytes

.bubble {
	position: fixed;
	background: white;
	border-radius: 300px;

	-moz-box-shadow: 7px 7px 10px;
	-webkit-box-shadow: 7px 7px 10px;
	box-shadow: 7px 7px 10px;

	z-index: 98;
}

.innerBubble {
	border-radius: 300px;
	position: relative;
	overflow: hidden;
}

.innerBubble:before {
	content: '';
	display: inline-block;
	height: 100%; 
	vertical-align: middle;
}

.bInner{
	display: inline-block;
    width: 100%;

	vertical-align: middle;
	text-align: center;

	font-size: 1.35em;
	color: white;
}