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.
- data/lib/app/assets/images/cm_app.ico +0 -0
- data/lib/app/assets/images/cm_app.png +0 -0
- data/lib/app/assets/images/cm_app_30x30.png +0 -0
- data/lib/app/assets/stylesheets/application.css +9 -78
- data/lib/app/views/layouts/_footer.slim +12 -5
- data/lib/app/views/layouts/application.slim +27 -18
- data/lib/assets/images/glyphicons-halflings-white.png +0 -0
- data/lib/assets/images/glyphicons-halflings.png +0 -0
- data/lib/assets/javascripts/bootstrap.js +165 -31
- data/lib/assets/javascripts/prettify.js +0 -0
- data/lib/assets/stylesheets/bootstrap-responsive.css +5 -1
- data/lib/assets/stylesheets/bootstrap.css +335 -189
- data/lib/assets/stylesheets/prettify.css +0 -0
- data/lib/cmstyle.rb +4 -1
- data/lib/cmstyle/navigation_helpers.rb +165 -0
- data/lib/cmstyle/version.rb +1 -1
- metadata +6 -83
- data/lib/app/assets/images/novartis-micro.png +0 -0
- data/lib/app/assets/images/novartis-small.png +0 -0
- data/lib/app/views/cmstyle/_footer.slim +0 -5
- data/lib/app/views/cmstyle/_header.slim +0 -40
- data/lib/app/views/cmstyle/_modals.slim +0 -62
- data/lib/assets/images/8020select.png +0 -0
- data/lib/assets/images/adoptahydrant.png +0 -0
- data/lib/assets/images/apple-touch-icon-114-precomposed.png +0 -0
- data/lib/assets/images/apple-touch-icon-144-precomposed.png +0 -0
- data/lib/assets/images/apple-touch-icon-57-precomposed.png +0 -0
- data/lib/assets/images/apple-touch-icon-72-precomposed.png +0 -0
- data/lib/assets/images/bootstrap-example-carousel.png +0 -0
- data/lib/assets/images/bootstrap-example-fluid.jpg +0 -0
- data/lib/assets/images/bootstrap-example-hero.jpg +0 -0
- data/lib/assets/images/bootstrap-example-marketing-narrow.png +0 -0
- data/lib/assets/images/bootstrap-example-signin.png +0 -0
- data/lib/assets/images/bootstrap-example-starter.jpg +0 -0
- data/lib/assets/images/bootstrap-example-sticky-footer.png +0 -0
- data/lib/assets/images/bootstrap-mdo-sfmoma-01.jpg +0 -0
- data/lib/assets/images/bootstrap-mdo-sfmoma-02.jpg +0 -0
- data/lib/assets/images/bootstrap-mdo-sfmoma-03.jpg +0 -0
- data/lib/assets/images/breakingnews.png +0 -0
- data/lib/assets/images/browser-icon-chrome.png +0 -0
- data/lib/assets/images/browser-icon-firefox.png +0 -0
- data/lib/assets/images/browser-icon-safari.png +0 -0
- data/lib/assets/images/bs-docs-bootstrap-features.png +0 -0
- data/lib/assets/images/bs-docs-masthead-pattern.png +0 -0
- data/lib/assets/images/bs-docs-responsive-illustrations.png +0 -0
- data/lib/assets/images/bs-docs-twitter-github.png +0 -0
- data/lib/assets/images/fleetio.png +0 -0
- data/lib/assets/images/gathercontent.png +0 -0
- data/lib/assets/images/grid-baseline-20px.png +0 -0
- data/lib/assets/images/jshint.png +0 -0
- data/lib/assets/images/kippt.png +0 -0
- data/lib/assets/images/less-logo-large.png +0 -0
- data/lib/assets/images/logo.png +0 -0
- data/lib/assets/images/noise.png +0 -0
- data/lib/assets/images/responsive-illustrations.png +0 -0
- data/lib/assets/images/slide-01.jpg +0 -0
- data/lib/assets/images/slide-02.jpg +0 -0
- data/lib/assets/images/slide-03.jpg +0 -0
- data/lib/assets/images/small-hogan-icon.png +0 -0
- data/lib/assets/images/soundready.png +0 -0
- data/lib/assets/images/stripes.png +0 -0
- data/lib/assets/javascripts/application.js +0 -154
- data/lib/assets/javascripts/bootstrap-affix.js +0 -19
- data/lib/assets/javascripts/bootstrap-alert.js +0 -56
- data/lib/assets/javascripts/bootstrap-button.js +0 -96
- data/lib/assets/javascripts/bootstrap-carousel.js +0 -63
- data/lib/assets/javascripts/bootstrap-collapse.js +0 -88
- data/lib/assets/javascripts/bootstrap-dropdown.js +0 -145
- data/lib/assets/javascripts/bootstrap-modal.js +0 -114
- data/lib/assets/javascripts/bootstrap-phantom.js +0 -21
- data/lib/assets/javascripts/bootstrap-popover.js +0 -107
- data/lib/assets/javascripts/bootstrap-scrollspy.js +0 -31
- data/lib/assets/javascripts/bootstrap-tab.js +0 -80
- data/lib/assets/javascripts/bootstrap-tooltip.js +0 -153
- data/lib/assets/javascripts/bootstrap-transition.js +0 -13
- data/lib/assets/javascripts/bootstrap-typeahead.js +0 -199
- data/lib/assets/javascripts/compiler.js +0 -348
- data/lib/assets/javascripts/hogan-1.0.5.amd.js +0 -576
- data/lib/assets/javascripts/hogan-1.0.5.common.js +0 -576
- data/lib/assets/javascripts/hogan-1.0.5.js +0 -572
- data/lib/assets/javascripts/hogan-1.0.5.mustache.js +0 -619
- data/lib/assets/javascripts/hogan.js +0 -545
- data/lib/assets/javascripts/index.js +0 -848
- data/lib/assets/javascripts/jquery.js +0 -2
- data/lib/assets/javascripts/mustache.js +0 -90
- data/lib/assets/javascripts/phantom.js +0 -63
- data/lib/assets/javascripts/qunit.js +0 -1510
- data/lib/assets/javascripts/release.js +0 -74
- data/lib/assets/javascripts/server.js +0 -14
- data/lib/assets/javascripts/spec.js +0 -77
- data/lib/assets/javascripts/template-1.0.5.js +0 -233
- data/lib/assets/javascripts/template.js +0 -233
- data/lib/assets/javascripts/web_templates.js +0 -32
- data/lib/assets/stylesheets/css-tests.css +0 -139
- data/lib/assets/stylesheets/docs.css +0 -1015
- data/lib/assets/stylesheets/layout.css +0 -206
- data/lib/assets/stylesheets/qunit.css +0 -232
- 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
|
-
}
|