fixed-960px-ie.css 6.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118
  1. /*
  2. _______________________________
  3. Columnal - Fixed pixel widths for Internet Explorer 6 and 7 = width 960px (content area is really 940px) total */
  4. .row {
  5. margin-left: auto;
  6. margin-right: auto;
  7. width: 940px !important;
  8. }
  9. .last, .omega {
  10. margin-right: 0 !important;
  11. padding-right: 0 !important;
  12. }
  13. .col_1, .col_2, .col_3, .col_4, .col_5, .col_6, .col_7, .col_8, .col_9, .col_10, .col_11, .col_12 { display:inline; position: relative; }
  14. .col_1, .col_2, .col_3, .col_4, .col_5, .col_6, .col_7, .col_8, .col_9, .col_10, .col_11 { margin-right: 20px; }
  15. .col_1 { width: 60px; }
  16. .col_2 { width: 140px; }
  17. .col_3 { width: 220px; }
  18. .col_4 { width: 300px; }
  19. .col_5 { width: 380px; }
  20. .col_6 { width: 460px; }
  21. .col_7 { width: 540px; }
  22. .col_8 { width: 620px; }
  23. .col_9 { width: 700px; }
  24. .col_10 { width: 780px; }
  25. .col_11 { width: 860px; }
  26. .col_12 { clear: both; width: 940px; }
  27. /*
  28. _______________________________
  29. Columnal - addition */
  30. /* spacing for before column */
  31. .pre_1 { padding-left: 80px; }
  32. .pre_2 { padding-left: 160px; }
  33. .pre_3 { padding-left: 240px; }
  34. .pre_4 { padding-left: 320px; }
  35. .pre_5 { padding-left: 400px; }
  36. .pre_6 { padding-left: 480px; }
  37. .pre_7 { padding-left: 560px; }
  38. .pre_8 { padding-left: 640px; }
  39. .pre_9 { padding-left: 720px; }
  40. .pre_10 { padding-left: 800px; }
  41. .pre_11 { padding-left: 880px; }
  42. /* spacing for after column */
  43. .suf_1 { padding-right: 80px; }
  44. .suf_2 { padding-right: 160px; }
  45. .suf_3 { padding-right: 240px; }
  46. .suf_4 { padding-right: 320px; }
  47. .suf_5 { padding-right: 400px; }
  48. .suf_6 { padding-right: 480px; }
  49. .suf_7 { padding-right: 560px; }
  50. .suf_8 { padding-right: 640px; }
  51. .suf_9 { padding-right: 720px; }
  52. .suf_10 { padding-right: 800px; }
  53. .suf_11 { padding-right: 880px; }
  54. /*
  55. _______________________________
  56. Columnal - sub-columns */
  57. /* NOTE: This fixes IE 6 and 7 using the percentage spacing used in prior css files. This is mostly an issue with IE6. */
  58. .col_2 .col_1,
  59. .col_3 .col_2, .col_3 .col_1,
  60. .col_4 .col_3, .col_4 .col_2, .col_4 .col_1,
  61. .col_5 .col_4, .col_5 .col_3, .col_5 .col_2, .col_5 .col_1,
  62. .col_6 .col_5, .col_6 .col_4, .col_6 .col_3, .col_6 .col_2, .col_6 .col_1,
  63. .col_7 .col_6, .col_7 .col_5, .col_7 .col_4, .col_7 .col_3, .col_7 .col_2, .col_7 .col_1,
  64. .col_8 .col_7, .col_8 .col_6, .col_8 .col_5, .col_8 .col_4, .col_8 .col_3, .col_8 .col_2, .col_8 .col_1,
  65. .col_9 .col_1, .col_9 .col_2, .col_9 .col_3, .col_9 .col_4, .col_9 .col_5, .col_9 .col_6, .col_9 .col_6, .col_9 .col_7, .col_9 .col_8,
  66. .col_10 .col_9, .col_10 .col_8, .col_10 .col_7, .col_10 .col_6, .col_10 .col_5, .col_10 .col_4, .col_10 .col_3, .col_10 .col_2, .col_10 .col_1,
  67. .col_11 .col_10, .col_11 .col_9, .col_11 .col_8, .col_11 .col_7, .col_11 .col_6, .col_11 .col_5, .col_11 .col_4, .col_11 .col_3, .col_11 .col_2, .col_11 .col_1 { margin-right: 20px; }
  68. .col_2 .col_1, .col_3 .col_1, .col_4 .col_1, .col_5 .col_1, .col_6 .col_1, .col_7 .col_1, .col_8 .col_1, .col_9 .col_1, .col_10 .col_1, .col_11 .col_1 { width: 60px; }
  69. .col_3 .col_2, .col_4 .col_2, .col_5 .col_2, .col_6 .col_2, .col_7 .col_2, .col_8 .col_2, .col_9 .col_2, .col_10 .col_2, .col_11 .col_2 { width: 140px; }
  70. .col_4 .col_3, .col_5 .col_3, .col_6 .col_3, .col_7 .col_3, .col_8 .col_3, .col_9 .col_3, .col_10 .col_3, .col_11 .col_3 { width: 220px; }
  71. .col_5 .col_4, .col_6 .col_4, .col_7 .col_4, .col_8 .col_4, .col_9 .col_4, .col_10 .col_4, .col_11 .col_4 { width: 300px; }
  72. .col_6 .col_5, .col_7 .col_5, .col_8 .col_5, .col_9 .col_5, .col_10 .col_5, .col_11 .col_5 { width: 380px; }
  73. .col_7 .col_6, .col_8 .col_6, .col_9 .col_6, .col_10 .col_6, .col_11 .col_6 { width: 460px; }
  74. .col_8 .col_7, .col_9 .col_7, .col_10 .col_7, .col_11 .col_7 { width: 540px; }
  75. .col_9 .col_8, .col_10 .col_8, .col_11 .col_8 { width: 620px; }
  76. .col_10 .col_9, .col_11 .col_9 { width: 700px; }
  77. .col_11 .col_10 { width: 780px; }
  78. .col_2 .pre_1, .col_3 .pre_1, .col_4 .pre_1, .col_5 .pre_1, .col_6 .pre_1, .col_7 .pre_1, .col_8 .pre_1, .col_9 .pre_1, .col_10 .pre_1, .col_11 .pre_1 { padding-left:80px; }
  79. .col_3 .pre_2, .col_4 .pre_2, .col_5 .pre_2, .col_6 .pre_2, .col_7 .pre_2, .col_8 .pre_2, .col_9 .pre_2, .col_10 .pre_2, .col_11 .pre_2 { padding-left: 160px; }
  80. .col_4 .pre_3, .col_5 .pre_3, .col_6 .pre_3, .col_7 .pre_3, .col_8 .pre_3, .col_9 .pre_3, .col_10 .pre_3, .col_11 .pre_3 { padding-left: 240px; }
  81. .col_5 .pre_4, .col_6 .pre_4, .col_7 .pre_4, .col_8 .pre_4, .col_9 .pre_4, .col_10 .pre_4, .col_11 .pre_4 { padding-left: 320px; }
  82. .col_6 .pre_5, .col_7 .pre_5, .col_8 .pre_5, .col_9 .pre_5, .col_10 .pre_5, .col_11 .pre_5 { padding-left: 400px; }
  83. .col_7 .pre_6, .col_8 .pre_6, .col_9 .pre_6, .col_10 .pre_6, .col_11 .pre_6 { padding-left: 480px; }
  84. .col_8 .pre_7, .col_9 .pre_7, .col_10 .pre_7, .col_11 .pre_7 { padding-left: 560px; }
  85. .col_9 .pre_8, .col_10 .pre_8, .col_11 .pre_8 { padding-left: 640px; }
  86. .col_10 .pre_9, .col_11 .pre_9 { padding-left: 720px; }
  87. .col_11 .pre_10 { padding-left: 800px; }
  88. .col_2 .suf_1, .col_3 .suf_1, .col_4 .suf_1, .col_5 .suf_1, .col_6 .suf_1, .col_7 .suf_1, .col_8 .suf_1, .col_9 .suf_1, .col_10 .suf_1, .col_11 .suf_1 { padding-right:84px; }
  89. .col_3 .suf_2, .col_4 .suf_2, .col_5 .suf_2, .col_6 .suf_2, .col_7 .suf_2, .col_8 .suf_2, .col_9 .suf_2, .col_10 .suf_2, .col_11 .suf_2 { padding-right: 160px; }
  90. .col_4 .suf_3, .col_5 .suf_3, .col_6 .suf_3, .col_7 .suf_3, .col_8 .suf_3, .col_9 .suf_3, .col_10 .suf_3, .col_11 .suf_3 { padding-right: 240px; }
  91. .col_5 .suf_4, .col_6 .suf_4, .col_7 .suf_4, .col_8 .suf_4, .col_9 .suf_4, .col_10 .suf_4, .col_11 .suf_4 { padding-right: 320px; }
  92. .col_6 .suf_5, .col_7 .suf_5, .col_8 .suf_5, .col_9 .suf_5, .col_10 .suf_5, .col_11 .suf_5 { padding-right: 400px; }
  93. .col_7 .suf_6, .col_8 .suf_6, .col_9 .suf_6, .col_10 .suf_6, .col_11 .suf_6 { padding-right: 480px; }
  94. .col_8 .suf_7, .col_9 .suf_7, .col_10 .suf_7, .col_11 .suf_7 { padding-right: 560px; }
  95. .col_9 .suf_8, .col_10 .suf_8, .col_11 .suf_8 { padding-right: 640px; }
  96. .col_10 .suf_9, .col_11 .suf_9 { padding-right: 720px; }
  97. .col_11 .suf_10 { padding-right: 800px; }
  98. /*
  99. --------------------------------------------------*/
  100. /* special debugging - fixes for debugging since outline is not supported in IE 6/7 */
  101. .container.test {background: #eee !important;}
  102. .container.test .row {background: white !important;}