Code review grid

Salut, apelez si eu la cunostintele voastre. Dupa o perioada de facut situri de proba, si diferite proiecte minuscule, am ajuns la concluzia ca un grid sistem e un "lucru" bun sa il ai. Apelez si eu la cunostintele voastre sa imi spuneti daca e ceva bine sau e rau, gandind ca voi ati lucrat "n" proiecte(situri) pt diversi clienti si v-ati lovit de diferite nevoi in a face un layout.

@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
display: block;
}
audio, canvas, video {
display: inline-block;
*display: inline;
*zoom: 1;
}
audio:not([controls]) {
display: none;
}
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
img {
max-width: 100%;
width: auto\9;
height: auto;
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
}
button, input, select, textarea {
margin: 0;
font-size: 100%;
vertical-align: middle;
}
button, input {
*overflow: visible;
line-height: normal;
}
button::-moz-focus-inner, input::-moz-focus-inner {
padding: 0;
border: 0;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
}
input[type="search"] {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
}
textarea {
overflow: auto;
vertical-align: top;
}
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 20px;
color: #333333;
/* Pt IE */
text-align:center;
}
/************ grid
***************************************************************************************/
.all{
width:100%;
margin:0px auto;
position:relative;
text-align:left;
border:0px;
outline:0px;
overflow:hidden;
z-index:1;
}
.g1, .g2, .g3, .g4, .g5, .g6, .g7, .g8, .g9, .g10, .g11, .g12, .g13, .g14, .g15, .g16, .g17, .g18, .g19, .g20, .alpha, .omega{
margin:0px;
padding:0px;
display:inline;
float:left;
min-height:1px;
border:0px;
outline:0px;
z-index:2;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
.g1{width:5%;}
.g2{width:10%;}
.g3{width:15%;}
.g4{width:20%;}
.g5{width:25%;}
.g6{width:30%;}
.g7{width:35%;}
.g8{width:40%;}
.g9{width:45%;}
.g10{width:50%;}
.g11{width:55%;}
.g12{width:60%;}
.g13{width:65%;}
.g14{width:70%;}
.g15{width:75%;}
.g16{width:80%;}
.g17{width:85%;}
.g18{width:90%;}
.g19{width:95%;}
.g20{width:100%;}
.g1-8{width:12.5%;}
.g1-3{width:33.33%;}
.g2-3{width:66.33%;}
.r2{margin-left:5%;}
.r3{margin-left:10%;}
.r4{margin-left:15%;}
.r5{margin-left:20%;}
.r6{margin-left:25%;}
.r7{margin-left:30%;}
.r8{margin-left:35%;}
.r9{margin-left:40%;}
.r10{margin-left:45%;}
.r11{margin-left:50%;}
.r12{margin-left:55%;}
.r13{margin-left:60%;}
.r14{margin-left:65%;}
.r15{margin-left:70%;}
.r16{margin-left:75%;}
.r17{margin-left:80%;}
.r18{margin-left:85%;}
.r19{margin-left:90%;}
.r20{margin-left:95%;}
.alpha{
margin-left: 0;
}
.omega{
margin-right: 0;
float:right;
}
/* =Clear Floated Elements
--------------------------------------------------------------------------------*/
html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear{
background: none;
border: 0;
clear: both;
display: block;
float: none;
font-size: 0;
list-style: none;
margin: 0;
padding: 0;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.clearfix:after{
clear: both;
content: '.';
display: block;
visibility: hidden;
height: 0;
}
.clearfix{
display: inline-block;
}
* html .clearfix{
height: 1%;
}
.clearfix{
display: block;
}

Imi cer scuze moderatorilor pt postul "kilometric" de cod

Edited by danutz0501, 23 October 2012 - 19:19.