gunnarbittersmann

/**
 * GB flag
 */

.flag-GB
{
	background:
/* George’s */ 
		linear-gradient(transparent 20%, #CF142B 20%, #CF142B 80%, transparent 80%, transparent) center,
		linear-gradient(to right, transparent 20%, #CF142B 20%, #CF142B 80%, transparent 80%, transparent) center,

gunnarbittersmann

/**
 * CZ flag
 */

.flag-CZ
{
	background:
		linear-gradient(to right top, #11457e 50%, transparent 50%) left top no-repeat,
		linear-gradient(to right bottom, #11457e 50%, transparent 50%) left bottom no-repeat,

gunnarbittersmann

/**
 * GB flag
 */

.flag-GB
{
	background:
/* George’s */ 
		linear-gradient(transparent 20%, #CF142B 0, #CF142B 80%, transparent 0, transparent) center,
		linear-gradient(to right, transparent 20%, #CF142B 0, #CF142B 80%, transparent 0, transparent) center,

gunnarbittersmann

/**
 * Rounded corner with box-shadow
 */

body
{
	background: #900;
}

div

gunnarbittersmann

/**
 * Rounded corners with box-shadow
 */

body
{
	background: #900;
}

div

gunnarbittersmann

/**
 * input @pattern
 */

imput:valid {background: #CFC}
imput:invalid {background: #FCC}

gunnarbittersmann

/**
 * input @pattern
 */

input:invalid { background: #FCC }
input:valid   { background: #CFC }

dt { margin: 2em 0 0.5em }

gunnarbittersmann

/**
 * truncate left
 */

p
{
	direction: rtl;
	overflow: hidden;
	text-align:end;
	text-overflow: ellipsis;

gunnarbittersmann

/**
 * US flag
 */

.flag-US
{
	background:
/* George’s */ 
		linear-gradient(transparent 20%, #CF142B 0, #CF142B 80%, transparent 0, transparent) center,
		linear-gradient(to right, transparent 20%, #CF142B 0, #CF142B 80%, transparent 0, transparent) center,

gunnarbittersmann

/**
 * US flag
 */

.flag-US
{
	background:
		linear-gradient(red 10%, white 10%, white 20%, red 20%);
	background-repeat: repeat;
	background-size: 100%;