gunnarbittersmann

aONWZa ('-' * 6)

A Pen by Gunnar Bittersmann on CodePen.

License.

gunnarbittersmann

/**
 * keyboard (div, no JS)
 * http://forum.selfhtml.org/self/2015/may/03/indexwert-von-array-element-ermitteln/1639259#m1639259
 */

.keyboard
{
	display: -webkit-inline-flex;
	display: inline-flex;
}

gunnarbittersmann

/**
 * keyboard (div)
 * http://forum.selfhtml.org/self/2015/may/03/indexwert-von-array-element-ermitteln/1639259#m1639259
 */

.keyboard
{
	display: -webkit-inline-flex;
	display: inline-flex;
}

gunnarbittersmann

/**
 * keyboard (fieldset, magic number)
 * http://forum.selfhtml.org/self/2015/may/03/indexwert-von-array-element-ermitteln/1639259#m1639259
 */

.keyboard
{
	border: none;
}

gunnarbittersmann

/**
 * Balken
 * http://forum.selfhtml.org/self/2015/may/03/box-soll-aus-box-ragen-position-abolute/1639298#m1639298
 */

* { box-sizing: border-box }

html
{
	overflow-x: hidden;

gunnarbittersmann

/**
 * keyboard (fieldset, magic number)
 * http://forum.selfhtml.org/self/2015/may/03/indexwert-von-array-element-ermitteln/1639259#m1639259 */

.keyboard
{
	border: none;
}

.keyboard label

gunnarbittersmann

/**
 * keyboard (fieldset)
 */

.keyboard
{
	display: inline-flex;
	appearance: none;
}

gunnarbittersmann

/**
 * keyboard (div)
 * http://forum.selfhtml.org/self/2015/may/03/indexwert-von-array-element-ermitteln/1639259#m1639259
 */

.keyboard
{
	display: -webkit-inline-flex;
	display: inline-flex;
}

gunnarbittersmann

/**
 * customized validation error message
 */

gunnarbittersmann

/**
 * flexbox menu 1
 * http://forum.selfhtml.org/self/2015/apr/27/menue-horizontal-ausrichten/1638793#m1638793
 */
html
{
	padding: 0;
	background: hsl(240, 60%, 4%);
	font: bold 1em/1.2 Helvetica, sans-serif;
	color: hsl(30, 40%, 80%);