cmstyle 0.0.13 → 0.0.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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,32 +0,0 @@
1
- /*
2
- * Copyright 2011 Twitter, Inc.
3
- * Licensed under the Apache License, Version 2.0 (the "License");
4
- * you may not use this file except in compliance with the License.
5
- * You may obtain a copy of the License at
6
- *
7
- * http://www.apache.org/licenses/LICENSE-2.0
8
- *
9
- * Unless required by applicable law or agreed to in writing, software
10
- * distributed under the License is distributed on an "AS IS" BASIS,
11
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12
- * See the License for the specific language governing permissions and
13
- * limitations under the License.
14
- */
15
-
16
- var Hogan = require(__dirname + '/../lib/hogan.js');
17
- var fs = require('fs');
18
- var path = require('path');
19
-
20
- // Substitute variables in the homepage with values from package.json
21
- var homeTemplatePath = __dirname + '/../build/gh-pages/index.html.mustache';
22
- var contextPath = __dirname + '/../dist/nodejs/package.json';
23
-
24
- var homepage = fs.readFileSync(homeTemplatePath).toString();
25
- var context = JSON.parse(fs.readFileSync(contextPath).toString());
26
-
27
- var template = Hogan.compile(homepage);
28
-
29
- fs.writeFileSync(path.dirname(homeTemplatePath) + '/index.html',
30
- template.render(context));
31
-
32
- fs.unlinkSync(homeTemplatePath);
@@ -1,139 +0,0 @@
1
- /*!
2
- * Bootstrap CSS Tests
3
- */
4
-
5
-
6
- /* Remove background image */
7
- body {
8
- background-image: none;
9
- }
10
-
11
- /* Space out subhead */
12
- .subhead {
13
- margin-bottom: 36px;
14
- }
15
- /*h4 {
16
- margin-bottom: 5px;
17
- }
18
- */
19
-
20
- .type-test {
21
- margin-bottom: 20px;
22
- padding: 0 20px 20px;
23
- background: url(../../docs/assets/img/grid-baseline-20px.png);
24
- }
25
- .type-test h1,
26
- .type-test h2,
27
- .type-test h3,
28
- .type-test h4,
29
- .type-test h5,
30
- .type-test h6 {
31
- background-color: rgba(255,0,0,.2);
32
- }
33
-
34
-
35
- /* colgroup tests */
36
- .col1 {
37
- background-color: rgba(255,0,0,.1);
38
- }
39
- .col2 {
40
- background-color: rgba(0,255,0,.1);
41
- }
42
- .col3 {
43
- background-color: rgba(0,0,255,.1);
44
- }
45
-
46
-
47
- /* Fluid row inputs */
48
- #rowInputs .row > [class*=span],
49
- #fluidRowInputs .row-fluid > [class*=span] {
50
- background-color: rgba(255,0,0,.1);
51
- }
52
-
53
-
54
- /* Fluid grid */
55
- .fluid-grid {
56
- margin-bottom: 45px;
57
- }
58
- .fluid-grid .row {
59
- height: 40px;
60
- padding-top: 10px;
61
- margin-top: 10px;
62
- color: #ddd;
63
- text-align: center;
64
- }
65
- .fluid-grid .span1 {
66
- background-color: #999;
67
- }
68
-
69
-
70
- /* Gradients */
71
-
72
- [class^="gradient-"] {
73
- width: 100%;
74
- height: 400px;
75
- margin: 20px 0;
76
- -webkit-border-radius: 5px;
77
- -moz-border-radius: 5px;
78
- border-radius: 5px;
79
- }
80
-
81
- .gradient-horizontal {
82
- background-color: #333333;
83
- background-image: -moz-linear-gradient(left, #555555, #333333);
84
- background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#555555), to(#333333));
85
- background-image: -webkit-linear-gradient(left, #555555, #333333);
86
- background-image: -o-linear-gradient(left, #555555, #333333);
87
- background-image: linear-gradient(to right, #555555, #333333);
88
- background-repeat: repeat-x;
89
- filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff555555', endColorstr='#ff333333', GradientType=1);
90
- }
91
-
92
- .gradient-vertical {
93
- background-color: #474747;
94
- background-image: -moz-linear-gradient(top, #555555, #333333);
95
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#333333));
96
- background-image: -webkit-linear-gradient(top, #555555, #333333);
97
- background-image: -o-linear-gradient(top, #555555, #333333);
98
- background-image: linear-gradient(to bottom, #555555, #333333);
99
- background-repeat: repeat-x;
100
- filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff555555', endColorstr='#ff333333', GradientType=0);
101
- }
102
-
103
- .gradient-directional {
104
- background-color: #333333;
105
- background-image: -moz-linear-gradient(45deg, #555555, #333333);
106
- background-image: -webkit-linear-gradient(45deg, #555555, #333333);
107
- background-image: -o-linear-gradient(45deg, #555555, #333333);
108
- background-image: linear-gradient(45deg, #555555, #333333);
109
- background-repeat: repeat-x;
110
- }
111
-
112
- .gradient-vertical-three {
113
- background-color: #8940a5;
114
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#00b3ee), color-stop(50%, #7a43b6), to(#c3325f));
115
- background-image: -webkit-linear-gradient(#00b3ee, #7a43b6 50%, #c3325f);
116
- background-image: -moz-linear-gradient(top, #00b3ee, #7a43b6 50%, #c3325f);
117
- background-image: -o-linear-gradient(#00b3ee, #7a43b6 50%, #c3325f);
118
- background-image: linear-gradient(#00b3ee, #7a43b6 50%, #c3325f);
119
- background-repeat: no-repeat;
120
- filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff00b3ee', endColorstr='#ffc3325f', GradientType=0);
121
- }
122
-
123
- .gradient-radial {
124
- background-color: #333333;
125
- background-image: -webkit-gradient(radial, center center, 0, center center, 460, from(#555555), to(#333333));
126
- background-image: -webkit-radial-gradient(circle, #555555, #333333);
127
- background-image: -moz-radial-gradient(circle, #555555, #333333);
128
- background-image: -o-radial-gradient(circle, #555555, #333333);
129
- background-repeat: no-repeat;
130
- }
131
-
132
- .gradient-striped {
133
- background-color: #555555;
134
- background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
135
- background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
136
- background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
137
- background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
138
- background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
139
- }
@@ -1,1015 +0,0 @@
1
- /* Add additional stylesheets below
2
- -------------------------------------------------- */
3
- /*
4
- Bootstrap's documentation styles
5
- Special styles for presenting Bootstrap's documentation and examples
6
- */
7
-
8
-
9
-
10
- /* Body and structure
11
- -------------------------------------------------- */
12
-
13
- body {
14
- position: relative;
15
- padding-top: 40px;
16
- }
17
-
18
- /* Code in headings */
19
- h3 code {
20
- font-size: 14px;
21
- font-weight: normal;
22
- }
23
-
24
-
25
-
26
- /* Tweak navbar brand link to be super sleek
27
- -------------------------------------------------- */
28
-
29
- body > .navbar {
30
- font-size: 13px;
31
- }
32
-
33
- /* Change the docs' brand */
34
- body > .navbar .brand {
35
- padding-right: 0;
36
- padding-left: 0;
37
- margin-left: 20px;
38
- float: right;
39
- font-weight: bold;
40
- color: #000;
41
- text-shadow: 0 1px 0 rgba(255,255,255,.1), 0 0 30px rgba(255,255,255,.125);
42
- -webkit-transition: all .2s linear;
43
- -moz-transition: all .2s linear;
44
- transition: all .2s linear;
45
- }
46
- body > .navbar .brand:hover {
47
- text-decoration: none;
48
- text-shadow: 0 1px 0 rgba(255,255,255,.1), 0 0 30px rgba(255,255,255,.4);
49
- }
50
-
51
-
52
- /* Sections
53
- -------------------------------------------------- */
54
-
55
- /* padding for in-page bookmarks and fixed navbar */
56
- section {
57
- padding-top: 30px;
58
- }
59
- section > .page-header,
60
- section > .lead {
61
- color: #5a5a5a;
62
- }
63
- section > ul li {
64
- margin-bottom: 5px;
65
- }
66
-
67
- /* Separators (hr) */
68
- .bs-docs-separator {
69
- margin: 40px 0 39px;
70
- }
71
-
72
- /* Faded out hr */
73
- hr.soften {
74
- height: 1px;
75
- margin: 70px 0;
76
- background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
77
- background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
78
- background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
79
- background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
80
- border: 0;
81
- }
82
-
83
-
84
-
85
- /* Jumbotrons
86
- -------------------------------------------------- */
87
-
88
- /* Base class
89
- ------------------------- */
90
- .jumbotron {
91
- position: relative;
92
- padding: 40px 0;
93
- color: #fff;
94
- text-align: center;
95
- text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075);
96
- background: #020031; /* Old browsers */
97
- background: -moz-linear-gradient(45deg, #020031 0%, #6d3353 100%); /* FF3.6+ */
98
- background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#020031), color-stop(100%,#6d3353)); /* Chrome,Safari4+ */
99
- background: -webkit-linear-gradient(45deg, #020031 0%,#6d3353 100%); /* Chrome10+,Safari5.1+ */
100
- background: -o-linear-gradient(45deg, #020031 0%,#6d3353 100%); /* Opera 11.10+ */
101
- background: -ms-linear-gradient(45deg, #020031 0%,#6d3353 100%); /* IE10+ */
102
- background: linear-gradient(45deg, #020031 0%,#6d3353 100%); /* W3C */
103
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020031', endColorstr='#6d3353',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
104
- -webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
105
- -moz-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
106
- box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
107
- }
108
- .jumbotron h1 {
109
- font-size: 80px;
110
- font-weight: bold;
111
- letter-spacing: -1px;
112
- line-height: 1;
113
- }
114
- .jumbotron p {
115
- font-size: 24px;
116
- font-weight: 300;
117
- line-height: 1.25;
118
- margin-bottom: 30px;
119
- }
120
-
121
- /* Link styles (used on .masthead-links as well) */
122
- .jumbotron a {
123
- color: #fff;
124
- color: rgba(255,255,255,.5);
125
- -webkit-transition: all .2s ease-in-out;
126
- -moz-transition: all .2s ease-in-out;
127
- transition: all .2s ease-in-out;
128
- }
129
- .jumbotron a:hover {
130
- color: #fff;
131
- text-shadow: 0 0 10px rgba(255,255,255,.25);
132
- }
133
-
134
- /* Download button */
135
- .masthead .btn {
136
- padding: 19px 24px;
137
- font-size: 24px;
138
- font-weight: 200;
139
- color: #fff; /* redeclare to override the `.jumbotron a` */
140
- border: 0;
141
- -webkit-border-radius: 6px;
142
- -moz-border-radius: 6px;
143
- border-radius: 6px;
144
- -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
145
- -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
146
- box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
147
- -webkit-transition: none;
148
- -moz-transition: none;
149
- transition: none;
150
- }
151
- .masthead .btn:hover {
152
- -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
153
- -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
154
- box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
155
- }
156
- .masthead .btn:active {
157
- -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1);
158
- -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1);
159
- box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1);
160
- }
161
-
162
-
163
- /* Pattern overlay
164
- ------------------------- */
165
- .jumbotron .container {
166
- position: relative;
167
- z-index: 2;
168
- }
169
- .jumbotron:after {
170
- content: '';
171
- display: block;
172
- position: absolute;
173
- top: 0;
174
- right: 0;
175
- bottom: 0;
176
- left: 0;
177
- background: url(../img/bs-docs-masthead-pattern.png) repeat center center;
178
- opacity: .4;
179
- }
180
-
181
- /* Masthead (docs home)
182
- ------------------------- */
183
- .masthead {
184
- padding: 70px 0 80px;
185
- margin-bottom: 0;
186
- color: #fff;
187
- }
188
- .masthead h1 {
189
- font-size: 120px;
190
- line-height: 1;
191
- letter-spacing: -2px;
192
- }
193
- .masthead p {
194
- font-size: 40px;
195
- font-weight: 200;
196
- line-height: 1.25;
197
- }
198
-
199
- /* Textual links in masthead */
200
- .masthead-links {
201
- margin: 0;
202
- list-style: none;
203
- }
204
- .masthead-links li {
205
- display: inline;
206
- padding: 0 10px;
207
- color: rgba(255,255,255,.25);
208
- }
209
-
210
- /* Social proof buttons from GitHub & Twitter */
211
- .bs-docs-social {
212
- padding: 15px 0;
213
- text-align: center;
214
- background-color: #f5f5f5;
215
- border-top: 1px solid #fff;
216
- border-bottom: 1px solid #ddd;
217
- }
218
-
219
- /* Quick links on Home */
220
- .bs-docs-social-buttons {
221
- margin-left: 0;
222
- margin-bottom: 0;
223
- padding-left: 0;
224
- list-style: none;
225
- }
226
- .bs-docs-social-buttons li {
227
- display: inline-block;
228
- padding: 5px 8px;
229
- line-height: 1;
230
- *display: inline;
231
- *zoom: 1;
232
- }
233
-
234
- /* Subhead (other pages)
235
- ------------------------- */
236
- .subhead {
237
- text-align: left;
238
- border-bottom: 1px solid #ddd;
239
- }
240
- .subhead h1 {
241
- font-size: 60px;
242
- }
243
- .subhead p {
244
- margin-bottom: 20px;
245
- }
246
- .subhead .navbar {
247
- display: none;
248
- }
249
-
250
-
251
-
252
- /* Marketing section of Overview
253
- -------------------------------------------------- */
254
-
255
- .marketing {
256
- text-align: center;
257
- color: #5a5a5a;
258
- }
259
- .marketing h1 {
260
- margin: 60px 0 10px;
261
- font-size: 60px;
262
- font-weight: 200;
263
- line-height: 1;
264
- letter-spacing: -1px;
265
- }
266
- .marketing h2 {
267
- font-weight: 200;
268
- margin-bottom: 5px;
269
- }
270
- .marketing p {
271
- font-size: 16px;
272
- line-height: 1.5;
273
- }
274
- .marketing .marketing-byline {
275
- margin-bottom: 40px;
276
- font-size: 20px;
277
- font-weight: 300;
278
- line-height: 1.25;
279
- color: #999;
280
- }
281
- .marketing img {
282
- display: block;
283
- margin: 0 auto 30px;
284
- }
285
-
286
-
287
-
288
- /* Footer
289
- -------------------------------------------------- */
290
-
291
- .footer {
292
- padding: 70px 0;
293
- margin-top: 70px;
294
- border-top: 1px solid #e5e5e5;
295
- background-color: #f5f5f5;
296
- }
297
- .footer p {
298
- margin-bottom: 0;
299
- color: #777;
300
- }
301
- .footer-links {
302
- margin: 10px 0;
303
- }
304
- .footer-links li {
305
- display: inline;
306
- padding: 0 2px;
307
- }
308
- .footer-links li:first-child {
309
- padding-left: 0;
310
- }
311
-
312
-
313
-
314
- /* Special grid styles
315
- -------------------------------------------------- */
316
-
317
- .show-grid {
318
- margin-top: 10px;
319
- margin-bottom: 20px;
320
- }
321
- .show-grid [class*="span"] {
322
- background-color: #eee;
323
- text-align: center;
324
- -webkit-border-radius: 3px;
325
- -moz-border-radius: 3px;
326
- border-radius: 3px;
327
- min-height: 40px;
328
- line-height: 40px;
329
- }
330
- .show-grid:hover [class*="span"] {
331
- background: #ddd;
332
- }
333
- .show-grid .show-grid {
334
- margin-top: 0;
335
- margin-bottom: 0;
336
- }
337
- .show-grid .show-grid [class*="span"] {
338
- background-color: #ccc;
339
- }
340
-
341
-
342
-
343
- /* Mini layout previews
344
- -------------------------------------------------- */
345
- .mini-layout {
346
- border: 1px solid #ddd;
347
- -webkit-border-radius: 6px;
348
- -moz-border-radius: 6px;
349
- border-radius: 6px;
350
- -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.075);
351
- -moz-box-shadow: 0 1px 2px rgba(0,0,0,.075);
352
- box-shadow: 0 1px 2px rgba(0,0,0,.075);
353
- }
354
- .mini-layout,
355
- .mini-layout .mini-layout-body,
356
- .mini-layout.fluid .mini-layout-sidebar {
357
- height: 300px;
358
- }
359
- .mini-layout {
360
- margin-bottom: 20px;
361
- padding: 9px;
362
- }
363
- .mini-layout div {
364
- -webkit-border-radius: 3px;
365
- -moz-border-radius: 3px;
366
- border-radius: 3px;
367
- }
368
- .mini-layout .mini-layout-body {
369
- background-color: #dceaf4;
370
- margin: 0 auto;
371
- width: 70%;
372
- }
373
- .mini-layout.fluid .mini-layout-sidebar,
374
- .mini-layout.fluid .mini-layout-header,
375
- .mini-layout.fluid .mini-layout-body {
376
- float: left;
377
- }
378
- .mini-layout.fluid .mini-layout-sidebar {
379
- background-color: #bbd8e9;
380
- width: 20%;
381
- }
382
- .mini-layout.fluid .mini-layout-body {
383
- width: 77.5%;
384
- margin-left: 2.5%;
385
- }
386
-
387
-
388
-
389
- /* Download page
390
- -------------------------------------------------- */
391
-
392
- .download .page-header {
393
- margin-top: 36px;
394
- }
395
- .page-header .toggle-all {
396
- margin-top: 5px;
397
- }
398
-
399
- /* Space out h3s when following a section */
400
- .download h3 {
401
- margin-bottom: 5px;
402
- }
403
- .download-builder input + h3,
404
- .download-builder .checkbox + h3 {
405
- margin-top: 9px;
406
- }
407
-
408
- /* Fields for variables */
409
- .download-builder input[type=text] {
410
- margin-bottom: 9px;
411
- font-family: Menlo, Monaco, "Courier New", monospace;
412
- font-size: 12px;
413
- color: #d14;
414
- }
415
- .download-builder input[type=text]:focus {
416
- background-color: #fff;
417
- }
418
-
419
- /* Custom, larger checkbox labels */
420
- .download .checkbox {
421
- padding: 6px 10px 6px 25px;
422
- font-size: 13px;
423
- line-height: 18px;
424
- color: #555;
425
- background-color: #f9f9f9;
426
- -webkit-border-radius: 3px;
427
- -moz-border-radius: 3px;
428
- border-radius: 3px;
429
- cursor: pointer;
430
- }
431
- .download .checkbox:hover {
432
- color: #333;
433
- background-color: #f5f5f5;
434
- }
435
- .download .checkbox small {
436
- font-size: 12px;
437
- color: #777;
438
- }
439
-
440
- /* Variables section */
441
- #variables label {
442
- margin-bottom: 0;
443
- }
444
-
445
- /* Giant download button */
446
- .download-btn {
447
- margin: 36px 0 108px;
448
- }
449
- #download p,
450
- #download h4 {
451
- max-width: 50%;
452
- margin: 0 auto;
453
- color: #999;
454
- text-align: center;
455
- }
456
- #download h4 {
457
- margin-bottom: 0;
458
- }
459
- #download p {
460
- margin-bottom: 18px;
461
- }
462
- .download-btn .btn {
463
- display: block;
464
- width: auto;
465
- padding: 19px 24px;
466
- margin-bottom: 27px;
467
- font-size: 30px;
468
- line-height: 1;
469
- text-align: center;
470
- -webkit-border-radius: 6px;
471
- -moz-border-radius: 6px;
472
- border-radius: 6px;
473
- }
474
-
475
-
476
-
477
- /* Misc
478
- -------------------------------------------------- */
479
-
480
- /* Make tables spaced out a bit more */
481
- h2 + table,
482
- h3 + table,
483
- h4 + table,
484
- h2 + .row {
485
- margin-top: 5px;
486
- }
487
-
488
- /* Example sites showcase */
489
- .example-sites {
490
- xmargin-left: 20px;
491
- }
492
- .example-sites img {
493
- max-width: 100%;
494
- margin: 0 auto;
495
- }
496
-
497
- .scrollspy-example {
498
- height: 200px;
499
- overflow: auto;
500
- position: relative;
501
- }
502
-
503
-
504
- /* Fake the :focus state to demo it */
505
- .focused {
506
- border-color: rgba(82,168,236,.8);
507
- -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);
508
- -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);
509
- box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);
510
- outline: 0;
511
- }
512
-
513
- /* For input sizes, make them display block */
514
- .docs-input-sizes select,
515
- .docs-input-sizes input[type=text] {
516
- display: block;
517
- margin-bottom: 9px;
518
- }
519
-
520
- /* Icons
521
- ------------------------- */
522
- .the-icons {
523
- margin-left: 0;
524
- list-style: none;
525
- }
526
- .the-icons li {
527
- float: left;
528
- width: 25%;
529
- line-height: 25px;
530
- }
531
- .the-icons i:hover {
532
- background-color: rgba(255,0,0,.25);
533
- }
534
-
535
- /* Example page
536
- ------------------------- */
537
- .bootstrap-examples p {
538
- font-size: 13px;
539
- line-height: 18px;
540
- }
541
- .bootstrap-examples .thumbnail {
542
- margin-bottom: 9px;
543
- background-color: #fff;
544
- }
545
-
546
-
547
-
548
- /* Bootstrap code examples
549
- -------------------------------------------------- */
550
-
551
- /* Base class */
552
- .bs-docs-example {
553
- position: relative;
554
- margin: 15px 0;
555
- padding: 39px 19px 14px;
556
- *padding-top: 19px;
557
- background-color: #fff;
558
- border: 1px solid #ddd;
559
- -webkit-border-radius: 4px;
560
- -moz-border-radius: 4px;
561
- border-radius: 4px;
562
- }
563
-
564
- /* Echo out a label for the example */
565
- .bs-docs-example:after {
566
- content: "Example";
567
- position: absolute;
568
- top: -1px;
569
- left: -1px;
570
- padding: 3px 7px;
571
- font-size: 12px;
572
- font-weight: bold;
573
- background-color: #f5f5f5;
574
- border: 1px solid #ddd;
575
- color: #9da0a4;
576
- -webkit-border-radius: 4px 0 4px 0;
577
- -moz-border-radius: 4px 0 4px 0;
578
- border-radius: 4px 0 4px 0;
579
- }
580
-
581
- /* Remove spacing between an example and it's code */
582
- .bs-docs-example + .prettyprint {
583
- margin-top: -20px;
584
- padding-top: 15px;
585
- }
586
-
587
- /* Tweak examples
588
- ------------------------- */
589
- .bs-docs-example > p:last-child {
590
- margin-bottom: 0;
591
- }
592
- .bs-docs-example .table,
593
- .bs-docs-example .progress,
594
- .bs-docs-example .well,
595
- .bs-docs-example .alert,
596
- .bs-docs-example .hero-unit,
597
- .bs-docs-example .pagination,
598
- .bs-docs-example .navbar,
599
- .bs-docs-example > .nav,
600
- .bs-docs-example blockquote {
601
- margin-bottom: 5px;
602
- }
603
- .bs-docs-example .pagination {
604
- margin-top: 0;
605
- }
606
- .bs-navbar-top-example,
607
- .bs-navbar-bottom-example {
608
- z-index: 1;
609
- padding: 0;
610
- height: 90px;
611
- overflow: hidden; /* cut the drop shadows off */
612
- }
613
- .bs-navbar-top-example .navbar-fixed-top,
614
- .bs-navbar-bottom-example .navbar-fixed-bottom {
615
- margin-left: 0;
616
- margin-right: 0;
617
- }
618
- .bs-navbar-top-example {
619
- -webkit-border-radius: 0 0 4px 4px;
620
- -moz-border-radius: 0 0 4px 4px;
621
- border-radius: 0 0 4px 4px;
622
- }
623
- .bs-navbar-top-example:after {
624
- top: auto;
625
- bottom: -1px;
626
- -webkit-border-radius: 0 4px 0 4px;
627
- -moz-border-radius: 0 4px 0 4px;
628
- border-radius: 0 4px 0 4px;
629
- }
630
- .bs-navbar-bottom-example {
631
- -webkit-border-radius: 4px 4px 0 0;
632
- -moz-border-radius: 4px 4px 0 0;
633
- border-radius: 4px 4px 0 0;
634
- }
635
- .bs-navbar-bottom-example .navbar {
636
- margin-bottom: 0;
637
- }
638
- form.bs-docs-example {
639
- padding-bottom: 19px;
640
- }
641
-
642
- /* Images */
643
- .bs-docs-example-images img {
644
- margin: 10px;
645
- display: inline-block;
646
- }
647
-
648
- /* Tooltips */
649
- .bs-docs-tooltip-examples {
650
- text-align: center;
651
- margin: 0 0 10px;
652
- list-style: none;
653
- }
654
- .bs-docs-tooltip-examples li {
655
- display: inline;
656
- padding: 0 10px;
657
- }
658
-
659
- /* Popovers */
660
- .bs-docs-example-popover {
661
- padding-bottom: 24px;
662
- background-color: #f9f9f9;
663
- }
664
- .bs-docs-example-popover .popover {
665
- position: relative;
666
- display: block;
667
- float: left;
668
- width: 260px;
669
- margin: 20px;
670
- }
671
-
672
-
673
-
674
- /* Responsive docs
675
- -------------------------------------------------- */
676
-
677
- /* Utility classes table
678
- ------------------------- */
679
- .responsive-utilities th small {
680
- display: block;
681
- font-weight: normal;
682
- color: #999;
683
- }
684
- .responsive-utilities tbody th {
685
- font-weight: normal;
686
- }
687
- .responsive-utilities td {
688
- text-align: center;
689
- }
690
- .responsive-utilities td.is-visible {
691
- color: #468847;
692
- background-color: #dff0d8 !important;
693
- }
694
- .responsive-utilities td.is-hidden {
695
- color: #ccc;
696
- background-color: #f9f9f9 !important;
697
- }
698
-
699
- /* Responsive tests
700
- ------------------------- */
701
- .responsive-utilities-test {
702
- margin-top: 5px;
703
- margin-left: 0;
704
- list-style: none;
705
- overflow: hidden; /* clear floats */
706
- }
707
- .responsive-utilities-test li {
708
- position: relative;
709
- float: left;
710
- width: 25%;
711
- height: 43px;
712
- font-size: 14px;
713
- font-weight: bold;
714
- line-height: 43px;
715
- color: #999;
716
- text-align: center;
717
- border: 1px solid #ddd;
718
- -webkit-border-radius: 4px;
719
- -moz-border-radius: 4px;
720
- border-radius: 4px;
721
- }
722
- .responsive-utilities-test li + li {
723
- margin-left: 10px;
724
- }
725
- .responsive-utilities-test span {
726
- position: absolute;
727
- top: -1px;
728
- left: -1px;
729
- right: -1px;
730
- bottom: -1px;
731
- -webkit-border-radius: 4px;
732
- -moz-border-radius: 4px;
733
- border-radius: 4px;
734
- }
735
- .responsive-utilities-test span {
736
- color: #468847;
737
- background-color: #dff0d8;
738
- border: 1px solid #d6e9c6;
739
- }
740
-
741
-
742
-
743
- /* Sidenav for Docs
744
- -------------------------------------------------- */
745
-
746
- .bs-docs-sidenav {
747
- width: 228px;
748
- margin: 30px 0 0;
749
- padding: 0;
750
- background-color: #fff;
751
- -webkit-border-radius: 6px;
752
- -moz-border-radius: 6px;
753
- border-radius: 6px;
754
- -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
755
- -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
756
- box-shadow: 0 1px 4px rgba(0,0,0,.065);
757
- }
758
- .bs-docs-sidenav > li > a {
759
- display: block;
760
- width: 190px \9;
761
- margin: 0 0 -1px;
762
- padding: 8px 14px;
763
- border: 1px solid #e5e5e5;
764
- }
765
- .bs-docs-sidenav > li:first-child > a {
766
- -webkit-border-radius: 6px 6px 0 0;
767
- -moz-border-radius: 6px 6px 0 0;
768
- border-radius: 6px 6px 0 0;
769
- }
770
- .bs-docs-sidenav > li:last-child > a {
771
- -webkit-border-radius: 0 0 6px 6px;
772
- -moz-border-radius: 0 0 6px 6px;
773
- border-radius: 0 0 6px 6px;
774
- }
775
- .bs-docs-sidenav > .active > a {
776
- position: relative;
777
- z-index: 2;
778
- padding: 9px 15px;
779
- border: 0;
780
- text-shadow: 0 1px 0 rgba(0,0,0,.15);
781
- -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
782
- -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
783
- box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
784
- }
785
- /* Chevrons */
786
- .bs-docs-sidenav .icon-chevron-right {
787
- float: right;
788
- margin-top: 2px;
789
- margin-right: -6px;
790
- opacity: .25;
791
- }
792
- .bs-docs-sidenav > li > a:hover {
793
- background-color: #f5f5f5;
794
- }
795
- .bs-docs-sidenav a:hover .icon-chevron-right {
796
- opacity: .5;
797
- }
798
- .bs-docs-sidenav .active .icon-chevron-right,
799
- .bs-docs-sidenav .active a:hover .icon-chevron-right {
800
- background-image: url(../img/glyphicons-halflings-white.png);
801
- opacity: 1;
802
- }
803
- .bs-docs-sidenav.affix {
804
- top: 40px;
805
- }
806
- .bs-docs-sidenav.affix-bottom {
807
- position: absolute;
808
- top: auto;
809
- bottom: 270px;
810
- }
811
-
812
-
813
-
814
-
815
- /* Responsive
816
- -------------------------------------------------- */
817
-
818
- /* Desktop large
819
- ------------------------- */
820
- @media (min-width: 1200px) {
821
- .bs-docs-container {
822
- max-width: 970px;
823
- }
824
- .bs-docs-sidenav {
825
- width: 258px;
826
- }
827
- .bs-docs-sidenav > li > a {
828
- width: 230px \9; /* Override the previous IE8-9 hack */
829
- }
830
- }
831
-
832
- /* Desktop
833
- ------------------------- */
834
- @media (max-width: 980px) {
835
- /* Unfloat brand */
836
- body > .navbar-fixed-top .brand {
837
- float: left;
838
- margin-left: 0;
839
- padding-left: 10px;
840
- padding-right: 10px;
841
- }
842
-
843
- /* Inline-block quick links for more spacing */
844
- .quick-links li {
845
- display: inline-block;
846
- margin: 5px;
847
- }
848
-
849
- /* When affixed, space properly */
850
- .bs-docs-sidenav {
851
- top: 0;
852
- margin-top: 30px;
853
- margin-right: 0;
854
- }
855
- }
856
-
857
- /* Tablet to desktop
858
- ------------------------- */
859
- @media (min-width: 768px) and (max-width: 980px) {
860
- /* Remove any padding from the body */
861
- body {
862
- padding-top: 0;
863
- }
864
- /* Widen masthead and social buttons to fill body padding */
865
- .jumbotron {
866
- margin-top: -20px; /* Offset bottom margin on .navbar */
867
- }
868
- /* Adjust sidenav width */
869
- .bs-docs-sidenav {
870
- width: 166px;
871
- margin-top: 20px;
872
- }
873
- .bs-docs-sidenav.affix {
874
- top: 0;
875
- }
876
- }
877
-
878
- /* Tablet
879
- ------------------------- */
880
- @media (max-width: 767px) {
881
- /* Remove any padding from the body */
882
- body {
883
- padding-top: 0;
884
- }
885
-
886
- /* Widen masthead and social buttons to fill body padding */
887
- .jumbotron {
888
- padding: 40px 20px;
889
- margin-top: -20px; /* Offset bottom margin on .navbar */
890
- margin-right: -20px;
891
- margin-left: -20px;
892
- }
893
- .masthead h1 {
894
- font-size: 90px;
895
- }
896
- .masthead p,
897
- .masthead .btn {
898
- font-size: 24px;
899
- }
900
- .marketing .span4 {
901
- margin-bottom: 40px;
902
- }
903
- .bs-docs-social {
904
- margin: 0 -20px;
905
- }
906
-
907
- /* Space out the show-grid examples */
908
- .show-grid [class*="span"] {
909
- margin-bottom: 5px;
910
- }
911
-
912
- /* Sidenav */
913
- .bs-docs-sidenav {
914
- width: auto;
915
- margin-bottom: 20px;
916
- }
917
- .bs-docs-sidenav.affix {
918
- position: static;
919
- width: auto;
920
- top: 0;
921
- }
922
-
923
- /* Unfloat the back to top link in footer */
924
- .footer {
925
- margin-left: -20px;
926
- margin-right: -20px;
927
- padding-left: 20px;
928
- padding-right: 20px;
929
- }
930
- .footer p {
931
- margin-bottom: 9px;
932
- }
933
- }
934
-
935
- /* Landscape phones
936
- ------------------------- */
937
- @media (max-width: 480px) {
938
- /* Remove padding above jumbotron */
939
- body {
940
- padding-top: 0;
941
- }
942
-
943
- /* Change up some type stuff */
944
- h2 small {
945
- display: block;
946
- }
947
-
948
- /* Downsize the jumbotrons */
949
- .jumbotron h1 {
950
- font-size: 45px;
951
- }
952
- .jumbotron p,
953
- .jumbotron .btn {
954
- font-size: 18px;
955
- }
956
- .jumbotron .btn {
957
- display: block;
958
- margin: 0 auto;
959
- }
960
-
961
- /* center align subhead text like the masthead */
962
- .subhead h1,
963
- .subhead p {
964
- text-align: center;
965
- }
966
-
967
- /* Marketing on home */
968
- .marketing h1 {
969
- font-size: 30px;
970
- }
971
- .marketing-byline {
972
- font-size: 18px;
973
- }
974
-
975
- /* center example sites */
976
- .example-sites {
977
- margin-left: 0;
978
- }
979
- .example-sites > li {
980
- float: none;
981
- display: block;
982
- max-width: 280px;
983
- margin: 0 auto 18px;
984
- text-align: center;
985
- }
986
- .example-sites .thumbnail > img {
987
- max-width: 270px;
988
- }
989
-
990
- /* Do our best to make tables work in narrow viewports */
991
- table code {
992
- white-space: normal;
993
- word-wrap: break-word;
994
- word-break: break-all;
995
- }
996
-
997
- /* Modal example */
998
- .modal-example .modal {
999
- position: relative;
1000
- top: auto;
1001
- right: auto;
1002
- bottom: auto;
1003
- left: auto;
1004
- }
1005
-
1006
- /* Tighten up footer */
1007
- .footer {
1008
- padding-top: 20px;
1009
- padding-bottom: 20px;
1010
- }
1011
- /* Unfloat the back to top in footer to prevent odd text wrapping */
1012
- .footer .pull-right {
1013
- float: none;
1014
- }
1015
- }