rvnstat 1.0.4

Sign up to get free protection for your applications and to get access to all the features.
Files changed (271) hide show
  1. checksums.yaml +7 -0
  2. data/._README.md +0 -0
  3. data/._ss.png +0 -0
  4. data/.gitignore +17 -0
  5. data/Gemfile +6 -0
  6. data/LICENSE.txt +22 -0
  7. data/README.md +34 -0
  8. data/Rakefile +1 -0
  9. data/bin/._rvnstat +0 -0
  10. data/bin/rvnstat +9 -0
  11. data/config.ru +4 -0
  12. data/config.yml +3 -0
  13. data/lib/._app.rb +0 -0
  14. data/lib/._config.rb +0 -0
  15. data/lib/._require.rb +0 -0
  16. data/lib/._rvnstat.rb +0 -0
  17. data/lib/._vnstat.rb +0 -0
  18. data/lib/app.rb +102 -0
  19. data/lib/config.rb +13 -0
  20. data/lib/require.rb +10 -0
  21. data/lib/rvnstat.rb +5 -0
  22. data/lib/rvnstat/._version.rb +0 -0
  23. data/lib/rvnstat/version.rb +3 -0
  24. data/lib/vnstat.rb +74 -0
  25. data/public/CNAME +1 -0
  26. data/public/CONTRIBUTING.md +192 -0
  27. data/public/Gruntfile.js +418 -0
  28. data/public/LICENSE +21 -0
  29. data/public/README.md +173 -0
  30. data/public/_config.yml +35 -0
  31. data/public/bower.json +24 -0
  32. data/public/browserstack.json +44 -0
  33. data/public/composer.json +25 -0
  34. data/public/dist/css/._custom.css +0 -0
  35. data/public/dist/css/bootstrap-theme.css +347 -0
  36. data/public/dist/css/bootstrap-theme.css.map +1 -0
  37. data/public/dist/css/bootstrap-theme.min.css +7 -0
  38. data/public/dist/css/bootstrap.css +5831 -0
  39. data/public/dist/css/bootstrap.css.map +1 -0
  40. data/public/dist/css/bootstrap.min.css +7 -0
  41. data/public/dist/css/custom.css +20 -0
  42. data/public/dist/fonts/glyphicons-halflings-regular.eot +0 -0
  43. data/public/dist/fonts/glyphicons-halflings-regular.svg +229 -0
  44. data/public/dist/fonts/glyphicons-halflings-regular.ttf +0 -0
  45. data/public/dist/fonts/glyphicons-halflings-regular.woff +0 -0
  46. data/public/dist/js/bootstrap.js +1951 -0
  47. data/public/dist/js/bootstrap.min.js +6 -0
  48. data/public/docs/LICENSE +319 -0
  49. data/public/docs/_data/glyphicons.yml +203 -0
  50. data/public/docs/_data/showcase.yml +19 -0
  51. data/public/docs/_includes/ads.html +1 -0
  52. data/public/docs/_includes/customizer-variables.html +1690 -0
  53. data/public/docs/_includes/footer.html +70 -0
  54. data/public/docs/_includes/header.html +42 -0
  55. data/public/docs/_includes/nav-about.html +9 -0
  56. data/public/docs/_includes/nav-components.html +138 -0
  57. data/public/docs/_includes/nav-css.html +127 -0
  58. data/public/docs/_includes/nav-customize.html +46 -0
  59. data/public/docs/_includes/nav-getting-started.html +62 -0
  60. data/public/docs/_includes/nav-javascript.html +89 -0
  61. data/public/docs/_includes/nav-main.html +36 -0
  62. data/public/docs/_includes/nav-migration.html +12 -0
  63. data/public/docs/_includes/social-buttons.html +16 -0
  64. data/public/docs/_layouts/default.html +55 -0
  65. data/public/docs/_layouts/home.html +18 -0
  66. data/public/docs/about.html +149 -0
  67. data/public/docs/assets/css/docs.css +1394 -0
  68. data/public/docs/assets/css/docs.min.css +6 -0
  69. data/public/docs/assets/css/pygments-manni.css +66 -0
  70. data/public/docs/assets/ico/apple-touch-icon-144-precomposed.png +0 -0
  71. data/public/docs/assets/ico/favicon.ico +0 -0
  72. data/public/docs/assets/img/components.png +0 -0
  73. data/public/docs/assets/img/devices.png +0 -0
  74. data/public/docs/assets/img/sass-less.png +0 -0
  75. data/public/docs/assets/js/application.js +101 -0
  76. data/public/docs/assets/js/customize.min.js +49 -0
  77. data/public/docs/assets/js/customizer.js +348 -0
  78. data/public/docs/assets/js/docs.min.js +16 -0
  79. data/public/docs/assets/js/ie8-responsive-file-warning.js +12 -0
  80. data/public/docs/assets/js/raw-files.min.js +8 -0
  81. data/public/docs/assets/js/vendor/blob.js +166 -0
  82. data/public/docs/assets/js/vendor/filesaver.js +236 -0
  83. data/public/docs/assets/js/vendor/holder.js +645 -0
  84. data/public/docs/assets/js/vendor/jszip.js +1474 -0
  85. data/public/docs/assets/js/vendor/less.min.js +16 -0
  86. data/public/docs/assets/js/vendor/uglify.min.js +14 -0
  87. data/public/docs/components.html +3001 -0
  88. data/public/docs/css.html +3346 -0
  89. data/public/docs/customize.html +356 -0
  90. data/public/docs/customizer-nav.jade +15 -0
  91. data/public/docs/customizer-variables.jade +21 -0
  92. data/public/docs/dist/css/bootstrap-theme.css.map +1 -0
  93. data/public/docs/dist/css/bootstrap-theme.min.css +7 -0
  94. data/public/docs/dist/css/bootstrap.css.map +1 -0
  95. data/public/docs/dist/css/bootstrap.min.css +7 -0
  96. data/public/docs/dist/fonts/glyphicons-halflings-regular.eot +0 -0
  97. data/public/docs/dist/fonts/glyphicons-halflings-regular.svg +229 -0
  98. data/public/docs/dist/fonts/glyphicons-halflings-regular.ttf +0 -0
  99. data/public/docs/dist/fonts/glyphicons-halflings-regular.woff +0 -0
  100. data/public/docs/dist/js/bootstrap.min.js +7 -0
  101. data/public/docs/examples/blog/blog.css +168 -0
  102. data/public/docs/examples/blog/index.html +171 -0
  103. data/public/docs/examples/carousel/carousel.css +148 -0
  104. data/public/docs/examples/carousel/index.html +206 -0
  105. data/public/docs/examples/cover/cover.css +161 -0
  106. data/public/docs/examples/cover/index.html +75 -0
  107. data/public/docs/examples/dashboard/dashboard.css +93 -0
  108. data/public/docs/examples/dashboard/index.html +243 -0
  109. data/public/docs/examples/grid/grid.css +28 -0
  110. data/public/docs/examples/grid/index.html +152 -0
  111. data/public/docs/examples/jumbotron-narrow/index.html +82 -0
  112. data/public/docs/examples/jumbotron-narrow/jumbotron-narrow.css +79 -0
  113. data/public/docs/examples/jumbotron/index.html +99 -0
  114. data/public/docs/examples/jumbotron/jumbotron.css +5 -0
  115. data/public/docs/examples/justified-nav/index.html +84 -0
  116. data/public/docs/examples/justified-nav/justified-nav.css +88 -0
  117. data/public/docs/examples/navbar-fixed-top/index.html +91 -0
  118. data/public/docs/examples/navbar-fixed-top/navbar-fixed-top.css +4 -0
  119. data/public/docs/examples/navbar-static-top/index.html +92 -0
  120. data/public/docs/examples/navbar-static-top/navbar-static-top.css +7 -0
  121. data/public/docs/examples/navbar/index.html +90 -0
  122. data/public/docs/examples/navbar/navbar.css +8 -0
  123. data/public/docs/examples/non-responsive/index.html +105 -0
  124. data/public/docs/examples/non-responsive/non-responsive.css +120 -0
  125. data/public/docs/examples/offcanvas/index.html +130 -0
  126. data/public/docs/examples/offcanvas/offcanvas.css +51 -0
  127. data/public/docs/examples/offcanvas/offcanvas.js +5 -0
  128. data/public/docs/examples/screenshots/blog.jpg +0 -0
  129. data/public/docs/examples/screenshots/carousel.jpg +0 -0
  130. data/public/docs/examples/screenshots/cover.jpg +0 -0
  131. data/public/docs/examples/screenshots/dashboard.jpg +0 -0
  132. data/public/docs/examples/screenshots/grid.jpg +0 -0
  133. data/public/docs/examples/screenshots/jumbotron-narrow.jpg +0 -0
  134. data/public/docs/examples/screenshots/jumbotron.jpg +0 -0
  135. data/public/docs/examples/screenshots/justified-nav.jpg +0 -0
  136. data/public/docs/examples/screenshots/navbar-fixed.jpg +0 -0
  137. data/public/docs/examples/screenshots/navbar-static.jpg +0 -0
  138. data/public/docs/examples/screenshots/navbar.jpg +0 -0
  139. data/public/docs/examples/screenshots/non-responsive.jpg +0 -0
  140. data/public/docs/examples/screenshots/offcanvas.jpg +0 -0
  141. data/public/docs/examples/screenshots/sign-in.jpg +0 -0
  142. data/public/docs/examples/screenshots/starter-template.jpg +0 -0
  143. data/public/docs/examples/screenshots/sticky-footer-navbar.jpg +0 -0
  144. data/public/docs/examples/screenshots/sticky-footer.jpg +0 -0
  145. data/public/docs/examples/screenshots/theme.jpg +0 -0
  146. data/public/docs/examples/signin/index.html +50 -0
  147. data/public/docs/examples/signin/signin.css +40 -0
  148. data/public/docs/examples/starter-template/index.html +68 -0
  149. data/public/docs/examples/starter-template/starter-template.css +7 -0
  150. data/public/docs/examples/sticky-footer-navbar/index.html +91 -0
  151. data/public/docs/examples/sticky-footer-navbar/sticky-footer-navbar.css +45 -0
  152. data/public/docs/examples/sticky-footer/index.html +55 -0
  153. data/public/docs/examples/sticky-footer/sticky-footer.css +38 -0
  154. data/public/docs/examples/theme/index.html +384 -0
  155. data/public/docs/examples/theme/theme.css +14 -0
  156. data/public/docs/getting-started.html +773 -0
  157. data/public/docs/grunt/bs-glyphicons-data-generator.js +33 -0
  158. data/public/docs/grunt/bs-lessdoc-parser.js +236 -0
  159. data/public/docs/grunt/bs-raw-files-generator.js +31 -0
  160. data/public/docs/index.html +72 -0
  161. data/public/docs/javascript.html +2141 -0
  162. data/public/docs/migration.html +423 -0
  163. data/public/fonts/glyphicons-halflings-regular.eot +0 -0
  164. data/public/fonts/glyphicons-halflings-regular.svg +229 -0
  165. data/public/fonts/glyphicons-halflings-regular.ttf +0 -0
  166. data/public/fonts/glyphicons-halflings-regular.woff +0 -0
  167. data/public/js/._exporting.js +0 -0
  168. data/public/js/._highcharts-all.js +0 -0
  169. data/public/js/._jquery-min.js +0 -0
  170. data/public/js/.jscs.json +15 -0
  171. data/public/js/.jshintrc +14 -0
  172. data/public/js/affix.js +137 -0
  173. data/public/js/alert.js +88 -0
  174. data/public/js/bootstrap.min.js +6 -0
  175. data/public/js/button.js +107 -0
  176. data/public/js/carousel.js +205 -0
  177. data/public/js/collapse.js +170 -0
  178. data/public/js/dropdown.js +147 -0
  179. data/public/js/highcharts.js +294 -0
  180. data/public/js/jquery-1.11.0.min.js +4 -0
  181. data/public/js/modal.js +243 -0
  182. data/public/js/popover.js +110 -0
  183. data/public/js/scrollspy.js +153 -0
  184. data/public/js/tab.js +125 -0
  185. data/public/js/tests/index.html +54 -0
  186. data/public/js/tests/unit/affix.js +50 -0
  187. data/public/js/tests/unit/alert.js +62 -0
  188. data/public/js/tests/unit/button.js +122 -0
  189. data/public/js/tests/unit/carousel.js +110 -0
  190. data/public/js/tests/unit/collapse.js +164 -0
  191. data/public/js/tests/unit/dropdown.js +218 -0
  192. data/public/js/tests/unit/modal.js +195 -0
  193. data/public/js/tests/unit/phantom.js +69 -0
  194. data/public/js/tests/unit/popover.js +133 -0
  195. data/public/js/tests/unit/scrollspy.js +36 -0
  196. data/public/js/tests/unit/tab.js +86 -0
  197. data/public/js/tests/unit/tooltip.js +432 -0
  198. data/public/js/tests/vendor/jquery.js +6 -0
  199. data/public/js/tests/vendor/qunit.css +245 -0
  200. data/public/js/tests/vendor/qunit.js +2210 -0
  201. data/public/js/tooltip.js +399 -0
  202. data/public/js/transition.js +48 -0
  203. data/public/less/.csscomb.json +297 -0
  204. data/public/less/.csslintrc +19 -0
  205. data/public/less/alerts.less +67 -0
  206. data/public/less/badges.less +55 -0
  207. data/public/less/bootstrap.less +49 -0
  208. data/public/less/breadcrumbs.less +26 -0
  209. data/public/less/button-groups.less +226 -0
  210. data/public/less/buttons.less +155 -0
  211. data/public/less/carousel.less +232 -0
  212. data/public/less/close.less +33 -0
  213. data/public/less/code.less +63 -0
  214. data/public/less/component-animations.less +29 -0
  215. data/public/less/dropdowns.less +213 -0
  216. data/public/less/forms.less +419 -0
  217. data/public/less/glyphicons.less +233 -0
  218. data/public/less/grid.less +100 -0
  219. data/public/less/input-groups.less +157 -0
  220. data/public/less/jumbotron.less +44 -0
  221. data/public/less/labels.less +64 -0
  222. data/public/less/list-group.less +110 -0
  223. data/public/less/media.less +56 -0
  224. data/public/less/mixins.less +926 -0
  225. data/public/less/modals.less +138 -0
  226. data/public/less/navbar.less +616 -0
  227. data/public/less/navs.less +242 -0
  228. data/public/less/normalize.less +423 -0
  229. data/public/less/pager.less +55 -0
  230. data/public/less/pagination.less +88 -0
  231. data/public/less/panels.less +230 -0
  232. data/public/less/popovers.less +133 -0
  233. data/public/less/print.less +101 -0
  234. data/public/less/progress-bars.less +80 -0
  235. data/public/less/responsive-utilities.less +93 -0
  236. data/public/less/scaffolding.less +134 -0
  237. data/public/less/tables.less +233 -0
  238. data/public/less/theme.less +247 -0
  239. data/public/less/thumbnails.less +36 -0
  240. data/public/less/tooltip.less +95 -0
  241. data/public/less/type.less +296 -0
  242. data/public/less/utilities.less +56 -0
  243. data/public/less/variables.less +827 -0
  244. data/public/less/wells.less +29 -0
  245. data/public/package.json +71 -0
  246. data/public/test-infra/README.md +100 -0
  247. data/public/test-infra/npm-shrinkwrap.canonical.json +1 -0
  248. data/public/test-infra/requirements.txt +1 -0
  249. data/public/test-infra/s3_cache.py +107 -0
  250. data/public/test-infra/sauce_browsers.yml +83 -0
  251. data/public/test-infra/shrinkwrap.js +24 -0
  252. data/public/test-infra/uncached-npm-install.sh +4 -0
  253. data/rvnstat.gemspec +26 -0
  254. data/rvnstat.yml +3 -0
  255. data/ss.png +0 -0
  256. data/untitled.txt +0 -0
  257. data/views/._hourly.erb +0 -0
  258. data/views/._index.erb +0 -0
  259. data/views/._live_traffic.erb +0 -0
  260. data/views/._monthly.erb +0 -0
  261. data/views/._top_ten.erb +0 -0
  262. data/views/day_detail.erb +44 -0
  263. data/views/day_total.erb +42 -0
  264. data/views/graph_test.erb +2 -0
  265. data/views/hourly.erb +19 -0
  266. data/views/index.erb +71 -0
  267. data/views/layout.erb +28 -0
  268. data/views/live_traffic.erb +57 -0
  269. data/views/monthly.erb +21 -0
  270. data/views/top_ten.erb +21 -0
  271. metadata +385 -0
@@ -0,0 +1,89 @@
1
+ <li>
2
+ <a href="#js-overview">Overview</a>
3
+ <ul class="nav">
4
+ <li><a href="#js-individual-compiled">Individual or compiled</a></li>
5
+ <li><a href="#js-data-attrs">Data attributes</a></li>
6
+ <li><a href="#js-programmatic-api">Programmatic API</a></li>
7
+ <li><a href="#js-noconflict">No conflict</a></li>
8
+ <li><a href="#js-events">Events</a></li>
9
+ </ul>
10
+ </li>
11
+ <li><a href="#transitions">Transitions</a></li>
12
+ <li>
13
+ <a href="#modals">Modal</a>
14
+ <ul class="nav">
15
+ <li><a href="#modals-examples">Examples</a></li>
16
+ <li><a href="#modals-sizes">Sizes</a></li>
17
+ <li><a href="#modals-usage">Usage</a></li>
18
+ </ul>
19
+ </li>
20
+ <li>
21
+ <a href="#dropdowns">Dropdown</a>
22
+ <ul class="nav">
23
+ <li><a href="#dropdowns-examples">Examples</a></li>
24
+ <li><a href="#dropdowns-usage">Usage</a></li>
25
+ </ul>
26
+ </li>
27
+ <li>
28
+ <a href="#scrollspy">Scrollspy</a>
29
+ <ul class="nav">
30
+ <li><a href="#scrollspy-examples">Examples</a></li>
31
+ <li><a href="#scrollspy-usage">Usage</a></li>
32
+ </ul>
33
+ </li>
34
+ <li>
35
+ <a href="#tabs">Tab</a>
36
+ <ul class="nav">
37
+ <li><a href="#tabs-examples">Examples</a></li>
38
+ <li><a href="#tabs-usage">Usage</a></li>
39
+ </ul>
40
+ </li>
41
+ <li>
42
+ <a href="#tooltips">Tooltip</a>
43
+ <ul class="nav">
44
+ <li><a href="#tooltips-examples">Examples</a></li>
45
+ <li><a href="#tooltips-usage">Usage</a></li>
46
+ </ul>
47
+ </li>
48
+ <li>
49
+ <a href="#popovers">Popover</a>
50
+ <ul class="nav">
51
+ <li><a href="#popovers-examples">Examples</a></li>
52
+ <li><a href="#popovers-usage">Usage</a></li>
53
+ </ul>
54
+ </li>
55
+ <li>
56
+ <a href="#alerts">Alert</a>
57
+ <ul class="nav">
58
+ <li><a href="#alerts-examples">Examples</a></li>
59
+ <li><a href="#alerts-usage">Usage</a></li>
60
+ </ul>
61
+ </li>
62
+ <li>
63
+ <a href="#buttons">Button</a>
64
+ <ul class="nav">
65
+ <li><a href="#buttons-examples">Examples</a></li>
66
+ <li><a href="#buttons-usage">Usage</a></li>
67
+ </ul>
68
+ </li>
69
+ <li>
70
+ <a href="#collapse">Collapse</a>
71
+ <ul class="nav">
72
+ <li><a href="#collapse-examples">Examples</a></li>
73
+ <li><a href="#collapse-usage">Usage</a></li>
74
+ </ul>
75
+ </li>
76
+ <li>
77
+ <a href="#carousel">Carousel</a>
78
+ <ul class="nav">
79
+ <li><a href="#carousel-examples">Examples</a></li>
80
+ <li><a href="#carousel-usage">Usage</a></li>
81
+ </ul>
82
+ </li>
83
+ <li>
84
+ <a href="#affix">Affix</a>
85
+ <ul class="nav">
86
+ <li><a href="#affix-examples">Examples</a></li>
87
+ <li><a href="#affix-usage">Usage</a></li>
88
+ </ul>
89
+ </li>
@@ -0,0 +1,36 @@
1
+ <header class="navbar navbar-static-top bs-docs-nav" role="banner">
2
+ <div class="container">
3
+ <div class="navbar-header">
4
+ <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse">
5
+ <span class="sr-only">Toggle navigation</span>
6
+ <span class="icon-bar"></span>
7
+ <span class="icon-bar"></span>
8
+ <span class="icon-bar"></span>
9
+ </button>
10
+ <a href="../" class="navbar-brand">Bootstrap</a>
11
+ </div>
12
+ <nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
13
+ <ul class="nav navbar-nav">
14
+ <li{% if page.slug == "getting-started" %} class="active"{% endif %}>
15
+ <a href="../getting-started">Getting started</a>
16
+ </li>
17
+ <li{% if page.slug == "css" %} class="active"{% endif %}>
18
+ <a href="../css">CSS</a>
19
+ </li>
20
+ <li{% if page.slug == "components" %} class="active"{% endif %}>
21
+ <a href="../components">Components</a>
22
+ </li>
23
+ <li{% if page.slug == "js" %} class="active"{% endif %}>
24
+ <a href="../javascript">JavaScript</a>
25
+ </li>
26
+ <li{% if page.slug == "customize" %} class="active"{% endif %}>
27
+ <a href="../customize">Customize</a>
28
+ </li>
29
+ </ul>
30
+ <ul class="nav navbar-nav navbar-right">
31
+ <li><a href="{{ site.expo }}" onclick="_gaq.push(['_trackEvent', 'Navbar', 'Community links', 'Expo']);">Expo</a></li>
32
+ <li><a href="{{ site.blog }}" onclick="_gaq.push(['_trackEvent', 'Navbar', 'Community links', 'Blog']);">Blog</a></li>
33
+ </ul>
34
+ </nav>
35
+ </div>
36
+ </header>
@@ -0,0 +1,12 @@
1
+ <li>
2
+ <a href="#classes">Major class changes</a>
3
+ </li>
4
+ <li>
5
+ <a href="#new">What's new</a>
6
+ </li>
7
+ <li>
8
+ <a href="#dropped">What's removed</a>
9
+ </li>
10
+ <li>
11
+ <a href="#notes">Additional notes</a>
12
+ </li>
@@ -0,0 +1,16 @@
1
+ <div class="bs-social">
2
+ <ul class="bs-social-buttons">
3
+ <li>
4
+ <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=twbs&amp;repo=bootstrap&amp;type=watch&amp;count=true" width="100" height="20" title="Star on GitHub"></iframe>
5
+ </li>
6
+ <li>
7
+ <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=twbs&amp;repo=bootstrap&amp;type=fork&amp;count=true" width="102" height="20" title="Fork on GitHub"></iframe>
8
+ </li>
9
+ <li class="follow-btn">
10
+ <a href="https://twitter.com/twbootstrap" class="twitter-follow-button" data-link-color="#0069D6" data-show-count="true">Follow @twbootstrap</a>
11
+ </li>
12
+ <li class="tweet-btn">
13
+ <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://getbootstrap.com/" data-count="horizontal" data-via="twbootstrap" data-related="mdo:Creator of Bootstrap">Tweet</a>
14
+ </li>
15
+ </ul>
16
+ </div>
@@ -0,0 +1,55 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <!-- Meta, title, CSS, favicons, etc. -->
5
+ {% include header.html %}
6
+ </head>
7
+ <body>
8
+ <a class="sr-only" href="#content">Skip to main content</a>
9
+
10
+ <!-- Docs master nav -->
11
+ {% include nav-main.html %}
12
+
13
+ <!-- Docs page layout -->
14
+ <div class="bs-header" id="content">
15
+ <div class="container">
16
+ <h1>{{ page.title }}</h1>
17
+ <p>{{ page.lead }}</p>
18
+ {% include ads.html %}
19
+ </div>
20
+ </div>
21
+
22
+ <div class="container bs-docs-container">
23
+
24
+ <div class="row">
25
+ <div class="col-md-9" role="main">
26
+ {{ content }}
27
+ </div>
28
+ <div class="col-md-3">
29
+ <div class="bs-sidebar hidden-print" role="complementary">
30
+ <ul class="nav bs-sidenav">
31
+ {% if page.slug == "getting-started" %}
32
+ {% include nav-getting-started.html %}
33
+ {% elsif page.slug == "css" %}
34
+ {% include nav-css.html %}
35
+ {% elsif page.slug == "components" %}
36
+ {% include nav-components.html %}
37
+ {% elsif page.slug == "js" %}
38
+ {% include nav-javascript.html %}
39
+ {% elsif page.slug == "customize" %}
40
+ {% include nav-customize.html %}
41
+ {% elsif page.slug == "about" %}
42
+ {% include nav-about.html %}
43
+ {% elsif page.slug == "migration" %}
44
+ {% include nav-migration.html %}
45
+ {% endif %}
46
+ </ul>
47
+ </div>
48
+ </div>
49
+ </div>
50
+
51
+ </div>
52
+
53
+ {% include footer.html %}
54
+ </body>
55
+ </html>
@@ -0,0 +1,18 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <!-- Meta, title, CSS, favicons, etc. -->
5
+ {% include header.html %}
6
+ </head>
7
+ <body class="bs-docs-home">
8
+ <a class="sr-only" href="#content">Skip to main content</a>
9
+
10
+ <!-- Docs master nav -->
11
+ {% include nav-main.html %}
12
+
13
+ <!-- Page content of course! -->
14
+ {{ content }}
15
+
16
+ {% include footer.html %}
17
+ </body>
18
+ </html>
@@ -0,0 +1,149 @@
1
+ ---
2
+ layout: default
3
+ title: About
4
+ slug: about
5
+ lead: "Learn about the project's history, meet the maintaining teams, and find out how to use the Bootstrap brand."
6
+ ---
7
+
8
+
9
+ <!-- History
10
+ ================================================== -->
11
+ <div class="bs-docs-section">
12
+ <h1 id="history" class="page-header">History</h1>
13
+
14
+ <p class="lead">Originally created by a designer and a developer at Twitter, Bootstrap has become one of the most popular front-end frameworks and open source projects in the world.</p>
15
+ <p>Bootstrap was created at Twitter in mid-2010 by <a href="https://twitter.com/mdo">@mdo</a> and <a href="https://twitter.com/fat">@fat</a>. Prior to being an open-sourced framework, Bootstrap was known as <em>Twitter Blueprint</em>. A few months into development, Twitter held its <a href="https://blog.twitter.com/2010/hack-week">first Hack Week</a> and the project exploded as developers of all skill levels jumped in without any external guidance. It served as the style guide for internal tools development at the company for over a year before its public release, and continues to do so today.</p>
16
+ <p>Originally <a href="https://dev.twitter.com/blog/bootstrap-twitter">released</a> on <a href="https://twitter.com/mdo/statuses/104620039650557952"><time datetime="2011-08-19 11:25">Friday, August 19, 2011</time></a>, we've since had over <a href="https://github.com/twbs/bootstrap/releases">twenty releases</a>, including two major rewrites with v2 and v3. With Bootstrap 2, we added responsive functionality to the entire framework as an optional stylesheet. Building on that with Bootstrap 3, we rewrote the library once more to make it responsive by default with a mobile first approach.</p>
17
+ </div>
18
+
19
+
20
+ <!-- Team
21
+ ================================================== -->
22
+ <div class="bs-docs-section">
23
+ <h1 id="team" class="page-header">Team</h1>
24
+
25
+ <p class="lead">Bootstrap is maintained by the founding team and a small group of invaluable core contributors, with the massive support and involvement of our community.</p>
26
+
27
+ <h2 id="team-core">Core team</h2>
28
+ <div class="list-group bs-team">
29
+ <div class="list-group-item">
30
+ <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=mdo&amp;type=follow"></iframe>
31
+ <a class="team-member" href="https://github.com/mdo">
32
+ <img src="http://www.gravatar.com/avatar/bc4ab438f7a4ce1c406aadc688427f2c" alt="@mdo">
33
+ <strong>Mark Otto</strong> <small>@mdo</small>
34
+ </a>
35
+ </div>
36
+ <div class="list-group-item">
37
+ <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=fat&amp;type=follow"></iframe>
38
+ <a class="team-member" href="https://github.com/fat">
39
+ <img src="http://www.gravatar.com/avatar/a98244cbdacaf1c0b55499466002f7a8" alt="@fat">
40
+ <strong>Jacob Thornton</strong> <small>@fat</small>
41
+ </a>
42
+ </div>
43
+ <div class="list-group-item">
44
+ <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=cvrebert&amp;type=follow"></iframe>
45
+ <a class="team-member" href="https://github.com/cvrebert">
46
+ <img src="http://www.gravatar.com/avatar/edec428c425453955f770095a7d26c50" alt="@cvrebert">
47
+ <strong>Chris Rebert</strong> <small>@cvrebert</small>
48
+ </a>
49
+ </div>
50
+ <div class="list-group-item">
51
+ <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=juthilo&amp;type=follow"></iframe>
52
+ <a class="team-member" href="https://github.com/juthilo">
53
+ <img src="http://www.gravatar.com/avatar/0f7dd3ce58a416be5685ea6194f82b11" alt="@juthilo">
54
+ <strong>Julian Thilo</strong> <small>@juthilo</small>
55
+ </a>
56
+ </div>
57
+ </div>
58
+ <p>Get involved with Bootstrap development by <a href="https://github.com/twbs/bootstrap/issues/new">opening an issue</a> or submitting a pull request. Read our <a href="https://github.com/twbs/bootstrap/blob/master/CONTRIBUTING.md">contributing guidelines</a> for information on how we develop.</p>
59
+
60
+ <h2 id="team-sass">Sass team</h2>
61
+ <div class="list-group bs-team">
62
+ <div class="list-group-item">
63
+ <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=thomas-mcdonald&amp;type=follow"></iframe>
64
+ <a class="team-member" href="https://github.com/thomas-mcdonald">
65
+ <img src="http://www.gravatar.com/avatar/24cd55ab1a62ffb113ab8c02f64c9301" alt="@thomas-mcdonald">
66
+ <strong>Thomas McDonald</strong> <small>@thomas-mcdonald</small>
67
+ </a>
68
+ </div>
69
+ <div class="list-group-item">
70
+ <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=glebm&amp;type=follow"></iframe>
71
+ <a class="team-member" href="https://github.com/glebm">
72
+ <img src="http://www.gravatar.com/avatar/729f685b8e8d7e9feed18c177c82e59b" alt="@glebm">
73
+ <strong>Gleb Mazovetskiy</strong> <small>@glebm</small>
74
+ </a>
75
+ </div>
76
+ <div class="list-group-item">
77
+ <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=trisweb&amp;type=follow"></iframe>
78
+ <a class="team-member" href="https://github.com/trisweb">
79
+ <img src="http://www.gravatar.com/avatar/eb97c4cc97698ed0b22918225d178761" alt="@trisweb">
80
+ <strong>Tristan Harward</strong> <small>@trisweb</small>
81
+ </a>
82
+ </div>
83
+ <div class="list-group-item">
84
+ <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=sporkd&amp;type=follow"></iframe>
85
+ <a class="team-member" href="https://github.com/sporkd">
86
+ <img src="http://www.gravatar.com/avatar/492d8f2ba0e7807519cf4208e8f6d516" alt="@sporkd">
87
+ <strong>Peter Gumeson</strong> <small>@sporkd</small>
88
+ </a>
89
+ </div>
90
+ </div>
91
+ <p>The <a href="{{ site.sass_repo }}">official Sass port of Bootstrap</a> was created and is maintained by this team. It became part of Bootstrap's organization with v3.1.0. Read the Sass <a href="https://github.com/twbs/bootstrap-sass/blob/master/CONTRIBUTING.md">contributing guidelines</a> for information on how the Sass port is developed.</p>
92
+ </div>
93
+
94
+
95
+ <!-- Brand
96
+ ================================================== -->
97
+ <div class="bs-docs-section">
98
+ <h1 id="brand" class="page-header">Brand guidelines</h1>
99
+
100
+ <p class="lead">Have a need for Bootstrap's brand resources? Great! We have only a few guidelines we follow, and in turn ask you to follow as well. These guidelines were inspired by MailChimp's <a href="http://mailchimp.com/about/brand-assets/" target="_blank">Brand Assets</a>.</p>
101
+
102
+ <h2>Mark and logo</h2>
103
+ <p>Use either the Bootstrap mark (a capital <strong>B</strong>) or the standard logo (just <strong>Bootstrap</strong>). It should always appear in Helvetica Neue Bold. <strong>Do not use the Twitter bird</strong> in association with Bootstrap.</p>
104
+ <div class="bs-brand-logos">
105
+ <div class="bs-brand-item">
106
+ <div class="bs-booticon bs-booticon-lg">B</div>
107
+ </div>
108
+ <div class="bs-brand-item inverse">
109
+ <div class="bs-booticon bs-booticon-lg bs-booticon-inverse">B</div>
110
+ </div>
111
+ </div>
112
+ <div class="bs-brand-logos">
113
+ <div class="bs-brand-item">
114
+ <h1>Bootstrap</h1>
115
+ </div>
116
+ <div class="bs-brand-item inverse">
117
+ <h1>Bootstrap</h1>
118
+ </div>
119
+ </div>
120
+
121
+ <h2>Name</h2>
122
+ <p>The project and framework should always be referred to as <strong>Bootstrap</strong>. No Twitter before it, no capital <em>s</em>, and no abbreviations except for one, a capital <strong>B</strong>.</p>
123
+ <div class="bs-brand-logos">
124
+ <div class="bs-brand-item">
125
+ <h3>Bootstrap</h3>
126
+ <span class="glyphicon glyphicon-ok"></span>
127
+ </div>
128
+ <div class="bs-brand-item">
129
+ <h3 class="text-muted">BootStrap</h3>
130
+ <span class="glyphicon glyphicon-remove"></span>
131
+ </div>
132
+ <div class="bs-brand-item">
133
+ <h3 class="text-muted">Twitter Bootstrap</h3>
134
+ <span class="glyphicon glyphicon-remove"></span>
135
+ </div>
136
+ </div>
137
+
138
+ <h2>Colors</h2>
139
+ <p>Our docs and branding use a handful of primary colors to differentiate what <em>is</em> Bootstrap from what <em>is in</em> Bootstrap. In other words, if it's purple, it's representative of Bootstrap.</p>
140
+ <div class="bs-brand">
141
+ <div class="color-swatches">
142
+ <div class="color-swatch bs-purple"></div>
143
+ <div class="color-swatch bs-purple-light"></div>
144
+ <div class="color-swatch bs-purple-lighter"></div>
145
+ <div class="color-swatch bs-gray"></div>
146
+ </div>
147
+ </div>
148
+
149
+ </div>
@@ -0,0 +1,1394 @@
1
+ /*csslint ids: false, overqualified-elements: false, fallback-colors: false*/
2
+
3
+ /*!
4
+ * Bootstrap Docs (http://getbootstrap.com)
5
+ * Copyright 2011-2014 Twitter, Inc.
6
+ * Licensed under the Creative Commons Attribution 3.0 Unported License. For
7
+ * details, see http://creativecommons.org/licenses/by/3.0/.
8
+ */
9
+
10
+
11
+ /*
12
+ * Bootstrap Documentation
13
+ * Special styles for presenting Bootstrap's documentation and code examples.
14
+ *
15
+ * Table of contents:
16
+ *
17
+ * Scaffolding
18
+ * Main navigation
19
+ * Footer
20
+ * Social buttons
21
+ * Homepage
22
+ * Page headers
23
+ * Old docs callout
24
+ * Ads
25
+ * Side navigation
26
+ * Docs sections
27
+ * Callouts
28
+ * Grid styles
29
+ * Examples
30
+ * Code snippets (highlight)
31
+ * Responsive tests
32
+ * Glyphicons
33
+ * Customizer
34
+ * Miscellaneous
35
+ */
36
+
37
+
38
+ /*
39
+ * Scaffolding
40
+ *
41
+ * Update the basics of our documents to prep for docs content.
42
+ */
43
+
44
+ body {
45
+ position: relative; /* For scrollyspy */
46
+ }
47
+
48
+ /* Keep code small in tables on account of limited space */
49
+ .table code {
50
+ font-size: 13px;
51
+ font-weight: normal;
52
+ }
53
+
54
+ /* Outline button for use within the docs */
55
+ .btn-outline {
56
+ color: #563d7c;
57
+ background-color: transparent;
58
+ border-color: #563d7c;
59
+ }
60
+ .btn-outline:hover,
61
+ .btn-outline:focus,
62
+ .btn-outline:active {
63
+ color: #fff;
64
+ background-color: #563d7c;
65
+ border-color: #563d7c;
66
+ }
67
+
68
+ /* Inverted outline button (white on dark) */
69
+ .btn-outline-inverse {
70
+ color: #fff;
71
+ background-color: transparent;
72
+ border-color: #cdbfe3;
73
+ }
74
+ .btn-outline-inverse:hover,
75
+ .btn-outline-inverse:focus,
76
+ .btn-outline-inverse:active {
77
+ color: #563d7c;
78
+ text-shadow: none;
79
+ background-color: #fff;
80
+ border-color: #fff;
81
+ }
82
+
83
+ /* Bootstrap "B" icon */
84
+ .bs-booticon {
85
+ display: block;
86
+ font-weight: 500;
87
+ color: #fff;
88
+ background-color: #563d7c;
89
+ border-radius: 15%;
90
+ cursor: default;
91
+ text-align: center;
92
+ }
93
+ .bs-booticon-sm {
94
+ width: 30px;
95
+ height: 30px;
96
+ font-size: 20px;
97
+ line-height: 28px;
98
+ }
99
+ .bs-booticon-lg {
100
+ width: 144px;
101
+ height: 144px;
102
+ font-size: 108px;
103
+ line-height: 140px;
104
+ }
105
+ .bs-booticon-inverse {
106
+ color: #563d7c;
107
+ background-color: #fff;
108
+ }
109
+ .bs-booticon-outline {
110
+ background-color: transparent;
111
+ border: 1px solid #cdbfe3;
112
+ }
113
+
114
+
115
+ /*
116
+ * Main navigation
117
+ *
118
+ * Turn the `.navbar` at the top of the docs purple.
119
+ */
120
+
121
+ .bs-docs-nav {
122
+ margin-bottom: 0;
123
+ background-color: #fff;
124
+ border-bottom: 0;
125
+ }
126
+ .bs-home-nav .bs-nav-b {
127
+ display: none;
128
+ }
129
+ .bs-docs-nav .navbar-brand,
130
+ .bs-docs-nav .navbar-nav > li > a {
131
+ color: #563d7c;
132
+ font-weight: 500;
133
+ }
134
+ .bs-docs-nav .navbar-nav > li > a:hover,
135
+ .bs-docs-nav .navbar-nav > .active > a,
136
+ .bs-docs-nav .navbar-nav > .active > a:hover {
137
+ color: #463265;
138
+ background-color: #f9f9f9;
139
+ }
140
+ .bs-docs-nav .navbar-toggle .icon-bar {
141
+ background-color: #563d7c;
142
+ }
143
+ .bs-docs-nav .navbar-header .navbar-toggle {
144
+ border-color: #fff;
145
+ }
146
+ .bs-docs-nav .navbar-header .navbar-toggle:hover,
147
+ .bs-docs-nav .navbar-header .navbar-toggle:focus {
148
+ background-color: #f9f9f9;
149
+ border-color: #f9f9f9;
150
+ }
151
+
152
+
153
+ /*
154
+ * Footer
155
+ *
156
+ * Separated section of content at the bottom of all pages, save the homepage.
157
+ */
158
+
159
+ .bs-footer {
160
+ padding-top: 40px;
161
+ padding-bottom: 40px;
162
+ margin-top: 100px;
163
+ color: #777;
164
+ text-align: center;
165
+ border-top: 1px solid #e5e5e5;
166
+ }
167
+ .footer-links {
168
+ margin-top: 20px;
169
+ padding-left: 0;
170
+ color: #999;
171
+ }
172
+ .footer-links li {
173
+ display: inline;
174
+ padding: 0 2px;
175
+ }
176
+ .footer-links li:first-child {
177
+ padding-left: 0;
178
+ }
179
+
180
+ @media (min-width: 768px) {
181
+ .bs-footer p {
182
+ margin-bottom: 0;
183
+ }
184
+ }
185
+
186
+
187
+ /*
188
+ * Social buttons
189
+ *
190
+ * Twitter and GitHub social action buttons (for homepage and footer).
191
+ */
192
+
193
+ .bs-social {
194
+ margin-bottom: 20px;
195
+ text-align: center;
196
+ }
197
+ .bs-social-buttons {
198
+ display: inline-block;
199
+ margin-bottom: 0;
200
+ padding-left: 0;
201
+ list-style: none;
202
+ }
203
+ .bs-social-buttons li {
204
+ display: inline-block;
205
+ line-height: 1;
206
+ padding: 5px 8px;
207
+ }
208
+ .bs-social-buttons .twitter-follow-button {
209
+ width: 225px !important;
210
+ }
211
+ .bs-social-buttons .twitter-share-button {
212
+ width: 98px !important;
213
+ }
214
+ /* Style the GitHub buttons via CSS instead of inline attributes */
215
+ .github-btn {
216
+ border: 0;
217
+ overflow: hidden;
218
+ }
219
+
220
+
221
+ /*
222
+ * Homepage
223
+ *
224
+ * Tweaks to the custom homepage and the masthead (main jumbotron).
225
+ */
226
+
227
+ /* Share masthead with page headers */
228
+ .bs-masthead,
229
+ .bs-header {
230
+ position: relative;
231
+ padding: 30px 15px;
232
+ color: #cdbfe3;
233
+ text-align: center;
234
+ text-shadow: 0 1px 0 rgba(0,0,0,.1);
235
+ background-color: #6f5499;
236
+ background-image: -webkit-linear-gradient(top, #563d7c 0%, #6f5499 100%);
237
+ background-image: linear-gradient(to bottom, #563d7c 0%, #6f5499 100%);
238
+ background-repeat: repeat-x;
239
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#563d7c', endColorstr='#6F5499', GradientType=0);
240
+ }
241
+
242
+ /* Masthead (headings and download button) */
243
+ .bs-masthead .bs-booticon {
244
+ margin: 0 auto 30px;
245
+ }
246
+ .bs-masthead h1 {
247
+ font-weight: 300;
248
+ line-height: 1;
249
+ color: #fff;
250
+ }
251
+ .bs-masthead .lead {
252
+ margin: 0 auto 30px;
253
+ font-size: 20px;
254
+ color: #fff;
255
+ }
256
+ .bs-masthead .btn {
257
+ width: 100%;
258
+ padding: 15px 30px;
259
+ font-size: 20px;
260
+ }
261
+
262
+ @media (min-width: 480px) {
263
+ .bs-masthead .btn {
264
+ width: auto;
265
+ }
266
+ }
267
+
268
+ @media (min-width: 768px) {
269
+ .bs-masthead {
270
+ padding-top: 80px;
271
+ padding-bottom: 80px;
272
+ }
273
+ .bs-masthead h1 {
274
+ font-size: 60px;
275
+ }
276
+ .bs-masthead .lead {
277
+ font-size: 24px;
278
+ }
279
+ }
280
+
281
+ @media (min-width: 992px) {
282
+ .bs-masthead .lead {
283
+ width: 80%;
284
+ font-size: 30px;
285
+ }
286
+ }
287
+
288
+
289
+ /*
290
+ * Page headers
291
+ *
292
+ * Jumbotron-esque headers at the top of every page that's not the homepage.
293
+ */
294
+
295
+ /* Page headers */
296
+ .bs-header {
297
+ margin-bottom: 40px;
298
+ font-size: 20px;
299
+ }
300
+ .bs-header h1 {
301
+ margin-top: 0;
302
+ color: #fff;
303
+ }
304
+ .bs-header p {
305
+ margin-bottom: 0;
306
+ font-weight: 300;
307
+ line-height: 1.4;
308
+ }
309
+ .bs-header .container {
310
+ position: relative;
311
+ }
312
+
313
+ @media (min-width: 768px) {
314
+ .bs-header {
315
+ padding-top: 60px;
316
+ padding-bottom: 60px;
317
+ font-size: 24px;
318
+ text-align: left;
319
+ }
320
+ .bs-header h1 {
321
+ font-size: 60px;
322
+ line-height: 1;
323
+ }
324
+ }
325
+
326
+ @media (min-width: 992px) {
327
+ .bs-header h1,
328
+ .bs-header p {
329
+ margin-right: 380px;
330
+ }
331
+ }
332
+
333
+
334
+ /*
335
+ * Carbon ads
336
+ *
337
+ * Single display ad that shows on all pages (except homepage) in page headers.
338
+ * The hella `!important` is required for any pre-set property.
339
+ */
340
+
341
+ .carbonad {
342
+ width: auto !important;
343
+ margin: 30px -30px -31px !important;
344
+ padding: 20px !important;
345
+ overflow: hidden; /* clearfix */
346
+ height: auto !important;
347
+ font-size: 13px !important;
348
+ line-height: 16px !important;
349
+ text-align: left;
350
+ background: transparent !important;
351
+ border: solid #866ab3 !important;
352
+ border-width: 1px 0 !important;
353
+ }
354
+ .carbonad-img {
355
+ margin: 0 !important;
356
+ }
357
+ .carbonad-text,
358
+ .carbonad-tag {
359
+ float: none !important;
360
+ display: block !important;
361
+ width: auto !important;
362
+ height: auto !important;
363
+ margin-left: 145px !important;
364
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
365
+ }
366
+ .carbonad-text {
367
+ padding-top: 0 !important;
368
+ }
369
+ .carbonad-tag {
370
+ color: inherit !important;
371
+ text-align: left !important;
372
+ }
373
+ .carbonad-text a,
374
+ .carbonad-tag a {
375
+ color: #fff !important;
376
+ }
377
+ .carbonad #azcarbon > img {
378
+ display: none; /* hide what I assume are tracking images */
379
+ }
380
+
381
+ @media (min-width: 480px) {
382
+ .carbonad {
383
+ width: 330px !important;
384
+ margin: 20px auto !important;
385
+ border-radius: 4px;
386
+ border-width: 1px !important;
387
+ }
388
+ .bs-masthead .carbonad {
389
+ margin: 50px auto 0 !important;
390
+ }
391
+ }
392
+
393
+ @media (min-width: 768px) {
394
+ .carbonad {
395
+ margin-left: 0 !important;
396
+ margin-right: 0 !important;
397
+ }
398
+ }
399
+
400
+ @media (min-width: 992px) {
401
+ .carbonad {
402
+ position: absolute;
403
+ top: 0;
404
+ right: 15px; /* 15px instead of 0 since box-sizing */
405
+ margin: 0 !important;
406
+ padding: 15px !important;
407
+ width: 330px !important;
408
+ }
409
+ .bs-masthead .carbonad {
410
+ position: static;
411
+ }
412
+ }
413
+
414
+
415
+ /*
416
+ * Homepage featurettes
417
+ *
418
+ * Reasons to use Bootstrap, entries from the Expo, and more.
419
+ */
420
+
421
+ .bs-featurette {
422
+ padding-top: 40px;
423
+ padding-bottom: 40px;
424
+ font-size: 16px;
425
+ line-height: 1.5;
426
+ color: #555;
427
+ text-align: center;
428
+ background-color: #fff;
429
+ border-bottom: 1px solid #e5e5e5;
430
+ }
431
+ .bs-featurette + .bs-footer {
432
+ margin-top: 0;
433
+ border-top: 0;
434
+ }
435
+
436
+ .bs-featurette-title {
437
+ font-size: 30px;
438
+ font-weight: normal;
439
+ color: #333;
440
+ margin-bottom: 5px;
441
+ }
442
+ .half-rule {
443
+ width: 100px;
444
+ margin: 40px auto;
445
+ }
446
+ .bs-featurette h3 {
447
+ font-weight: normal;
448
+ color: #333;
449
+ margin-bottom: 5px;
450
+ }
451
+ .bs-featurette-img {
452
+ display: block;
453
+ margin-bottom: 20px;
454
+ color: #333;
455
+ }
456
+ .bs-featurette-img:hover {
457
+ text-decoration: none;
458
+ color: #428bca;
459
+ }
460
+ .bs-featurette-img img {
461
+ display: block;
462
+ margin-bottom: 15px;
463
+ }
464
+
465
+ /* Featured sites */
466
+ .bs-featured-sites {
467
+ margin-left: -1px;
468
+ margin-right: -1px;
469
+ }
470
+ .bs-featured-sites .col-sm-3 {
471
+ padding-left: 1px;
472
+ padding-right: 1px;
473
+ }
474
+
475
+ @media (min-width: 480px) {
476
+ .bs-featurette .img-responsive {
477
+ margin-top: 30px;
478
+ }
479
+ }
480
+ @media (min-width: 768px) {
481
+ .bs-featurette {
482
+ padding-top: 100px;
483
+ padding-bottom: 100px;
484
+ }
485
+ .bs-featurette-title {
486
+ font-size: 40px;
487
+ }
488
+ .bs-featurette .lead {
489
+ margin-left: auto;
490
+ margin-right: auto;
491
+ max-width: 80%;
492
+ }
493
+ .bs-featured-sites .col-sm-3:first-child img {
494
+ border-top-left-radius: 4px;
495
+ border-bottom-left-radius: 4px;
496
+ }
497
+ .bs-featured-sites .col-sm-3:last-child img {
498
+ border-top-right-radius: 4px;
499
+ border-bottom-right-radius: 4px;
500
+ }
501
+
502
+ .bs-featurette .img-responsive {
503
+ margin-top: 0;
504
+ }
505
+ }
506
+
507
+
508
+ /*
509
+ * Side navigation
510
+ *
511
+ * Scrollspy and affixed enhanced navigation to highlight sections and secondary
512
+ * sections of docs content.
513
+ */
514
+
515
+ /* By default it's not affixed in mobile views, so undo that */
516
+ .bs-sidebar.affix {
517
+ position: static;
518
+ }
519
+ @media (min-width: 768px) {
520
+ .bs-sidebar {
521
+ padding-left: 20px;
522
+ }
523
+ }
524
+
525
+ /* First level of nav */
526
+ .bs-sidenav {
527
+ margin-top: 20px;
528
+ margin-bottom: 20px;
529
+ }
530
+
531
+ /* All levels of nav */
532
+ .bs-sidebar .nav > li > a {
533
+ display: block;
534
+ font-size: 13px;
535
+ font-weight: 500;
536
+ color: #999;
537
+ padding: 4px 20px;
538
+ }
539
+ .bs-sidebar .nav > li > a:hover,
540
+ .bs-sidebar .nav > li > a:focus {
541
+ padding-left: 19px;
542
+ color: #563d7c;
543
+ text-decoration: none;
544
+ background-color: transparent;
545
+ border-left: 1px solid #563d7c;
546
+ }
547
+ .bs-sidebar .nav > .active > a,
548
+ .bs-sidebar .nav > .active:hover > a,
549
+ .bs-sidebar .nav > .active:focus > a {
550
+ padding-left: 18px;
551
+ font-weight: bold;
552
+ color: #563d7c;
553
+ background-color: transparent;
554
+ border-left: 2px solid #563d7c;
555
+ }
556
+
557
+ /* Nav: second level (shown on .active) */
558
+ .bs-sidebar .nav .nav {
559
+ display: none; /* Hide by default, but at >768px, show it */
560
+ padding-bottom: 10px;
561
+ }
562
+ .bs-sidebar .nav .nav > li > a {
563
+ padding-top: 2px;
564
+ padding-bottom: 2px;
565
+ padding-left: 30px;
566
+ font-size: 12px;
567
+ font-weight: normal;
568
+ }
569
+ .bs-sidebar .nav .nav > li > a:hover,
570
+ .bs-sidebar .nav .nav > li > a:focus {
571
+ padding-left: 29px;
572
+ }
573
+ .bs-sidebar .nav .nav > .active > a,
574
+ .bs-sidebar .nav .nav > .active:hover > a,
575
+ .bs-sidebar .nav .nav > .active:focus > a {
576
+ font-weight: 500;
577
+ padding-left: 28px;
578
+ }
579
+
580
+ /* Show and affix the side nav when space allows it */
581
+ @media (min-width: 992px) {
582
+ .bs-sidebar .nav > .active > ul {
583
+ display: block;
584
+ }
585
+ /* Widen the fixed sidebar */
586
+ .bs-sidebar.affix,
587
+ .bs-sidebar.affix-bottom {
588
+ width: 213px;
589
+ }
590
+ .bs-sidebar.affix {
591
+ position: fixed; /* Undo the static from mobile first approach */
592
+ top: 20px;
593
+ }
594
+ .bs-sidebar.affix-bottom {
595
+ position: absolute; /* Undo the static from mobile first approach */
596
+ }
597
+ .bs-sidebar.affix-bottom .bs-sidenav,
598
+ .bs-sidebar.affix .bs-sidenav {
599
+ margin-top: 0;
600
+ margin-bottom: 0;
601
+ }
602
+ }
603
+ @media (min-width: 1200px) {
604
+ /* Widen the fixed sidebar again */
605
+ .bs-sidebar.affix-bottom,
606
+ .bs-sidebar.affix {
607
+ width: 263px;
608
+ }
609
+ }
610
+
611
+
612
+ /*
613
+ * Docs sections
614
+ *
615
+ * Content blocks for each component or feature.
616
+ */
617
+
618
+ /* Space things out */
619
+ .bs-docs-section {
620
+ margin-bottom: 60px;
621
+ }
622
+ .bs-docs-section:last-child {
623
+ margin-bottom: 0;
624
+ }
625
+
626
+ h1[id] {
627
+ margin-top: 0;
628
+ padding-top: 20px;
629
+ }
630
+
631
+
632
+ /*
633
+ * Callouts
634
+ *
635
+ * Not quite alerts, but custom and helpful notes for folks reading the docs.
636
+ * Requires a base and modifier class.
637
+ */
638
+
639
+ /* Common styles for all types */
640
+ .bs-callout {
641
+ margin: 20px 0;
642
+ padding: 20px;
643
+ border-left: 3px solid #eee;
644
+ }
645
+ .bs-callout h4 {
646
+ margin-top: 0;
647
+ margin-bottom: 5px;
648
+ }
649
+ .bs-callout p:last-child {
650
+ margin-bottom: 0;
651
+ }
652
+ .bs-callout code {
653
+ background-color: #fff;
654
+ border-radius: 3px;
655
+ }
656
+
657
+ /* Variations */
658
+ .bs-callout-danger {
659
+ background-color: #fdf7f7;
660
+ border-color: #d9534f;
661
+ }
662
+ .bs-callout-danger h4 {
663
+ color: #d9534f;
664
+ }
665
+ .bs-callout-warning {
666
+ background-color: #fcf8f2;
667
+ border-color: #f0ad4e;
668
+ }
669
+ .bs-callout-warning h4 {
670
+ color: #f0ad4e;
671
+ }
672
+ .bs-callout-info {
673
+ background-color: #f4f8fa;
674
+ border-color: #5bc0de;
675
+ }
676
+ .bs-callout-info h4 {
677
+ color: #5bc0de;
678
+ }
679
+
680
+
681
+ /*
682
+ * Color swatches
683
+ *
684
+ * Color swatches and associated values for our grayscale and brand colors.
685
+ */
686
+
687
+ .color-swatches {
688
+ margin: 0 -5px;
689
+ overflow: hidden; /* clearfix */
690
+ }
691
+ .color-swatch {
692
+ float: left;
693
+ width: 60px;
694
+ height: 60px;
695
+ margin: 0 5px;
696
+ border-radius: 3px;
697
+ }
698
+
699
+ @media (min-width: 768px) {
700
+ .color-swatch {
701
+ width: 100px;
702
+ height: 100px;
703
+ }
704
+ }
705
+
706
+ /* Framework colors */
707
+ .color-swatches .gray-darker { background-color: #222; }
708
+ .color-swatches .gray-dark { background-color: #333; }
709
+ .color-swatches .gray { background-color: #555; }
710
+ .color-swatches .gray-light { background-color: #999; }
711
+ .color-swatches .gray-lighter { background-color: #eee; }
712
+ .color-swatches .brand-primary { background-color: #428bca; }
713
+ .color-swatches .brand-success { background-color: #5cb85c; }
714
+ .color-swatches .brand-warning { background-color: #f0ad4e; }
715
+ .color-swatches .brand-danger { background-color: #d9534f; }
716
+ .color-swatches .brand-info { background-color: #5bc0de; }
717
+
718
+ /* Docs colors */
719
+ .color-swatches .bs-purple { background-color: #563d7c; }
720
+ .color-swatches .bs-purple-light { background-color: #c7bfd3; }
721
+ .color-swatches .bs-purple-lighter { background-color: #e5e1ea; }
722
+ .color-swatches .bs-gray { background-color: #f9f9f9; }
723
+
724
+
725
+ /*
726
+ * Team members
727
+ *
728
+ * Avatars, names, and usernames for core team.
729
+ */
730
+
731
+ .bs-team .team-member {
732
+ color: #555;
733
+ line-height: 32px;
734
+ }
735
+ .bs-team .team-member:hover {
736
+ color: #333;
737
+ text-decoration: none;
738
+ }
739
+ .bs-team .github-btn {
740
+ float: right;
741
+ margin-top: 6px;
742
+ width: 180px;
743
+ height: 20px;
744
+ }
745
+ .bs-team img {
746
+ float: left;
747
+ width: 32px;
748
+ margin-right: 10px;
749
+ border-radius: 4px;
750
+ }
751
+
752
+
753
+ /*
754
+ * Grid examples
755
+ *
756
+ * Highlight the grid columns within the docs so folks can see their padding,
757
+ * alignment, sizing, etc.
758
+ */
759
+
760
+ .show-grid {
761
+ margin-bottom: 15px;
762
+ }
763
+ .show-grid [class^="col-"] {
764
+ padding-top: 10px;
765
+ padding-bottom: 10px;
766
+ background-color: #eee;
767
+ background-color: rgba(86,61,124,.15);
768
+ border: 1px solid #ddd;
769
+ border: 1px solid rgba(86,61,124,.2);
770
+ }
771
+
772
+
773
+ /*
774
+ * Examples
775
+ *
776
+ * Isolated sections of example content for each component or feature. Usually
777
+ * followed by a code snippet.
778
+ */
779
+
780
+ .bs-example {
781
+ position: relative;
782
+ padding: 45px 15px 15px;
783
+ margin: 0 -15px 15px;
784
+ background-color: #fafafa;
785
+ box-shadow: inset 0 3px 6px rgba(0,0,0,.05);
786
+ border-color: #e5e5e5 #eee #eee;
787
+ border-style: solid;
788
+ border-width: 1px 0;
789
+ }
790
+ /* Echo out a label for the example */
791
+ .bs-example:after {
792
+ content: "Example";
793
+ position: absolute;
794
+ top: 15px;
795
+ left: 15px;
796
+ font-size: 12px;
797
+ font-weight: bold;
798
+ color: #bbb;
799
+ text-transform: uppercase;
800
+ letter-spacing: 1px;
801
+ }
802
+
803
+ /* Tweak display of the code snippets when following an example */
804
+ .bs-example + .highlight {
805
+ margin: -15px -15px 15px;
806
+ border-radius: 0;
807
+ border-width: 0 0 1px;
808
+ }
809
+
810
+ /* Make the examples and snippets not full-width */
811
+ @media (min-width: 768px) {
812
+ .bs-example {
813
+ margin-left: 0;
814
+ margin-right: 0;
815
+ background-color: #fff;
816
+ border-width: 1px;
817
+ border-color: #ddd;
818
+ border-radius: 4px 4px 0 0;
819
+ box-shadow: none;
820
+ }
821
+ .bs-example + .highlight {
822
+ margin-top: -16px;
823
+ margin-left: 0;
824
+ margin-right: 0;
825
+ border-width: 1px;
826
+ border-bottom-left-radius: 4px;
827
+ border-bottom-right-radius: 4px;
828
+ }
829
+ }
830
+
831
+ /* Undo width of container */
832
+ .bs-example .container {
833
+ width: auto;
834
+ }
835
+
836
+ /* Tweak content of examples for optimum awesome */
837
+ .bs-example > p:last-child,
838
+ .bs-example > ul:last-child,
839
+ .bs-example > ol:last-child,
840
+ .bs-example > blockquote:last-child,
841
+ .bs-example > .form-control:last-child,
842
+ .bs-example > .table:last-child,
843
+ .bs-example > .navbar:last-child,
844
+ .bs-example > .jumbotron:last-child,
845
+ .bs-example > .alert:last-child,
846
+ .bs-example > .panel:last-child,
847
+ .bs-example > .list-group:last-child,
848
+ .bs-example > .well:last-child,
849
+ .bs-example > .progress:last-child,
850
+ .bs-example > .table-responsive:last-child > .table {
851
+ margin-bottom: 0;
852
+ }
853
+ .bs-example > p > .close {
854
+ float: none;
855
+ }
856
+
857
+ /* Typography */
858
+ .bs-example-type .table .type-info {
859
+ color: #999;
860
+ vertical-align: middle;
861
+ }
862
+ .bs-example-type .table td {
863
+ padding: 15px 0;
864
+ border-color: #eee;
865
+ }
866
+ .bs-example-type .table tr:first-child td {
867
+ border-top: 0;
868
+ }
869
+ .bs-example-type h1,
870
+ .bs-example-type h2,
871
+ .bs-example-type h3,
872
+ .bs-example-type h4,
873
+ .bs-example-type h5,
874
+ .bs-example-type h6 {
875
+ margin: 0;
876
+ }
877
+
878
+ /* Contextual background colors */
879
+ .bs-example-bg-classes p {
880
+ padding: 15px;
881
+ }
882
+
883
+ /* Images */
884
+ .bs-example > .img-circle,
885
+ .bs-example > .img-rounded,
886
+ .bs-example > .img-thumbnail {
887
+ margin: 5px;
888
+ }
889
+
890
+ /* Tables */
891
+ .bs-example > .table-responsive > .table {
892
+ background-color: #fff;
893
+ }
894
+
895
+ /* Buttons */
896
+ .bs-example > .btn,
897
+ .bs-example > .btn-group {
898
+ margin-top: 5px;
899
+ margin-bottom: 5px;
900
+ }
901
+ .bs-example > .btn-toolbar + .btn-toolbar {
902
+ margin-top: 10px;
903
+ }
904
+
905
+ /* Forms */
906
+ .bs-example-control-sizing select,
907
+ .bs-example-control-sizing input[type="text"] + input[type="text"] {
908
+ margin-top: 10px;
909
+ }
910
+ .bs-example-form .input-group {
911
+ margin-bottom: 10px;
912
+ }
913
+ .bs-example > textarea.form-control {
914
+ resize: vertical;
915
+ }
916
+
917
+ /* List groups */
918
+ .bs-example > .list-group {
919
+ max-width: 400px;
920
+ }
921
+
922
+ /* Navbars */
923
+ .bs-example .navbar:last-child {
924
+ margin-bottom: 0;
925
+ }
926
+ .bs-navbar-top-example,
927
+ .bs-navbar-bottom-example {
928
+ z-index: 1;
929
+ padding: 0;
930
+ overflow: hidden; /* cut the drop shadows off */
931
+ }
932
+ .bs-navbar-top-example .navbar-header,
933
+ .bs-navbar-bottom-example .navbar-header {
934
+ margin-left: 0;
935
+ }
936
+ .bs-navbar-top-example .navbar-fixed-top,
937
+ .bs-navbar-bottom-example .navbar-fixed-bottom {
938
+ position: relative;
939
+ margin-left: 0;
940
+ margin-right: 0;
941
+ }
942
+ .bs-navbar-top-example {
943
+ padding-bottom: 45px;
944
+ }
945
+ .bs-navbar-top-example:after {
946
+ top: auto;
947
+ bottom: 15px;
948
+ }
949
+ .bs-navbar-top-example .navbar-fixed-top {
950
+ top: -1px;
951
+ }
952
+ .bs-navbar-bottom-example {
953
+ padding-top: 45px;
954
+ }
955
+ .bs-navbar-bottom-example .navbar-fixed-bottom {
956
+ bottom: -1px;
957
+ }
958
+ .bs-navbar-bottom-example .navbar {
959
+ margin-bottom: 0;
960
+ }
961
+ @media (min-width: 768px) {
962
+ .bs-navbar-top-example .navbar-fixed-top,
963
+ .bs-navbar-bottom-example .navbar-fixed-bottom {
964
+ position: absolute;
965
+ }
966
+ .bs-navbar-top-example {
967
+ border-radius: 0 0 4px 4px;
968
+ }
969
+ .bs-navbar-bottom-example {
970
+ border-radius: 4px 4px 0 0;
971
+ }
972
+ }
973
+
974
+ /* Pagination */
975
+ .bs-example .pagination {
976
+ margin-top: 10px;
977
+ margin-bottom: 10px;
978
+ }
979
+
980
+ /* Pager */
981
+ .bs-example > .pager {
982
+ margin-top: 0;
983
+ }
984
+
985
+ /* Example modals */
986
+ .bs-example-modal {
987
+ background-color: #f5f5f5;
988
+ }
989
+ .bs-example-modal .modal {
990
+ position: relative;
991
+ top: auto;
992
+ right: auto;
993
+ left: auto;
994
+ bottom: auto;
995
+ z-index: 1;
996
+ display: block;
997
+ }
998
+ .bs-example-modal .modal-dialog {
999
+ left: auto;
1000
+ margin-left: auto;
1001
+ margin-right: auto;
1002
+ }
1003
+
1004
+ /* Example dropdowns */
1005
+ .bs-example > .dropdown > .dropdown-menu {
1006
+ position: static;
1007
+ display: block;
1008
+ margin-bottom: 5px;
1009
+ }
1010
+
1011
+ /* Example tabbable tabs */
1012
+ .bs-example-tabs .nav-tabs {
1013
+ margin-bottom: 15px;
1014
+ }
1015
+
1016
+ /* Tooltips */
1017
+ .bs-example-tooltips {
1018
+ text-align: center;
1019
+ }
1020
+ .bs-example-tooltips > .btn {
1021
+ margin-top: 5px;
1022
+ margin-bottom: 5px;
1023
+ }
1024
+
1025
+ /* Popovers */
1026
+ .bs-example-popover {
1027
+ padding-bottom: 24px;
1028
+ background-color: #f9f9f9;
1029
+ }
1030
+ .bs-example-popover .popover {
1031
+ position: relative;
1032
+ display: block;
1033
+ float: left;
1034
+ width: 260px;
1035
+ margin: 20px;
1036
+ }
1037
+
1038
+ /* Scrollspy demo on fixed height div */
1039
+ .scrollspy-example {
1040
+ position: relative;
1041
+ height: 200px;
1042
+ margin-top: 10px;
1043
+ overflow: auto;
1044
+ }
1045
+
1046
+
1047
+ /*
1048
+ * Code snippets
1049
+ *
1050
+ * Generated via Pygments and Jekyll, these are snippets of HTML, CSS, and JS.
1051
+ */
1052
+
1053
+ .highlight {
1054
+ padding: 9px 14px;
1055
+ margin-bottom: 14px;
1056
+ background-color: #f7f7f9;
1057
+ border: 1px solid #e1e1e8;
1058
+ border-radius: 4px;
1059
+ }
1060
+ .highlight pre {
1061
+ padding: 0;
1062
+ margin-top: 0;
1063
+ margin-bottom: 0;
1064
+ background-color: transparent;
1065
+ border: 0;
1066
+ white-space: nowrap;
1067
+ }
1068
+ .highlight pre code {
1069
+ font-size: inherit;
1070
+ color: #333; /* Effectively the base text color */
1071
+ }
1072
+ .highlight pre .lineno {
1073
+ display: inline-block;
1074
+ width: 22px;
1075
+ padding-right: 5px;
1076
+ margin-right: 10px;
1077
+ text-align: right;
1078
+ color: #bebec5;
1079
+ }
1080
+
1081
+
1082
+ /*
1083
+ * Responsive tests
1084
+ *
1085
+ * Generate a set of tests to show the responsive utilities in action.
1086
+ */
1087
+
1088
+ /* Responsive (scrollable) doc tables */
1089
+ .table-responsive .highlight pre {
1090
+ white-space: normal;
1091
+ }
1092
+
1093
+ /* Utility classes table */
1094
+ .bs-table th small,
1095
+ .responsive-utilities th small {
1096
+ display: block;
1097
+ font-weight: normal;
1098
+ color: #999;
1099
+ }
1100
+ .responsive-utilities tbody th {
1101
+ font-weight: normal;
1102
+ }
1103
+ .responsive-utilities td {
1104
+ text-align: center;
1105
+ }
1106
+ .responsive-utilities td.is-visible {
1107
+ color: #468847;
1108
+ background-color: #dff0d8 !important;
1109
+ }
1110
+ .responsive-utilities td.is-hidden {
1111
+ color: #ccc;
1112
+ background-color: #f9f9f9 !important;
1113
+ }
1114
+
1115
+ /* Responsive tests */
1116
+ .responsive-utilities-test {
1117
+ margin-top: 5px;
1118
+ }
1119
+ .responsive-utilities-test .col-xs-6 {
1120
+ margin-bottom: 10px;
1121
+ }
1122
+ .responsive-utilities-test span {
1123
+ display: block;
1124
+ padding: 15px 10px;
1125
+ font-size: 14px;
1126
+ font-weight: bold;
1127
+ line-height: 1.1;
1128
+ text-align: center;
1129
+ border-radius: 4px;
1130
+ }
1131
+ .visible-on .col-xs-6 .hidden-xs,
1132
+ .visible-on .col-xs-6 .hidden-sm,
1133
+ .visible-on .col-xs-6 .hidden-md,
1134
+ .visible-on .col-xs-6 .hidden-lg,
1135
+ .hidden-on .col-xs-6 .hidden-xs,
1136
+ .hidden-on .col-xs-6 .hidden-sm,
1137
+ .hidden-on .col-xs-6 .hidden-md,
1138
+ .hidden-on .col-xs-6 .hidden-lg {
1139
+ color: #999;
1140
+ border: 1px solid #ddd;
1141
+ }
1142
+ .visible-on .col-xs-6 .visible-xs,
1143
+ .visible-on .col-xs-6 .visible-sm,
1144
+ .visible-on .col-xs-6 .visible-md,
1145
+ .visible-on .col-xs-6 .visible-lg,
1146
+ .hidden-on .col-xs-6 .visible-xs,
1147
+ .hidden-on .col-xs-6 .visible-sm,
1148
+ .hidden-on .col-xs-6 .visible-md,
1149
+ .hidden-on .col-xs-6 .visible-lg {
1150
+ color: #468847;
1151
+ background-color: #dff0d8;
1152
+ border: 1px solid #d6e9c6;
1153
+ }
1154
+
1155
+
1156
+ /*
1157
+ * Glyphicons
1158
+ *
1159
+ * Special styles for displaying the icons and their classes in the docs.
1160
+ */
1161
+
1162
+ .bs-glyphicons {
1163
+ margin: 0 -19px 20px -16px;
1164
+ overflow: hidden;
1165
+ }
1166
+ .bs-glyphicons-list {
1167
+ padding-left: 0;
1168
+ list-style: none;
1169
+ }
1170
+ .bs-glyphicons li {
1171
+ float: left;
1172
+ width: 25%;
1173
+ height: 115px;
1174
+ padding: 10px;
1175
+ font-size: 10px;
1176
+ line-height: 1.4;
1177
+ text-align: center;
1178
+ border: 1px solid #fff;
1179
+ background-color: #f9f9f9;
1180
+ }
1181
+ .bs-glyphicons .glyphicon {
1182
+ margin-top: 5px;
1183
+ margin-bottom: 10px;
1184
+ font-size: 24px;
1185
+ }
1186
+ .bs-glyphicons .glyphicon-class {
1187
+ display: block;
1188
+ text-align: center;
1189
+ word-wrap: break-word; /* Help out IE10+ with class names */
1190
+ }
1191
+ .bs-glyphicons li:hover {
1192
+ color: #fff;
1193
+ background-color: #563d7c;
1194
+ }
1195
+
1196
+ @media (min-width: 768px) {
1197
+ .bs-glyphicons {
1198
+ margin-left: 0;
1199
+ margin-right: 0;
1200
+ }
1201
+ .bs-glyphicons li {
1202
+ width: 12.5%;
1203
+ font-size: 12px;
1204
+ }
1205
+ }
1206
+
1207
+
1208
+ /*
1209
+ * Customizer
1210
+ *
1211
+ * Since this is so form control heavy, we have quite a few styles to customize
1212
+ * the display of inputs, headings, and more. Also included are all the download
1213
+ * buttons and actions.
1214
+ */
1215
+
1216
+ .bs-customizer .toggle {
1217
+ float: right;
1218
+ margin-top: 25px;
1219
+ }
1220
+
1221
+ /* Headings and form contrls */
1222
+ .bs-customizer label {
1223
+ margin-top: 10px;
1224
+ font-weight: 500;
1225
+ color: #555;
1226
+ }
1227
+ .bs-customizer h2 {
1228
+ margin-top: 0;
1229
+ margin-bottom: 5px;
1230
+ padding-top: 30px;
1231
+ }
1232
+ .bs-customizer h3 {
1233
+ margin-bottom: 0;
1234
+ }
1235
+ .bs-customizer h4 {
1236
+ margin-top: 15px;
1237
+ margin-bottom: 0;
1238
+ }
1239
+ .bs-customizer .bs-callout h4 {
1240
+ margin-top: 0; /* lame, but due to specificity we have to duplicate */
1241
+ margin-bottom: 5px;
1242
+ }
1243
+ .bs-customizer input[type="text"] {
1244
+ font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
1245
+ background-color: #fafafa;
1246
+ }
1247
+ .bs-customizer .help-block {
1248
+ font-size: 12px;
1249
+ margin-bottom: 5px;
1250
+ }
1251
+
1252
+ /* For the variables, use regular weight */
1253
+ #less-section label {
1254
+ font-weight: normal;
1255
+ }
1256
+
1257
+ .bs-customizer-input {
1258
+ float: left;
1259
+ width: 33.333333%;
1260
+ padding-left: 15px;
1261
+ padding-right: 15px;
1262
+ }
1263
+
1264
+ /* Downloads */
1265
+ .bs-customize-download .btn-outline {
1266
+ padding: 20px;
1267
+ }
1268
+
1269
+ /* Error handling */
1270
+ .bs-customizer-alert {
1271
+ position: fixed;
1272
+ top: 51px;
1273
+ left: 0;
1274
+ right: 0;
1275
+ z-index: 1030;
1276
+ padding: 15px 0;
1277
+ color: #fff;
1278
+ background-color: #d9534f;
1279
+ box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
1280
+ border-bottom: 1px solid #b94441;
1281
+ }
1282
+ .bs-customizer-alert .close {
1283
+ margin-top: -4px;
1284
+ font-size: 24px;
1285
+ }
1286
+ .bs-customizer-alert p {
1287
+ margin-bottom: 0;
1288
+ }
1289
+ .bs-customizer-alert .glyphicon {
1290
+ margin-right: 5px;
1291
+ }
1292
+ .bs-customizer-alert pre {
1293
+ margin: 10px 0 0;
1294
+ color: #fff;
1295
+ background-color: #a83c3a;
1296
+ border-color: #973634;
1297
+ box-shadow: inset 0 2px 4px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.1);
1298
+ }
1299
+
1300
+
1301
+ /*
1302
+ * Brand guidelines
1303
+ *
1304
+ * Extra styles for displaying wordmarks, logos, etc.
1305
+ */
1306
+
1307
+ /* Logo series wrapper */
1308
+ .bs-brand-logos {
1309
+ display: table;
1310
+ width: 100%;
1311
+ margin-bottom: 15px;
1312
+ overflow: hidden;
1313
+ color: #563d7c;
1314
+ background-color: #f9f9f9;
1315
+ border-radius: 4px;
1316
+ }
1317
+
1318
+ /* Individual items */
1319
+ .bs-brand-item {
1320
+ padding: 60px 0;
1321
+ text-align: center;
1322
+ }
1323
+ .bs-brand-item + .bs-brand-item {
1324
+ border-top: 1px solid #fff;
1325
+ }
1326
+ .bs-brand-logos .inverse {
1327
+ color: #fff;
1328
+ background-color: #563d7c;
1329
+ }
1330
+
1331
+ /* Heading content within */
1332
+ .bs-brand-item h1,
1333
+ .bs-brand-item h3 {
1334
+ margin-top: 0;
1335
+ margin-bottom: 0;
1336
+ }
1337
+ .bs-brand-item .bs-booticon {
1338
+ margin-left: auto;
1339
+ margin-right: auto;
1340
+ }
1341
+
1342
+ /* Make the icons stand out on what is/isn't okay */
1343
+ .bs-brand-item .glyphicon {
1344
+ width: 30px;
1345
+ height: 30px;
1346
+ margin: 10px auto -10px;
1347
+ line-height: 30px;
1348
+ color: #fff;
1349
+ border-radius: 50%;
1350
+ }
1351
+ .bs-brand-item .glyphicon-ok { background-color: #5cb85c; }
1352
+ .bs-brand-item .glyphicon-remove { background-color: #d9534f; }
1353
+
1354
+ @media (min-width: 768px) {
1355
+ .bs-brand-item {
1356
+ display: table-cell;
1357
+ width: 1%;
1358
+ }
1359
+ .bs-brand-item + .bs-brand-item {
1360
+ border-top: 0;
1361
+ border-left: 1px solid #fff;
1362
+ }
1363
+ .bs-brand-item h1 {
1364
+ font-size: 60px;
1365
+ }
1366
+ }
1367
+
1368
+
1369
+ /*
1370
+ * Miscellaneous
1371
+ *
1372
+ * Odds and ends for optimum docs display.
1373
+ */
1374
+
1375
+ /* Examples gallery: space out content better */
1376
+ .bs-examples .thumbnail {
1377
+ margin-bottom: 10px;
1378
+ }
1379
+ .bs-examples h4 {
1380
+ margin-bottom: 5px;
1381
+ }
1382
+ .bs-examples p {
1383
+ margin-bottom: 20px;
1384
+ }
1385
+
1386
+ /* Pseudo :focus state for showing how it looks in the docs */
1387
+ #focusedInput {
1388
+ border-color: rgb(204,204,204); /* Restate unfocused value to make CSSLint happy that there's a pre-CSS3 fallback*/
1389
+ border-color: rgba(82,168,236,.8);
1390
+ outline: 0;
1391
+ outline: thin dotted \9; /* IE6-9 */
1392
+ -moz-box-shadow: 0 0 8px rgba(82,168,236,.6);
1393
+ box-shadow: 0 0 8px rgba(82,168,236,.6);
1394
+ }