dziudek

/**
 * Tabs
 */

#tabs {
	background: #aaa;
	position: relative;
	transition: all 1s linear;
}

dziudek

/**
 * Simple solution for long tables in responsive design
 */

table:before {
	content: "Scroll horizontally to view the whole table";
	height: 14px;
	width: 100%;
	display: block;
	font-size: 10px;

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;
}

dziudek

/**
 * Simple CSS UI Kit
 */

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

dziudek

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

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

dziudek

/**
 * Rotating elements :)
 */

body > div {
	background: #eee;
}

div > div {  
	width: 100px;

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

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

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

dziudek

/**
 * Animated dots for pagination
 */

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

ol li {