cmstyle 0.0.13 → 0.0.14

Sign up to get free protection for your applications and to get access to all the features.
Files changed (98) hide show
  1. data/lib/app/assets/images/cm_app.ico +0 -0
  2. data/lib/app/assets/images/cm_app.png +0 -0
  3. data/lib/app/assets/images/cm_app_30x30.png +0 -0
  4. data/lib/app/assets/stylesheets/application.css +9 -78
  5. data/lib/app/views/layouts/_footer.slim +12 -5
  6. data/lib/app/views/layouts/application.slim +27 -18
  7. data/lib/assets/images/glyphicons-halflings-white.png +0 -0
  8. data/lib/assets/images/glyphicons-halflings.png +0 -0
  9. data/lib/assets/javascripts/bootstrap.js +165 -31
  10. data/lib/assets/javascripts/prettify.js +0 -0
  11. data/lib/assets/stylesheets/bootstrap-responsive.css +5 -1
  12. data/lib/assets/stylesheets/bootstrap.css +335 -189
  13. data/lib/assets/stylesheets/prettify.css +0 -0
  14. data/lib/cmstyle.rb +4 -1
  15. data/lib/cmstyle/navigation_helpers.rb +165 -0
  16. data/lib/cmstyle/version.rb +1 -1
  17. metadata +6 -83
  18. data/lib/app/assets/images/novartis-micro.png +0 -0
  19. data/lib/app/assets/images/novartis-small.png +0 -0
  20. data/lib/app/views/cmstyle/_footer.slim +0 -5
  21. data/lib/app/views/cmstyle/_header.slim +0 -40
  22. data/lib/app/views/cmstyle/_modals.slim +0 -62
  23. data/lib/assets/images/8020select.png +0 -0
  24. data/lib/assets/images/adoptahydrant.png +0 -0
  25. data/lib/assets/images/apple-touch-icon-114-precomposed.png +0 -0
  26. data/lib/assets/images/apple-touch-icon-144-precomposed.png +0 -0
  27. data/lib/assets/images/apple-touch-icon-57-precomposed.png +0 -0
  28. data/lib/assets/images/apple-touch-icon-72-precomposed.png +0 -0
  29. data/lib/assets/images/bootstrap-example-carousel.png +0 -0
  30. data/lib/assets/images/bootstrap-example-fluid.jpg +0 -0
  31. data/lib/assets/images/bootstrap-example-hero.jpg +0 -0
  32. data/lib/assets/images/bootstrap-example-marketing-narrow.png +0 -0
  33. data/lib/assets/images/bootstrap-example-signin.png +0 -0
  34. data/lib/assets/images/bootstrap-example-starter.jpg +0 -0
  35. data/lib/assets/images/bootstrap-example-sticky-footer.png +0 -0
  36. data/lib/assets/images/bootstrap-mdo-sfmoma-01.jpg +0 -0
  37. data/lib/assets/images/bootstrap-mdo-sfmoma-02.jpg +0 -0
  38. data/lib/assets/images/bootstrap-mdo-sfmoma-03.jpg +0 -0
  39. data/lib/assets/images/breakingnews.png +0 -0
  40. data/lib/assets/images/browser-icon-chrome.png +0 -0
  41. data/lib/assets/images/browser-icon-firefox.png +0 -0
  42. data/lib/assets/images/browser-icon-safari.png +0 -0
  43. data/lib/assets/images/bs-docs-bootstrap-features.png +0 -0
  44. data/lib/assets/images/bs-docs-masthead-pattern.png +0 -0
  45. data/lib/assets/images/bs-docs-responsive-illustrations.png +0 -0
  46. data/lib/assets/images/bs-docs-twitter-github.png +0 -0
  47. data/lib/assets/images/fleetio.png +0 -0
  48. data/lib/assets/images/gathercontent.png +0 -0
  49. data/lib/assets/images/grid-baseline-20px.png +0 -0
  50. data/lib/assets/images/jshint.png +0 -0
  51. data/lib/assets/images/kippt.png +0 -0
  52. data/lib/assets/images/less-logo-large.png +0 -0
  53. data/lib/assets/images/logo.png +0 -0
  54. data/lib/assets/images/noise.png +0 -0
  55. data/lib/assets/images/responsive-illustrations.png +0 -0
  56. data/lib/assets/images/slide-01.jpg +0 -0
  57. data/lib/assets/images/slide-02.jpg +0 -0
  58. data/lib/assets/images/slide-03.jpg +0 -0
  59. data/lib/assets/images/small-hogan-icon.png +0 -0
  60. data/lib/assets/images/soundready.png +0 -0
  61. data/lib/assets/images/stripes.png +0 -0
  62. data/lib/assets/javascripts/application.js +0 -154
  63. data/lib/assets/javascripts/bootstrap-affix.js +0 -19
  64. data/lib/assets/javascripts/bootstrap-alert.js +0 -56
  65. data/lib/assets/javascripts/bootstrap-button.js +0 -96
  66. data/lib/assets/javascripts/bootstrap-carousel.js +0 -63
  67. data/lib/assets/javascripts/bootstrap-collapse.js +0 -88
  68. data/lib/assets/javascripts/bootstrap-dropdown.js +0 -145
  69. data/lib/assets/javascripts/bootstrap-modal.js +0 -114
  70. data/lib/assets/javascripts/bootstrap-phantom.js +0 -21
  71. data/lib/assets/javascripts/bootstrap-popover.js +0 -107
  72. data/lib/assets/javascripts/bootstrap-scrollspy.js +0 -31
  73. data/lib/assets/javascripts/bootstrap-tab.js +0 -80
  74. data/lib/assets/javascripts/bootstrap-tooltip.js +0 -153
  75. data/lib/assets/javascripts/bootstrap-transition.js +0 -13
  76. data/lib/assets/javascripts/bootstrap-typeahead.js +0 -199
  77. data/lib/assets/javascripts/compiler.js +0 -348
  78. data/lib/assets/javascripts/hogan-1.0.5.amd.js +0 -576
  79. data/lib/assets/javascripts/hogan-1.0.5.common.js +0 -576
  80. data/lib/assets/javascripts/hogan-1.0.5.js +0 -572
  81. data/lib/assets/javascripts/hogan-1.0.5.mustache.js +0 -619
  82. data/lib/assets/javascripts/hogan.js +0 -545
  83. data/lib/assets/javascripts/index.js +0 -848
  84. data/lib/assets/javascripts/jquery.js +0 -2
  85. data/lib/assets/javascripts/mustache.js +0 -90
  86. data/lib/assets/javascripts/phantom.js +0 -63
  87. data/lib/assets/javascripts/qunit.js +0 -1510
  88. data/lib/assets/javascripts/release.js +0 -74
  89. data/lib/assets/javascripts/server.js +0 -14
  90. data/lib/assets/javascripts/spec.js +0 -77
  91. data/lib/assets/javascripts/template-1.0.5.js +0 -233
  92. data/lib/assets/javascripts/template.js +0 -233
  93. data/lib/assets/javascripts/web_templates.js +0 -32
  94. data/lib/assets/stylesheets/css-tests.css +0 -139
  95. data/lib/assets/stylesheets/docs.css +0 -1015
  96. data/lib/assets/stylesheets/layout.css +0 -206
  97. data/lib/assets/stylesheets/qunit.css +0 -232
  98. data/lib/assets/stylesheets/skeleton.css +0 -236
@@ -1,206 +0,0 @@
1
-
2
-
3
- /* #Reset & Basics (Inspired by E. Meyers)
4
- ================================================== */
5
- html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
6
- margin: 0;
7
- padding: 0;
8
- border: 0;
9
- font-size: 100%;
10
- font: inherit;
11
- vertical-align: baseline; }
12
- article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
13
- display: block; }
14
- body {
15
- line-height: 1; }
16
- ol, ul {
17
- list-style: none; }
18
- blockquote, q {
19
- quotes: none; }
20
- blockquote:before, blockquote:after,
21
- q:before, q:after {
22
- content: '';
23
- content: none; }
24
- table {
25
- border-collapse: collapse;
26
- border-spacing: 0; }
27
-
28
-
29
- /* #Basic Styles
30
- ================================================== */
31
- body {
32
- background: #fff;
33
- font: 14px/24px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
34
- color: #000;
35
- -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
36
- -webkit-text-size-adjust: 100%;
37
- }
38
- a {
39
- color: #999113;
40
- text-decoration: none;
41
- }
42
- a:hover {
43
- color: #7b750e;
44
- text-decoration: underline;
45
- }
46
-
47
-
48
- /* #Typography
49
- ================================================== */
50
- h1, h2, h3, h4, h5, h6 {
51
- font-weight: bold; }
52
- h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
53
- h1 { font-size: 75px; line-height: 80px; margin-bottom: 14px;}
54
- h2 { font-size: 35px; line-height: 40px; margin-bottom: 10px; }
55
- h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; }
56
- h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; }
57
- h5 { font-size: 17px; line-height: 24px; }
58
- h6 { font-size: 14px; line-height: 21px; }
59
- p { margin-bottom: 22px; }
60
-
61
-
62
- /* #Main styles
63
- ================================================== */
64
-
65
- /* Hogan Hero */
66
- .hogan-hero {
67
- position: relative;
68
- background: #333; /* Old browsers */
69
- background: -moz-radial-gradient(center, ellipse cover, #333 0%, #000 100%); /* FF3.6+ */
70
- background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333), color-stop(100%,#000)); /* Chrome,Safari4+ */
71
- background: -webkit-radial-gradient(center, ellipse cover, #333 0%,#000 100%); /* Chrome10+,Safari5.1+ */
72
- background: -o-radial-gradient(center, ellipse cover, #333 0%,#000 100%); /* Opera 12+ */
73
- background: -ms-radial-gradient(center, ellipse cover, #333 0%,#000 100%); /* IE10+ */
74
- background: radial-gradient(center, ellipse cover, #333 0%,#000 100%); /* W3C */
75
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333', endColorstr='#000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
76
- }
77
- .hogan-hero .container {
78
- padding: 180px 0;
79
- }
80
- .hogan-hero h1 {
81
- letter-spacing: -3px;
82
- color: #fff;
83
- position: relative;
84
- margin-bottom: 5px;
85
- }
86
- .hogan-hero h3 {
87
- max-width: 650px;
88
- margin-bottom: 20px;
89
- color: #fff;
90
- }
91
- .hogan-hero .noise,
92
- .hogan-hero .stripes {
93
- position: absolute;
94
- top: 0;
95
- left: 0;
96
- right: 0;
97
- bottom: 0;
98
- }
99
- .hogan-hero .noise {
100
- background: url(../images/noise.png) repeat;
101
- }
102
- .hogan-hero .stripes {
103
- background: url(../images/stripes.png) repeat;
104
- }
105
-
106
- /* Primary content container */
107
- .primary.container {
108
- padding-top: 100px;
109
- }
110
-
111
- /*Hogan divider */
112
- .hogan-divider {
113
- padding-top: 60px;
114
- border-bottom: 1px solid #ddd;
115
- margin-bottom: 60px;
116
- clear: both;
117
- position: relative;
118
- }
119
- .hogan-icon {
120
- width: 40px;
121
- height: 30px;
122
- position: absolute;
123
- left: 50%;
124
- top: 46px;
125
- margin-left: -20px;
126
- background: url('../images/small-hogan-icon.png') white no-repeat center center;
127
- }
128
-
129
- /* Button style */
130
- .button {
131
- display: inline-block;
132
- cursor: pointer;
133
- background: #dfd52e;
134
- border-radius: 3px;
135
- margin-bottom: 20px;
136
- color: #000;
137
- text-transform: uppercase;
138
- text-decoration: none;
139
- font-size: 15px;
140
- padding: 0 34px;
141
- line-height: 46px;
142
- font-weight: bold;
143
- -webkit-transition: background-color .3s ease-in-out;
144
- -moz-transition: background-color .3s ease-in-out;
145
- transition: background-color .3s ease-in-out;
146
-
147
- }
148
- .button:hover {
149
- text-decoration: inherit;
150
- color: inherit;
151
- background-color: #f5e810;
152
- }
153
-
154
- /* Hogan footer */
155
- .hogan-footer {
156
- border-top: 1px solid #ddd;
157
- margin-top: 60px;
158
- padding: 20px 0 40px;
159
- color: #999;
160
- font-size: 12px;
161
- }
162
- .hogan-footer .copyright {
163
- float: left;
164
- }
165
- .hogan-footer .colophon {
166
- float: right;
167
- }
168
-
169
- pre, code {
170
- background: #F8F8FF;
171
- border: 1px solid #DDD;
172
- padding: 5px 10px;
173
- margin-bottom: 20px;
174
- font-family: courier;
175
- overflow: hidden;
176
- }
177
-
178
- pre code {
179
- border: 0;
180
- padding: 0;
181
- margin-bottom: 0;
182
- }
183
-
184
-
185
- /* #Media Queries
186
- ================================================== */
187
-
188
- /* Smaller than standard 960 (devices and browsers) */
189
- @media only screen and (max-width: 959px) {}
190
-
191
- /* Tablet Portrait size to standard 960 (devices and browsers) */
192
- @media only screen and (min-width: 768px) and (max-width: 959px) {}
193
-
194
- /* All Mobile Sizes (devices and browser) */
195
- @media only screen and (max-width: 767px) {
196
- .hogan-hero .container {
197
- padding: 100px 0;
198
- }
199
- }
200
-
201
- /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
202
- @media only screen and (min-width: 480px) and (max-width: 767px) {}
203
-
204
- /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
205
- @media only screen and (max-width: 479px) {}
206
-
@@ -1,232 +0,0 @@
1
- /**
2
- * QUnit - A JavaScript Unit Testing Framework
3
- *
4
- * http://docs.jquery.com/QUnit
5
- *
6
- * Copyright (c) 2012 John Resig, Jörn Zaefferer
7
- * Dual licensed under the MIT (MIT-LICENSE.txt)
8
- * or GPL (GPL-LICENSE.txt) licenses.
9
- */
10
-
11
- /** Font Family and Sizes */
12
-
13
- #qunit-tests, #qunit-header, #qunit-banner, #qunit-testrunner-toolbar, #qunit-userAgent, #qunit-testresult {
14
- font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial, sans-serif;
15
- }
16
-
17
- #qunit-testrunner-toolbar, #qunit-userAgent, #qunit-testresult, #qunit-tests li { font-size: small; }
18
- #qunit-tests { font-size: smaller; }
19
-
20
-
21
- /** Resets */
22
-
23
- #qunit-tests, #qunit-tests ol, #qunit-header, #qunit-banner, #qunit-userAgent, #qunit-testresult {
24
- margin: 0;
25
- padding: 0;
26
- }
27
-
28
-
29
- /** Header */
30
-
31
- #qunit-header {
32
- padding: 0.5em 0 0.5em 1em;
33
-
34
- color: #8699a4;
35
- background-color: #0d3349;
36
-
37
- font-size: 1.5em;
38
- line-height: 1em;
39
- font-weight: normal;
40
-
41
- border-radius: 15px 15px 0 0;
42
- -moz-border-radius: 15px 15px 0 0;
43
- -webkit-border-top-right-radius: 15px;
44
- -webkit-border-top-left-radius: 15px;
45
- }
46
-
47
- #qunit-header a {
48
- text-decoration: none;
49
- color: #c2ccd1;
50
- }
51
-
52
- #qunit-header a:hover,
53
- #qunit-header a:focus {
54
- color: #fff;
55
- }
56
-
57
- #qunit-banner {
58
- height: 5px;
59
- }
60
-
61
- #qunit-testrunner-toolbar {
62
- padding: 0.5em 0 0.5em 2em;
63
- color: #5E740B;
64
- background-color: #eee;
65
- }
66
-
67
- #qunit-userAgent {
68
- padding: 0.5em 0 0.5em 2.5em;
69
- background-color: #2b81af;
70
- color: #fff;
71
- text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 1px;
72
- }
73
-
74
-
75
- /** Tests: Pass/Fail */
76
-
77
- #qunit-tests {
78
- list-style-position: inside;
79
- }
80
-
81
- #qunit-tests li {
82
- padding: 0.4em 0.5em 0.4em 2.5em;
83
- border-bottom: 1px solid #fff;
84
- list-style-position: inside;
85
- }
86
-
87
- #qunit-tests.hidepass li.pass, #qunit-tests.hidepass li.running {
88
- display: none;
89
- }
90
-
91
- #qunit-tests li strong {
92
- cursor: pointer;
93
- }
94
-
95
- #qunit-tests li a {
96
- padding: 0.5em;
97
- color: #c2ccd1;
98
- text-decoration: none;
99
- }
100
- #qunit-tests li a:hover,
101
- #qunit-tests li a:focus {
102
- color: #000;
103
- }
104
-
105
- #qunit-tests ol {
106
- margin-top: 0.5em;
107
- padding: 0.5em;
108
-
109
- background-color: #fff;
110
-
111
- border-radius: 15px;
112
- -moz-border-radius: 15px;
113
- -webkit-border-radius: 15px;
114
-
115
- box-shadow: inset 0px 2px 13px #999;
116
- -moz-box-shadow: inset 0px 2px 13px #999;
117
- -webkit-box-shadow: inset 0px 2px 13px #999;
118
- }
119
-
120
- #qunit-tests table {
121
- border-collapse: collapse;
122
- margin-top: .2em;
123
- }
124
-
125
- #qunit-tests th {
126
- text-align: right;
127
- vertical-align: top;
128
- padding: 0 .5em 0 0;
129
- }
130
-
131
- #qunit-tests td {
132
- vertical-align: top;
133
- }
134
-
135
- #qunit-tests pre {
136
- margin: 0;
137
- white-space: pre-wrap;
138
- word-wrap: break-word;
139
- }
140
-
141
- #qunit-tests del {
142
- background-color: #e0f2be;
143
- color: #374e0c;
144
- text-decoration: none;
145
- }
146
-
147
- #qunit-tests ins {
148
- background-color: #ffcaca;
149
- color: #500;
150
- text-decoration: none;
151
- }
152
-
153
- /*** Test Counts */
154
-
155
- #qunit-tests b.counts { color: black; }
156
- #qunit-tests b.passed { color: #5E740B; }
157
- #qunit-tests b.failed { color: #710909; }
158
-
159
- #qunit-tests li li {
160
- margin: 0.5em;
161
- padding: 0.4em 0.5em 0.4em 0.5em;
162
- background-color: #fff;
163
- border-bottom: none;
164
- list-style-position: inside;
165
- }
166
-
167
- /*** Passing Styles */
168
-
169
- #qunit-tests li li.pass {
170
- color: #5E740B;
171
- background-color: #fff;
172
- border-left: 26px solid #C6E746;
173
- }
174
-
175
- #qunit-tests .pass { color: #528CE0; background-color: #D2E0E6; }
176
- #qunit-tests .pass .test-name { color: #366097; }
177
-
178
- #qunit-tests .pass .test-actual,
179
- #qunit-tests .pass .test-expected { color: #999999; }
180
-
181
- #qunit-banner.qunit-pass { background-color: #C6E746; }
182
-
183
- /*** Failing Styles */
184
-
185
- #qunit-tests li li.fail {
186
- color: #710909;
187
- background-color: #fff;
188
- border-left: 26px solid #EE5757;
189
- white-space: pre;
190
- }
191
-
192
- #qunit-tests > li:last-child {
193
- border-radius: 0 0 15px 15px;
194
- -moz-border-radius: 0 0 15px 15px;
195
- -webkit-border-bottom-right-radius: 15px;
196
- -webkit-border-bottom-left-radius: 15px;
197
- }
198
-
199
- #qunit-tests .fail { color: #000000; background-color: #EE5757; }
200
- #qunit-tests .fail .test-name,
201
- #qunit-tests .fail .module-name { color: #000000; }
202
-
203
- #qunit-tests .fail .test-actual { color: #EE5757; }
204
- #qunit-tests .fail .test-expected { color: green; }
205
-
206
- #qunit-banner.qunit-fail { background-color: #EE5757; }
207
-
208
-
209
- /** Result */
210
-
211
- #qunit-testresult {
212
- padding: 0.5em 0.5em 0.5em 2.5em;
213
-
214
- color: #2b81af;
215
- background-color: #D2E0E6;
216
-
217
- border-bottom: 1px solid white;
218
- }
219
-
220
- /** Fixture */
221
-
222
- #qunit-fixture {
223
- position: absolute;
224
- top: -10000px;
225
- left: -10000px;
226
- }
227
-
228
- /** Runoff */
229
-
230
- #qunit-fixture {
231
- display:none;
232
- }
@@ -1,236 +0,0 @@
1
- /*
2
- * Skeleton V1.1
3
- * Copyright 2011, Dave Gamache
4
- * www.getskeleton.com
5
- * Free to use under the MIT license.
6
- * http://www.opensource.org/licenses/mit-license.php
7
- * 8/17/2011
8
- */
9
-
10
-
11
- /* Table of Contents
12
- ==================================================
13
- #Base 960 Grid
14
- #Tablet (Portrait)
15
- #Mobile (Portrait)
16
- #Mobile (Landscape)
17
- #Clearing */
18
-
19
-
20
-
21
- /* #Base 960 Grid
22
- ================================================== */
23
-
24
- .container { position: relative; width: 960px; margin: 0 auto; padding: 0; }
25
- .column, .columns { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
26
- .row { margin-bottom: 20px; }
27
-
28
- /* Nested Column Classes */
29
- .column.alpha, .columns.alpha { margin-left: 0; }
30
- .column.omega, .columns.omega { margin-right: 0; }
31
-
32
- /* Base Grid */
33
- .container .one.column { width: 40px; }
34
- .container .two.columns { width: 100px; }
35
- .container .three.columns { width: 160px; }
36
- .container .four.columns { width: 220px; }
37
- .container .five.columns { width: 280px; }
38
- .container .six.columns { width: 340px; }
39
- .container .seven.columns { width: 400px; }
40
- .container .eight.columns { width: 460px; }
41
- .container .nine.columns { width: 520px; }
42
- .container .ten.columns { width: 580px; }
43
- .container .eleven.columns { width: 640px; }
44
- .container .twelve.columns { width: 700px; }
45
- .container .thirteen.columns { width: 760px; }
46
- .container .fourteen.columns { width: 820px; }
47
- .container .fifteen.columns { width: 880px; }
48
- .container .sixteen.columns { width: 940px; }
49
-
50
- .container .one-third.column { width: 300px; }
51
- .container .two-thirds.column { width: 620px; }
52
-
53
- /* Offsets */
54
- .container .offset-by-one { padding-left: 60px; }
55
- .container .offset-by-two { padding-left: 120px; }
56
- .container .offset-by-three { padding-left: 180px; }
57
- .container .offset-by-four { padding-left: 240px; }
58
- .container .offset-by-five { padding-left: 300px; }
59
- .container .offset-by-six { padding-left: 360px; }
60
- .container .offset-by-seven { padding-left: 420px; }
61
- .container .offset-by-eight { padding-left: 480px; }
62
- .container .offset-by-nine { padding-left: 540px; }
63
- .container .offset-by-ten { padding-left: 600px; }
64
- .container .offset-by-eleven { padding-left: 660px; }
65
- .container .offset-by-twelve { padding-left: 720px; }
66
- .container .offset-by-thirteen { padding-left: 780px; }
67
- .container .offset-by-fourteen { padding-left: 840px; }
68
- .container .offset-by-fifteen { padding-left: 900px; }
69
-
70
-
71
-
72
- /* #Tablet (Portrait)
73
- ================================================== */
74
-
75
- /* Note: Design for a width of 768px */
76
-
77
- @media only screen and (min-width: 768px) and (max-width: 959px) {
78
- .container { width: 768px; }
79
- .container .column,
80
- .container .columns { margin-left: 10px; margin-right: 10px; }
81
- .column.alpha, .columns.alpha { margin-left: 0; margin-right: 10px; }
82
- .column.omega, .columns.omega { margin-right: 0; margin-left: 10px; }
83
-
84
- .container .one.column { width: 28px; }
85
- .container .two.columns { width: 76px; }
86
- .container .three.columns { width: 124px; }
87
- .container .four.columns { width: 172px; }
88
- .container .five.columns { width: 220px; }
89
- .container .six.columns { width: 268px; }
90
- .container .seven.columns { width: 316px; }
91
- .container .eight.columns { width: 364px; }
92
- .container .nine.columns { width: 412px; }
93
- .container .ten.columns { width: 460px; }
94
- .container .eleven.columns { width: 508px; }
95
- .container .twelve.columns { width: 556px; }
96
- .container .thirteen.columns { width: 604px; }
97
- .container .fourteen.columns { width: 652px; }
98
- .container .fifteen.columns { width: 700px; }
99
- .container .sixteen.columns { width: 748px; }
100
-
101
- .container .one-third.column { width: 236px; }
102
- .container .two-thirds.column { width: 492px; }
103
-
104
- /* Offsets */
105
- .container .offset-by-one { padding-left: 48px; }
106
- .container .offset-by-two { padding-left: 96px; }
107
- .container .offset-by-three { padding-left: 144px; }
108
- .container .offset-by-four { padding-left: 192px; }
109
- .container .offset-by-five { padding-left: 240px; }
110
- .container .offset-by-six { padding-left: 288px; }
111
- .container .offset-by-seven { padding-left: 336px; }
112
- .container .offset-by-eight { padding-left: 348px; }
113
- .container .offset-by-nine { padding-left: 432px; }
114
- .container .offset-by-ten { padding-left: 480px; }
115
- .container .offset-by-eleven { padding-left: 528px; }
116
- .container .offset-by-twelve { padding-left: 576px; }
117
- .container .offset-by-thirteen { padding-left: 624px; }
118
- .container .offset-by-fourteen { padding-left: 672px; }
119
- .container .offset-by-fifteen { padding-left: 720px; }
120
- }
121
-
122
-
123
- /* #Mobile (Portrait)
124
- ================================================== */
125
-
126
- /* Note: Design for a width of 320px */
127
-
128
- @media only screen and (max-width: 767px) {
129
- .container { width: 300px; }
130
- .columns, .column { margin: 0; }
131
-
132
- .container .one.column,
133
- .container .two.columns,
134
- .container .three.columns,
135
- .container .four.columns,
136
- .container .five.columns,
137
- .container .six.columns,
138
- .container .seven.columns,
139
- .container .eight.columns,
140
- .container .nine.columns,
141
- .container .ten.columns,
142
- .container .eleven.columns,
143
- .container .twelve.columns,
144
- .container .thirteen.columns,
145
- .container .fourteen.columns,
146
- .container .fifteen.columns,
147
- .container .sixteen.columns,
148
- .container .one-third.column,
149
- .container .two-thirds.column { width: 300px; }
150
-
151
- /* Offsets */
152
- .container .offset-by-one,
153
- .container .offset-by-two,
154
- .container .offset-by-three,
155
- .container .offset-by-four,
156
- .container .offset-by-five,
157
- .container .offset-by-six,
158
- .container .offset-by-seven,
159
- .container .offset-by-eight,
160
- .container .offset-by-nine,
161
- .container .offset-by-ten,
162
- .container .offset-by-eleven,
163
- .container .offset-by-twelve,
164
- .container .offset-by-thirteen,
165
- .container .offset-by-fourteen,
166
- .container .offset-by-fifteen { padding-left: 0; }
167
-
168
- }
169
-
170
-
171
- /* #Mobile (Landscape)
172
- ================================================== */
173
-
174
- /* Note: Design for a width of 480px */
175
-
176
- @media only screen and (min-width: 480px) and (max-width: 767px) {
177
- .container { width: 420px; }
178
- .columns, .column { margin: 0; }
179
-
180
- .container .one.column,
181
- .container .two.columns,
182
- .container .three.columns,
183
- .container .four.columns,
184
- .container .five.columns,
185
- .container .six.columns,
186
- .container .seven.columns,
187
- .container .eight.columns,
188
- .container .nine.columns,
189
- .container .ten.columns,
190
- .container .eleven.columns,
191
- .container .twelve.columns,
192
- .container .thirteen.columns,
193
- .container .fourteen.columns,
194
- .container .fifteen.columns,
195
- .container .sixteen.columns,
196
- .container .one-third.column,
197
- .container .two-thirds.column { width: 420px; }
198
- }
199
-
200
-
201
- /* #Clearing
202
- ================================================== */
203
-
204
- /* Self Clearing Goodness */
205
- .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
206
-
207
- /* Use clearfix class on parent to clear nested columns,
208
- or wrap each row of columns in a <div class="row"> */
209
- .clearfix:before,
210
- .clearfix:after,
211
- .row:before,
212
- .row:after {
213
- content: '\0020';
214
- display: block;
215
- overflow: hidden;
216
- visibility: hidden;
217
- width: 0;
218
- height: 0; }
219
- .row:after,
220
- .clearfix:after {
221
- clear: both; }
222
- .row,
223
- .clearfix {
224
- zoom: 1; }
225
-
226
- /* You can also use a <br class="clear" /> to clear columns */
227
- .clear {
228
- clear: both;
229
- display: block;
230
- overflow: hidden;
231
- visibility: hidden;
232
- width: 0;
233
- height: 0;
234
- }
235
-
236
-