dziudek

/**
 * :hover overlay effect with using :after instead of additional element  
 **/

body > div {
	width: 100px;
	height: 100px;
	background: #eee;
	margin: 100px;
}

dziudek

/**
 * Button with background for left and right side.
 */

div {
   height: 32px;
   line-height: 32px;
   background: #c00;
   float:left;
   padding: 0 10px;

dziudek

/**
 * Layout with the two lines at both sides without using additional elements (only :after and :before)
 */

div {
	background: #fff;
	width:100%;
	height:30px;
	text-align: center;
	position: relative;

dziudek

/**
 * Animated dots for pagination
 */

ol {
	list-style-type:none;
	padding:0;
}

ol li {

dziudek

/**
 * Animated dots for pagination - with links
 */

/* this implementation uses links instead of the :before pseudoelement */
ol {
	list-style-type:none;
	padding:0;
}

dziudek

/**
 * Method to place visual separator between table cell's without using additional HTML elements
 */

body > div {
	display:table;
	width: 600px;
}

body > div > div {

dziudek

/**
 * Rotating elements :)
 */

body > div {
	background: #eee;
}

div > div {  
	width: 100px;

dziudek

/**
 * Rotating elements - list :)
 */

ul {
	margin:0;
	padding:0;
}
ul li {
	float:left;

dziudek

/**
 * Simple CSS UI Kit
 */

body {
	font-family: Arial, sans-serif;
	margin: 0;
	padding: 0;
}

dziudek

/**
 * Simple CSS UI Kit
 */

body {
	font-family: Arial, sans-serif;
	margin: 0;
	padding: 0;
}