lurker 0.5.4 → 0.5.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (43) hide show
  1. checksums.yaml +4 -4
  2. checksums.yaml.gz.asc +7 -7
  3. data.tar.gz.asc +7 -7
  4. data/Gemfile +1 -0
  5. data/README.md +4 -1
  6. data/Rakefile +5 -3
  7. data/lib/lurker/cli.rb +33 -5
  8. data/lib/lurker/form_builder.rb +2 -1
  9. data/lib/lurker/presenters/endpoint_presenter.rb +15 -3
  10. data/lib/lurker/presenters/schema_presenter.rb +5 -4
  11. data/lib/lurker/templates/javascripts/application.js +1 -6
  12. data/lib/lurker/templates/javascripts/highlight.pack.js +1 -0
  13. data/lib/lurker/templates/javascripts/lurker.js +15 -32
  14. data/lib/lurker/templates/layouts/_sidemenu.html.erb +4 -4
  15. data/lib/lurker/templates/layouts/application.html.erb +22 -34
  16. data/lib/lurker/templates/lurker/rendering/_submit_form.html.erb +25 -21
  17. data/lib/lurker/templates/lurker/rendering/show.html.erb +29 -59
  18. data/lib/lurker/templates/public/application.css +1329 -1422
  19. data/lib/lurker/templates/public/application.js +16 -129
  20. data/lib/lurker/templates/stylesheets/application.css +25 -14
  21. data/lib/lurker/templates/stylesheets/docs.css +1454 -0
  22. data/lib/lurker/templates/stylesheets/github.css +124 -0
  23. data/lib/lurker/version.rb +1 -1
  24. data/lurker.gemspec +4 -0
  25. data/spec/spec_helper.rb +8 -1
  26. data/templates/generate_stuff.rb +3 -1
  27. data/templates/lurker_app.rb +3 -7
  28. metadata +47 -16
  29. metadata.gz.asc +7 -7
  30. data/lib/lurker/templates/javascripts/plugins/metisMenu/jquery.metisMenu.js +0 -45
  31. data/lib/lurker/templates/javascripts/prettify.js +0 -28
  32. data/lib/lurker/templates/javascripts/sb-admin.js +0 -18
  33. data/lib/lurker/templates/layouts/_navbar_right.html.erb +0 -13
  34. data/lib/lurker/templates/layouts/_sidesearch.html.erb +0 -12
  35. data/lib/lurker/templates/lurker/rendering/_breadcrumb.html.erb +0 -9
  36. data/lib/lurker/templates/lurker/rendering/_information_warning_li.html.erb +0 -8
  37. data/lib/lurker/templates/lurker/rendering/_left_menu.html.erb +0 -38
  38. data/lib/lurker/templates/lurker/rendering/_route_definitions.html.erb +0 -7
  39. data/lib/lurker/templates/lurker/rendering/_undefined_route.html.erb +0 -6
  40. data/lib/lurker/templates/stylesheets/font-awesome/css/font-awesome.css +0 -1331
  41. data/lib/lurker/templates/stylesheets/prettify-desert.css +0 -34
  42. data/lib/lurker/templates/stylesheets/prettify.css +0 -1
  43. data/lib/lurker/templates/stylesheets/sb-admin.css +0 -315
@@ -85,23 +85,26 @@
85
85
  hostOptions.push(<option value={hostUrl}>{name}</option>);
86
86
  };
87
87
  return (
88
- <form accept-charset="UTF-8" action={this.state.action} onSubmit={this.handleSubmit} id="payload" className="form-horizontal" method="<%= @endpoint_presenter.form_verb %>">
88
+ <form accept-charset="UTF-8" action={this.state.action} onSubmit={this.handleSubmit} id="payload" className="bs-example hidden-print form-horizontal" method="<%= @endpoint_presenter.form_verb %>">
89
89
  <input name="_method" value="<%= @endpoint_presenter.verb %>" type="hidden" />
90
- <li className="list-group-item">
91
- <label forHtml="hostname">Host</label>
92
- <select id="hostname" className="form-control" valueLink={this.linkState('host')}>
93
- {hostOptions}
94
- </select>
95
- </li>
90
+ <div className="form-group">
91
+ <label className="control-label col-sm-1"forHtml="hostname">Lurk!</label>
92
+ <div className="col-sm-11">
93
+ <select id="hostname" className="form-control" valueLink={this.linkState('host')}>
94
+ {hostOptions}
95
+ </select>
96
+ </div>
97
+ </div>
96
98
 
97
- <li id="curl" className="list-group-item">
98
- <p>cURL</p>
99
- <pre>{this.state.curl}</pre>
100
- </li>
99
+ <div id="curl" className="form-group">
100
+ <p className="control-label col-sm-1">cURL</p>
101
+ <div className="col-sm-11">
102
+ <pre>{this.state.curl}</pre>
103
+ </div>
104
+ </div>
101
105
 
102
106
  <% if @url_params.present? %>
103
- <li className="list-group-item" id="url-payload">
104
- <p>URL Params</p>
107
+ <div className="bs-example url-params" id="url-payload">
105
108
  <fieldset ref="url-params">
106
109
  <% @url_params.each_with_index do |(label, value), i| %>
107
110
  <div className="form-group">
@@ -112,21 +115,22 @@
112
115
  </div>
113
116
  <% end %>
114
117
  </fieldset>
115
- </li>
118
+ </div>
116
119
  <% end %>
117
120
 
118
121
  <% if @post_params.present? %>
119
- <li className="list-group-item" id="post-payload">
120
- <p>Payload</p>
122
+ <div className="bs-example post-params" id="post-payload">
121
123
  <fieldset ref="post-params">
122
124
  <%= Lurker::FormBuilder.new(@post_params).html.html_safe %>
123
125
  </fieldset>
124
- </li>
126
+ </div>
125
127
  <% end %>
126
128
 
127
- <li className="list-group-item form-actions">
128
- <input id="submit-api" type="submit" className="btn btn-primary pull-right"></input>
129
- </li>
129
+ <div className="form-group row">
130
+ <div className="col-sm-offset-3 col-sm-9">
131
+ <input id="submit-api" type="submit" className="btn btn-primary pull-right"></input>
132
+ </div>
133
+ </div>
130
134
  </form>
131
135
  );
132
136
  }
@@ -137,4 +141,4 @@
137
141
  window.submitForm = submitForm;
138
142
  React.renderComponent(submitForm, document.getElementById('submit-form'));
139
143
  </script>
140
- <div id='submit-form'></div>
144
+ <div id="submit-form"></div>
@@ -1,63 +1,33 @@
1
- <div class="row">
2
- <div class="col-md-12">
3
- <h1 class="page-header"><%= @endpoint_presenter.description %></h1>
4
- </div>
5
- </div>
6
- <div class="row">
7
- <div class="col-md-8">
8
- <pre><%= @endpoint_presenter.verb %> <%= @endpoint_presenter.named_path %></pre>
1
+ <h1 id="endpoint" class="page-header"><%= @endpoint_presenter.description %></h1>
2
+ <pre><%= @endpoint_presenter.verb %> <%= @endpoint_presenter.named_path %></pre>
9
3
 
10
- <div id="show-api-response-div" class="panel panel-default" style="display: none;">
11
- <div class="panel-heading">
12
- <p class="lead">Live Response</p>
13
- <table class="small" ref="response-info">
14
- <tr class="status">
15
- <td class="name">Status:</td>
16
- <td class="value"></td>
17
- </tr>
18
- <tr class="time">
19
- <td class="name">Time:</td>
20
- <td class="value"></td>
21
- </tr>
22
- <tr class="headers">
23
- <td class="name">Headers:</td>
24
- <td class="value"></td>
25
- </tr>
26
- </table>
27
- </div>
28
- <div class="panel-body">
29
- <pre class="prettyprint nowrap" ref="response-json" style="display: none;"></pre>
30
- <pre class="prettyprint" ref="response-raw" style="display: none;"></pre>
31
- </div>
32
- </div> <!-- ./#show-api-response-div -->
4
+ <h3>Example</h3>
5
+ <%= render 'submit_form' %>
33
6
 
34
- <div class="panel panel-default">
35
- <div class="panel-heading">Response</div>
36
- <div class="panel-body">
37
- <%= raw @endpoint_presenter.example_response.to_html %>
38
- </div>
39
- </div>
7
+ <div id="show-api-response-div" class="highlight">
8
+ <table class="small table table-condensed" ref="response-info" style="display: none;">
9
+ <tr class="status">
10
+ <th class="name">Status:</th>
11
+ <td class="value"></td>
12
+ </tr>
13
+ <tr class="time">
14
+ <th class="name">Time:</th>
15
+ <td class="value"></td>
16
+ </tr>
17
+ <tr class="headers">
18
+ <th class="name">Headers:</th>
19
+ <td>
20
+ <a href="javascript:void(0)" data-toggle="collapse" data-target="#headers">Toggle</a>
21
+ <div id="headers" class="collapse value"></div>
22
+ </td>
23
+ </tr>
24
+ </table>
25
+ <pre><code id="response" ref="response-example" class="hljs"><%= @endpoint_presenter.example_response.html_safe %></code></pre>
26
+ <pre><code ref="response-raw" style="display: none;"></code></pre>
27
+ </div> <!-- ./#show-api-response-div -->
40
28
 
41
- <div class="panel panel-default">
42
- <div class="panel-heading">Request Schema</div>
43
- <div class="panel-body">
44
- <%= raw @endpoint_presenter.request_parameters.to_html %>
45
- </div>
46
- </div>
29
+ <h3>Request Schema</h3>
30
+ <%= raw @endpoint_presenter.request_parameters.to_html %>
47
31
 
48
- <div class="panel panel-default">
49
- <div class="panel-heading">Response Schema</div>
50
- <div class="panel-body">
51
- <%= raw @endpoint_presenter.response_parameters.to_html %>
52
- </div>
53
- </div>
54
- </div> <!-- ./col-md-8 -->
55
- <div id="show-api-div" class="col-md-4">
56
- <div class="panel panel-default">
57
- <div class="panel-heading">Lurk!</div>
58
- <ul class="panel-body list-group">
59
- <%= render 'submit_form' %>
60
- </ul>
61
- </div> <!-- ./panel-default -->
62
- </div> <!-- ./col-md-4 -->
63
- </div>
32
+ <h3>Response Schema</h3>
33
+ <%= raw @endpoint_presenter.response_parameters.to_html %>
@@ -5831,1711 +5831,1618 @@ td.visible-print {
5831
5831
  }
5832
5832
  /*# sourceMappingURL=bootstrap.css.map */
5833
5833
  /*!
5834
- * Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
5835
- * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
5834
+ * Bootstrap Docs (http://getbootstrap.com)
5835
+ * Copyright 2011-2014 Twitter, Inc.
5836
+ * Licensed under the Creative Commons Attribution 3.0 Unported License. For
5837
+ * details, see http://creativecommons.org/licenses/by/3.0/.
5836
5838
  */
5837
- /* FONT PATH
5838
- * -------------------------- */
5839
5839
 
5840
- .fa {
5841
- display: inline-block;
5842
- font-family: FontAwesome;
5843
- font-style: normal;
5844
- font-weight: normal;
5845
- line-height: 1;
5846
- -webkit-font-smoothing: antialiased;
5847
- -moz-osx-font-smoothing: grayscale;
5848
- }
5849
- /* makes the font 33% larger relative to the icon container */
5850
- .fa-lg {
5851
- font-size: 1.3333333333333333em;
5852
- line-height: 0.75em;
5853
- vertical-align: -15%;
5854
- }
5855
- .fa-2x {
5856
- font-size: 2em;
5857
- }
5858
- .fa-3x {
5859
- font-size: 3em;
5840
+
5841
+ /*
5842
+ * Bootstrap Documentation
5843
+ * Special styles for presenting Bootstrap's documentation and code examples.
5844
+ *
5845
+ * Table of contents:
5846
+ *
5847
+ * Scaffolding
5848
+ * Main navigation
5849
+ * Footer
5850
+ * Social buttons
5851
+ * Homepage
5852
+ * Page headers
5853
+ * Old docs callout
5854
+ * Ads
5855
+ * Side navigation
5856
+ * Docs sections
5857
+ * Callouts
5858
+ * Grid styles
5859
+ * Examples
5860
+ * Code snippets (highlight)
5861
+ * Responsive tests
5862
+ * Glyphicons
5863
+ * Customizer
5864
+ * Miscellaneous
5865
+ */
5866
+
5867
+
5868
+ /*
5869
+ * Scaffolding
5870
+ *
5871
+ * Update the basics of our documents to prep for docs content.
5872
+ */
5873
+
5874
+
5875
+ body {
5876
+ position: relative; /* For scrollspy */
5860
5877
  }
5861
- .fa-4x {
5862
- font-size: 4em;
5878
+
5879
+ /* Keep code small in tables on account of limited space */
5880
+ .table code {
5881
+ font-size: 13px;
5882
+ font-weight: normal;
5863
5883
  }
5864
- .fa-5x {
5865
- font-size: 5em;
5884
+
5885
+ /* Outline button for use within the docs */
5886
+ .btn-outline {
5887
+ color: #563d7c;
5888
+ background-color: transparent;
5889
+ border-color: #563d7c;
5866
5890
  }
5867
- .fa-fw {
5868
- width: 1.2857142857142858em;
5869
- text-align: center;
5891
+ .btn-outline:hover,
5892
+ .btn-outline:focus,
5893
+ .btn-outline:active {
5894
+ color: #fff;
5895
+ background-color: #563d7c;
5896
+ border-color: #563d7c;
5870
5897
  }
5871
- .fa-ul {
5872
- padding-left: 0;
5873
- margin-left: 2.142857142857143em;
5874
- list-style-type: none;
5898
+
5899
+ /* Inverted outline button (white on dark) */
5900
+ .btn-outline-inverse {
5901
+ color: #fff;
5902
+ background-color: transparent;
5903
+ border-color: #cdbfe3;
5875
5904
  }
5876
- .fa-ul > li {
5877
- position: relative;
5905
+ .btn-outline-inverse:hover,
5906
+ .btn-outline-inverse:focus,
5907
+ .btn-outline-inverse:active {
5908
+ color: #563d7c;
5909
+ text-shadow: none;
5910
+ background-color: #fff;
5911
+ border-color: #fff;
5878
5912
  }
5879
- .fa-li {
5880
- position: absolute;
5881
- left: -2.142857142857143em;
5882
- width: 2.142857142857143em;
5883
- top: 0.14285714285714285em;
5913
+
5914
+ /* Bootstrap "B" icon */
5915
+ .bs-docs-booticon {
5916
+ display: block;
5917
+ font-weight: 500;
5918
+ color: #fff;
5884
5919
  text-align: center;
5920
+ cursor: default;
5921
+ background-color: #563d7c;
5922
+ border-radius: 15%;
5885
5923
  }
5886
- .fa-li.fa-lg {
5887
- left: -1.8571428571428572em;
5888
- }
5889
- .fa-border {
5890
- padding: .2em .25em .15em;
5891
- border: solid 0.08em #eeeeee;
5892
- border-radius: .1em;
5893
- }
5894
- .pull-right {
5895
- float: right;
5896
- }
5897
- .pull-left {
5898
- float: left;
5899
- }
5900
- .fa.pull-left {
5901
- margin-right: .3em;
5902
- }
5903
- .fa.pull-right {
5904
- margin-left: .3em;
5905
- }
5906
- .fa-spin {
5907
- -webkit-animation: spin 2s infinite linear;
5908
- -moz-animation: spin 2s infinite linear;
5909
- -o-animation: spin 2s infinite linear;
5910
- animation: spin 2s infinite linear;
5911
- }
5912
- @-moz-keyframes spin {
5913
- 0% {
5914
- -moz-transform: rotate(0deg);
5915
- }
5916
- 100% {
5917
- -moz-transform: rotate(359deg);
5918
- }
5924
+ .bs-docs-booticon-sm {
5925
+ width: 30px;
5926
+ height: 30px;
5927
+ font-size: 20px;
5928
+ line-height: 28px;
5919
5929
  }
5920
- @-webkit-keyframes spin {
5921
- 0% {
5922
- -webkit-transform: rotate(0deg);
5923
- }
5924
- 100% {
5925
- -webkit-transform: rotate(359deg);
5926
- }
5930
+ .bs-docs-booticon-lg {
5931
+ width: 144px;
5932
+ height: 144px;
5933
+ font-size: 108px;
5934
+ line-height: 140px;
5927
5935
  }
5928
- @-o-keyframes spin {
5929
- 0% {
5930
- -o-transform: rotate(0deg);
5931
- }
5932
- 100% {
5933
- -o-transform: rotate(359deg);
5934
- }
5936
+ .bs-docs-booticon-inverse {
5937
+ color: #563d7c;
5938
+ background-color: #fff;
5935
5939
  }
5936
- @-ms-keyframes spin {
5937
- 0% {
5938
- -ms-transform: rotate(0deg);
5939
- }
5940
- 100% {
5941
- -ms-transform: rotate(359deg);
5942
- }
5940
+ .bs-docs-booticon-outline {
5941
+ background-color: transparent;
5942
+ border: 1px solid #cdbfe3;
5943
5943
  }
5944
- @keyframes spin {
5945
- 0% {
5946
- transform: rotate(0deg);
5947
- }
5948
- 100% {
5949
- transform: rotate(359deg);
5950
- }
5944
+
5945
+
5946
+ /*
5947
+ * Main navigation
5948
+ *
5949
+ * Turn the `.navbar` at the top of the docs purple.
5950
+ */
5951
+
5952
+ .bs-docs-nav {
5953
+ margin-bottom: 0;
5954
+ background-color: #fff;
5955
+ border-bottom: 0;
5951
5956
  }
5952
- .fa-rotate-90 {
5953
- filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
5954
- -webkit-transform: rotate(90deg);
5955
- -moz-transform: rotate(90deg);
5956
- -ms-transform: rotate(90deg);
5957
- -o-transform: rotate(90deg);
5958
- transform: rotate(90deg);
5957
+ .bs-home-nav .bs-nav-b {
5958
+ display: none;
5959
5959
  }
5960
- .fa-rotate-180 {
5961
- filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
5962
- -webkit-transform: rotate(180deg);
5963
- -moz-transform: rotate(180deg);
5964
- -ms-transform: rotate(180deg);
5965
- -o-transform: rotate(180deg);
5966
- transform: rotate(180deg);
5960
+ .bs-docs-nav .navbar-brand,
5961
+ .bs-docs-nav .navbar-nav > li > a {
5962
+ font-weight: 500;
5963
+ color: #563d7c;
5967
5964
  }
5968
- .fa-rotate-270 {
5969
- filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
5970
- -webkit-transform: rotate(270deg);
5971
- -moz-transform: rotate(270deg);
5972
- -ms-transform: rotate(270deg);
5973
- -o-transform: rotate(270deg);
5974
- transform: rotate(270deg);
5965
+ .bs-docs-nav .navbar-nav > li > a:hover,
5966
+ .bs-docs-nav .navbar-nav > .active > a,
5967
+ .bs-docs-nav .navbar-nav > .active > a:hover {
5968
+ color: #463265;
5969
+ background-color: #f9f9f9;
5975
5970
  }
5976
- .fa-flip-horizontal {
5977
- filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
5978
- -webkit-transform: scale(-1, 1);
5979
- -moz-transform: scale(-1, 1);
5980
- -ms-transform: scale(-1, 1);
5981
- -o-transform: scale(-1, 1);
5982
- transform: scale(-1, 1);
5971
+ .bs-docs-nav .navbar-toggle .icon-bar {
5972
+ background-color: #563d7c;
5983
5973
  }
5984
- .fa-flip-vertical {
5985
- filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
5986
- -webkit-transform: scale(1, -1);
5987
- -moz-transform: scale(1, -1);
5988
- -ms-transform: scale(1, -1);
5989
- -o-transform: scale(1, -1);
5990
- transform: scale(1, -1);
5974
+ .bs-docs-nav .navbar-header .navbar-toggle {
5975
+ border-color: #fff;
5991
5976
  }
5992
- .fa-stack {
5993
- position: relative;
5994
- display: inline-block;
5995
- width: 2em;
5996
- height: 2em;
5997
- line-height: 2em;
5998
- vertical-align: middle;
5977
+ .bs-docs-nav .navbar-header .navbar-toggle:hover,
5978
+ .bs-docs-nav .navbar-header .navbar-toggle:focus {
5979
+ background-color: #f9f9f9;
5980
+ border-color: #f9f9f9;
5999
5981
  }
6000
- .fa-stack-1x,
6001
- .fa-stack-2x {
6002
- position: absolute;
6003
- left: 0;
6004
- width: 100%;
5982
+
5983
+
5984
+ /*
5985
+ * Footer
5986
+ *
5987
+ * Separated section of content at the bottom of all pages, save the homepage.
5988
+ */
5989
+
5990
+ .bs-docs-footer {
5991
+ padding-top: 40px;
5992
+ padding-bottom: 40px;
5993
+ margin-top: 100px;
5994
+ color: #777;
6005
5995
  text-align: center;
5996
+ border-top: 1px solid #e5e5e5;
6006
5997
  }
6007
- .fa-stack-1x {
6008
- line-height: inherit;
6009
- }
6010
- .fa-stack-2x {
6011
- font-size: 2em;
6012
- }
6013
- .fa-inverse {
6014
- color: #ffffff;
6015
- }
6016
- /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
6017
- readers do not read off random characters that represent icons */
6018
- .fa-glass:before {
6019
- content: "\f000";
6020
- }
6021
- .fa-music:before {
6022
- content: "\f001";
6023
- }
6024
- .fa-search:before {
6025
- content: "\f002";
6026
- }
6027
- .fa-envelope-o:before {
6028
- content: "\f003";
6029
- }
6030
- .fa-heart:before {
6031
- content: "\f004";
6032
- }
6033
- .fa-star:before {
6034
- content: "\f005";
6035
- }
6036
- .fa-star-o:before {
6037
- content: "\f006";
6038
- }
6039
- .fa-user:before {
6040
- content: "\f007";
6041
- }
6042
- .fa-film:before {
6043
- content: "\f008";
6044
- }
6045
- .fa-th-large:before {
6046
- content: "\f009";
6047
- }
6048
- .fa-th:before {
6049
- content: "\f00a";
6050
- }
6051
- .fa-th-list:before {
6052
- content: "\f00b";
6053
- }
6054
- .fa-check:before {
6055
- content: "\f00c";
6056
- }
6057
- .fa-times:before {
6058
- content: "\f00d";
6059
- }
6060
- .fa-search-plus:before {
6061
- content: "\f00e";
6062
- }
6063
- .fa-search-minus:before {
6064
- content: "\f010";
6065
- }
6066
- .fa-power-off:before {
6067
- content: "\f011";
6068
- }
6069
- .fa-signal:before {
6070
- content: "\f012";
6071
- }
6072
- .fa-gear:before,
6073
- .fa-cog:before {
6074
- content: "\f013";
6075
- }
6076
- .fa-trash-o:before {
6077
- content: "\f014";
6078
- }
6079
- .fa-home:before {
6080
- content: "\f015";
6081
- }
6082
- .fa-file-o:before {
6083
- content: "\f016";
6084
- }
6085
- .fa-clock-o:before {
6086
- content: "\f017";
6087
- }
6088
- .fa-road:before {
6089
- content: "\f018";
6090
- }
6091
- .fa-download:before {
6092
- content: "\f019";
6093
- }
6094
- .fa-arrow-circle-o-down:before {
6095
- content: "\f01a";
6096
- }
6097
- .fa-arrow-circle-o-up:before {
6098
- content: "\f01b";
6099
- }
6100
- .fa-inbox:before {
6101
- content: "\f01c";
6102
- }
6103
- .fa-play-circle-o:before {
6104
- content: "\f01d";
6105
- }
6106
- .fa-rotate-right:before,
6107
- .fa-repeat:before {
6108
- content: "\f01e";
6109
- }
6110
- .fa-refresh:before {
6111
- content: "\f021";
6112
- }
6113
- .fa-list-alt:before {
6114
- content: "\f022";
6115
- }
6116
- .fa-lock:before {
6117
- content: "\f023";
6118
- }
6119
- .fa-flag:before {
6120
- content: "\f024";
6121
- }
6122
- .fa-headphones:before {
6123
- content: "\f025";
6124
- }
6125
- .fa-volume-off:before {
6126
- content: "\f026";
6127
- }
6128
- .fa-volume-down:before {
6129
- content: "\f027";
6130
- }
6131
- .fa-volume-up:before {
6132
- content: "\f028";
6133
- }
6134
- .fa-qrcode:before {
6135
- content: "\f029";
6136
- }
6137
- .fa-barcode:before {
6138
- content: "\f02a";
6139
- }
6140
- .fa-tag:before {
6141
- content: "\f02b";
6142
- }
6143
- .fa-tags:before {
6144
- content: "\f02c";
6145
- }
6146
- .fa-book:before {
6147
- content: "\f02d";
6148
- }
6149
- .fa-bookmark:before {
6150
- content: "\f02e";
6151
- }
6152
- .fa-print:before {
6153
- content: "\f02f";
6154
- }
6155
- .fa-camera:before {
6156
- content: "\f030";
6157
- }
6158
- .fa-font:before {
6159
- content: "\f031";
6160
- }
6161
- .fa-bold:before {
6162
- content: "\f032";
6163
- }
6164
- .fa-italic:before {
6165
- content: "\f033";
6166
- }
6167
- .fa-text-height:before {
6168
- content: "\f034";
6169
- }
6170
- .fa-text-width:before {
6171
- content: "\f035";
6172
- }
6173
- .fa-align-left:before {
6174
- content: "\f036";
6175
- }
6176
- .fa-align-center:before {
6177
- content: "\f037";
6178
- }
6179
- .fa-align-right:before {
6180
- content: "\f038";
6181
- }
6182
- .fa-align-justify:before {
6183
- content: "\f039";
6184
- }
6185
- .fa-list:before {
6186
- content: "\f03a";
6187
- }
6188
- .fa-dedent:before,
6189
- .fa-outdent:before {
6190
- content: "\f03b";
6191
- }
6192
- .fa-indent:before {
6193
- content: "\f03c";
6194
- }
6195
- .fa-video-camera:before {
6196
- content: "\f03d";
6197
- }
6198
- .fa-picture-o:before {
6199
- content: "\f03e";
6200
- }
6201
- .fa-pencil:before {
6202
- content: "\f040";
6203
- }
6204
- .fa-map-marker:before {
6205
- content: "\f041";
6206
- }
6207
- .fa-adjust:before {
6208
- content: "\f042";
6209
- }
6210
- .fa-tint:before {
6211
- content: "\f043";
6212
- }
6213
- .fa-edit:before,
6214
- .fa-pencil-square-o:before {
6215
- content: "\f044";
6216
- }
6217
- .fa-share-square-o:before {
6218
- content: "\f045";
6219
- }
6220
- .fa-check-square-o:before {
6221
- content: "\f046";
6222
- }
6223
- .fa-arrows:before {
6224
- content: "\f047";
6225
- }
6226
- .fa-step-backward:before {
6227
- content: "\f048";
6228
- }
6229
- .fa-fast-backward:before {
6230
- content: "\f049";
6231
- }
6232
- .fa-backward:before {
6233
- content: "\f04a";
6234
- }
6235
- .fa-play:before {
6236
- content: "\f04b";
6237
- }
6238
- .fa-pause:before {
6239
- content: "\f04c";
6240
- }
6241
- .fa-stop:before {
6242
- content: "\f04d";
6243
- }
6244
- .fa-forward:before {
6245
- content: "\f04e";
6246
- }
6247
- .fa-fast-forward:before {
6248
- content: "\f050";
6249
- }
6250
- .fa-step-forward:before {
6251
- content: "\f051";
6252
- }
6253
- .fa-eject:before {
6254
- content: "\f052";
6255
- }
6256
- .fa-chevron-left:before {
6257
- content: "\f053";
6258
- }
6259
- .fa-chevron-right:before {
6260
- content: "\f054";
6261
- }
6262
- .fa-plus-circle:before {
6263
- content: "\f055";
6264
- }
6265
- .fa-minus-circle:before {
6266
- content: "\f056";
6267
- }
6268
- .fa-times-circle:before {
6269
- content: "\f057";
6270
- }
6271
- .fa-check-circle:before {
6272
- content: "\f058";
6273
- }
6274
- .fa-question-circle:before {
6275
- content: "\f059";
6276
- }
6277
- .fa-info-circle:before {
6278
- content: "\f05a";
6279
- }
6280
- .fa-crosshairs:before {
6281
- content: "\f05b";
6282
- }
6283
- .fa-times-circle-o:before {
6284
- content: "\f05c";
6285
- }
6286
- .fa-check-circle-o:before {
6287
- content: "\f05d";
6288
- }
6289
- .fa-ban:before {
6290
- content: "\f05e";
6291
- }
6292
- .fa-arrow-left:before {
6293
- content: "\f060";
6294
- }
6295
- .fa-arrow-right:before {
6296
- content: "\f061";
6297
- }
6298
- .fa-arrow-up:before {
6299
- content: "\f062";
6300
- }
6301
- .fa-arrow-down:before {
6302
- content: "\f063";
6303
- }
6304
- .fa-mail-forward:before,
6305
- .fa-share:before {
6306
- content: "\f064";
6307
- }
6308
- .fa-expand:before {
6309
- content: "\f065";
6310
- }
6311
- .fa-compress:before {
6312
- content: "\f066";
6313
- }
6314
- .fa-plus:before {
6315
- content: "\f067";
6316
- }
6317
- .fa-minus:before {
6318
- content: "\f068";
6319
- }
6320
- .fa-asterisk:before {
6321
- content: "\f069";
6322
- }
6323
- .fa-exclamation-circle:before {
6324
- content: "\f06a";
6325
- }
6326
- .fa-gift:before {
6327
- content: "\f06b";
6328
- }
6329
- .fa-leaf:before {
6330
- content: "\f06c";
6331
- }
6332
- .fa-fire:before {
6333
- content: "\f06d";
6334
- }
6335
- .fa-eye:before {
6336
- content: "\f06e";
6337
- }
6338
- .fa-eye-slash:before {
6339
- content: "\f070";
6340
- }
6341
- .fa-warning:before,
6342
- .fa-exclamation-triangle:before {
6343
- content: "\f071";
6344
- }
6345
- .fa-plane:before {
6346
- content: "\f072";
6347
- }
6348
- .fa-calendar:before {
6349
- content: "\f073";
6350
- }
6351
- .fa-random:before {
6352
- content: "\f074";
6353
- }
6354
- .fa-comment:before {
6355
- content: "\f075";
6356
- }
6357
- .fa-magnet:before {
6358
- content: "\f076";
6359
- }
6360
- .fa-chevron-up:before {
6361
- content: "\f077";
6362
- }
6363
- .fa-chevron-down:before {
6364
- content: "\f078";
6365
- }
6366
- .fa-retweet:before {
6367
- content: "\f079";
6368
- }
6369
- .fa-shopping-cart:before {
6370
- content: "\f07a";
6371
- }
6372
- .fa-folder:before {
6373
- content: "\f07b";
6374
- }
6375
- .fa-folder-open:before {
6376
- content: "\f07c";
6377
- }
6378
- .fa-arrows-v:before {
6379
- content: "\f07d";
6380
- }
6381
- .fa-arrows-h:before {
6382
- content: "\f07e";
6383
- }
6384
- .fa-bar-chart-o:before {
6385
- content: "\f080";
6386
- }
6387
- .fa-twitter-square:before {
6388
- content: "\f081";
6389
- }
6390
- .fa-facebook-square:before {
6391
- content: "\f082";
6392
- }
6393
- .fa-camera-retro:before {
6394
- content: "\f083";
6395
- }
6396
- .fa-key:before {
6397
- content: "\f084";
6398
- }
6399
- .fa-gears:before,
6400
- .fa-cogs:before {
6401
- content: "\f085";
6402
- }
6403
- .fa-comments:before {
6404
- content: "\f086";
6405
- }
6406
- .fa-thumbs-o-up:before {
6407
- content: "\f087";
6408
- }
6409
- .fa-thumbs-o-down:before {
6410
- content: "\f088";
6411
- }
6412
- .fa-star-half:before {
6413
- content: "\f089";
6414
- }
6415
- .fa-heart-o:before {
6416
- content: "\f08a";
6417
- }
6418
- .fa-sign-out:before {
6419
- content: "\f08b";
6420
- }
6421
- .fa-linkedin-square:before {
6422
- content: "\f08c";
6423
- }
6424
- .fa-thumb-tack:before {
6425
- content: "\f08d";
6426
- }
6427
- .fa-external-link:before {
6428
- content: "\f08e";
6429
- }
6430
- .fa-sign-in:before {
6431
- content: "\f090";
6432
- }
6433
- .fa-trophy:before {
6434
- content: "\f091";
6435
- }
6436
- .fa-github-square:before {
6437
- content: "\f092";
6438
- }
6439
- .fa-upload:before {
6440
- content: "\f093";
6441
- }
6442
- .fa-lemon-o:before {
6443
- content: "\f094";
6444
- }
6445
- .fa-phone:before {
6446
- content: "\f095";
6447
- }
6448
- .fa-square-o:before {
6449
- content: "\f096";
6450
- }
6451
- .fa-bookmark-o:before {
6452
- content: "\f097";
6453
- }
6454
- .fa-phone-square:before {
6455
- content: "\f098";
6456
- }
6457
- .fa-twitter:before {
6458
- content: "\f099";
6459
- }
6460
- .fa-facebook:before {
6461
- content: "\f09a";
6462
- }
6463
- .fa-github:before {
6464
- content: "\f09b";
6465
- }
6466
- .fa-unlock:before {
6467
- content: "\f09c";
6468
- }
6469
- .fa-credit-card:before {
6470
- content: "\f09d";
6471
- }
6472
- .fa-rss:before {
6473
- content: "\f09e";
6474
- }
6475
- .fa-hdd-o:before {
6476
- content: "\f0a0";
6477
- }
6478
- .fa-bullhorn:before {
6479
- content: "\f0a1";
6480
- }
6481
- .fa-bell:before {
6482
- content: "\f0f3";
6483
- }
6484
- .fa-certificate:before {
6485
- content: "\f0a3";
6486
- }
6487
- .fa-hand-o-right:before {
6488
- content: "\f0a4";
6489
- }
6490
- .fa-hand-o-left:before {
6491
- content: "\f0a5";
6492
- }
6493
- .fa-hand-o-up:before {
6494
- content: "\f0a6";
6495
- }
6496
- .fa-hand-o-down:before {
6497
- content: "\f0a7";
6498
- }
6499
- .fa-arrow-circle-left:before {
6500
- content: "\f0a8";
6501
- }
6502
- .fa-arrow-circle-right:before {
6503
- content: "\f0a9";
6504
- }
6505
- .fa-arrow-circle-up:before {
6506
- content: "\f0aa";
6507
- }
6508
- .fa-arrow-circle-down:before {
6509
- content: "\f0ab";
6510
- }
6511
- .fa-globe:before {
6512
- content: "\f0ac";
6513
- }
6514
- .fa-wrench:before {
6515
- content: "\f0ad";
6516
- }
6517
- .fa-tasks:before {
6518
- content: "\f0ae";
6519
- }
6520
- .fa-filter:before {
6521
- content: "\f0b0";
6522
- }
6523
- .fa-briefcase:before {
6524
- content: "\f0b1";
6525
- }
6526
- .fa-arrows-alt:before {
6527
- content: "\f0b2";
6528
- }
6529
- .fa-group:before,
6530
- .fa-users:before {
6531
- content: "\f0c0";
6532
- }
6533
- .fa-chain:before,
6534
- .fa-link:before {
6535
- content: "\f0c1";
6536
- }
6537
- .fa-cloud:before {
6538
- content: "\f0c2";
6539
- }
6540
- .fa-flask:before {
6541
- content: "\f0c3";
6542
- }
6543
- .fa-cut:before,
6544
- .fa-scissors:before {
6545
- content: "\f0c4";
6546
- }
6547
- .fa-copy:before,
6548
- .fa-files-o:before {
6549
- content: "\f0c5";
6550
- }
6551
- .fa-paperclip:before {
6552
- content: "\f0c6";
6553
- }
6554
- .fa-save:before,
6555
- .fa-floppy-o:before {
6556
- content: "\f0c7";
6557
- }
6558
- .fa-square:before {
6559
- content: "\f0c8";
6560
- }
6561
- .fa-bars:before {
6562
- content: "\f0c9";
6563
- }
6564
- .fa-list-ul:before {
6565
- content: "\f0ca";
6566
- }
6567
- .fa-list-ol:before {
6568
- content: "\f0cb";
6569
- }
6570
- .fa-strikethrough:before {
6571
- content: "\f0cc";
6572
- }
6573
- .fa-underline:before {
6574
- content: "\f0cd";
6575
- }
6576
- .fa-table:before {
6577
- content: "\f0ce";
6578
- }
6579
- .fa-magic:before {
6580
- content: "\f0d0";
6581
- }
6582
- .fa-truck:before {
6583
- content: "\f0d1";
6584
- }
6585
- .fa-pinterest:before {
6586
- content: "\f0d2";
6587
- }
6588
- .fa-pinterest-square:before {
6589
- content: "\f0d3";
6590
- }
6591
- .fa-google-plus-square:before {
6592
- content: "\f0d4";
6593
- }
6594
- .fa-google-plus:before {
6595
- content: "\f0d5";
6596
- }
6597
- .fa-money:before {
6598
- content: "\f0d6";
6599
- }
6600
- .fa-caret-down:before {
6601
- content: "\f0d7";
6602
- }
6603
- .fa-caret-up:before {
6604
- content: "\f0d8";
6605
- }
6606
- .fa-caret-left:before {
6607
- content: "\f0d9";
6608
- }
6609
- .fa-caret-right:before {
6610
- content: "\f0da";
6611
- }
6612
- .fa-columns:before {
6613
- content: "\f0db";
6614
- }
6615
- .fa-unsorted:before,
6616
- .fa-sort:before {
6617
- content: "\f0dc";
6618
- }
6619
- .fa-sort-down:before,
6620
- .fa-sort-asc:before {
6621
- content: "\f0dd";
6622
- }
6623
- .fa-sort-up:before,
6624
- .fa-sort-desc:before {
6625
- content: "\f0de";
6626
- }
6627
- .fa-envelope:before {
6628
- content: "\f0e0";
6629
- }
6630
- .fa-linkedin:before {
6631
- content: "\f0e1";
6632
- }
6633
- .fa-rotate-left:before,
6634
- .fa-undo:before {
6635
- content: "\f0e2";
6636
- }
6637
- .fa-legal:before,
6638
- .fa-gavel:before {
6639
- content: "\f0e3";
6640
- }
6641
- .fa-dashboard:before,
6642
- .fa-tachometer:before {
6643
- content: "\f0e4";
6644
- }
6645
- .fa-comment-o:before {
6646
- content: "\f0e5";
6647
- }
6648
- .fa-comments-o:before {
6649
- content: "\f0e6";
6650
- }
6651
- .fa-flash:before,
6652
- .fa-bolt:before {
6653
- content: "\f0e7";
6654
- }
6655
- .fa-sitemap:before {
6656
- content: "\f0e8";
6657
- }
6658
- .fa-umbrella:before {
6659
- content: "\f0e9";
6660
- }
6661
- .fa-paste:before,
6662
- .fa-clipboard:before {
6663
- content: "\f0ea";
5998
+ .bs-docs-footer-links {
5999
+ padding-left: 0;
6000
+ margin-top: 20px;
6001
+ color: #999;
6664
6002
  }
6665
- .fa-lightbulb-o:before {
6666
- content: "\f0eb";
6003
+ .bs-docs-footer-links li {
6004
+ display: inline;
6005
+ padding: 0 2px;
6667
6006
  }
6668
- .fa-exchange:before {
6669
- content: "\f0ec";
6007
+ .bs-docs-footer-links li:first-child {
6008
+ padding-left: 0;
6670
6009
  }
6671
- .fa-cloud-download:before {
6672
- content: "\f0ed";
6010
+
6011
+ @media (min-width: 768px) {
6012
+ .bs-docs-footer p {
6013
+ margin-bottom: 0;
6014
+ }
6673
6015
  }
6674
- .fa-cloud-upload:before {
6675
- content: "\f0ee";
6016
+
6017
+
6018
+ /*
6019
+ * Social buttons
6020
+ *
6021
+ * Twitter and GitHub social action buttons (for homepage and footer).
6022
+ */
6023
+
6024
+ .bs-docs-social {
6025
+ margin-bottom: 20px;
6026
+ text-align: center;
6676
6027
  }
6677
- .fa-user-md:before {
6678
- content: "\f0f0";
6028
+ .bs-docs-social-buttons {
6029
+ display: inline-block;
6030
+ padding-left: 0;
6031
+ margin-bottom: 0;
6032
+ list-style: none;
6679
6033
  }
6680
- .fa-stethoscope:before {
6681
- content: "\f0f1";
6034
+ .bs-docs-social-buttons li {
6035
+ display: inline-block;
6036
+ padding: 5px 8px;
6037
+ line-height: 1;
6682
6038
  }
6683
- .fa-suitcase:before {
6684
- content: "\f0f2";
6039
+ .bs-docs-social-buttons .twitter-follow-button {
6040
+ width: 225px !important;
6685
6041
  }
6686
- .fa-bell-o:before {
6687
- content: "\f0a2";
6042
+ .bs-docs-social-buttons .twitter-share-button {
6043
+ width: 98px !important;
6688
6044
  }
6689
- .fa-coffee:before {
6690
- content: "\f0f4";
6045
+ /* Style the GitHub buttons via CSS instead of inline attributes */
6046
+ .github-btn {
6047
+ overflow: hidden;
6048
+ border: 0;
6691
6049
  }
6692
- .fa-cutlery:before {
6693
- content: "\f0f5";
6050
+
6051
+
6052
+ /*
6053
+ * Homepage
6054
+ *
6055
+ * Tweaks to the custom homepage and the masthead (main jumbotron).
6056
+ */
6057
+
6058
+ /* Share masthead with page headers */
6059
+ .bs-docs-masthead,
6060
+ .bs-docs-header {
6061
+ position: relative;
6062
+ padding: 30px 15px;
6063
+ color: #cdbfe3;
6064
+ text-align: center;
6065
+ text-shadow: 0 1px 0 rgba(0,0,0,.1);
6066
+ background-color: #6f5499;
6067
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#563d7c), to(#6f5499));
6068
+ background-image: -webkit-linear-gradient(top, #563d7c 0%, #6f5499 100%);
6069
+ background-image: -o-linear-gradient(top, #563d7c 0%, #6f5499 100%);
6070
+ background-image: linear-gradient(to bottom, #563d7c 0%, #6f5499 100%);
6071
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#563d7c', endColorstr='#6F5499', GradientType=0);
6072
+ background-repeat: repeat-x;
6694
6073
  }
6695
- .fa-file-text-o:before {
6696
- content: "\f0f6";
6074
+
6075
+ /* Masthead (headings and download button) */
6076
+ .bs-docs-masthead .bs-docs-booticon {
6077
+ margin: 0 auto 30px;
6697
6078
  }
6698
- .fa-building-o:before {
6699
- content: "\f0f7";
6079
+ .bs-docs-masthead h1 {
6080
+ font-weight: 300;
6081
+ line-height: 1;
6082
+ color: #fff;
6700
6083
  }
6701
- .fa-hospital-o:before {
6702
- content: "\f0f8";
6084
+ .bs-docs-masthead .lead {
6085
+ margin: 0 auto 30px;
6086
+ font-size: 20px;
6087
+ color: #fff;
6703
6088
  }
6704
- .fa-ambulance:before {
6705
- content: "\f0f9";
6089
+ .bs-docs-masthead .version {
6090
+ margin-top: -15px;
6091
+ margin-bottom: 30px;
6092
+ color: #9783b9;
6706
6093
  }
6707
- .fa-medkit:before {
6708
- content: "\f0fa";
6094
+ .bs-docs-masthead .btn {
6095
+ width: 100%;
6096
+ padding: 15px 30px;
6097
+ font-size: 20px;
6709
6098
  }
6710
- .fa-fighter-jet:before {
6711
- content: "\f0fb";
6099
+
6100
+ @media (min-width: 480px) {
6101
+ .bs-docs-masthead .btn {
6102
+ width: auto;
6103
+ }
6712
6104
  }
6713
- .fa-beer:before {
6714
- content: "\f0fc";
6105
+
6106
+ @media (min-width: 768px) {
6107
+ .bs-docs-masthead {
6108
+ padding-top: 80px;
6109
+ padding-bottom: 80px;
6110
+ }
6111
+ .bs-docs-masthead h1 {
6112
+ font-size: 60px;
6113
+ }
6114
+ .bs-docs-masthead .lead {
6115
+ font-size: 24px;
6116
+ }
6715
6117
  }
6716
- .fa-h-square:before {
6717
- content: "\f0fd";
6118
+
6119
+ @media (min-width: 992px) {
6120
+ .bs-docs-masthead .lead {
6121
+ width: 80%;
6122
+ font-size: 30px;
6123
+ }
6718
6124
  }
6719
- .fa-plus-square:before {
6720
- content: "\f0fe";
6125
+
6126
+
6127
+ /*
6128
+ * Page headers
6129
+ *
6130
+ * Jumbotron-esque headers at the top of every page that's not the homepage.
6131
+ */
6132
+
6133
+ /* Page headers */
6134
+ .bs-docs-header {
6135
+ margin-bottom: 40px;
6136
+ font-size: 20px;
6721
6137
  }
6722
- .fa-angle-double-left:before {
6723
- content: "\f100";
6138
+ .bs-docs-header h1 {
6139
+ margin-top: 0;
6140
+ color: #fff;
6724
6141
  }
6725
- .fa-angle-double-right:before {
6726
- content: "\f101";
6142
+ .bs-docs-header p {
6143
+ margin-bottom: 0;
6144
+ font-weight: 300;
6145
+ line-height: 1.4;
6727
6146
  }
6728
- .fa-angle-double-up:before {
6729
- content: "\f102";
6147
+ .bs-docs-header .container {
6148
+ position: relative;
6730
6149
  }
6731
- .fa-angle-double-down:before {
6732
- content: "\f103";
6150
+
6151
+ @media (min-width: 768px) {
6152
+ .bs-docs-header {
6153
+ padding-top: 60px;
6154
+ padding-bottom: 60px;
6155
+ font-size: 24px;
6156
+ text-align: left;
6157
+ }
6158
+ .bs-docs-header h1 {
6159
+ font-size: 60px;
6160
+ line-height: 1;
6161
+ }
6733
6162
  }
6734
- .fa-angle-left:before {
6735
- content: "\f104";
6163
+
6164
+ @media (min-width: 992px) {
6165
+ .bs-docs-header h1,
6166
+ .bs-docs-header p {
6167
+ margin-right: 380px;
6168
+ }
6736
6169
  }
6737
- .fa-angle-right:before {
6738
- content: "\f105";
6170
+
6171
+
6172
+ /*
6173
+ * Carbon ads
6174
+ *
6175
+ * Single display ad that shows on all pages (except homepage) in page headers.
6176
+ * The hella `!important` is required for any pre-set property.
6177
+ */
6178
+
6179
+ .carbonad {
6180
+ width: auto !important;
6181
+ height: auto !important;
6182
+ padding: 20px !important;
6183
+ margin: 30px -30px -31px !important;
6184
+ overflow: hidden; /* clearfix */
6185
+ font-size: 13px !important;
6186
+ line-height: 16px !important;
6187
+ text-align: left;
6188
+ background: transparent !important;
6189
+ border: solid #866ab3 !important;
6190
+ border-width: 1px 0 !important;
6739
6191
  }
6740
- .fa-angle-up:before {
6741
- content: "\f106";
6192
+ .carbonad-img {
6193
+ margin: 0 !important;
6742
6194
  }
6743
- .fa-angle-down:before {
6744
- content: "\f107";
6195
+ .carbonad-text,
6196
+ .carbonad-tag {
6197
+ display: block !important;
6198
+ float: none !important;
6199
+ width: auto !important;
6200
+ height: auto !important;
6201
+ margin-left: 145px !important;
6202
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
6745
6203
  }
6746
- .fa-desktop:before {
6747
- content: "\f108";
6204
+ .carbonad-text {
6205
+ padding-top: 0 !important;
6748
6206
  }
6749
- .fa-laptop:before {
6750
- content: "\f109";
6207
+ .carbonad-tag {
6208
+ color: inherit !important;
6209
+ text-align: left !important;
6751
6210
  }
6752
- .fa-tablet:before {
6753
- content: "\f10a";
6211
+ .carbonad-text a,
6212
+ .carbonad-tag a {
6213
+ color: #fff !important;
6754
6214
  }
6755
- .fa-mobile-phone:before,
6756
- .fa-mobile:before {
6757
- content: "\f10b";
6215
+ .carbonad #azcarbon > img {
6216
+ display: none; /* hide what I assume are tracking images */
6758
6217
  }
6759
- .fa-circle-o:before {
6760
- content: "\f10c";
6218
+
6219
+ @media (min-width: 480px) {
6220
+ .carbonad {
6221
+ width: 330px !important;
6222
+ margin: 20px auto !important;
6223
+ border-width: 1px !important;
6224
+ border-radius: 4px;
6225
+ }
6226
+ .bs-docs-masthead .carbonad {
6227
+ margin: 50px auto 0 !important;
6228
+ }
6761
6229
  }
6762
- .fa-quote-left:before {
6763
- content: "\f10d";
6230
+
6231
+ @media (min-width: 768px) {
6232
+ .carbonad {
6233
+ margin-right: 0 !important;
6234
+ margin-left: 0 !important;
6235
+ }
6764
6236
  }
6765
- .fa-quote-right:before {
6766
- content: "\f10e";
6237
+
6238
+ @media (min-width: 992px) {
6239
+ .carbonad {
6240
+ position: absolute;
6241
+ top: 0;
6242
+ right: 15px; /* 15px instead of 0 since box-sizing */
6243
+ width: 330px !important;
6244
+ padding: 15px !important;
6245
+ margin: 0 !important;
6246
+ }
6247
+ .bs-docs-masthead .carbonad {
6248
+ position: static;
6249
+ }
6767
6250
  }
6768
- .fa-spinner:before {
6769
- content: "\f110";
6251
+
6252
+
6253
+ /*
6254
+ * Homepage featurettes
6255
+ *
6256
+ * Reasons to use Bootstrap, entries from the Expo, and more.
6257
+ */
6258
+
6259
+ .bs-docs-featurette {
6260
+ padding-top: 40px;
6261
+ padding-bottom: 40px;
6262
+ font-size: 16px;
6263
+ line-height: 1.5;
6264
+ color: #555;
6265
+ text-align: center;
6266
+ background-color: #fff;
6267
+ border-bottom: 1px solid #e5e5e5;
6770
6268
  }
6771
- .fa-circle:before {
6772
- content: "\f111";
6269
+ .bs-docs-featurette + .bs-docs-footer {
6270
+ margin-top: 0;
6271
+ border-top: 0;
6773
6272
  }
6774
- .fa-mail-reply:before,
6775
- .fa-reply:before {
6776
- content: "\f112";
6273
+
6274
+ .bs-docs-featurette-title {
6275
+ margin-bottom: 5px;
6276
+ font-size: 30px;
6277
+ font-weight: normal;
6278
+ color: #333;
6777
6279
  }
6778
- .fa-github-alt:before {
6779
- content: "\f113";
6280
+ .half-rule {
6281
+ width: 100px;
6282
+ margin: 40px auto;
6780
6283
  }
6781
- .fa-folder-o:before {
6782
- content: "\f114";
6284
+ .bs-docs-featurette h3 {
6285
+ margin-bottom: 5px;
6286
+ font-weight: normal;
6287
+ color: #333;
6783
6288
  }
6784
- .fa-folder-open-o:before {
6785
- content: "\f115";
6289
+ .bs-docs-featurette-img {
6290
+ display: block;
6291
+ margin-bottom: 20px;
6292
+ color: #333;
6786
6293
  }
6787
- .fa-smile-o:before {
6788
- content: "\f118";
6294
+ .bs-docs-featurette-img:hover {
6295
+ color: #428bca;
6296
+ text-decoration: none;
6789
6297
  }
6790
- .fa-frown-o:before {
6791
- content: "\f119";
6298
+ .bs-docs-featurette-img img {
6299
+ display: block;
6300
+ margin-bottom: 15px;
6792
6301
  }
6793
- .fa-meh-o:before {
6794
- content: "\f11a";
6302
+
6303
+ /* Featured sites */
6304
+ .bs-docs-featured-sites {
6305
+ margin-right: -1px;
6306
+ margin-left: -1px;
6795
6307
  }
6796
- .fa-gamepad:before {
6797
- content: "\f11b";
6308
+ .bs-docs-featured-sites .col-sm-3 {
6309
+ padding-right: 1px;
6310
+ padding-left: 1px;
6798
6311
  }
6799
- .fa-keyboard-o:before {
6800
- content: "\f11c";
6312
+
6313
+ @media (min-width: 480px) {
6314
+ .bs-docs-featurette .img-responsive {
6315
+ margin-top: 30px;
6316
+ }
6801
6317
  }
6802
- .fa-flag-o:before {
6803
- content: "\f11d";
6318
+ @media (min-width: 768px) {
6319
+ .bs-docs-featurette {
6320
+ padding-top: 100px;
6321
+ padding-bottom: 100px;
6322
+ }
6323
+ .bs-docs-featurette-title {
6324
+ font-size: 40px;
6325
+ }
6326
+ .bs-docs-featurette .lead {
6327
+ max-width: 80%;
6328
+ margin-right: auto;
6329
+ margin-left: auto;
6330
+ }
6331
+ .bs-docs-featured-sites .col-sm-3:first-child img {
6332
+ border-top-left-radius: 4px;
6333
+ border-bottom-left-radius: 4px;
6334
+ }
6335
+ .bs-docs-featured-sites .col-sm-3:last-child img {
6336
+ border-top-right-radius: 4px;
6337
+ border-bottom-right-radius: 4px;
6338
+ }
6339
+
6340
+ .bs-docs-featurette .img-responsive {
6341
+ margin-top: 0;
6342
+ }
6804
6343
  }
6805
- .fa-flag-checkered:before {
6806
- content: "\f11e";
6344
+
6345
+
6346
+ /*
6347
+ * Side navigation
6348
+ *
6349
+ * Scrollspy and affixed enhanced navigation to highlight sections and secondary
6350
+ * sections of docs content.
6351
+ */
6352
+
6353
+ /* By default it's not affixed in mobile views, so undo that */
6354
+ .bs-docs-sidebar.affix {
6355
+ position: static;
6807
6356
  }
6808
- .fa-terminal:before {
6809
- content: "\f120";
6357
+ @media (min-width: 768px) {
6358
+ .bs-docs-sidebar {
6359
+ padding-left: 20px;
6360
+ }
6810
6361
  }
6811
- .fa-code:before {
6812
- content: "\f121";
6362
+
6363
+ /* First level of nav */
6364
+ .bs-docs-sidenav {
6365
+ margin-top: 20px;
6366
+ margin-bottom: 20px;
6813
6367
  }
6814
- .fa-reply-all:before {
6815
- content: "\f122";
6368
+
6369
+ /* All levels of nav */
6370
+ .bs-docs-sidebar .nav > li > a {
6371
+ display: block;
6372
+ padding: 4px 20px;
6373
+ font-size: 13px;
6374
+ font-weight: 500;
6375
+ color: #999;
6816
6376
  }
6817
- .fa-mail-reply-all:before {
6818
- content: "\f122";
6377
+ .bs-docs-sidebar .nav > li > a:hover,
6378
+ .bs-docs-sidebar .nav > li > a:focus {
6379
+ padding-left: 19px;
6380
+ color: #563d7c;
6381
+ text-decoration: none;
6382
+ background-color: transparent;
6383
+ border-left: 1px solid #563d7c;
6819
6384
  }
6820
- .fa-star-half-empty:before,
6821
- .fa-star-half-full:before,
6822
- .fa-star-half-o:before {
6823
- content: "\f123";
6385
+ .bs-docs-sidebar .nav > .active > a,
6386
+ .bs-docs-sidebar .nav > .active:hover > a,
6387
+ .bs-docs-sidebar .nav > .active:focus > a {
6388
+ padding-left: 18px;
6389
+ font-weight: bold;
6390
+ color: #563d7c;
6391
+ background-color: transparent;
6392
+ border-left: 2px solid #563d7c;
6824
6393
  }
6825
- .fa-location-arrow:before {
6826
- content: "\f124";
6394
+
6395
+ /* Nav: second level (shown on .active) */
6396
+ .bs-docs-sidebar .nav .nav {
6397
+ display: none; /* Hide by default, but at >768px, show it */
6398
+ padding-bottom: 10px;
6827
6399
  }
6828
- .fa-crop:before {
6829
- content: "\f125";
6400
+ .bs-docs-sidebar .nav .nav > li > a {
6401
+ padding-top: 1px;
6402
+ padding-bottom: 1px;
6403
+ padding-left: 30px;
6404
+ font-size: 12px;
6405
+ font-weight: normal;
6830
6406
  }
6831
- .fa-code-fork:before {
6832
- content: "\f126";
6407
+ .bs-docs-sidebar .nav .nav > li > a:hover,
6408
+ .bs-docs-sidebar .nav .nav > li > a:focus {
6409
+ padding-left: 29px;
6833
6410
  }
6834
- .fa-unlink:before,
6835
- .fa-chain-broken:before {
6836
- content: "\f127";
6411
+ .bs-docs-sidebar .nav .nav > .active > a,
6412
+ .bs-docs-sidebar .nav .nav > .active:hover > a,
6413
+ .bs-docs-sidebar .nav .nav > .active:focus > a {
6414
+ padding-left: 28px;
6415
+ font-weight: 500;
6837
6416
  }
6838
- .fa-question:before {
6839
- content: "\f128";
6417
+
6418
+ /* Back to top (hidden on mobile) */
6419
+ .back-to-top {
6420
+ display: none;
6421
+ padding: 4px 10px;
6422
+ margin-top: 10px;
6423
+ margin-left: 10px;
6424
+ font-size: 12px;
6425
+ font-weight: 500;
6426
+ color: #999;
6840
6427
  }
6841
- .fa-info:before {
6842
- content: "\f129";
6428
+ .back-to-top:hover {
6429
+ color: #563d7c;
6430
+ text-decoration: none;
6843
6431
  }
6844
- .fa-exclamation:before {
6845
- content: "\f12a";
6432
+
6433
+ @media (min-width: 768px) {
6434
+ .back-to-top {
6435
+ display: block;
6436
+ }
6846
6437
  }
6847
- .fa-superscript:before {
6848
- content: "\f12b";
6438
+
6439
+ /* Show and affix the side nav when space allows it */
6440
+ @media (min-width: 992px) {
6441
+ .bs-docs-sidebar .nav > .active > ul {
6442
+ display: block;
6443
+ }
6444
+ /* Widen the fixed sidebar */
6445
+ .bs-docs-sidebar.affix,
6446
+ .bs-docs-sidebar.affix-bottom {
6447
+ width: 213px;
6448
+ }
6449
+ .bs-docs-sidebar.affix {
6450
+ position: fixed; /* Undo the static from mobile first approach */
6451
+ top: 20px;
6452
+ }
6453
+ .bs-docs-sidebar.affix-bottom {
6454
+ position: absolute; /* Undo the static from mobile first approach */
6455
+ }
6456
+ .bs-docs-sidebar.affix-bottom .bs-docs-sidenav,
6457
+ .bs-docs-sidebar.affix .bs-docs-sidenav {
6458
+ margin-top: 0;
6459
+ margin-bottom: 0;
6460
+ }
6849
6461
  }
6850
- .fa-subscript:before {
6851
- content: "\f12c";
6462
+ @media (min-width: 1200px) {
6463
+ /* Widen the fixed sidebar again */
6464
+ .bs-docs-sidebar.affix-bottom,
6465
+ .bs-docs-sidebar.affix {
6466
+ width: 263px;
6467
+ }
6852
6468
  }
6853
- .fa-eraser:before {
6854
- content: "\f12d";
6469
+
6470
+
6471
+ /*
6472
+ * Docs sections
6473
+ *
6474
+ * Content blocks for each component or feature.
6475
+ */
6476
+
6477
+ /* Space things out */
6478
+ .bs-docs-section {
6479
+ margin-bottom: 60px;
6855
6480
  }
6856
- .fa-puzzle-piece:before {
6857
- content: "\f12e";
6481
+ .bs-docs-section:last-child {
6482
+ margin-bottom: 0;
6858
6483
  }
6859
- .fa-microphone:before {
6860
- content: "\f130";
6484
+
6485
+ h1[id] {
6486
+ padding-top: 20px;
6487
+ margin-top: 0;
6861
6488
  }
6862
- .fa-microphone-slash:before {
6863
- content: "\f131";
6489
+
6490
+
6491
+ /*
6492
+ * Callouts
6493
+ *
6494
+ * Not quite alerts, but custom and helpful notes for folks reading the docs.
6495
+ * Requires a base and modifier class.
6496
+ */
6497
+
6498
+ /* Common styles for all types */
6499
+ .bs-callout {
6500
+ padding: 20px;
6501
+ margin: 20px 0;
6502
+ border-left: 3px solid #eee;
6864
6503
  }
6865
- .fa-shield:before {
6866
- content: "\f132";
6504
+ .bs-callout h4 {
6505
+ margin-top: 0;
6506
+ margin-bottom: 5px;
6867
6507
  }
6868
- .fa-calendar-o:before {
6869
- content: "\f133";
6508
+ .bs-callout p:last-child {
6509
+ margin-bottom: 0;
6870
6510
  }
6871
- .fa-fire-extinguisher:before {
6872
- content: "\f134";
6511
+ .bs-callout code {
6512
+ background-color: #fff;
6513
+ border-radius: 3px;
6873
6514
  }
6874
- .fa-rocket:before {
6875
- content: "\f135";
6515
+
6516
+ /* Variations */
6517
+ .bs-callout-danger {
6518
+ background-color: #fdf7f7;
6519
+ border-color: #d9534f;
6876
6520
  }
6877
- .fa-maxcdn:before {
6878
- content: "\f136";
6521
+ .bs-callout-danger h4 {
6522
+ color: #d9534f;
6879
6523
  }
6880
- .fa-chevron-circle-left:before {
6881
- content: "\f137";
6524
+ .bs-callout-warning {
6525
+ background-color: #fcf8f2;
6526
+ border-color: #f0ad4e;
6882
6527
  }
6883
- .fa-chevron-circle-right:before {
6884
- content: "\f138";
6528
+ .bs-callout-warning h4 {
6529
+ color: #f0ad4e;
6885
6530
  }
6886
- .fa-chevron-circle-up:before {
6887
- content: "\f139";
6531
+ .bs-callout-info {
6532
+ background-color: #f4f8fa;
6533
+ border-color: #5bc0de;
6888
6534
  }
6889
- .fa-chevron-circle-down:before {
6890
- content: "\f13a";
6535
+ .bs-callout-info h4 {
6536
+ color: #5bc0de;
6891
6537
  }
6892
- .fa-html5:before {
6893
- content: "\f13b";
6538
+
6539
+
6540
+ /*
6541
+ * Color swatches
6542
+ *
6543
+ * Color swatches and associated values for our grayscale and brand colors.
6544
+ */
6545
+
6546
+ .color-swatches {
6547
+ margin: 0 -5px;
6548
+ overflow: hidden; /* clearfix */
6894
6549
  }
6895
- .fa-css3:before {
6896
- content: "\f13c";
6550
+ .color-swatch {
6551
+ float: left;
6552
+ width: 60px;
6553
+ height: 60px;
6554
+ margin: 0 5px;
6555
+ border-radius: 3px;
6897
6556
  }
6898
- .fa-anchor:before {
6899
- content: "\f13d";
6557
+
6558
+ @media (min-width: 768px) {
6559
+ .color-swatch {
6560
+ width: 100px;
6561
+ height: 100px;
6562
+ }
6900
6563
  }
6901
- .fa-unlock-alt:before {
6902
- content: "\f13e";
6564
+
6565
+ /* Framework colors */
6566
+ .color-swatches .gray-darker {
6567
+ background-color: #222;
6903
6568
  }
6904
- .fa-bullseye:before {
6905
- content: "\f140";
6569
+ .color-swatches .gray-dark {
6570
+ background-color: #333;
6906
6571
  }
6907
- .fa-ellipsis-h:before {
6908
- content: "\f141";
6572
+ .color-swatches .gray {
6573
+ background-color: #555;
6909
6574
  }
6910
- .fa-ellipsis-v:before {
6911
- content: "\f142";
6575
+ .color-swatches .gray-light {
6576
+ background-color: #999;
6912
6577
  }
6913
- .fa-rss-square:before {
6914
- content: "\f143";
6578
+ .color-swatches .gray-lighter {
6579
+ background-color: #eee;
6915
6580
  }
6916
- .fa-play-circle:before {
6917
- content: "\f144";
6581
+ .color-swatches .brand-primary {
6582
+ background-color: #428bca;
6918
6583
  }
6919
- .fa-ticket:before {
6920
- content: "\f145";
6584
+ .color-swatches .brand-success {
6585
+ background-color: #5cb85c;
6921
6586
  }
6922
- .fa-minus-square:before {
6923
- content: "\f146";
6587
+ .color-swatches .brand-warning {
6588
+ background-color: #f0ad4e;
6924
6589
  }
6925
- .fa-minus-square-o:before {
6926
- content: "\f147";
6590
+ .color-swatches .brand-danger {
6591
+ background-color: #d9534f;
6927
6592
  }
6928
- .fa-level-up:before {
6929
- content: "\f148";
6593
+ .color-swatches .brand-info {
6594
+ background-color: #5bc0de;
6930
6595
  }
6931
- .fa-level-down:before {
6932
- content: "\f149";
6596
+
6597
+ /* Docs colors */
6598
+ .color-swatches .bs-purple {
6599
+ background-color: #563d7c;
6933
6600
  }
6934
- .fa-check-square:before {
6935
- content: "\f14a";
6601
+ .color-swatches .bs-purple-light {
6602
+ background-color: #c7bfd3;
6936
6603
  }
6937
- .fa-pencil-square:before {
6938
- content: "\f14b";
6604
+ .color-swatches .bs-purple-lighter {
6605
+ background-color: #e5e1ea;
6939
6606
  }
6940
- .fa-external-link-square:before {
6941
- content: "\f14c";
6607
+ .color-swatches .bs-gray {
6608
+ background-color: #f9f9f9;
6942
6609
  }
6943
- .fa-share-square:before {
6944
- content: "\f14d";
6610
+
6611
+
6612
+ /*
6613
+ * Team members
6614
+ *
6615
+ * Avatars, names, and usernames for core team.
6616
+ */
6617
+
6618
+ .bs-team .team-member {
6619
+ line-height: 32px;
6620
+ color: #555;
6945
6621
  }
6946
- .fa-compass:before {
6947
- content: "\f14e";
6622
+ .bs-team .team-member:hover {
6623
+ color: #333;
6624
+ text-decoration: none;
6948
6625
  }
6949
- .fa-toggle-down:before,
6950
- .fa-caret-square-o-down:before {
6951
- content: "\f150";
6626
+ .bs-team .github-btn {
6627
+ float: right;
6628
+ width: 180px;
6629
+ height: 20px;
6630
+ margin-top: 6px;
6952
6631
  }
6953
- .fa-toggle-up:before,
6954
- .fa-caret-square-o-up:before {
6955
- content: "\f151";
6632
+ .bs-team img {
6633
+ float: left;
6634
+ width: 32px;
6635
+ margin-right: 10px;
6636
+ border-radius: 4px;
6956
6637
  }
6957
- .fa-toggle-right:before,
6958
- .fa-caret-square-o-right:before {
6959
- content: "\f152";
6638
+
6639
+
6640
+ /*
6641
+ * Grid examples
6642
+ *
6643
+ * Highlight the grid columns within the docs so folks can see their padding,
6644
+ * alignment, sizing, etc.
6645
+ */
6646
+
6647
+ .show-grid {
6648
+ margin-bottom: 15px;
6960
6649
  }
6961
- .fa-euro:before,
6962
- .fa-eur:before {
6963
- content: "\f153";
6650
+ .show-grid [class^="col-"] {
6651
+ padding-top: 10px;
6652
+ padding-bottom: 10px;
6653
+ background-color: #eee;
6654
+ background-color: rgba(86,61,124,.15);
6655
+ border: 1px solid #ddd;
6656
+ border: 1px solid rgba(86,61,124,.2);
6964
6657
  }
6965
- .fa-gbp:before {
6966
- content: "\f154";
6658
+
6659
+
6660
+ /*
6661
+ * Examples
6662
+ *
6663
+ * Isolated sections of example content for each component or feature. Usually
6664
+ * followed by a code snippet.
6665
+ */
6666
+
6667
+ .bs-example {
6668
+ position: relative;
6669
+ padding: 45px 15px 15px;
6670
+ margin: 0 -15px 15px;
6671
+ background-color: #fafafa;
6672
+ border-color: #e5e5e5 #eee #eee;
6673
+ border-style: solid;
6674
+ border-width: 1px 0;
6675
+ -webkit-box-shadow: inset 0 3px 6px rgba(0,0,0,.05);
6676
+ box-shadow: inset 0 3px 6px rgba(0,0,0,.05);
6967
6677
  }
6968
- .fa-dollar:before,
6969
- .fa-usd:before {
6970
- content: "\f155";
6678
+ /* Echo out a label for the example */
6679
+ .bs-example:after {
6680
+ position: absolute;
6681
+ top: 15px;
6682
+ left: 15px;
6683
+ font-size: 12px;
6684
+ font-weight: bold;
6685
+ color: #bbb;
6686
+ text-transform: uppercase;
6687
+ letter-spacing: 1px;
6688
+ content: "Example";
6971
6689
  }
6972
- .fa-rupee:before,
6973
- .fa-inr:before {
6974
- content: "\f156";
6690
+
6691
+ /* Tweak display of the code snippets when following an example */
6692
+ .bs-example + .highlight {
6693
+ margin: -15px -15px 15px;
6694
+ border-width: 0 0 1px;
6695
+ border-radius: 0;
6975
6696
  }
6976
- .fa-cny:before,
6977
- .fa-rmb:before,
6978
- .fa-yen:before,
6979
- .fa-jpy:before {
6980
- content: "\f157";
6697
+
6698
+ /* Make the examples and snippets not full-width */
6699
+ @media (min-width: 768px) {
6700
+ .bs-example {
6701
+ margin-right: 0;
6702
+ margin-left: 0;
6703
+ background-color: #fff;
6704
+ border-color: #ddd;
6705
+ border-width: 1px;
6706
+ border-radius: 4px 4px 0 0;
6707
+ -webkit-box-shadow: none;
6708
+ box-shadow: none;
6709
+ }
6710
+ .bs-example + .highlight {
6711
+ margin-top: -16px;
6712
+ margin-right: 0;
6713
+ margin-left: 0;
6714
+ border-width: 1px;
6715
+ border-bottom-right-radius: 4px;
6716
+ border-bottom-left-radius: 4px;
6717
+ }
6981
6718
  }
6982
- .fa-ruble:before,
6983
- .fa-rouble:before,
6984
- .fa-rub:before {
6985
- content: "\f158";
6719
+
6720
+ /* Undo width of container */
6721
+ .bs-example .container {
6722
+ width: auto;
6986
6723
  }
6987
- .fa-won:before,
6988
- .fa-krw:before {
6989
- content: "\f159";
6724
+
6725
+ /* Tweak content of examples for optimum awesome */
6726
+ .bs-example > p:last-child,
6727
+ .bs-example > ul:last-child,
6728
+ .bs-example > ol:last-child,
6729
+ .bs-example > blockquote:last-child,
6730
+ .bs-example > .form-control:last-child,
6731
+ .bs-example > .table:last-child,
6732
+ .bs-example > .navbar:last-child,
6733
+ .bs-example > .jumbotron:last-child,
6734
+ .bs-example > .alert:last-child,
6735
+ .bs-example > .panel:last-child,
6736
+ .bs-example > .list-group:last-child,
6737
+ .bs-example > .well:last-child,
6738
+ .bs-example > .progress:last-child,
6739
+ .bs-example > .table-responsive:last-child > .table {
6740
+ margin-bottom: 0;
6990
6741
  }
6991
- .fa-bitcoin:before,
6992
- .fa-btc:before {
6993
- content: "\f15a";
6742
+ .bs-example > p > .close {
6743
+ float: none;
6994
6744
  }
6995
- .fa-file:before {
6996
- content: "\f15b";
6745
+
6746
+ /* Typography */
6747
+ .bs-example-type .table .type-info {
6748
+ color: #999;
6749
+ vertical-align: middle;
6997
6750
  }
6998
- .fa-file-text:before {
6999
- content: "\f15c";
6751
+ .bs-example-type .table td {
6752
+ padding: 15px 0;
6753
+ border-color: #eee;
7000
6754
  }
7001
- .fa-sort-alpha-asc:before {
7002
- content: "\f15d";
6755
+ .bs-example-type .table tr:first-child td {
6756
+ border-top: 0;
7003
6757
  }
7004
- .fa-sort-alpha-desc:before {
7005
- content: "\f15e";
6758
+ .bs-example-type h1,
6759
+ .bs-example-type h2,
6760
+ .bs-example-type h3,
6761
+ .bs-example-type h4,
6762
+ .bs-example-type h5,
6763
+ .bs-example-type h6 {
6764
+ margin: 0;
7006
6765
  }
7007
- .fa-sort-amount-asc:before {
7008
- content: "\f160";
6766
+
6767
+ /* Contextual background colors */
6768
+ .bs-example-bg-classes p {
6769
+ padding: 15px;
7009
6770
  }
7010
- .fa-sort-amount-desc:before {
7011
- content: "\f161";
6771
+
6772
+ /* Images */
6773
+ .bs-example > .img-circle,
6774
+ .bs-example > .img-rounded,
6775
+ .bs-example > .img-thumbnail {
6776
+ margin: 5px;
7012
6777
  }
7013
- .fa-sort-numeric-asc:before {
7014
- content: "\f162";
6778
+
6779
+ /* Tables */
6780
+ .bs-example > .table-responsive > .table {
6781
+ background-color: #fff;
7015
6782
  }
7016
- .fa-sort-numeric-desc:before {
7017
- content: "\f163";
6783
+
6784
+ /* Buttons */
6785
+ .bs-example > .btn,
6786
+ .bs-example > .btn-group {
6787
+ margin-top: 5px;
6788
+ margin-bottom: 5px;
7018
6789
  }
7019
- .fa-thumbs-up:before {
7020
- content: "\f164";
6790
+ .bs-example > .btn-toolbar + .btn-toolbar {
6791
+ margin-top: 10px;
7021
6792
  }
7022
- .fa-thumbs-down:before {
7023
- content: "\f165";
6793
+
6794
+ /* Forms */
6795
+ .bs-example-control-sizing select,
6796
+ .bs-example-control-sizing input[type="text"] + input[type="text"] {
6797
+ margin-top: 10px;
7024
6798
  }
7025
- .fa-youtube-square:before {
7026
- content: "\f166";
6799
+ .bs-example-form .input-group {
6800
+ margin-bottom: 10px;
7027
6801
  }
7028
- .fa-youtube:before {
7029
- content: "\f167";
6802
+ .bs-example > textarea.form-control {
6803
+ resize: vertical;
7030
6804
  }
7031
- .fa-xing:before {
7032
- content: "\f168";
6805
+
6806
+ /* List groups */
6807
+ .bs-example > .list-group {
6808
+ max-width: 400px;
7033
6809
  }
7034
- .fa-xing-square:before {
7035
- content: "\f169";
6810
+
6811
+ /* Navbars */
6812
+ .bs-example .navbar:last-child {
6813
+ margin-bottom: 0;
7036
6814
  }
7037
- .fa-youtube-play:before {
7038
- content: "\f16a";
6815
+ .bs-navbar-top-example,
6816
+ .bs-navbar-bottom-example {
6817
+ z-index: 1;
6818
+ padding: 0;
6819
+ overflow: hidden; /* cut the drop shadows off */
7039
6820
  }
7040
- .fa-dropbox:before {
7041
- content: "\f16b";
6821
+ .bs-navbar-top-example .navbar-header,
6822
+ .bs-navbar-bottom-example .navbar-header {
6823
+ margin-left: 0;
7042
6824
  }
7043
- .fa-stack-overflow:before {
7044
- content: "\f16c";
6825
+ .bs-navbar-top-example .navbar-fixed-top,
6826
+ .bs-navbar-bottom-example .navbar-fixed-bottom {
6827
+ position: relative;
6828
+ margin-right: 0;
6829
+ margin-left: 0;
7045
6830
  }
7046
- .fa-instagram:before {
7047
- content: "\f16d";
6831
+ .bs-navbar-top-example {
6832
+ padding-bottom: 45px;
7048
6833
  }
7049
- .fa-flickr:before {
7050
- content: "\f16e";
6834
+ .bs-navbar-top-example:after {
6835
+ top: auto;
6836
+ bottom: 15px;
7051
6837
  }
7052
- .fa-adn:before {
7053
- content: "\f170";
6838
+ .bs-navbar-top-example .navbar-fixed-top {
6839
+ top: -1px;
7054
6840
  }
7055
- .fa-bitbucket:before {
7056
- content: "\f171";
6841
+ .bs-navbar-bottom-example {
6842
+ padding-top: 45px;
7057
6843
  }
7058
- .fa-bitbucket-square:before {
7059
- content: "\f172";
6844
+ .bs-navbar-bottom-example .navbar-fixed-bottom {
6845
+ bottom: -1px;
7060
6846
  }
7061
- .fa-tumblr:before {
7062
- content: "\f173";
6847
+ .bs-navbar-bottom-example .navbar {
6848
+ margin-bottom: 0;
7063
6849
  }
7064
- .fa-tumblr-square:before {
7065
- content: "\f174";
6850
+ @media (min-width: 768px) {
6851
+ .bs-navbar-top-example .navbar-fixed-top,
6852
+ .bs-navbar-bottom-example .navbar-fixed-bottom {
6853
+ position: absolute;
6854
+ }
7066
6855
  }
7067
- .fa-long-arrow-down:before {
7068
- content: "\f175";
6856
+
6857
+ /* Pagination */
6858
+ .bs-example .pagination {
6859
+ margin-top: 10px;
6860
+ margin-bottom: 10px;
7069
6861
  }
7070
- .fa-long-arrow-up:before {
7071
- content: "\f176";
6862
+
6863
+ /* Pager */
6864
+ .bs-example > .pager {
6865
+ margin-top: 0;
7072
6866
  }
7073
- .fa-long-arrow-left:before {
7074
- content: "\f177";
6867
+
6868
+ /* Example modals */
6869
+ .bs-example-modal {
6870
+ background-color: #f5f5f5;
7075
6871
  }
7076
- .fa-long-arrow-right:before {
7077
- content: "\f178";
6872
+ .bs-example-modal .modal {
6873
+ position: relative;
6874
+ top: auto;
6875
+ right: auto;
6876
+ bottom: auto;
6877
+ left: auto;
6878
+ z-index: 1;
6879
+ display: block;
7078
6880
  }
7079
- .fa-apple:before {
7080
- content: "\f179";
6881
+ .bs-example-modal .modal-dialog {
6882
+ left: auto;
6883
+ margin-right: auto;
6884
+ margin-left: auto;
7081
6885
  }
7082
- .fa-windows:before {
7083
- content: "\f17a";
6886
+
6887
+ /* Example dropdowns */
6888
+ .bs-example > .dropdown > .dropdown-menu {
6889
+ position: static;
6890
+ display: block;
6891
+ margin-bottom: 5px;
7084
6892
  }
7085
- .fa-android:before {
7086
- content: "\f17b";
6893
+
6894
+ /* Example tabbable tabs */
6895
+ .bs-example-tabs .nav-tabs {
6896
+ margin-bottom: 15px;
7087
6897
  }
7088
- .fa-linux:before {
7089
- content: "\f17c";
6898
+
6899
+ /* Tooltips */
6900
+ .bs-example-tooltips {
6901
+ text-align: center;
7090
6902
  }
7091
- .fa-dribbble:before {
7092
- content: "\f17d";
6903
+ .bs-example-tooltips > .btn {
6904
+ margin-top: 5px;
6905
+ margin-bottom: 5px;
7093
6906
  }
7094
- .fa-skype:before {
7095
- content: "\f17e";
6907
+
6908
+ /* Popovers */
6909
+ .bs-example-popover {
6910
+ padding-bottom: 24px;
6911
+ background-color: #f9f9f9;
7096
6912
  }
7097
- .fa-foursquare:before {
7098
- content: "\f180";
6913
+ .bs-example-popover .popover {
6914
+ position: relative;
6915
+ display: block;
6916
+ float: left;
6917
+ width: 260px;
6918
+ margin: 20px;
7099
6919
  }
7100
- .fa-trello:before {
7101
- content: "\f181";
6920
+
6921
+ /* Scrollspy demo on fixed height div */
6922
+ .scrollspy-example {
6923
+ position: relative;
6924
+ height: 200px;
6925
+ margin-top: 10px;
6926
+ overflow: auto;
7102
6927
  }
7103
- .fa-female:before {
7104
- content: "\f182";
6928
+
6929
+
6930
+ /*
6931
+ * Code snippets
6932
+ *
6933
+ * Generated via Pygments and Jekyll, these are snippets of HTML, CSS, and JS.
6934
+ */
6935
+
6936
+ .highlight {
6937
+ padding: 9px 14px;
6938
+ margin-bottom: 14px;
6939
+ background-color: #f7f7f9;
6940
+ border: 1px solid #e1e1e8;
6941
+ border-radius: 4px;
7105
6942
  }
7106
- .fa-male:before {
7107
- content: "\f183";
6943
+ .highlight pre {
6944
+ padding: 0;
6945
+ margin-top: 0;
6946
+ margin-bottom: 0;
6947
+ white-space: nowrap;
6948
+ background-color: transparent;
6949
+ border: 0;
7108
6950
  }
7109
- .fa-gittip:before {
7110
- content: "\f184";
6951
+ .highlight pre code {
6952
+ font-size: inherit;
6953
+ color: #333; /* Effectively the base text color */
7111
6954
  }
7112
- .fa-sun-o:before {
7113
- content: "\f185";
6955
+ .highlight pre .lineno {
6956
+ display: inline-block;
6957
+ width: 22px;
6958
+ padding-right: 5px;
6959
+ margin-right: 10px;
6960
+ color: #bebec5;
6961
+ text-align: right;
7114
6962
  }
7115
- .fa-moon-o:before {
7116
- content: "\f186";
6963
+
6964
+
6965
+ /*
6966
+ * Responsive tests
6967
+ *
6968
+ * Generate a set of tests to show the responsive utilities in action.
6969
+ */
6970
+
6971
+ /* Responsive (scrollable) doc tables */
6972
+ .table-responsive .highlight pre {
6973
+ white-space: normal;
7117
6974
  }
7118
- .fa-archive:before {
7119
- content: "\f187";
6975
+
6976
+ /* Utility classes table */
6977
+ .bs-table th small,
6978
+ .responsive-utilities th small {
6979
+ display: block;
6980
+ font-weight: normal;
6981
+ color: #999;
7120
6982
  }
7121
- .fa-bug:before {
7122
- content: "\f188";
6983
+ .responsive-utilities tbody th {
6984
+ font-weight: normal;
7123
6985
  }
7124
- .fa-vk:before {
7125
- content: "\f189";
6986
+ .responsive-utilities td {
6987
+ text-align: center;
7126
6988
  }
7127
- .fa-weibo:before {
7128
- content: "\f18a";
6989
+ .responsive-utilities td.is-visible {
6990
+ color: #468847;
6991
+ background-color: #dff0d8 !important;
7129
6992
  }
7130
- .fa-renren:before {
7131
- content: "\f18b";
6993
+ .responsive-utilities td.is-hidden {
6994
+ color: #ccc;
6995
+ background-color: #f9f9f9 !important;
7132
6996
  }
7133
- .fa-pagelines:before {
7134
- content: "\f18c";
6997
+
6998
+ /* Responsive tests */
6999
+ .responsive-utilities-test {
7000
+ margin-top: 5px;
7135
7001
  }
7136
- .fa-stack-exchange:before {
7137
- content: "\f18d";
7002
+ .responsive-utilities-test .col-xs-6 {
7003
+ margin-bottom: 10px;
7138
7004
  }
7139
- .fa-arrow-circle-o-right:before {
7140
- content: "\f18e";
7005
+ .responsive-utilities-test span {
7006
+ display: block;
7007
+ padding: 15px 10px;
7008
+ font-size: 14px;
7009
+ font-weight: bold;
7010
+ line-height: 1.1;
7011
+ text-align: center;
7012
+ border-radius: 4px;
7141
7013
  }
7142
- .fa-arrow-circle-o-left:before {
7143
- content: "\f190";
7014
+ .visible-on .col-xs-6 .hidden-xs,
7015
+ .visible-on .col-xs-6 .hidden-sm,
7016
+ .visible-on .col-xs-6 .hidden-md,
7017
+ .visible-on .col-xs-6 .hidden-lg,
7018
+ .hidden-on .col-xs-6 .hidden-xs,
7019
+ .hidden-on .col-xs-6 .hidden-sm,
7020
+ .hidden-on .col-xs-6 .hidden-md,
7021
+ .hidden-on .col-xs-6 .hidden-lg {
7022
+ color: #999;
7023
+ border: 1px solid #ddd;
7144
7024
  }
7145
- .fa-toggle-left:before,
7146
- .fa-caret-square-o-left:before {
7147
- content: "\f191";
7025
+ .visible-on .col-xs-6 .visible-xs-block,
7026
+ .visible-on .col-xs-6 .visible-sm-block,
7027
+ .visible-on .col-xs-6 .visible-md-block,
7028
+ .visible-on .col-xs-6 .visible-lg-block,
7029
+ .hidden-on .col-xs-6 .visible-xs-block,
7030
+ .hidden-on .col-xs-6 .visible-sm-block,
7031
+ .hidden-on .col-xs-6 .visible-md-block,
7032
+ .hidden-on .col-xs-6 .visible-lg-block {
7033
+ color: #468847;
7034
+ background-color: #dff0d8;
7035
+ border: 1px solid #d6e9c6;
7148
7036
  }
7149
- .fa-dot-circle-o:before {
7150
- content: "\f192";
7037
+
7038
+
7039
+ /*
7040
+ * Glyphicons
7041
+ *
7042
+ * Special styles for displaying the icons and their classes in the docs.
7043
+ */
7044
+
7045
+ .bs-glyphicons {
7046
+ margin: 0 -10px 20px;
7047
+ overflow: hidden;
7151
7048
  }
7152
- .fa-wheelchair:before {
7153
- content: "\f193";
7049
+ .bs-glyphicons-list {
7050
+ padding-left: 0;
7051
+ list-style: none;
7154
7052
  }
7155
- .fa-vimeo-square:before {
7156
- content: "\f194";
7053
+ .bs-glyphicons li {
7054
+ float: left;
7055
+ width: 25%;
7056
+ height: 115px;
7057
+ padding: 10px;
7058
+ font-size: 10px;
7059
+ line-height: 1.4;
7060
+ text-align: center;
7061
+ background-color: #f9f9f9;
7062
+ border: 1px solid #fff;
7157
7063
  }
7158
- .fa-turkish-lira:before,
7159
- .fa-try:before {
7160
- content: "\f195";
7064
+ .bs-glyphicons .glyphicon {
7065
+ margin-top: 5px;
7066
+ margin-bottom: 10px;
7067
+ font-size: 24px;
7161
7068
  }
7162
- .fa-plus-square-o:before {
7163
- content: "\f196";
7069
+ .bs-glyphicons .glyphicon-class {
7070
+ display: block;
7071
+ text-align: center;
7072
+ word-wrap: break-word; /* Help out IE10+ with class names */
7164
7073
  }
7165
- /* Global Styles */
7166
-
7167
- /* ------------------------------- */
7168
-
7169
-
7170
- body {
7171
- background-color: #f8f8f8;
7172
- padding-top: 100px;
7074
+ .bs-glyphicons li:hover {
7075
+ color: #fff;
7076
+ background-color: #563d7c;
7173
7077
  }
7174
7078
 
7175
- @media(min-width:768px) {
7176
- body {
7177
- padding-top: 50px;
7178
- }
7079
+ @media (min-width: 768px) {
7080
+ .bs-glyphicons {
7081
+ margin-right: 0;
7082
+ margin-left: 0;
7083
+ }
7084
+ .bs-glyphicons li {
7085
+ width: 12.5%;
7086
+ font-size: 12px;
7087
+ }
7179
7088
  }
7180
7089
 
7181
- /* Wrappers */
7182
7090
 
7183
- /* ------------------------------- */
7091
+ /*
7092
+ * Customizer
7093
+ *
7094
+ * Since this is so form control heavy, we have quite a few styles to customize
7095
+ * the display of inputs, headings, and more. Also included are all the download
7096
+ * buttons and actions.
7097
+ */
7184
7098
 
7185
- #wrapper {
7186
- width: 100%;
7099
+ .bs-customizer .toggle {
7100
+ float: right;
7101
+ margin-top: 25px;
7187
7102
  }
7188
7103
 
7189
- #page-wrapper {
7190
- padding: 0 15px;
7191
- min-height: 568px;
7192
- background-color: #fff;
7104
+ /* Headings and form contrls */
7105
+ .bs-customizer label {
7106
+ margin-top: 10px;
7107
+ font-weight: 500;
7108
+ color: #555;
7193
7109
  }
7194
-
7195
- @media(min-width:768px) {
7196
- #page-wrapper {
7197
- position: inherit;
7198
- margin: 0 0 0 250px;
7199
- padding: 0 30px;
7200
- min-height: 1300px;
7201
- border-left: 1px solid #e7e7e7;
7202
- }
7110
+ .bs-customizer h2 {
7111
+ padding-top: 30px;
7112
+ margin-top: 0;
7113
+ margin-bottom: 5px;
7203
7114
  }
7204
-
7205
- .navbar-static-side ul li {
7206
- border-bottom: 1px solid #e7e7e7;
7115
+ .bs-customizer h3 {
7116
+ margin-bottom: 0;
7207
7117
  }
7208
-
7209
- /* Navigation */
7210
-
7211
- /* ------------------------------- */
7212
-
7213
- /* Top Right Navigation Dropdown Styles */
7214
-
7215
- .navbar-top-links li {
7216
- display: inline-block;
7118
+ .bs-customizer h4 {
7119
+ margin-top: 15px;
7120
+ margin-bottom: 0;
7217
7121
  }
7218
-
7219
- .navbar-top-links li:last-child {
7220
- margin-right: 15px;
7122
+ .bs-customizer .bs-callout h4 {
7123
+ margin-top: 0; /* lame, but due to specificity we have to duplicate */
7124
+ margin-bottom: 5px;
7221
7125
  }
7222
-
7223
- .navbar-top-links li a {
7224
- padding: 15px;
7225
- min-height: 50px;
7126
+ .bs-customizer input[type="text"] {
7127
+ font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
7128
+ background-color: #fafafa;
7226
7129
  }
7227
-
7228
- .navbar-top-links .dropdown-menu li {
7229
- display: block;
7130
+ .bs-customizer .help-block {
7131
+ margin-bottom: 5px;
7132
+ font-size: 12px;
7230
7133
  }
7231
7134
 
7232
- .navbar-top-links .dropdown-menu li:last-child {
7233
- margin-right: 0;
7135
+ /* For the variables, use regular weight */
7136
+ #less-section label {
7137
+ font-weight: normal;
7234
7138
  }
7235
7139
 
7236
- .navbar-top-links .dropdown-menu li a {
7237
- padding: 3px 20px;
7238
- min-height: 0;
7140
+ .bs-customizer-input {
7141
+ float: left;
7142
+ width: 33.333333%;
7143
+ padding-right: 15px;
7144
+ padding-left: 15px;
7239
7145
  }
7240
7146
 
7241
- .navbar-top-links .dropdown-menu li a div {
7242
- white-space: normal;
7147
+ /* Downloads */
7148
+ .bs-customize-download .btn-outline {
7149
+ padding: 20px;
7243
7150
  }
7244
7151
 
7245
- .navbar-top-links .dropdown-messages,
7246
- .navbar-top-links .dropdown-tasks,
7247
- .navbar-top-links .dropdown-alerts {
7248
- width: 310px;
7249
- min-width: 0;
7152
+ /* Error handling */
7153
+ .bs-customizer-alert {
7154
+ position: fixed;
7155
+ top: 0;
7156
+ right: 0;
7157
+ left: 0;
7158
+ z-index: 1030;
7159
+ padding: 15px 0;
7160
+ color: #fff;
7161
+ background-color: #d9534f;
7162
+ border-bottom: 1px solid #b94441;
7163
+ -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
7164
+ box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
7250
7165
  }
7251
-
7252
- .navbar-top-links .dropdown-messages {
7253
- margin-left: 5px;
7166
+ .bs-customizer-alert .close {
7167
+ margin-top: -4px;
7168
+ font-size: 24px;
7254
7169
  }
7255
-
7256
- .navbar-top-links .dropdown-tasks {
7257
- margin-left: -59px;
7170
+ .bs-customizer-alert p {
7171
+ margin-bottom: 0;
7258
7172
  }
7259
-
7260
- .navbar-top-links .dropdown-alerts {
7261
- margin-left: -123px;
7173
+ .bs-customizer-alert .glyphicon {
7174
+ margin-right: 5px;
7262
7175
  }
7263
-
7264
- .navbar-top-links .dropdown-user {
7265
- right: 0;
7266
- left: auto;
7176
+ .bs-customizer-alert pre {
7177
+ margin: 10px 0 0;
7178
+ color: #fff;
7179
+ background-color: #a83c3a;
7180
+ border-color: #973634;
7181
+ -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.1);
7182
+ box-shadow: inset 0 2px 4px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.1);
7267
7183
  }
7268
7184
 
7269
- /* Sidebar Menu Styles */
7270
7185
 
7271
- .sidebar-search {
7272
- padding: 15px;
7273
- }
7186
+ /*
7187
+ * Brand guidelines
7188
+ *
7189
+ * Extra styles for displaying wordmarks, logos, etc.
7190
+ */
7274
7191
 
7275
- .arrow {
7276
- float: right;
7192
+ /* Logo series wrapper */
7193
+ .bs-brand-logos {
7194
+ display: table;
7195
+ width: 100%;
7196
+ margin-bottom: 15px;
7197
+ overflow: hidden;
7198
+ color: #563d7c;
7199
+ background-color: #f9f9f9;
7200
+ border-radius: 4px;
7277
7201
  }
7278
7202
 
7279
- .fa.arrow:before {
7280
- content: "\f104";
7203
+ /* Individual items */
7204
+ .bs-brand-item {
7205
+ padding: 60px 0;
7206
+ text-align: center;
7281
7207
  }
7282
-
7283
- .active > a > .fa.arrow:before {
7284
- content: "\f107";
7208
+ .bs-brand-item + .bs-brand-item {
7209
+ border-top: 1px solid #fff;
7285
7210
  }
7286
-
7287
- .nav-second-level li,
7288
- .nav-third-level li {
7289
- border-bottom: none !important;
7211
+ .bs-brand-logos .inverse {
7212
+ color: #fff;
7213
+ background-color: #563d7c;
7290
7214
  }
7291
-
7292
- .nav-second-level li a {
7293
- padding-left: 15px;
7215
+ .bs-brand-item .svg {
7216
+ width: 144px;
7217
+ height: 144px;
7294
7218
  }
7295
7219
 
7296
- .nav-third-level li a {
7297
- padding-left: 52px;
7220
+ /* Heading content within */
7221
+ .bs-brand-item h1,
7222
+ .bs-brand-item h3 {
7223
+ margin-top: 0;
7224
+ margin-bottom: 0;
7298
7225
  }
7299
-
7300
- @media(min-width:768px) {
7301
- .navbar-static-side {
7302
- z-index: 1;
7303
- position: absolute;
7304
- width: 250px;
7305
- margin-top: 51px;
7306
- }
7307
-
7308
- .navbar-top-links .dropdown-messages,
7309
- .navbar-top-links .dropdown-tasks,
7310
- .navbar-top-links .dropdown-alerts {
7311
- margin-left: auto;
7312
- }
7226
+ .bs-brand-item .bs-docs-booticon {
7227
+ margin-right: auto;
7228
+ margin-left: auto;
7313
7229
  }
7314
7230
 
7315
- /* Buttons */
7316
-
7317
- /* ------------------------------- */
7318
-
7319
- .btn-outline {
7320
- color: inherit;
7321
- background-color: transparent;
7322
- transition: all .5s;
7231
+ /* Make the icons stand out on what is/isn't okay */
7232
+ .bs-brand-item .glyphicon {
7233
+ width: 30px;
7234
+ height: 30px;
7235
+ margin: 10px auto -10px;
7236
+ line-height: 30px;
7237
+ color: #fff;
7238
+ border-radius: 50%;
7323
7239
  }
7324
-
7325
- .btn-primary.btn-outline {
7326
- color: #428bca;
7240
+ .bs-brand-item .glyphicon-ok {
7241
+ background-color: #5cb85c;
7327
7242
  }
7328
-
7329
- .btn-success.btn-outline {
7330
- color: #5cb85c;
7243
+ .bs-brand-item .glyphicon-remove {
7244
+ background-color: #d9534f;
7331
7245
  }
7332
7246
 
7333
- .btn-info.btn-outline {
7334
- color: #5bc0de;
7247
+ @media (min-width: 768px) {
7248
+ .bs-brand-item {
7249
+ display: table-cell;
7250
+ width: 1%;
7251
+ }
7252
+ .bs-brand-item + .bs-brand-item {
7253
+ border-top: 0;
7254
+ border-left: 1px solid #fff;
7255
+ }
7256
+ .bs-brand-item h1 {
7257
+ font-size: 60px;
7258
+ }
7335
7259
  }
7336
7260
 
7337
- .btn-warning.btn-outline {
7338
- color: #f0ad4e;
7339
- }
7340
7261
 
7341
- .btn-danger.btn-outline {
7342
- color: #d9534f;
7262
+ /*
7263
+ * Miscellaneous
7264
+ *
7265
+ * Odds and ends for optimum docs display.
7266
+ */
7267
+
7268
+ /* Examples gallery: space out content better */
7269
+ .bs-examples .thumbnail {
7270
+ margin-bottom: 10px;
7271
+ }
7272
+ .bs-examples h4 {
7273
+ margin-bottom: 5px;
7274
+ }
7275
+ .bs-examples p {
7276
+ margin-bottom: 20px;
7343
7277
  }
7344
7278
 
7345
- .btn-primary.btn-outline:hover,
7346
- .btn-success.btn-outline:hover,
7347
- .btn-info.btn-outline:hover,
7348
- .btn-warning.btn-outline:hover,
7349
- .btn-danger.btn-outline:hover {
7350
- color: #fff;
7279
+ /* Pseudo :focus state for showing how it looks in the docs */
7280
+ #focusedInput {
7281
+ border-color: rgb(204,204,204); /* Restate unfocused value to make CSSLint happy that there's a pre-CSS3 fallback*/
7282
+ border-color: rgba(82,168,236,.8);
7283
+ outline: 0;
7284
+ outline: thin dotted \9; /* IE6-9 */
7285
+ -webkit-box-shadow: 0 0 8px rgba(82,168,236,.6);
7286
+ box-shadow: 0 0 8px rgba(82,168,236,.6);
7351
7287
  }
7288
+ /*
7352
7289
 
7353
- /* Pages */
7290
+ github.com style (c) Vasily Polovnyov <vast@whiteants.net>
7354
7291
 
7355
- /* ------------------------------- */
7292
+ */
7356
7293
 
7357
- /* Dashboard Chat */
7358
7294
 
7359
- .chat {
7360
- margin: 0;
7361
- padding: 0;
7362
- list-style: none;
7295
+ .hljs {
7296
+ display: block;
7297
+ color: #333;
7363
7298
  }
7364
7299
 
7365
- .chat li {
7366
- margin-bottom: 10px;
7367
- padding-bottom: 5px;
7368
- border-bottom: 1px dotted #B3A9A9;
7300
+ .hljs-comment,
7301
+ .hljs-template_comment,
7302
+ .diff .hljs-header,
7303
+ .hljs-javadoc {
7304
+ color: #998;
7305
+ font-style: italic
7369
7306
  }
7370
7307
 
7371
- .chat li.left .chat-body {
7372
- margin-left: 60px;
7308
+ .hljs-keyword,
7309
+ .css .rule .hljs-keyword,
7310
+ .hljs-winutils,
7311
+ .javascript .hljs-title,
7312
+ .nginx .hljs-title,
7313
+ .hljs-subst,
7314
+ .hljs-request,
7315
+ .hljs-status {
7316
+ color: #333;
7317
+ font-weight: bold
7373
7318
  }
7374
7319
 
7375
- .chat li.right .chat-body {
7376
- margin-right: 60px;
7320
+ .hljs-number,
7321
+ .hljs-hexcolor,
7322
+ .ruby .hljs-constant {
7323
+ color: #099;
7377
7324
  }
7378
7325
 
7379
- .chat li .chat-body p {
7380
- margin: 0;
7381
- color: #777777;
7326
+ .hljs-string,
7327
+ .hljs-tag .hljs-value,
7328
+ .hljs-phpdoc,
7329
+ .tex .hljs-formula {
7330
+ color: #d14
7382
7331
  }
7383
7332
 
7384
- .panel .slidedown .glyphicon,
7385
- .chat .glyphicon {
7386
- margin-right: 5px;
7333
+ .hljs-title,
7334
+ .hljs-id,
7335
+ .coffeescript .hljs-params,
7336
+ .scss .hljs-preprocessor {
7337
+ color: #900;
7338
+ font-weight: bold
7387
7339
  }
7388
7340
 
7389
- .chat-panel .panel-body {
7390
- height: 350px;
7391
- overflow-y: scroll;
7341
+ .javascript .hljs-title,
7342
+ .lisp .hljs-title,
7343
+ .clojure .hljs-title,
7344
+ .hljs-subst {
7345
+ font-weight: normal
7392
7346
  }
7393
7347
 
7394
- /* Login Page */
7395
-
7396
- .login-panel {
7397
- margin-top: 25%;
7348
+ .hljs-class .hljs-title,
7349
+ .haskell .hljs-type,
7350
+ .vhdl .hljs-literal,
7351
+ .tex .hljs-command {
7352
+ color: #458;
7353
+ font-weight: bold
7398
7354
  }
7399
7355
 
7400
- /* Flot Chart Containers */
7401
-
7402
- .flot-chart {
7403
- display: block;
7404
- height: 400px;
7356
+ .hljs-tag,
7357
+ .hljs-tag .hljs-title,
7358
+ .hljs-rules .hljs-property,
7359
+ .django .hljs-tag .hljs-keyword {
7360
+ color: #000080;
7361
+ font-weight: normal
7405
7362
  }
7406
7363
 
7407
- .flot-chart-content {
7408
- width: 100%;
7409
- height: 100%;
7364
+ .hljs-attribute,
7365
+ .hljs-variable,
7366
+ .lisp .hljs-body {
7367
+ color: #008080
7410
7368
  }
7411
7369
 
7412
- /* DataTables Overrides */
7413
-
7414
- table.dataTable thead .sorting,
7415
- table.dataTable thead .sorting_asc,
7416
- table.dataTable thead .sorting_desc,
7417
- table.dataTable thead .sorting_asc_disabled,
7418
- table.dataTable thead .sorting_desc_disabled {
7419
- background: transparent;
7370
+ .hljs-regexp {
7371
+ color: #009926
7420
7372
  }
7421
7373
 
7422
- table.dataTable thead .sorting_asc:after {
7423
- content: "\f0de";
7424
- float: right;
7425
- font-family: fontawesome;
7374
+ .hljs-symbol,
7375
+ .ruby .hljs-symbol .hljs-string,
7376
+ .lisp .hljs-keyword,
7377
+ .tex .hljs-special,
7378
+ .hljs-prompt {
7379
+ color: #990073
7426
7380
  }
7427
7381
 
7428
- table.dataTable thead .sorting_desc:after {
7429
- content: "\f0dd";
7430
- float: right;
7431
- font-family: fontawesome;
7382
+ .hljs-built_in,
7383
+ .lisp .hljs-title,
7384
+ .clojure .hljs-built_in {
7385
+ color: #0086b3
7432
7386
  }
7433
7387
 
7434
- table.dataTable thead .sorting:after {
7435
- content: "\f0dc";
7436
- float: right;
7437
- font-family: fontawesome;
7438
- color: rgba(50,50,50,.5);
7388
+ .hljs-preprocessor,
7389
+ .hljs-pragma,
7390
+ .hljs-pi,
7391
+ .hljs-doctype,
7392
+ .hljs-shebang,
7393
+ .hljs-cdata {
7394
+ color: #999;
7395
+ font-weight: bold
7439
7396
  }
7440
7397
 
7441
- /* Circle Buttons */
7442
-
7443
- .btn-circle {
7444
- width: 30px;
7445
- height: 30px;
7446
- padding: 6px 0;
7447
- border-radius: 15px;
7448
- text-align: center;
7449
- font-size: 12px;
7450
- line-height: 1.428571429;
7398
+ .hljs-deletion {
7399
+ background: #fdd
7451
7400
  }
7452
7401
 
7453
- .btn-circle.btn-lg {
7454
- width: 50px;
7455
- height: 50px;
7456
- padding: 10px 16px;
7457
- border-radius: 25px;
7458
- font-size: 18px;
7459
- line-height: 1.33;
7402
+ .hljs-addition {
7403
+ background: #dfd
7460
7404
  }
7461
7405
 
7462
- .btn-circle.btn-xl {
7463
- width: 70px;
7464
- height: 70px;
7465
- padding: 10px 16px;
7466
- border-radius: 35px;
7467
- font-size: 24px;
7468
- line-height: 1.33;
7406
+ .diff .hljs-change {
7407
+ background: #0086b3
7469
7408
  }
7470
7409
 
7471
- .show-grid [class^="col-"] {
7472
- padding-top: 10px;
7473
- padding-bottom: 10px;
7474
- border: 1px solid #ddd;
7475
- background-color: #eee !important;
7410
+ .hljs-chunk {
7411
+ color: #aaa
7476
7412
  }
7477
-
7478
- .show-grid {
7479
- margin: 15px 0;
7480
- }
7481
- .pln{color:#000}@media screen{.str{color:#080}.kwd{color:#008}.com{color:#800}.typ{color:#606}.lit{color:#066}.pun,.opn,.clo{color:#660}.tag{color:#008}.atn{color:#606}.atv{color:#080}.dec,.var{color:#606}.fun{color:red}}@media print,projection{.str{color:#060}.kwd{color:#006;font-weight:bold}.com{color:#600;font-style:italic}.typ{color:#404;font-weight:bold}.lit{color:#044}.pun,.opn,.clo{color:#440}.tag{color:#006;font-weight:bold}.atn{color:#404}.atv{color:#060}}pre.prettyprint{padding:2px;border:1px solid #888}ol.linenums{margin-top:0;margin-bottom:0}li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8{list-style-type:none}li.L1,li.L3,li.L5,li.L7,li.L9{background:#eee}
7482
- /* desert scheme ported from vim to google prettify */
7483
-
7484
- pre.prettyprint { display: block; background-color: #333 }
7485
- pre .nocode { background-color: none; color: #000 }
7486
- pre .str { color: #ffa0a0 } /* string - pink */
7487
- pre .kwd { color: #f0e68c; font-weight: bold }
7488
- pre .com { color: #87ceeb } /* comment - skyblue */
7489
- pre .typ { color: #98fb98 } /* type - lightgreen */
7490
- pre .lit { color: #cd5c5c } /* literal - darkred */
7491
- pre .pun { color: #fff } /* punctuation */
7492
- pre .pln { color: #fff } /* plaintext */
7493
- pre .tag { color: #f0e68c; font-weight: bold } /* html/xml tag - lightyellow */
7494
- pre .atn { color: #bdb76b; font-weight: bold } /* attribute name - khaki */
7495
- pre .atv { color: #ffa0a0 } /* attribute value - pink */
7496
- pre .dec { color: #98fb98 } /* decimal - lightgreen */
7497
-
7498
- /* Specify class=linenums on a pre to get line numbering */
7499
- ol.linenums { margin-top: 0; margin-bottom: 0; color: #AEAEAE } /* IE indents via margin-left */
7500
- li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8 { list-style-type: none }
7501
- /* Alternate shading for lines */
7502
- li.L1,li.L3,li.L5,li.L7,li.L9 { }
7503
-
7504
- @media print {
7505
- pre.prettyprint { background-color: none }
7506
- pre .str, code .str { color: #060 }
7507
- pre .kwd, code .kwd { color: #006; font-weight: bold }
7508
- pre .com, code .com { color: #600; font-style: italic }
7509
- pre .typ, code .typ { color: #404; font-weight: bold }
7510
- pre .lit, code .lit { color: #044 }
7511
- pre .pun, code .pun { color: #440 }
7512
- pre .pln, code .pln { color: #000 }
7513
- pre .tag, code .tag { color: #006; font-weight: bold }
7514
- pre .atn, code .atn { color: #404 }
7515
- pre .atv, code .atv { color: #060 }
7516
- }
7517
7413
  /*
7518
7414
 
7519
7415
 
7520
-
7521
7416
  *
7522
7417
 
7523
7418
 
7524
-
7525
7419
  */
7526
- #show-api-response-div table td {
7420
+ #show-api-response-div table th, #show-api-response-div table td {
7421
+ border: none;
7422
+ }
7423
+ #show-api-response-div table th {
7424
+ width: 80px;
7425
+ }
7426
+ #show-api-response-div table .value {
7527
7427
  vertical-align: top;
7528
7428
  white-space:pre;
7529
7429
  }
7530
- .nav > li > a.hovered {
7531
- text-decoration: none;
7532
- background-color: #eee;
7430
+ .bs-docs-sidebar .nav > li.opened > ul {
7431
+ display: block;
7533
7432
  }
7534
- .navbar-right {
7535
- padding: 8px;
7433
+ .bs-docs-sidebar .nav > li:hover > ul {
7434
+ display: block;
7536
7435
  }
7537
- .panel .list-group .list-group-item {
7538
- border-width: 0;
7539
- padding: 0;
7540
- margin-bottom: 10px;
7436
+ .form-horizontal.bs-example:after {
7437
+ content: 'Live';
7438
+ }
7439
+ .url-params.bs-example:after {
7440
+ content: 'Url Params';
7441
+ }
7442
+ .post-params.bs-example:after {
7443
+ content: 'Payload';
7444
+ }
7445
+ /* pdf */
7446
+ pre {
7447
+ page-break-inside: avoid;
7541
7448
  }