lurker 0.5.4 → 0.5.5

Sign up to get free protection for your applications and to get access to all the features.
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
  }