Template:Little Ellie and Other Tales/ad.css

/**
 * Custom CSS for the back-matter ad in [[Little Ellie and Other Tales]]
 */

/*
 * Main content div with an image border
 */
._leaot_border {
	/* shrink to fit, centre in page */
	display: table;
	margin: 0 auto;
	
	/* need to set this width first to provide space for image */
	/* ereaders (and other offline devices) will see only this, as they don't
	   have access to the CSS url source */
	border: 50px solid LightGrey;
	
	/* set border from image
	   this can't be done by inline CSS for security reasons, but this
	   is sanitised CSS, so we get to use Commons images */
	border-image-source: url("https://upload.wikimedia.org/wikipedia/commons/0/07/Little_Ellie_and_Other_Tales_%281850%29_-_ad_frame.png");
	border-image-slice: 125; /* this is the size of the border elements in the source image */
	border-image-width: 30px; /* This is the size of the result on the page */
	border-image-repeat: round;
}

/* [[Category:Specific article templates]]
 * [[Category:Graphic frame CSS]]
 */