Centered body with different backgrounds on both sides.

dabblet.css

/**
 * Centered body with different backgrounds on both sides.
 */

* { box-sizing: border-box }

html
{
	height: 100%;
	background-image: url(http://www.dvd-ppt-slideshow.com/images/ppt-background/background-13.jpg),
		url(http://www.dvd-ppt-slideshow.com/images/ppt-background/background-19.jpg);
	background-repeat: repeat-y;
	background-size: 50% auto;
	background-position: left, right;
}

body
{
	max-width: 30em;
	min-height: 100%;
	margin: auto;
	padding: 2em;
	background-color: hsla(0, 0%, 100%, 0.9);
}

dabblet.html

<p>Centered body with different backgrounds on both sides.</p>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"1","prefixfree":"1","page":"css"}