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,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
- }