Página inicial Explorar Ajuda
Entrar
caleb
/
pelican-elegant
Observar 1
Favorito 0
Fork 0
Arquivos Issues 0 Pull Requests 0 Wiki
Tree: a000c6c182
Branches Tags
pelican-eleg...
/
resources
/
columnal-0.85
/
code
/
css
/
fixed-960px-ie.css

fixed-960px-ie.css 6.1 KB
Histórico Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118 
  1. /*
    2. 

  2. _______________________________
    3. 

  3. Columnal - Fixed pixel widths for Internet Explorer 6 and 7 = width 960px (content area is really 940px) total */
    4. 

  4. 

  5. .row { 
    6. 

  6. 	margin-left: auto;
    7. 

  7. 	margin-right: auto;
    8. 

  8. 	width: 940px !important; 
    9. 

  9. 	}
    10. 

  10. 

  11. .last, .omega {
    12. 

  12.     margin-right: 0 !important;
    13. 

  13. 	padding-right: 0 !important;
    14. 

  14. }
    15. 

  15. 

  16. .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; }
    17. 

  17. 

  18. .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; }
    19. 

  19. 

  20. .col_1 { width: 60px; }
    21. 

  21. .col_2 { width: 140px; }
    22. 

  22. .col_3 { width: 220px; }
    23. 

  23. .col_4 { width: 300px; }
    24. 

  24. .col_5 { width: 380px; }
    25. 

  25. .col_6 { width: 460px; }
    26. 

  26. .col_7 { width: 540px; }
    27. 

  27. .col_8 { width: 620px; }
    28. 

  28. .col_9 { width: 700px; }
    29. 

  29. .col_10 { width: 780px; }
    30. 

  30. .col_11 { width: 860px; }
    31. 

  31. .col_12 { clear: both; width: 940px; }
    32. 

  32. 

  33. 

  34. /*
    35. 

  35. _______________________________
    36. 

  36. Columnal - addition */
    37. 

  37. 

  38. /* spacing for before column */
    39. 

  39. .pre_1 { padding-left: 80px; }
    40. 

  40. .pre_2 { padding-left: 160px; }
    41. 

  41. .pre_3 { padding-left: 240px; }
    42. 

  42. .pre_4 { padding-left: 320px; }
    43. 

  43. .pre_5 { padding-left: 400px; }
    44. 

  44. .pre_6 { padding-left: 480px; }
    45. 

  45. .pre_7 { padding-left: 560px; }
    46. 

  46. .pre_8 { padding-left: 640px; }
    47. 

  47. .pre_9 { padding-left: 720px; }
    48. 

  48. .pre_10 { padding-left: 800px; }
    49. 

  49. .pre_11 { padding-left: 880px; }
    50. 

  50. 

  51. /* spacing for after column */
    52. 

  52. .suf_1 { padding-right: 80px; }
    53. 

  53. .suf_2 { padding-right: 160px; }
    54. 

  54. .suf_3 { padding-right: 240px; }
    55. 

  55. .suf_4 { padding-right: 320px; }
    56. 

  56. .suf_5 { padding-right: 400px; }
    57. 

  57. .suf_6 { padding-right: 480px; }
    58. 

  58. .suf_7 { padding-right: 560px; }
    59. 

  59. .suf_8 { padding-right: 640px; }
    60. 

  60. .suf_9 { padding-right: 720px; }
    61. 

  61. .suf_10 { padding-right: 800px; }
    62. 

  62. .suf_11 { padding-right: 880px; }
    63. 

  63. 

  64. /*
    65. 

  65. _______________________________
    66. 

  66. Columnal - sub-columns */
    67. 

  67. 

  68. /* NOTE: This fixes IE 6 and 7 using the percentage spacing used in prior css files. This is mostly an issue with IE6. */
    69. 

  69. 

  70. .col_2 .col_1,
    71. 

  71. .col_3 .col_2, .col_3 .col_1,
    72. 

  72. .col_4 .col_3, .col_4 .col_2, .col_4 .col_1,
    73. 

  73. .col_5 .col_4, .col_5 .col_3, .col_5 .col_2, .col_5 .col_1,
    74. 

  74. .col_6 .col_5, .col_6 .col_4, .col_6 .col_3, .col_6 .col_2, .col_6 .col_1,
    75. 

  75. .col_7 .col_6, .col_7 .col_5, .col_7 .col_4, .col_7 .col_3, .col_7 .col_2, .col_7 .col_1,
    76. 

  76. .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,
    77. 

  77. .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,
    78. 

  78. .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,
    79. 

  79. .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; }
    80. 

  80. 

  81. .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; }
    82. 

  82. .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; }
    83. 

  83. .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; }
    84. 

  84. .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; }
    85. 

  85. .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; }
    86. 

  86. .col_7 .col_6, .col_8 .col_6, .col_9 .col_6, .col_10 .col_6, .col_11 .col_6 { width: 460px; }
    87. 

  87. .col_8 .col_7, .col_9 .col_7, .col_10 .col_7, .col_11 .col_7 { width: 540px; }
    88. 

  88. .col_9 .col_8, .col_10 .col_8, .col_11 .col_8 { width: 620px; }
    89. 

  89. .col_10 .col_9, .col_11 .col_9 { width: 700px; }
    90. 

  90. .col_11 .col_10 { width: 780px; }
    91. 

  91. 

  92. .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; }
    93. 

  93. .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; }
    94. 

  94. .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; }
    95. 

  95. .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; }
    96. 

  96. .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; }
    97. 

  97. .col_7 .pre_6, .col_8 .pre_6, .col_9 .pre_6, .col_10 .pre_6, .col_11 .pre_6 { padding-left: 480px; }
    98. 

  98. .col_8 .pre_7, .col_9 .pre_7, .col_10 .pre_7, .col_11 .pre_7 { padding-left: 560px; }
    99. 

  99. .col_9 .pre_8, .col_10 .pre_8, .col_11 .pre_8 { padding-left: 640px; }
    100. 

  100. .col_10 .pre_9, .col_11 .pre_9 { padding-left: 720px; }
    101. 

  101. .col_11 .pre_10 { padding-left: 800px; }
    102. 

  102. 

  103. .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; }
    104. 

  104. .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; }
    105. 

  105. .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; }
    106. 

  106. .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; }
    107. 

  107. .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; }
    108. 

  108. .col_7 .suf_6, .col_8 .suf_6, .col_9 .suf_6, .col_10 .suf_6, .col_11 .suf_6 { padding-right: 480px; }
    109. 

  109. .col_8 .suf_7, .col_9 .suf_7, .col_10 .suf_7, .col_11 .suf_7 { padding-right: 560px; }
    110. 

  110. .col_9 .suf_8, .col_10 .suf_8, .col_11 .suf_8 { padding-right: 640px; }
    111. 

  111. .col_10 .suf_9, .col_11 .suf_9 { padding-right: 720px; }
    112. 

  112. .col_11 .suf_10 { padding-right: 800px; }
    113. 

  113. 

  114. /*
    115. 

  115. --------------------------------------------------*/
    116. 

  116. /* special debugging - fixes for debugging since outline is not supported in IE 6/7 */
    117. 

  117. .container.test {background: #eee !important;}
    118. 

  118. .container.test .row {background: white !important;}
    119.