Advertisement
Guest User

Responsive Theme Grids

a guest
May 30th, 2012
224
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.11 KB | None | 0 0
  1. /* =Responsive 12 Column Grid
  2.     Grid was based on my Shell Theme released on 07/26/2011
  3. -------------------------------------------------------------- */
  4. .grid {
  5.     float:left;
  6.     margin-bottom:2.127659574468%;
  7.     padding-top:0;
  8. }
  9.  
  10. .grid-right {
  11.     float:right;
  12.     margin-bottom:2.127659574468%;
  13.     padding-top:0;
  14. }
  15.  
  16. .col-60, .col-140, .col-220, .col-300, .col-380, .col-460, .col-540, .col-620, .col-700, .col-780, .col-860 {
  17.     display:inline;
  18.     margin-right:2.127659574468%;
  19. }
  20.  
  21. .col-60 {
  22.     width:6.382978723404%;
  23. }
  24.  
  25. .col-140 {
  26.     width:14.893617021277%;
  27. }
  28.  
  29. .col-220 {
  30.     width:23.404255319149%;
  31. }
  32.  
  33. .col-300 {
  34.     width:31.914893617021%;
  35. }
  36.  
  37. .col-380 {
  38.     width:40.425531914894%;
  39. }
  40.  
  41. .col-460 {
  42.     width:48.936170212766%;
  43. }
  44.  
  45. .col-540 {
  46.     width:57.446808510638%;
  47. }
  48.  
  49. .col-620 {
  50.     width:65.957446808511%;
  51. }
  52.  
  53. .col-700 {
  54.     width:74.468085106383%;
  55. }
  56.  
  57. .col-780 {
  58.     width:82.978723404255%;
  59. }
  60.  
  61. .col-860 {
  62.     width:91.489361702128%;
  63. }
  64.  
  65. .col-940 {
  66.     width:100%;
  67. }
  68.  
  69. /* .fit is the very last item in your grid
  70.    to keep your columns inline
  71. */
  72. .fit {
  73.     margin-left:0!important;
  74.     margin-right:0!important;
  75. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement