grid-960-16.css 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
  1. /**
  2. * "Yet Another Multicolumn Layout" - YAML CSS Framework
  3. *
  4. * draft 960.gs port - 16 columns
  5. *
  6. * @copyright Copyright 2005-2012, Dirk Jesse
  7. * @license CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
  8. * YAML-CDL (http://www.yaml.de/license.html)
  9. * @link http://www.yaml.de
  10. * @package yaml
  11. * @version v4.0.1
  12. * @revision $Revision: 724 $
  13. * @lastmodified $Date: 2012-03-03 11:45:41 +0100 (Sa, 03 Mrz 2012) $
  14. */
  15. @media screen {
  16. /* Layout Module Configuration */
  17. .ym-wrapper {
  18. width: 960px;
  19. margin: 0 auto;
  20. }
  21. /* 960.gs port for YAML 4 */
  22. .ym-g960-1 { width: 60px; }
  23. .ym-g960-2 { width: 120px; }
  24. .ym-g960-3 { width: 180px; }
  25. .ym-g960-4 { width: 240px; }
  26. .ym-g960-5 { width: 300px; }
  27. .ym-g960-6 { width: 360px; }
  28. .ym-g960-7 { width: 420px; }
  29. .ym-g960-8 { width: 480px; }
  30. .ym-g960-9 { width: 540px; }
  31. .ym-g960-10 { width: 600px; }
  32. .ym-g960-11 { width: 660px; }
  33. .ym-g960-12 { width: 720px; }
  34. .ym-g960-13 { width: 780px; }
  35. .ym-g960-14 { width: 840px; }
  36. .ym-g960-15 { width: 900px; }
  37. .ym-g960-16 { width: 960px; }
  38. .ym-push-1,
  39. .ym-push-2,
  40. .ym-push-3,
  41. .ym-push-4,
  42. .ym-push-5,
  43. .ym-push-6,
  44. .ym-push-7,
  45. .ym-push-8,
  46. .ym-push-9,
  47. .ym-push-10,
  48. .ym-push-11,
  49. .ym-push-12,
  50. .ym-push-13,
  51. .ym-push-14,
  52. .ym-push-15,
  53. .ym-pull-1,
  54. .ym-pull-2,
  55. .ym-pull-3,
  56. .ym-pull-4,
  57. .ym-pull-5,
  58. .ym-pull-6,
  59. .ym-pull-7,
  60. .ym-pull-8,
  61. .ym-pull-9,
  62. .ym-pull-10,
  63. .ym-pull-11,
  64. .ym-pull-12,
  65. .ym-pull-13,
  66. .ym-pull-14,
  67. .ym-pull-15 {
  68. position: relative;
  69. }
  70. .ym-push-1 { left: 60px; }
  71. .ym-push-2 { left: 120px; }
  72. .ym-push-3 { left: 180px; }
  73. .ym-push-4 { left: 240px; }
  74. .ym-push-5 { left: 300px; }
  75. .ym-push-6 { left: 360px; }
  76. .ym-push-7 { left: 420px; }
  77. .ym-push-8 { left: 480px; }
  78. .ym-push-9 { left: 540px; }
  79. .ym-push-10 { left: 600px; }
  80. .ym-push-11 { left: 660px; }
  81. .ym-push-12 { left: 720px; }
  82. .ym-push-13 { left: 780px; }
  83. .ym-push-14 { left: 840px; }
  84. .ym-push-15 { left: 900px; }
  85. .ym-pull-1 { left: -60px; }
  86. .ym-pull-2 { left: -120px; }
  87. .ym-pull-3 { left: -180px; }
  88. .ym-pull-4 { left: -240px; }
  89. .ym-pull-5 { left: -300px; }
  90. .ym-pull-6 { left: -360px; }
  91. .ym-pull-7 { left: -420px; }
  92. .ym-pull-8 { left: -480px; }
  93. .ym-pull-9 { left: -540px; }
  94. .ym-pull-10 { left: -600px; }
  95. .ym-pull-11 { left: -660px; }
  96. .ym-pull-12 { left: -720px; }
  97. .ym-pull-13 { left: -780px; }
  98. .ym-pull-14 { left: -840px; }
  99. .ym-pull-15 { left: -900px; }
  100. .ym-gbox {
  101. padding-left: 0;
  102. padding-right: 0;
  103. margin-left: 10px;
  104. margin-right: 10px;
  105. }
  106. }