gunnarbittersmann

/**
 * tr background Webkit bug
 */

table
{
	border-collapse: collapse;
	width: 100%
}

gunnarbittersmann

/**
 * IE table inline formatting bug
 */
 
section { border: 1px solid; margin: 1em; overflow: hidden; width: 400px }

.compact table, .compact tbody { display: inline }
.compact tr { float: left }

tr { height: 42px; margin: 2px; width: 42px }

gunnarbittersmann

/**
 * th with rounded corners
 */

table
{
	border-spacing: 0px;
}

th, td

gunnarbittersmann

/**
 * input with faux bottom border and bottom corners
 */

input
{
	background: #eee;
	border: none;
	box-shadow: inset 0 25px 0 0 #eee, inset 0 0 0 1px #048;
	padding: 10px;

gunnarbittersmann

/**
 * The first commented line is your dabblet’s title
 */

a
{
	background: #f93;
	border-radius: 0.5em;
	display: inline-block;
	height: 2em;

gunnarbittersmann

/**
 * The :lang() selector and font-size in %
 */

:lang(fr) { font-style: italic; font-size:130%; }

:lang(fr) * { font-size: inherit; }

gunnarbittersmann

/**
 * Quiz
 */

label
{
	display: inline-block;
	line-height: 1.5em;
	margin-right: 2em;
	width: 2em;

gunnarbittersmann

/**
 * Declaration of Human Rights
 */

body { margin: auto; max-width: 50em; }

section::before { content: ''; height: 100%; left: 0; position: absolute; right: 0; z-index: -1; }

#article1::before { background: #ECC }

gunnarbittersmann

/**
 * Declaration of Human Rights
 */

body { margin: auto; max-width: 50em; }

section::before { content: ''; height: 100%; left: 0; position: absolute; right: 0; z-index: -1; }

#article1::before { background: #ECC }

gunnarbittersmann

/**
 * mark required fields
 */

label
{
	display: inline-block;
	position: relative;
	width: 9rem;
}