Template:Essay quote/style.css

.essay-quote{
	/* container for whole quote thing */

}

.essay-quote-mark{
	/* just the quotation mark that appears behind the quote */
	user-select:none;
	font-size:8rem;
	position:relative;
	z-index:1;
	color:#7f7f7f;
	opacity:0.5;
	font-family: Serif;
	font-weight:bold;
}

.essay-quote-text{
	position:relative;
	font-size:2rem;
	left:-15px;
	top:-50px;
	z-index:2;
}

h1,h2{
	overflow:hidden; /* if the quote overlaps a title, the border at the bottom will be cut off. More aesthetic */
}


/* selectable alignment with {{{align}}} parameter */
.essay-quote-left{
	float:left;
	clear:both;
	max-width:35%;
}

.essay-quote-right{
	float:right;
	clear:both;
	max-width:35%;
}

.essay-quote-center{
    text-align: center;
    margin:0 auto;
}

/* Mobile positioning */

@media screen and (max-width:768px){
	.essay-quote-left{
	text-align: center;
    margin: 0 auto;
    max-width:100%;
	}
	.essay-quote-right{
	text-align: center;
    margin: 0 auto;
    max-width:100%;
	}
}