grid-960-12.css 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. /**
  2. * "Yet Another Multicolumn Layout" - YAML CSS Framework
  3. *
  4. * draft 960.gs port - 12 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: 80px; }
  23. .ym-g960-2 { width: 160px; }
  24. .ym-g960-3 { width: 240px; }
  25. .ym-g960-4 { width: 320px; }
  26. .ym-g960-5 { width: 400px; }
  27. .ym-g960-6 { width: 480px; }
  28. .ym-g960-7 { width: 560px; }
  29. .ym-g960-8 { width: 640px; }
  30. .ym-g960-9 { width: 720px; }
  31. .ym-g960-10 { width: 800px; }
  32. .ym-g960-11 { width: 880px; }
  33. .ym-g960-12 { width: 960px; }
  34. .ym-push-1,
  35. .ym-push-2,
  36. .ym-push-3,
  37. .ym-push-4,
  38. .ym-push-5,
  39. .ym-push-6,
  40. .ym-push-7,
  41. .ym-push-8,
  42. .ym-push-9,
  43. .ym-push-10,
  44. .ym-push-11,
  45. .ym-pull-1,
  46. .ym-pull-2,
  47. .ym-pull-3,
  48. .ym-pull-4,
  49. .ym-pull-5,
  50. .ym-pull-6,
  51. .ym-pull-7,
  52. .ym-pull-8,
  53. .ym-pull-9,
  54. .ym-pull-10,
  55. .ym-pull-11 {
  56. position: relative;
  57. }
  58. .ym-push-1 { left: 80px; }
  59. .ym-push-2 { left: 160px; }
  60. .ym-push-3 { left: 240px; }
  61. .ym-push-4 { left: 320px; }
  62. .ym-push-5 { left: 400px; }
  63. .ym-push-6 { left: 480px; }
  64. .ym-push-7 { left: 560px; }
  65. .ym-push-8 { left: 640px; }
  66. .ym-push-9 { left: 720px; }
  67. .ym-push-10 { left: 800px; }
  68. .ym-push-11 { left: 880px; }
  69. .ym-pull-1 { left: -80px; }
  70. .ym-pull-2 { left: -160px; }
  71. .ym-pull-3 { left: -240px; }
  72. .ym-pull-4 { left: -320px; }
  73. .ym-pull-5 { left: -400px; }
  74. .ym-pull-6 { left: -480px; }
  75. .ym-pull-7 { left: -560px; }
  76. .ym-pull-8 { left: -640px; }
  77. .ym-pull-9 { left: -720px; }
  78. .ym-pull-10 { left: -800px; }
  79. .ym-pull-11 { left: -880px; }
  80. .ym-gbox {
  81. padding-left: 0;
  82. padding-right: 0;
  83. margin-left: 10px;
  84. margin-right: 10px;
  85. }
  86. }