CSS Universal Atomic Class

/* Text layout */
. f10 {font-size:10px;}
. f11 {font-size:11px;}
. f12 {font-size:12px;}
. f13 {font-size:13px;}
. F14 {font-size:14px;}
. F16 {font-size:16px;}
. f18 {font-size:18px;}
. f20 {font-size:20px;}
. fb {font-weight:bold;}
. fn {font-weight:normal;}
. t2 {Text-indent:2em;}
. lh150 {line-height:150%;}
. lh180 {line-height:180%;}
. lh200 {line-height:200%;}
. unl {text-decoration:underline;}
. no_unl {Text-decoration:none;}
/* Positioning */
. tl {text-align:left;}
. TC {Text-align:center;}
. tr {text-align:right;}
. BC {margin-left:auto; margin-right:auto;}
. fl {float:left; display:inline;}
. fr {float:right; display:inline;}
. cb {Clear:both;}
. cl {clear:left;}
. cr {Clear:right;}
. clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
. clearfix {Display:inline-block;}
* HTML. Clearfix {height:1%;}
. clearfix {Display:block;}
. vm {Vertical-align:middle;}
. pr {position:relative;}
. pa {position:absolute;}
. abs-right {position:absolute; right:0;}
. zoom {zoom:1;}
. hidden {Visibility:hidden;}
. none {Display:none;}
/* Length Height */
. w10 {width:10px;}
. w20 {width:20px;}
. w30 {width:30px;}
. w40 {width:40px;}
. w50 {width:50px;}
. w60 {width:60px;}
. w70 {width:70px;}
. w80 {width:80px;}
. w90 {width:90px;}
. w100 {width:100px;}
. w150 {width:150px;}
. w200 {width:200px;}
. w250 {width:250px;}
. w300 {width:300px;}
. w350 {width:350px;}
. w400 {width:400px;}
. w450 {width:450px;}
. w500 {width:500px;}
. w550 {width:550px;}
. w600 {width:600px;}
. w650 {width:650px;}
. w700 {width:700px;}
. w750 {width:750px;}
. w800 {width:800px;}
. w850 {width:850px;}
. w900 {width:900px;}
. w950 {width:950px;}
. w {width:100%;}
. H10 {height:10px;}
. h20 {height:20px;}
. h30 {height:30px;}
. h40 {height:40px;}
. h50 {height:50px;}
. h60 {height:60px;}
. h70 {height:70px;}
. h80 {height:80px;}
. h90 {height:90px;}
. h100 {height:100px;}
. h150 {height:150px;}
. h200 {height:200px;}
. h250 {height:250px;}
. h300 {height:300px;}
. h400 {height:400px;}
. h500 {height:500px;}
. h {height:100%;}
/* Margin */
. M0 {margin:0;}
. m1 {margin:1px;}
. m5 {margin:5px;}
. m10 {margin:10px;}
. M15 {margin:15px;}
. m20 {margin:20px;}
. m25 {margin:25px;}
. M30 {margin:30px;}
. M35 {margin:35px;}
. m40 {margin:40px;}
. M45 {margin:45px;}
. M50 {margin:50px;}
. m100 {margin:100px;}
. mt0 {margin-top:0;}
. mt5 {margin-top:5px;}
. mt1 {margin-top:1px;}
. mt10 {margin-top:10px;}
. mt15 {margin-top:15px;}
. mt20 {margin-top:20px;}
. mt25 {margin-top:25px;}
. mt30 {margin-top:30px;}
. mt35 {margin-top:35px;}
. mt40 {margin-top:40px;}
. mt45 {margin-top:45px;}
. mt50 {margin-top:50px;}
. mt100 {margin-top:100px;}
. mr0 {margin-right:0;}
. mr1 {margin-right:1px;}
. mr5 {margin-right:5px;}
. mr10 {margin-right:10px;}
. mr15 {margin-right:15px;}
. mr20 {margin-right:20px;}
. mr25 {margin-right:25px;}
. mr30 {margin-right:30px;}
. mr35 {margin-right:35px;}
. mr40 {margin-right:40px;}
. mr45 {margin-right:45px;}
. mr50 {margin-right:50px;}
. mr100 {margin-right:100px;}
. mb0 {margin-bottom:0;}
. mb1 {margin-bottom:1px;}
. mb5 {margin-bottom:5px;}
. mb10 {margin-bottom:10px;}
. mb15 {margin-bottom:15px;}
. mb20 {margin-bottom:20px;}
. mb25 {margin-bottom:25px;}
. mb30 {margin-bottom:30px;}
. mb35 {margin-bottom:35px;}
. mb40 {margin-bottom:40px;}
. mb45 {margin-bottom:45px;}
. mb50 {margin-bottom:50px;}
. mb100 {margin-bottom:100px;}
. ml0 {margin-left:0;}
. ml1 {margin-left:1px;}
. ml5 {margin-left:5px;}
. ml10 {margin-left:10px;}
. ml15 {margin-left:15px;}
. ml20 {margin-left:20px;}
. ml25 {margin-left:25px;}
. ml30 {margin-left:30px;}
. ml35 {margin-left:35px;}
. ml40 {margin-left:40px;}
. ml45 {margin-left:45px;}
. ml50 {margin-left:50px;}
. ml100 {margin-left:100px;}
. p0 {padding:0;}
. p1 {padding:1px;}
. p5 {padding:5px;}
. p10 {padding:10px;}
. p15 {padding:15px;}
. P20 {padding:20px;}
. p25 {padding:25px;}
. p30 {padding:30px;}
. p35 {padding:35px;}
. p40 {padding:40px;}
. P45 {padding:45px;}
. p50 {padding:50px;}
. p100 {padding:100px;}
. pt0 {padding-top:0;}
. pt1 {padding-top:1px;}
. pt5 {padding-top:5px;}
. pt10 {padding-top:10px;}
. pt15 {padding-top:15px;}
. pt20 {padding-top:20px;}
. pt25 {padding-top:25px;}
. pt30 {padding-top:30px;}
. pt35 {padding-top:35px;}
. pt40 {padding-top:40px;}
. pt45 {padding-top:45px;}
. pt50 {padding-top:50px;}
. pt100 {padding-top:100px;}
. pl0 {padding-left:0;}
. pl1 {padding-left:1px;}
. pl5 {padding-left:5px;}
. pl10 {padding-left:10px;}
. pl15 {padding-left:15px;}
. pl20 {padding-left:20px;}
. pl30 {padding-left:30px;}
. pl35 {padding-left:35px;}
. pl40 {padding-left:40px;}
. pl45 {padding-left:45px;}
. pl50 {padding-left:50px;}
. pl100 {padding-left:100px;}
. pb0 {padding-bottom:0;}
. pb1 {padding-bottom:1px;}
. pb5 {padding-bottom:5px;}
. pb10 {padding-bottom:10px;}
. pb15 {padding-bottom:15px;}
. pb20 {padding-bottom:20px;}
. pb25 {padding-bottom:25px;}
. pb30 {padding-bottom:30px;}
. pb35 {padding-bottom:35px;}
. pb40 {padding-bottom:40px;}
. pb45 {padding-bottom:45px;}
. pb50 {padding-bottom:50px;}
. pb100 {padding-bottom:100px;}
. pr0 {padding-right:0;}
. pr1 {padding-right:1px;}
. pr5 {padding-right:5px;}
. pr10 {padding-right:10px;}
. pr15 {padding-right:15px;}
. pr20 {padding-right:20px;}
. pr25 {padding-right:25px;}
. pr30 {padding-right:30px;}
. pr35 {padding-right:35px;}
. pr40 {padding-right:40px;}
. pr45 {padding-right:45px;}
. pr50 {padding-right:50px;}
. pr100 {padding-right:100px;}

CSS Universal Atomic Class