1+ /* Reset */
2+ 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}body {line-height : 1 }ol , ul {list-style : none}blockquote , q {quotes : none}blockquote : before , blockquote : after , q : before , q : after {content : '' ;content : none}: focus {outline : 0 }ins {text-decoration : none}del {text-decoration : line-through}table {border-collapse : collapse;border-spacing : 0 }
3+
4+ /* Default text */
5+ body , textarea {color : # 333 ;font : 13 px/1.5 'Helvetica Neue' , Arial, 'Liberation Sans' , FreeSans, sans-serif}a : focus {outline : 1px dotted}hr {border : 0 # ccc solid;border-top-width : 1px ;clear : both;height : 0 }h1 {font-size : 25px }h2 {font-size : 23px }h3 {font-size : 21px }h4 {font-size : 19px }h5 {font-size : 17px }h6 {font-size : 15px }ol {list-style : decimal}ul {list-style : disc}li {margin-left : 30px }p , dl , hr , h1 , h2 , h3 , h4 , h5 , h6 , ol , ul , pre , table , address , fieldset {margin-bottom : 20px }
6+
7+ /* Fixes width issues with form elements in the grid. */
8+ .grid_1 select , .grid_1 input , .grid_1 textarea {width : 30px }.grid_1 select {width : 40px }.grid_2 select , .grid_2 input , .grid_2 textarea {width : 90px }.grid_2 select {width : 100px }.grid_3 select , .grid_3 input , .grid_3 textarea {width : 150px }.grid_3 select {width : 160px }.grid_4 select , .grid_4 input , .grid_4 textarea {width : 210px }.grid_4 select {width : 220px }.grid_5 select , .grid_5 input , .grid_5 textarea {width : 270px }.grid_5 select {width : 280px }.grid_6 select , .grid_6 input , .grid_6 textarea {width : 330px }.grid_6 select {width : 340px }.grid_7 select , .grid_7 input , .grid_7 textarea {width : 390px }.grid_7 select {width : 400px }.grid_8 select , .grid_8 input , .grid_8 textarea {width : 450px }.grid_8 select {width : 460px }.grid_9 select , .grid_9 input , .grid_9 textarea {width : 510px }.grid_9 select {width : 520px }.grid_10 select , .grid_10 input , .grid_10 textarea {width : 570px }.grid_10 select {width : 580px }.grid_11 select , .grid_11 input , .grid_11 textarea {width : 630px }.grid_11 select {width : 640px }.grid_12 select , .grid_12 input , .grid_12 textarea {width : 690px }.grid_12 select {width : 700px }.grid_13 select , .grid_13 input , .grid_13 textarea {width : 750px }.grid_13 select {width : 760px }.grid_14 select , .grid_14 input , .grid_14 textarea {width : 810px }.grid_14 select {width : 820px }.grid_15 select , .grid_15 input , .grid_15 textarea {width : 870px }.grid_15 select {width : 880px }.grid_16 select , .grid_16 input , .grid_16 textarea {width : 930px }.grid_16 select {width : 940px }
9+
10+ /* Make sure form elements don't break the box width */
11+ .grid_1 > .box select , .grid_1 > .box input , .grid_1 > .box textarea {width : 8px ;}.grid_2 > .box select , .grid_2 > .box input , .grid_2 > .box textarea {width : 68px ;}.grid_3 > .box select , .grid_3 > .box input , .grid_3 > .box textarea {width : 128px ;}.grid_4 > .box select , .grid_4 > .box input , .grid_4 > .box textarea {width : 188px ;}.grid_5 > .box select , .grid_5 > .box input , .grid_5 > .box textarea {width : 248px ;}.grid_6 > .box select , .grid_6 > .box input , .grid_6 > .box textarea {width : 310px ;}.grid_7 > .box select , .grid_7 > .box input , .grid_7 > .box textarea {width : 368px ;}.grid_8 > .box select , .grid_8 > .box input , .grid_8 > .box textarea {width : 428px ;}.grid_9 > .box select , .grid_9 > .box input , .grid_9 > .box textarea {width : 488px ;}.grid_10 > .box select , .grid_10 > .box input , .grid_10 > .box textarea {width : 548px ;}.grid_11 > .box select , .grid_11 > .box input , .grid_11 > .box textarea {width : 608px ;}.grid_12 > .box select , .grid_12 > .box input , .grid_12 > .box textarea {width : 668px ;}.grid_13 > .box select , .grid_13 > .box input , .grid_13 > .box textarea {width : 728px ;}.grid_14 > .box select , .grid_14 > .box input , .grid_14 > .box textarea {width : 788px ;}.grid_15 > .box select , .grid_15 > .box input , .grid_15 > .box textarea {width : 848px ;}.grid_16 > .box select , .grid_16 > .box input , .grid_16 > .box textarea {width : 908px ;}
12+
13+ /*
14+ 960 Grid System ~ Core CSS.
15+ Learn more ~ http://960.gs/
16+
17+ Licensed under GPL and MIT.
18+ */
19+
20+ /* `Containers
21+ ----------------------------------------------------------------------------------------------------*/
22+
23+ .container_16 {
24+ margin-left : auto;
25+ margin-right : auto;
26+ width : 960px ;
27+ }
28+
29+ /* `Grid >> Global
30+ ----------------------------------------------------------------------------------------------------*/
31+
32+ .grid_1 ,
33+ .grid_2 ,
34+ .grid_3 ,
35+ .grid_4 ,
36+ .grid_5 ,
37+ .grid_6 ,
38+ .grid_7 ,
39+ .grid_8 ,
40+ .grid_9 ,
41+ .grid_10 ,
42+ .grid_11 ,
43+ .grid_12 ,
44+ .grid_13 ,
45+ .grid_14 ,
46+ .grid_15 ,
47+ .grid_16 {
48+ display : inline;
49+ float : left;
50+ margin-left : 10px ;
51+ margin-right : 10px ;
52+ }
53+
54+ /* `Grid >> Children (Alpha ~ First, Omega ~ Last)
55+ ----------------------------------------------------------------------------------------------------*/
56+
57+ .alpha {
58+ margin-left : 0 ;
59+ }
60+
61+ .omega {
62+ margin-right : 0 ;
63+ }
64+
65+ /* `Grid >> 16 Columns
66+ ----------------------------------------------------------------------------------------------------*/
67+
68+ .container_16 .grid_1 ,
69+ .container_16 .grid_1 .box ,
70+ .container_16 .grid_1 .glow-sortable-dropindicator {
71+ width : 40px !important
72+ }
73+
74+ .container_16 .grid_2 ,
75+ .container_16 .grid_2 .box ,
76+ .container_16 .grid_2 .glow-sortable-dropindicator {
77+ width : 100px !important
78+ }
79+
80+ .container_16 .grid_3 ,
81+ .container_16 .grid_3 .box ,
82+ .container_16 .grid_3 .glow-sortable-dropindicator {
83+ width : 160px !important
84+ }
85+
86+ .container_16 .grid_4 ,
87+ .container_16 .grid_4 .box ,
88+ .container_16 .grid_4 .glow-sortable-dropindicator {
89+ width : 220px !important
90+ }
91+
92+ .container_16 .grid_5 ,
93+ .container_16 .grid_5 .box ,
94+ .container_16 .grid_5 .glow-sortable-dropindicator {
95+ width : 280px !important
96+ }
97+
98+ .container_16 .grid_6 ,
99+ .container_16 .grid_6 .box ,
100+ .container_16 .grid_6 .glow-sortable-dropindicator {
101+ width : 340px !important
102+ }
103+
104+ .container_16 .grid_7 ,
105+ .container_16 .grid_7 .box ,
106+ .container_16 .grid_7 .glow-sortable-dropindicator {
107+ width : 400px !important
108+ }
109+
110+ .container_16 .grid_8 ,
111+ .container_16 .grid_8 .box ,
112+ .container_16 .grid_8 .glow-sortable-dropindicator {
113+ width : 460px !important
114+ }
115+
116+ .container_16 .grid_9 ,
117+ .container_16 .grid_9 .box ,
118+ .container_16 .grid_9 .glow-sortable-dropindicator {
119+ width : 520px !important
120+ }
121+
122+ .container_16 .grid_10 ,
123+ .container_16 .grid_10 .box ,
124+ .container_16 .grid_10 .glow-sortable-dropindicator {
125+ width : 580px !important
126+ }
127+
128+ .container_16 .grid_11 ,
129+ .container_16 .grid_11 .box ,
130+ .container_16 .grid_11 .glow-sortable-dropindicator {
131+ width : 640px !important
132+ }
133+
134+ .container_16 .grid_12 ,
135+ .container_16 .grid_12 .box ,
136+ .container_16 .grid_12 .glow-sortable-dropindicator {
137+ width : 700px !important
138+ }
139+
140+ .container_16 .grid_13 ,
141+ .container_16 .grid_13 .box ,
142+ .container_16 .grid_13 .glow-sortable-dropindicator {
143+ width : 760px !important
144+ }
145+
146+ .container_16 .grid_14 ,
147+ .container_16 .grid_14 .box ,
148+ .container_16 .grid_14 .glow-sortable-dropindicator {
149+ width : 820px !important
150+ }
151+
152+ .container_16 .grid_15 ,
153+ .container_16 .grid_15 .box ,
154+ .container_16 .grid_15 .glow-sortable-dropindicator {
155+ width : 880px !important
156+ }
157+
158+ .container_16 .grid_16 ,
159+ .container_16 .grid_16 .box ,
160+ .container_16 .grid_16 .glow-sortable-dropindicator {
161+ width : 940px !important
162+ }
163+
164+ /* `Clear Floated Elements
165+ ----------------------------------------------------------------------------------------------------*/
166+
167+ /* http://sonspring.com/journal/clearing-floats */
168+
169+ .clear {
170+ clear : both;
171+ display : block;
172+ overflow : hidden;
173+ visibility : hidden;
174+ width : 0 ;
175+ height : 0 ;
176+ }
177+
178+ /* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
179+
180+ .clearfix : after {
181+ clear : both;
182+ content : ' ' ;
183+ display : block;
184+ font-size : 0 ;
185+ line-height : 0 ;
186+ visibility : hidden;
187+ width : 0 ;
188+ height : 0 ;
189+ }
190+
191+ * html .clearfix {
192+ height : 1% ;
193+ }
0 commit comments