unsemantic CSS

unsemantic.css

/* ========== */
/* = hide = */
/* ========== */

.hide {
	position: absolute;
	left: -9999px;
}

.hide-text {
	text-indent: -9999px;
	outline: none;
}


.left {
	*display:inline;
	float: left;
}
.right {
	*display:inline;
	float: right;
}

/* ========= */
/* = clear = */
/* ========= */

.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
	*zoom:1;
}

.clear, .clb {
	clear: both;
}

.cll {
	clear: left;
}

.clr {
	clear: right;
}

/* ============ */
/* = display  = */
/* ============ */

.db {
	display: block;
}

.di {
	display: inline;
}

.db {
	display: none;
}

.dib {
	display: inline-block;
}

/* ============ */
/* = overflow = */
/* ============ */

.oa {
	overflow: auto;
}
.os {
	overflow: scroll;
}
.oh {
	overflow: hidden;
}
.ov {
	overflow: visible;
}

/* ============ */
/* = posotion = */
/* ============ */

.poa {
	position: absolute;
}

.por {
	position: relative;
}

.pof {
	position: fixed;
}

.pos {
	position: static;
}

/* ======== */
/* = text = */
/* ======== */

.tac {
	text-align: center;
}
.tar {
	text-align: right;
}
.tal {
	text-align: left;
}
.taj {
	text-align: justify;
}
.tdn {
	text-decoration: none;
}
.tdu {
	text-decoration: underline;
}
.tdo {
	text-decoration: overline;
}
.tdlt {
	text-decoration: line-through;
}

/* ================== */
/* = vertical align = */
/* ================== */

.vat {
	vertical-align: top;
}
.vam {
	vertical-align: middle;
}
.vab {
	vertical-align: bottom;
}

/* =========== */
/* = numbers = */
/* =========== */

.m0 {
	margin: 0;
}
.m10 {
	margin: 10px;
}
.m20 {
	margin: 20px;
}
.m30 {
	margin: 30px;
}
.ml0 {
	margin-left: 0;
}
.ml10 {
	margin-left: 10px;
}
.ml20 {
	margin-left: 20px;
}
.mr0 {
	margin-right: 0;
}
.mr10 {
	margin-right: 10px;
}
.mr20 {
	margin-right: 20px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb30 {
	margin-bottom: 30px;
}

.w100 {
	width: 100%;
}

.bn {
	border: none;
}