gustaff-weldon

.case {
	padding: 30px;
	position: relative
}

.ticket {
	width: 30px;
	height: 20px;
	background: rgba(0,0,0,.5);
    border-radius: 0px 40px 40px 0;    

gustaff-weldon

.case {
	padding: 30px;
	position: relative
}

.ticket {
	width: 30px;
	height: 20px;
	background: rgba(0,0,0,.5);
    border-radius: 0px 40px 40px 0;    

gustaff-weldon

@keyframes color { 
	from, to { color: rgb(0, 255, 0); } 
}

.testElement {
	content: '(...testing animation support...)';
	color: rgb(0, 0, 255);
	animation: color 2s infinite;
}

gustaff-weldon

.cluster {
    width: 100px;
    height: 100px; 
    
    background-color: #006fb7;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    background-clip: padding-box;
    opacity: .8;

gustaff-weldon

.cluster {
    display: inline-block;
    border-radius: 50%;
    background-color: rgba(255,0,0,0.5);
    text-align: center;
    padding: 20px;
}

.cluster-value {
	display: block;		

gustaff-weldon

/**
 * Inline block
 */

body {
    padding-top: 3em;
    text-align: center;
}
div {
    background-color: #aaa;

gustaff-weldon

/**
 * The first commented line is your dabblet’s title
.alpha {
	width: 200px;
	height: 200px;
	border-radius: 10px;
	border: 1px solid black;
}

gustaff-weldon

/**
 * Width of absolute child
 */
.half {
	width: 50%;
}

.form-element-line{
	display: block;
	position: relative;

gustaff-weldon

/**
 * The first commented line is your dabblet’s title
 */
.container {
	background: red;
	/*border: 1px solid;*/
	/*overflow: auto;*/
	margin-bottom: 20px;
}

gustaff-weldon

/**
 * (C)Leanest CSS spinner ever
 */

@keyframes spin {
	to { transform: rotate(1turn); }
}

.progress {
	position: relative;