@@ -127,7 +127,7 @@ span.amp {
127127 background : # e6efc2 ; }
128128
129129/*********************
130- TRANISTION
130+ TRANSITION
131131*********************/
132132/*
133133I totally rewrote this to be cleaner and easier to use.
@@ -217,6 +217,87 @@ BUTTONS
217217 background-image : -o-linear-gradient (top, # 1681c4, # 1990db );
218218 background-image : linear-gradient (to bottom, # 1681c4, # 1990db ); }
219219
220+ /******************************************************************
221+ Site Name:
222+ Author:
223+
224+ Stylesheet: Grid Stylesheet
225+
226+ I've seperated the grid so you can swap it out easily. It's
227+ called at the top the style.scss stylesheet.
228+
229+ There are a ton of grid solutions out there. You should definitely
230+ experiment with your own. Here are some recommendations:
231+
232+ http://gridsetapp.com - Love this site. Responsive Grids made easy.
233+ http://susy.oddbird.net/ - Grids using Compass. Very elegant.
234+ http://gridpak.com/ - Create your own responsive grid.
235+
236+ The grid below is a combination of the 1140 grid and Twitter Boostrap.
237+ I liked 1140 but Boostrap's grid was way more detailed so I merged them
238+ together, let's see how this works out. If you want to use 1140, the original
239+ values are commented out on each line.
240+
241+ ******************************************************************/
242+ .onecol {
243+ width : 5.801104972% ; }
244+
245+ /* 4.85%; } /* grid_1 */
246+ .twocol {
247+ width : 14.364640883% ; }
248+
249+ /* 13.45%; } /* grid_2 */
250+ .threecol {
251+ width : 22.928176794% ; }
252+
253+ /* 22.05%; } /* grid_3 */
254+ .fourcol {
255+ width : 31.491712705% ; }
256+
257+ /* 30.75%; } /* grid_4 */
258+ .fivecol {
259+ width : 40.055248616% ; }
260+
261+ /* 39.45%; } /* grid_5 */
262+ .sixcol {
263+ width : 48.618784527% ; }
264+
265+ /* 48%; } /* grid_6 */
266+ .sevencol {
267+ width : 57.182320438000005% ; }
268+
269+ /* 56.75%; } /* grid_7 */
270+ .eightcol {
271+ width : 65.74585634900001% ; }
272+
273+ /* 65.4%; } /* grid_8 */
274+ .ninecol {
275+ width : 74.30939226% ; }
276+
277+ /* 74.05%; } /* grid_9 */
278+ .tencol {
279+ width : 82.87292817100001% ; }
280+
281+ /* 82.7%; } /* grid_10 */
282+ .elevencol {
283+ width : 91.436464082% ; }
284+
285+ /* 91.35%; } /* grid_11 */
286+ .twelvecol {
287+ width : 99.999999993% ; }
288+
289+ /* 100%; } /* grid_12 */
290+ .onecol , .twocol , .threecol , .fourcol , .fivecol , .sixcol , .sevencol , .eightcol , .ninecol , .tencol , .elevencol , .twelvecol {
291+ position : relative;
292+ float : left;
293+ margin-left : 2.762430939% ; }
294+
295+ .first {
296+ margin-left : 0 ; }
297+
298+ .last {
299+ float : right; }
300+
220301/******************************************************************
221302Site Name:
222303Author:
@@ -306,7 +387,7 @@ LAYOUT & GRID STYLES
306387 max-width : 1140px ; }
307388
308389/*********************
309- HEADER SYTLES
390+ HEADER STYLES
310391*********************/
311392/*********************
312393NAVIGATION STYLES
@@ -334,7 +415,7 @@ NAVIGATION STYLES
334415 background-color : # dedede ; }
335416 .nav li ul .sub-menu ,
336417 .nav li ul .children {
337- width : 200 px ;
418+ margin-top : 0 ;
338419 border : 1px solid # ccc ;
339420 border-top : 0 ;
340421 position : absolute;
0 commit comments