Core CSS

Developers of Cascading Style Sheets (CSS) can grow tired of recreating the same style definitions again and again. This is particularly true when working within the HTML and needing only a single definition. I sure did. That’s why I developed Core CSS.

Core CSS is a base of definitions for commonly used styles. It gives you the power to style without editing the stylesheet. When working in HTML, this can be extremely useful. It takes the mess of style attributes out of the picture while retaining the definitions you require.


Core CSS gives you the power to style without editing the stylesheet.


Like the popular HTML reset which assigns a style to multiple HTML tags, Core CSS assigns multiple style definitions to a reusable class that can be applied to any tag. It’s like building the page with class names, rather than using single classes for each dom.


Core CSS Style Definitions

.padding {padding:10px}
.paddingtop {padding-top:10px}
.paddingleft {padding-left:10px}
.paddingbottom {padding-bottom:10px}
.paddingright {padding-right:10px}
.x-padding {padding:20px}
.x-paddingtop {padding-top:20px}
.x-paddingleft {padding-left:20px}
.x-paddingbottom {padding-bottom:20px}
.x-paddingright {padding-right:20px}
.nopadding {padding:0 !important}
.nopaddingtop {padding-top:0 !important}
.nopaddingleft {padding-left:0 !important}
.nopaddingbottom {padding-bottom:0 !important}
.nopaddingright {padding-right:0 !important}

.margin {margin:10px}
.margintop {margin-top:10px}
.marginleft {margin-left:10px}
.marginbottom {margin-bottom:10px}
.marginright {margin-right:10px}
.marginnone {margin:0 !important}
.nomargintop {margin-top:0 !important}
.nomarginleft {margin-left:0 !important}
.nomarginbottom {margin-bottom:0 !important}
.nomarginright {margin-right:0 !important}
.block {display:block}
.inline {display:inline}
.table {display:table}
.table-row {display:table-row}
.table-cell {display:table-cell}
.hide {display:none;visibility:hidden}
.relative {position:relative}
.absolute {position:absolute}
.floatleft {float:left}
.floatright {float:right}
.clearleft {clear:left}
.clearright {clear:right}
.clear {clear:both}

.left {text-align:left !important}
.right {text-align:right !important}
.center {text-align:center !important}
.uppercase {text-transform:uppercase}
.lowercase {text-transform:lowercase}
.caps {text-transform:capitalize}
.normalcaps {text-transform:none}
.bold {font-weight:900}
.nobold {font-weight:300}
.middle {vertical-align:middle}
.bottom {vertical-align:bottom}
.top {vertical-align:top}
.baseline {vertical-align:baseline}

Download Core CSS now.