CSS reset css framework

/*
*--------------------------------------------------
* Name: kingwell css framework
* Version: 1.2 (June, 2012)
* Author: kingwell
* E-mail: Jinhua. Leng # gmail.com
* Copyright (c) 2012, kingwell. All rights reserved.
*--------------------------------------------------
*/

/* ---------- CSS reset start -----------*/
HTML, body {Background: # FFF; color: #333; Font: normal 12px/1 Arial, 'body', Helvetica, sans-serif; margin: 0; padding: 0}
A, abbr, acronym, address, applet, article, B, big, BLOCKQUOTE, button, canvas, caption, center, cite, code, DD, Del, dfn, Div, DL, DT, em, embed, fieldset, Font, form, H1, H2, H3, H4, H5, H6, HR, HTML, NAV, I, IFRAME, IMG, INS, input, KBD, label, legend, Li, menu, object, ol, P, pre, Q, S, SAMP, small, span, section, strike, strong, sub, sup, table, textarea, tbody, TD, tfoot, Th, thead, TR, TT, U, UL, VAR {margin: 0; padding: 0; font-size: 100%}
Table {border-collapse: collapse; border-Spacing: 0}
Fieldset, IMG {border: None}
IMG {vertical-align: middle; outline: None}
Q: before, Q: After {content: ''} p {margin: 10px auto}
Li {list-style: None} ol {padding-left: 20px} ol Li {list-style-type: decimal ;}
Sup {vertical-align: Text-top;} sub {vertical-align: Text-bottom;} strong {font-weight: bold ;}
H1, H2, H3, H4, H5, H6 {font-size: 100%; font-weight: normal}
H1 {font-size: 18px; font-weight: bold}
H2 {font-size: 16px; font-weight: bold}
H3 {font-size: 14px; font-weight: bold}
H4 {font-size: 12px ;}
H5 {font-size: 10px ;}
A: link {color: #000; text-Decoration: none ;}
A: visited {color: #333; text-Decoration: none ;}
A: hover {color: # 00c; text-Decoration: underline}
A: active {color: #333; text-Decoration: None}
: Focus {outline: None}
/*:-Moz-selection {Background: green; color: White ;}*/
/* ---------- CSS reset END ----------*/

/* ---------- form style ---------- */
form, lable {display: inline}
input, select, textarea, button {font-family: Arial, helvetica, sans-serif}
input [type = submit], input [type = button], button, input [type = image], input [type = Reset] {cursor: pointer; line-Height: 1}
input [type = text], input [type = PASSWORD], textarea, select {border: 1px solid # CCC; line-Height: 1; padding: 5px; Min-width: 200px;}
input [type = text]: focus, input [type = PASSWORD]: focus, textarea: focus, select: Focus {Background: # fff9d9; Border: 1px solid orange; box-Shadow: 0 0 5px # CCC}/* ----- focus ------ */
input [type = radio], input [type = checkbox] {vertical-align: middle; margin-right: 5px ;}< br> textarea {Min-Height: 60px ;}

/* ----- Button style ------*/
Input [type = button], input [type = Reset], button {border: 1px solid # AAA; padding: 5px 10px; color: #333; border-radius: 2px; background:-moz-linear-gradient (# fff, # DDD); Background:-WebKit-gradient (linear, 0% 0%, 0% 100%, from (# fff ), to (# DDD ));}
Input [type = button]: hover, input [type = Reset]: hover, button: hover {Background:-moz-linear-gradient (90deg, # fff, # DDD ); background:-WebKit-gradient (linear, 0% 100%, 0% 0%, from (# fff), to (# DDD); text-Shadow: 1px 1px 2px rgba (, 0, 0, 0.2 )}
Input [type = button]: active, input [type = Reset]: active, button: Active {color: Gray ;}

/* ---------- Public style ----------*/
Div. noScript {Background: # fff9d9; Border: 1px solid orange; box-Shadow: 5px 5px 5px rgba (0.5, 0,); position: absolute; width: 500px; left: 50%; margin-left:-250px; top: 100px; padding: 20px; Z-index: 100000}
Span. NoScript {color: # e00; font-weight: bold; padding: 5px ;}
. Strong {font-weight: bold}. Lighter {font-weight: lighter}. Gray {color: Gray}
. Shadow {Background: white; box-Shadow: 0 0 2px # CCC}
. Tips {color: # e00! Important; _ color: # e00}
. F-l {float: Left}. F-r {float: right}
. Clear-float {clear: Both; line-Height: 0; Height: 0; overflow: hidden}
. C-l {clear: Left}. c-r {clear: right}
. After: After {clear: Both; content: "."; display: block; visibility: hidden; Height: 0; line-Height: 0 ;}
. HR {border-top: 1px solid # CCC; border-bottom: 1px solid # FFF; margin: 5px auto ;}
. Block {display: block}. None {display: None}
/* -- No margin --*/
. No-margin {margin: 0! Important; _ margin: 0}
. No-margin-top {margin-top: 0! Important; _ margin-top: 0}
. No-margin-right {margin-Right: 0! Important; _ margin-Right: 0}
. No-margin-bottom {margin-bottom: 0! Important; _ margin-bottom: 0}
. No-margin-left {margin-left: 0! Important; _ margin-left: 0}

. Ellipsis {overflow: hidden; text-overflow: ellipsis; white-space: nowrap}

/* -- Alert --*/
. Cover {position: absolute; top: 0; left: 0; margin: auto; width: 100%; Height: 100%; Background: rgba (0.5, 0,); _ Background: #000; Z-index: 10000}
. Alert-container {width: 500px; position: absolute; top: 50%; left: 50%; margin-left:-250px; margin-top:-200px; Background: # FFF; box-Shadow: 0 0 10px rgba (0.5, 0 );}
. Alert-title {Line-Height: 30px; padding: 0 10px; border-bottom: 1px solid # CCC; cursor: move; font-weight: bold}
. Alert-content {padding: 10px ;}
. Alert-button {margin-top: 10px; text-align: right}

/* ---------- Bread crumbs ----------*/
. Bread-crumbs {color: Gray; margin: 10px auto}

/* ---------- Paging ----------*/
. Paging {margin: 20px auto}
. Paging a {display: inline-block; _ display: inline; _ ZOOM: 1; padding: 5px 10px; margin: auto 3px; text-Decoration: none! Important; text-Decoration: none; cursor: pointer; Border: 1px solid # AAA; Background:-moz-linear-gradient (# fff, # Eee); Background: -WebKit-gradient (linear, 0% 0%, 0% 100%, from (# fff), to (# Eee ));}
. Paging A: hover {color: #333}
. Paging A. curr {Background: # CCC; cursor: auto}
. Paging A. Dis {color: # cacaca; Border: 1px solid # cacaca; cursor: auto}

/* ----- Percent ------*/
. Per-5 {width: 5% ;}
. Per-10 {width: 10% ;}
. Per-15 {width: 15% ;}
. Per-20 {width: 20% ;}
. Per-25 {width: 25% ;}
. Per-30 {width: 30% ;}
. Per-35 {width: 35% ;}
. Per-40 {width: 40% ;}
. Per-45 {width: 45% ;}
. Per-50 {width: 50% ;}
. Per-55 {width: 55% ;}
. Per-60 {width: 60% ;}
. Per-65 {width: 65% ;}
. Per-70 {width: 70% ;}
. Per-75 {width: 75% ;}
. Per-80 {width: 80% ;}
. Per-85 {width: 85% ;}
. Per-90 {width: 90% ;}
. Per-95 {width: 95% ;}
. Per-100 {width: 100% ;}
. Per-33 {width: 33.3333% ;}

/* -- Hack area --*/

/* -------------------- Layout --------------------*/
# Wrap {}/* -- wrap all page --*/

# Header {}
# Header-container {margin: auto}
# Nav {}
# Nav-content {margin: auto}

# Containter {}
# Content {}
. Left {float: Left}
. Right {float: Right ;}
. Middle {clear: both}
# Footer {}
# Footer-container {margin: auto}
# Coypright {text-align: Center}

/* ----- Block structure -----*/
. Block-container {}
. Block-title {Line-Height: 35px ;}
. Block-content {}

# Logo {}

# Sidebar {}
# Column {}

. Search {}
. Regsiter {}
. Hot {}
. Keyword {}
. Login {}
. Link {}