summaryrefslogtreecommitdiff
path: root/doc
diff options
context:
space:
mode:
authorXavi Artigas <xavierartigas@yahoo.es>2019-01-30 19:20:43 +0100
committerXavi Artigas <xavierartigas@yahoo.es>2019-02-11 14:18:12 +0100
commit133b659b7301c2bf577491575a5e7f455b345347 (patch)
tree85f9eed5eac40bdcd095fdc36b98606f00cfd521 /doc
parent8985222f4798c320e1252e8c59d29169aeb9771f (diff)
docs: Add custom DocFX templates
Summary: These templates add the following features: - Collapsible sections for simpler reading - Full class names in ancestors list (Could not make it work for descendants) - Removed duplicated Implements section - Removed huge Inherited Members section - Extended maximum number of hierarchy levels from 5 to 10 (because our hierarchy is really that big) Test Plan: Follow the doc/docfx README to generate the HTML pages and enjoy the improved and slightly-more-usable docs. Reviewers: lauromoura, bu5hm4n, zmike, cedric Reviewed By: lauromoura Subscribers: #reviewers, #committers Tags: #efl Differential Revision: https://phab.enlightenment.org/D7832
Diffstat (limited to 'doc')
-rw-r--r--doc/docfx/default_efl/partials/class.header.tmpl.partial98
-rw-r--r--doc/docfx/default_efl/partials/class.tmpl.partial242
-rw-r--r--doc/docfx/default_efl/styles/docfx.css997
-rw-r--r--doc/docfx/docfx.json3
4 files changed, 1339 insertions, 1 deletions
diff --git a/doc/docfx/default_efl/partials/class.header.tmpl.partial b/doc/docfx/default_efl/partials/class.header.tmpl.partial
new file mode 100644
index 0000000000..1a445ab3ca
--- /dev/null
+++ b/doc/docfx/default_efl/partials/class.header.tmpl.partial
@@ -0,0 +1,98 @@
1{{!Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE file in the project root for full license information.}}
2
3<h1 id="{{id}}" data-uid="{{uid}}" class="text-break">{{>partials/title}}</h1>
4<div class="markdown level0 summary">{{{summary}}}</div>
5<div class="markdown level0 conceptual">{{{conceptual}}}</div>
6{{#inClass}}
7<div class="inheritance">
8 <h5><a href="#collapsible-inheritance" class="expander collapsed" data-toggle="collapse">{{__global.inheritance}}</a></h5>
9 <div id="collapsible-inheritance" class="collapse">
10 {{#inheritance}}
11 <div class="level{{index}}"><xref uid="{{uid}}" text="{{fullName.0.value}}"/></div>
12 {{/inheritance}}
13 <div class="level{{level}}"><span class="xref"><b>{{fullName.0.value}}</b></span></div>
14 {{#derivedClasses}}
15 <div class="level{{index}}">{{{specName.0.value}}}</div>
16 {{/derivedClasses}}
17 </div>
18</div>
19{{/inClass}}
20
21{{#inheritedMembers.0}}
22<h6><strong>{{__global.namespace}}</strong>: {{{namespace.specName.0.value}}}</h6>
23<h6><strong>{{__global.assembly}}</strong>: {{assemblies.0}}.dll</h6>
24<h5 id="{{id}}_syntax">{{__global.syntax}}</h5>
25<div class="codewrapper">
26 <pre><code class="lang-{{_lang}} hljs">{{syntax.content.0.value}}</code></pre>
27</div>
28{{#syntax.parameters.0}}
29<h5 class="parameters">{{__global.parameters}}</h5>
30<table class="table table-bordered table-striped table-condensed">
31 <thead>
32 <tr>
33 <th>{{__global.type}}</th>
34 <th>{{__global.name}}</th>
35 <th>{{__global.description}}</th>
36 </tr>
37 </thead>
38 <tbody>
39{{/syntax.parameters.0}}
40{{#syntax.parameters}}
41 <tr>
42 <td>{{{type.specName.0.value}}}</td>
43 <td><span class="parametername">{{{id}}}</span></td>
44 <td>{{{description}}}</td>
45 </tr>
46{{/syntax.parameters}}
47{{#syntax.parameters.0}}
48 </tbody>
49</table>
50{{/syntax.parameters.0}}
51{{#syntax.return}}
52<h5 class="returns">{{__global.returns}}</h5>
53<table class="table table-bordered table-striped table-condensed">
54 <thead>
55 <tr>
56 <th>{{__global.type}}</th>
57 <th>{{__global.description}}</th>
58 </tr>
59 </thead>
60 <tbody>
61 <tr>
62 <td>{{{type.specName.0.value}}}</td>
63 <td>{{{description}}}</td>
64 </tr>
65 </tbody>
66</table>
67{{/syntax.return}}
68{{#syntax.typeParameters.0}}
69<h5 class="typeParameters">{{__global.typeParameters}}</h5>
70<table class="table table-bordered table-striped table-condensed">
71 <thead>
72 <tr>
73 <th>{{__global.name}}</th>
74 <th>{{__global.description}}</th>
75 </tr>
76 </thead>
77 <tbody>
78{{/syntax.typeParameters.0}}
79{{#syntax.typeParameters}}
80 <tr>
81 <td><span class="parametername">{{{id}}}</span></td>
82 <td>{{{description}}}</td>
83 </tr>
84{{/syntax.typeParameters}}
85{{#syntax.typeParameters.0}}
86 </tbody>
87</table>
88{{/syntax.typeParameters.0}}
89{{#remarks}}
90<h5 id="{{id}}_remarks"><strong>{{__global.remarks}}</strong></h5>
91<div class="markdown level0 remarks">{{{remarks}}}</div>
92{{/remarks}}
93{{#example.0}}
94<h5 id="{{id}}_examples"><strong>{{__global.examples}}</strong></h5>
95{{/example.0}}
96{{#example}}
97{{{.}}}
98{{/example}}
diff --git a/doc/docfx/default_efl/partials/class.tmpl.partial b/doc/docfx/default_efl/partials/class.tmpl.partial
new file mode 100644
index 0000000000..42174d079e
--- /dev/null
+++ b/doc/docfx/default_efl/partials/class.tmpl.partial
@@ -0,0 +1,242 @@
1{{!Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE file in the project root for full license information.}}
2
3{{>partials/class.header}}
4{{#children}}
5<h3 id="{{id}}">
6 <a href="#collapsible-{{id}}" class="expander collapsed" data-toggle="collapse">
7 {{>partials/classSubtitle}}
8 </a>
9</h3>
10<div id="collapsible-{{id}}" class="collapse">
11{{#children}}
12{{^_disableContribution}}
13{{#docurl}}
14<span class="small pull-right mobile-hide">
15 <span class="divider">|</span>
16 <a href="{{docurl}}">{{__global.improveThisDoc}}</a>
17</span>{{/docurl}}
18{{#sourceurl}}
19<span class="small pull-right mobile-hide">
20 <a href="{{sourceurl}}">{{__global.viewSource}}</a>
21</span>{{/sourceurl}}
22{{/_disableContribution}}
23{{#overload}}
24<a id="{{id}}" data-uid="{{uid}}"></a>
25{{/overload}}
26<h4 id="{{id}}" data-uid="{{uid}}">{{name.0.value}}</h4>
27<div class="markdown level1 summary">{{{summary}}}</div>
28<div class="markdown level1 conceptual">{{{conceptual}}}</div>
29<h5 class="decalaration">{{__global.declaration}}</h5>
30{{#syntax}}
31<div class="codewrapper">
32 <pre><code class="lang-{{_lang}} hljs">{{syntax.content.0.value}}</code></pre>
33</div>
34{{#parameters.0}}
35<h5 class="parameters">{{__global.parameters}}</h5>
36<table class="table table-bordered table-striped table-condensed">
37 <thead>
38 <tr>
39 <th>{{__global.type}}</th>
40 <th>{{__global.name}}</th>
41 <th>{{__global.description}}</th>
42 </tr>
43 </thead>
44 <tbody>
45{{/parameters.0}}
46{{#parameters}}
47 <tr>
48 <td><xref uid="{{type.fullName.0.value}}" text="{{type.fullName.0.value}}"/></td>
49 <td><span class="parametername">{{{id}}}</span></td>
50 <td>{{{description}}}</td>
51 </tr>
52{{/parameters}}
53{{#parameters.0}}
54 </tbody>
55</table>
56{{/parameters.0}}
57{{#return}}
58<h5 class="returns">{{__global.returns}}</h5>
59<table class="table table-bordered table-striped table-condensed">
60 <thead>
61 <tr>
62 <th>{{__global.type}}</th>
63 <th>{{__global.description}}</th>
64 </tr>
65 </thead>
66 <tbody>
67 <tr>
68 <td><xref uid="{{type.fullName.0.value}}" text="{{type.fullName.0.value}}"/></td>
69 <td>{{{description}}}</td>
70 </tr>
71 </tbody>
72</table>
73{{/return}}
74{{#typeParameters.0}}
75<h5 class="typeParameters">{{__global.typeParameters}}</h5>
76<table class="table table-bordered table-striped table-condensed">
77 <thead>
78 <tr>
79 <th>{{__global.name}}</th>
80 <th>{{__global.description}}</th>
81 </tr>
82 </thead>
83 <tbody>
84{{/typeParameters.0}}
85{{#typeParameters}}
86 <tr>
87 <td><span class="parametername">{{{id}}}</span></td>
88 <td>{{{description}}}</td>
89 </tr>
90{{/typeParameters}}
91{{#typeParameters.0}}
92 </tbody>
93</table>
94{{/typeParameters.0}}
95{{#fieldValue}}
96<h5 class="fieldValue">{{__global.fieldValue}}</h5>
97<table class="table table-bordered table-striped table-condensed">
98 <thead>
99 <tr>
100 <th>{{__global.type}}</th>
101 <th>{{__global.description}}</th>
102 </tr>
103 </thead>
104 <tbody>
105 <tr>
106 <td><xref uid="{{type.fullName.0.value}}" text="{{type.fullName.0.value}}"/></td>
107 <td>{{{description}}}</td>
108 </tr>
109 </tbody>
110</table>
111{{/fieldValue}}
112{{#propertyValue}}
113<h5 class="propertyValue">{{__global.propertyValue}}</h5>
114<table class="table table-bordered table-striped table-condensed">
115 <thead>
116 <tr>
117 <th>{{__global.type}}</th>
118 <th>{{__global.description}}</th>
119 </tr>
120 </thead>
121 <tbody>
122 <tr>
123 <td><xref uid="{{type.fullName.0.value}}" text="{{type.fullName.0.value}}"/></td>
124 <td>{{{description}}}</td>
125 </tr>
126 </tbody>
127</table>
128{{/propertyValue}}
129{{#eventType}}
130<h5 class="eventType">{{__global.eventType}}</h5>
131<table class="table table-bordered table-striped table-condensed">
132 <thead>
133 <tr>
134 <th>{{__global.type}}</th>
135 <th>{{__global.description}}</th>
136 </tr>
137 </thead>
138 <tbody>
139 <tr>
140 <td><xref uid="{{type.fullName.0.value}}" text="{{type.fullName.0.value}}"/></td>
141 <td>{{{description}}}</td>
142 </tr>
143 </tbody>
144</table>
145{{/eventType}}
146{{/syntax}}
147{{#overridden}}
148<h5 class="overrides">{{__global.overrides}}</h5>
149<div><xref uid="{{uid}}" altProperty="fullName" displayProperty="nameWithType"/></div>
150{{/overridden}}
151{{#remarks}}
152<h5 id="{{id}}_remarks">{{__global.remarks}}</h5>
153<div class="markdown level1 remarks">{{{remarks}}}</div>
154{{/remarks}}
155{{#example.0}}
156<h5 id="{{id}}_examples">{{__global.examples}}</h5>
157{{/example.0}}
158{{#example}}
159{{{.}}}
160{{/example}}
161{{#exceptions.0}}
162<h5 class="exceptions">{{__global.exceptions}}</h5>
163<table class="table table-bordered table-striped table-condensed">
164 <thead>
165 <tr>
166 <th>{{__global.type}}</th>
167 <th>{{__global.condition}}</th>
168 </tr>
169 </thead>
170 <tbody>
171{{/exceptions.0}}
172{{#exceptions}}
173 <tr>
174 <td><xref uid="{{type.fullName.0.value}}" text="{{type.fullName.0.value}}"/></td>
175 <td>{{{description}}}</td>
176 </tr>
177{{/exceptions}}
178{{#exceptions.0}}
179 </tbody>
180</table>
181{{/exceptions.0}}
182{{#seealso.0}}
183<h5 id="{{id}}_seealso">{{__global.seealso}}</h5>
184<div class="seealso">
185{{/seealso.0}}
186{{#seealso}}
187 {{#isCref}}
188 <div><xref uid="{{type.fullName.0.value}}" text="{{type.fullName.0.value}}"/></div>
189 {{/isCref}}
190 {{^isCref}}
191 <div>{{{url}}}</div>
192 {{/isCref}}
193{{/seealso}}
194{{#seealso.0}}
195</div>
196{{/seealso.0}}
197{{/children}}
198</div>
199{{/children}}
200{{#implements.0}}
201<h3><a href="#collapsible-implements" class="expander collapsed" data-toggle="collapse">{{__global.implements}}</a></h3>
202<div id="collapsible-implements" class="collapse">
203{{/implements.0}}
204{{#implements}}
205<div>
206 {{#definition}}
207 <xref uid="{{definition}}" altProperty="fullName" displayProperty="nameWithType"/>
208 {{/definition}}
209 {{^definition}}
210 <xref uid="{{uid}}" text="{{fullName.0.value}}"/>
211 {{/definition}}
212</div>
213{{/implements}}
214</div>
215{{#extensionMethods.0}}
216<h3 id="extensionmethods">{{__global.extensionMethods}}</h3>
217{{/extensionMethods.0}}
218{{#extensionMethods}}
219<div>
220 {{#definition}}
221 <xref uid="{{definition}}" altProperty="fullName" displayProperty="nameWithType"/>
222 {{/definition}}
223 {{^definition}}
224 <xref uid="{{uid}}" altProperty="fullName" displayProperty="nameWithType"/>
225 {{/definition}}
226</div>
227{{/extensionMethods}}
228{{#seealso.0}}
229<h3 id="seealso">{{__global.seealso}}</h3>
230<div class="seealso">
231{{/seealso.0}}
232{{#seealso}}
233 {{#isCref}}
234 <div><xref uid="{{type.fullName.0.value}}" text="{{type.fullName.0.value}}"/></div>
235 {{/isCref}}
236 {{^isCref}}
237 <div>{{{url}}}</div>
238 {{/isCref}}
239{{/seealso}}
240{{#seealso.0}}
241</div>
242{{/seealso.0}}
diff --git a/doc/docfx/default_efl/styles/docfx.css b/doc/docfx/default_efl/styles/docfx.css
new file mode 100644
index 0000000000..f94c4b0377
--- /dev/null
+++ b/doc/docfx/default_efl/styles/docfx.css
@@ -0,0 +1,997 @@
1/* Copyright (c) Microsoft Corporation. All Rights Reserved. Licensed under the MIT License. See License.txt in the project root for license information. */
2html,
3body {
4 font-family: 'Segoe UI', Tahoma, Helvetica, sans-serif;
5 height: 100%;
6}
7button,
8a {
9 color: #337ab7;
10 cursor: pointer;
11}
12button:hover,
13button:focus,
14a:hover,
15a:focus {
16 color: #23527c;
17 text-decoration: none;
18}
19a.disable,
20a.disable:hover {
21 text-decoration: none;
22 cursor: default;
23 color: #000000;
24}
25
26h1, h2, h3, h4, h5, h6, .text-break {
27 word-wrap: break-word;
28 word-break: break-word;
29}
30
31h1 mark,
32h2 mark,
33h3 mark,
34h4 mark,
35h5 mark,
36h6 mark {
37 padding: 0;
38}
39
40.inheritance .level0:before,
41.inheritance .level1:before,
42.inheritance .level2:before,
43.inheritance .level3:before,
44.inheritance .level4:before,
45.inheritance .level5:before,
46.inheritance .level6:before,
47.inheritance .level7:before,
48.inheritance .level8:before,
49.inheritance .level9:before,
50.inheritance .level10:before {
51 content: '↳';
52 margin-right: 5px;
53}
54
55.inheritance .level0 {
56 margin-left: 0em;
57}
58
59.inheritance .level1 {
60 margin-left: 1em;
61}
62
63.inheritance .level2 {
64 margin-left: 2em;
65}
66
67.inheritance .level3 {
68 margin-left: 3em;
69}
70
71.inheritance .level4 {
72 margin-left: 4em;
73}
74
75.inheritance .level5 {
76 margin-left: 5em;
77}
78
79.inheritance .level6 {
80 margin-left: 6em;
81}
82
83.inheritance .level7 {
84 margin-left: 7em;
85}
86
87.inheritance .level8 {
88 margin-left: 8em;
89}
90
91.inheritance .level9 {
92 margin-left: 9em;
93}
94
95.inheritance .level10 {
96 margin-left: 10em;
97}
98
99span.parametername,
100span.paramref,
101span.typeparamref {
102 font-style: italic;
103}
104span.languagekeyword{
105 font-weight: bold;
106}
107
108svg:hover path {
109 fill: #ffffff;
110}
111
112.hljs {
113 display: inline;
114 background-color: inherit;
115 padding: 0;
116}
117/* additional spacing fixes */
118.btn + .btn {
119 margin-left: 10px;
120}
121.btn.pull-right {
122 margin-left: 10px;
123 margin-top: 5px;
124}
125.table {
126 margin-bottom: 10px;
127}
128table p {
129 margin-bottom: 0;
130}
131table a {
132 display: inline-block;
133}
134
135/* Make hidden attribute compatible with old browser.*/
136[hidden] {
137 display: none !important;
138}
139
140h1,
141.h1,
142h2,
143.h2,
144h3,
145.h3 {
146 margin-top: 15px;
147 margin-bottom: 10px;
148 font-weight: 400;
149}
150h4,
151.h4,
152h5,
153.h5,
154h6,
155.h6 {
156 margin-top: 10px;
157 margin-bottom: 5px;
158}
159.navbar {
160 margin-bottom: 0;
161}
162#wrapper {
163 min-height: 100%;
164 position: relative;
165}
166/* blends header footer and content together with gradient effect */
167.grad-top {
168 /* For Safari 5.1 to 6.0 */
169 /* For Opera 11.1 to 12.0 */
170 /* For Firefox 3.6 to 15 */
171 background: linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0));
172 /* Standard syntax */
173 height: 5px;
174}
175.grad-bottom {
176 /* For Safari 5.1 to 6.0 */
177 /* For Opera 11.1 to 12.0 */
178 /* For Firefox 3.6 to 15 */
179 background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05));
180 /* Standard syntax */
181 height: 5px;
182}
183.divider {
184 margin: 0 5px;
185 color: #cccccc;
186}
187hr {
188 border-color: #cccccc;
189}
190header {
191 position: fixed;
192 top: 0;
193 left: 0;
194 right: 0;
195 z-index: 1000;
196}
197header .navbar {
198 border-width: 0 0 1px;
199 border-radius: 0;
200}
201.navbar-brand {
202 font-size: inherit;
203 padding: 0;
204}
205.navbar-collapse {
206 margin: 0 -15px;
207}
208.subnav {
209 min-height: 40px;
210}
211
212.inheritance h5, .inheritedMembers h5{
213 padding-bottom: 5px;
214 border-bottom: 1px solid #ccc;
215}
216
217.implements h5{
218 padding-bottom: 5px;
219 border-bottom: 1px solid #ccc;
220}
221
222.expander:after {
223 content: "\002193";
224 margin-left: 5px;
225 color: grey;
226}
227
228.expander.collapsed:after {
229 content: "\002191";
230}
231
232article h1, article h2, article h3, article h4{
233 margin-top: 25px;
234}
235
236article h4{
237 border-bottom: 1px solid #ccc;
238}
239
240article span.small.pull-right{
241 margin-top: 20px;
242}
243
244article section {
245 margin-left: 1em;
246}
247
248/*.expand-all {
249 padding: 10px 0;
250}*/
251.breadcrumb {
252 margin: 0;
253 padding: 10px 0;
254 background-color: inherit;
255 white-space: nowrap;
256}
257.breadcrumb > li + li:before {
258 content: "\00a0/";
259}
260#autocollapse.collapsed .navbar-header {
261 float: none;
262}
263#autocollapse.collapsed .navbar-toggle {
264 display: block;
265}
266#autocollapse.collapsed .navbar-collapse {
267 border-top: 1px solid transparent;
268 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
269}
270#autocollapse.collapsed .navbar-collapse.collapse {
271 display: none !important;
272}
273#autocollapse.collapsed .navbar-nav {
274 float: none !important;
275 margin: 7.5px -15px;
276}
277#autocollapse.collapsed .navbar-nav > li {
278 float: none;
279}
280#autocollapse.collapsed .navbar-nav > li > a {
281 padding-top: 10px;
282 padding-bottom: 10px;
283}
284#autocollapse.collapsed .collapse.in,
285#autocollapse.collapsed .collapsing {
286 display: block !important;
287}
288#autocollapse.collapsed .collapse.in .navbar-right,
289#autocollapse.collapsed .collapsing .navbar-right {
290 float: none !important;
291}
292#autocollapse .form-group {
293 width: 100%;
294}
295#autocollapse .form-control {
296 width: 100%;
297}
298#autocollapse .navbar-header {
299 margin-left: 0;
300 margin-right: 0;
301}
302#autocollapse .navbar-brand {
303 margin-left: 0;
304}
305.collapse.in,
306.collapsing {
307 text-align: unset;
308}
309.collapsing .navbar-form {
310 margin: 0 auto;
311 max-width: 400px;
312 padding: 10px 15px;
313 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
314}
315.collapsed .collapse.in .navbar-form {
316 margin: 0 auto;
317 max-width: 400px;
318 padding: 10px 15px;
319 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
320}
321.navbar .navbar-nav {
322 display: inline-block;
323}
324.docs-search {
325 background: white;
326 vertical-align: middle;
327}
328.docs-search > .search-query {
329 font-size: 14px;
330 border: 0;
331 width: 120%;
332 color: #555;
333}
334.docs-search > .search-query:focus {
335 outline: 0;
336}
337.search-results-frame {
338 clear: both;
339 display: table;
340 width: 100%;
341}
342.search-results.ng-hide {
343 display: none;
344}
345.search-results-container {
346 padding-bottom: 1em;
347 border-top: 1px solid #111;
348 background: rgba(25, 25, 25, 0.5);
349}
350.search-results-container .search-results-group {
351 padding-top: 50px !important;
352 padding: 10px;
353}
354.search-results-group-heading {
355 font-family: "Open Sans";
356 padding-left: 10px;
357 color: white;
358}
359.search-close {
360 position: absolute;
361 left: 50%;
362 margin-left: -100px;
363 color: white;
364 text-align: center;
365 padding: 5px;
366 background: #333;
367 border-top-right-radius: 5px;
368 border-top-left-radius: 5px;
369 width: 200px;
370 box-shadow: 0 0 10px #111;
371}
372#search {
373 display: none;
374}
375
376/* Search results display*/
377#search-results {
378 max-width: 960px !important;
379 margin-top: 120px;
380 margin-bottom: 115px;
381 margin-left: auto;
382 margin-right: auto;
383 line-height: 1.8;
384 display: none;
385}
386
387#search-results>.search-list {
388 text-align: center;
389 font-size: 2.5rem;
390 margin-bottom: 50px;
391}
392
393#search-results p {
394 text-align: center;
395}
396
397#search-results p .index-loading {
398 animation: index-loading 1.5s infinite linear;
399 -webkit-animation: index-loading 1.5s infinite linear;
400 -o-animation: index-loading 1.5s infinite linear;
401 font-size: 2.5rem;
402}
403
404@keyframes index-loading {
405 from { transform: scale(1) rotate(0deg);}
406 to { transform: scale(1) rotate(360deg);}
407}
408
409@-webkit-keyframes index-loading {
410 from { -webkit-transform: rotate(0deg);}
411 to { -webkit-transform: rotate(360deg);}
412}
413
414@-o-keyframes index-loading {
415 from { -o-transform: rotate(0deg);}
416 to { -o-transform: rotate(360deg);}
417}
418
419#search-results .sr-items {
420 font-size: 24px;
421}
422
423.sr-item {
424 margin-bottom: 25px;
425}
426
427.sr-item>.item-href {
428 font-size: 14px;
429 color: #093;
430}
431
432.sr-item>.item-brief {
433 font-size: 13px;
434}
435
436.pagination>li>a {
437 color: #47A7A0
438}
439
440.pagination>.active>a {
441 background-color: #47A7A0;
442 border-color: #47A7A0;
443}
444
445.fixed_header {
446 position: fixed;
447 width: 100%;
448 padding-bottom: 10px;
449 padding-top: 10px;
450 margin: 0px;
451 top: 0;
452 z-index: 9999;
453 left: 0;
454}
455
456.fixed_header+.toc{
457 margin-top: 50px;
458 margin-left: 0;
459}
460
461.sidenav, .fixed_header, .toc {
462 background-color: #f1f1f1;
463}
464
465.sidetoc {
466 position: fixed;
467 width: 260px;
468 top: 150px;
469 bottom: 0;
470 overflow-x: hidden;
471 overflow-y: auto;
472 background-color: #f1f1f1;
473 border-left: 1px solid #e7e7e7;
474 border-right: 1px solid #e7e7e7;
475 z-index: 1;
476}
477
478.sidetoc.shiftup {
479 bottom: 70px;
480}
481
482body .toc{
483 background-color: #f1f1f1;
484 overflow-x: hidden;
485}
486
487.sidetoggle.ng-hide {
488 display: block !important;
489}
490.sidetoc-expand > .caret {
491 margin-left: 0px;
492 margin-top: -2px;
493}
494.sidetoc-expand > .caret-side {
495 border-left: 4px solid;
496 border-top: 4px solid transparent;
497 border-bottom: 4px solid transparent;
498 margin-left: 4px;
499 margin-top: -4px;
500}
501.sidetoc-heading {
502 font-weight: 500;
503}
504
505.toc {
506 margin: 0px 0 0 10px;
507 padding: 0 10px;
508}
509.expand-stub {
510 position: absolute;
511 left: -10px;
512}
513.toc .nav > li > a.sidetoc-expand {
514 position: absolute;
515 top: 0;
516 left: 0;
517}
518.toc .nav > li > a {
519 color: #666666;
520 margin-left: 5px;
521 display: block;
522 padding: 0;
523}
524.toc .nav > li > a:hover,
525.toc .nav > li > a:focus {
526 color: #000000;
527 background: none;
528 text-decoration: inherit;
529}
530.toc .nav > li.active > a {
531 color: #337ab7;
532}
533.toc .nav > li.active > a:hover,
534.toc .nav > li.active > a:focus {
535 color: #23527c;
536}
537
538.toc .nav > li> .expand-stub {
539 cursor: pointer;
540}
541
542.toc .nav > li.active > .expand-stub::before,
543.toc .nav > li.in > .expand-stub::before,
544.toc .nav > li.in.active > .expand-stub::before,
545.toc .nav > li.filtered > .expand-stub::before {
546 content: "-";
547}
548
549.toc .nav > li > .expand-stub::before,
550.toc .nav > li.active > .expand-stub::before {
551 content: "+";
552}
553
554.toc .nav > li.filtered > ul,
555.toc .nav > li.in > ul {
556 display: block;
557}
558
559.toc .nav > li > ul {
560 display: none;
561}
562
563.toc ul{
564 font-size: 12px;
565 margin: 0 0 0 3px;
566}
567
568.toc .level1 > li {
569 font-weight: bold;
570 margin-top: 10px;
571 position: relative;
572 font-size: 16px;
573}
574.toc .level2 {
575 font-weight: normal;
576 margin: 5px 0 0 15px;
577 font-size: 14px;
578}
579.toc-toggle {
580 display: none;
581 margin: 0 15px 0px 15px;
582}
583.sidefilter {
584 position: fixed;
585 top: 90px;
586 width: 260px;
587 background-color: #f1f1f1;
588 padding: 15px;
589 border-left: 1px solid #e7e7e7;
590 border-right: 1px solid #e7e7e7;
591 z-index: 1;
592}
593.toc-filter {
594 border-radius: 5px;
595 background: #fff;
596 color: #666666;
597 padding: 5px;
598 position: relative;
599 margin: 0 5px 0 5px;
600}
601.toc-filter > input {
602 border: 0;
603 color: #666666;
604 padding-left: 20px;
605 width: 100%;
606}
607.toc-filter > input:focus {
608 outline: 0;
609}
610.toc-filter > .filter-icon {
611 position: absolute;
612 top: 10px;
613 left: 5px;
614}
615.article {
616 margin-top: 120px;
617 margin-bottom: 115px;
618}
619
620#_content>a{
621 margin-top: 105px;
622}
623
624.article.grid-right {
625 margin-left: 280px;
626}
627
628.inheritance hr {
629 margin-top: 5px;
630 margin-bottom: 5px;
631}
632.article img {
633 max-width: 100%;
634}
635.sideaffix {
636 margin-top: 50px;
637 font-size: 12px;
638 max-height: 100%;
639 overflow: hidden;
640 top: 100px;
641 bottom: 10px;
642 position: fixed;
643}
644.sideaffix.shiftup {
645 bottom: 70px;
646}
647.affix {
648 position: relative;
649 height: 100%;
650}
651.sideaffix > div.contribution {
652 margin-bottom: 20px;
653}
654.sideaffix > div.contribution > ul > li > a.contribution-link {
655 padding: 6px 10px;
656 font-weight: bold;
657 font-size: 14px;
658}
659.sideaffix > div.contribution > ul > li > a.contribution-link:hover {
660 background-color: #ffffff;
661}
662.sideaffix ul.nav > li > a:focus {
663 background: none;
664}
665.affix h5 {
666 font-weight: bold;
667 text-transform: uppercase;
668 padding-left: 10px;
669 font-size: 12px;
670}
671.affix > ul.level1 {
672 overflow: hidden;
673 padding-bottom: 10px;
674 height: calc(100% - 100px);
675 margin-right: -20px;
676}
677.affix ul > li > a:before {
678 color: #cccccc;
679 position: absolute;
680}
681.affix ul > li > a:hover {
682 background: none;
683 color: #666666;
684}
685.affix ul > li.active > a,
686.affix ul > li.active > a:before {
687 color: #337ab7;
688}
689.affix ul > li > a {
690 padding: 5px 12px;
691 color: #666666;
692}
693.affix > ul > li.active:last-child {
694 margin-bottom: 50px;
695}
696.affix > ul > li > a:before {
697 content: "|";
698 font-size: 16px;
699 top: 1px;
700 left: 0;
701}
702.affix > ul > li.active > a,
703.affix > ul > li.active > a:before {
704 color: #337ab7;
705 font-weight: bold;
706}
707.affix ul ul > li > a {
708 padding: 2px 15px;
709}
710.affix ul ul > li > a:before {
711 content: ">";
712 font-size: 14px;
713 top: -1px;
714 left: 5px;
715}
716.affix ul > li > a:before,
717.affix ul ul {
718 display: none;
719}
720.affix ul > li.active > ul,
721.affix ul > li.active > a:before,
722.affix ul > li > a:hover:before {
723 display: block;
724 white-space: nowrap;
725}
726.codewrapper {
727 position: relative;
728}
729.trydiv {
730 height: 0px;
731}
732.tryspan {
733 position: absolute;
734 top: 0px;
735 right: 0px;
736 border-style: solid;
737 border-radius: 0px 4px;
738 box-sizing: border-box;
739 border-width: 1px;
740 border-color: #cccccc;
741 text-align: center;
742 padding: 2px 8px;
743 background-color: white;
744 font-size: 12px;
745 cursor: pointer;
746 z-index: 100;
747 display: none;
748 color: #767676;
749}
750.tryspan:hover {
751 background-color: #3b8bd0;
752 color: white;
753 border-color: #3b8bd0;
754}
755.codewrapper:hover .tryspan {
756 display: block;
757}
758.sample-response .response-content{
759 max-height: 200px;
760}
761footer {
762 position: absolute;
763 left: 0;
764 right: 0;
765 bottom: 0;
766 z-index: 1000;
767}
768.footer {
769 border-top: 1px solid #e7e7e7;
770 background-color: #f8f8f8;
771 padding: 15px 0;
772}
773@media (min-width: 768px) {
774 #sidetoggle.collapse {
775 display: block;
776 }
777 .topnav .navbar-nav {
778 float: none;
779 white-space: nowrap;
780 }
781 .topnav .navbar-nav > li {
782 float: none;
783 display: inline-block;
784 }
785}
786@media only screen and (max-width: 768px) {
787 #mobile-indicator {
788 display: block;
789 }
790 /* TOC display for responsive */
791 .article {
792 margin-top: 30px !important;
793 }
794 header {
795 position: static;
796 }
797 .topnav {
798 text-align: center;
799 }
800 .sidenav {
801 padding: 15px 0;
802 margin-left: -15px;
803 margin-right: -15px;
804 }
805 .sidefilter {
806 position: static;
807 width: auto;
808 float: none;
809 border: none;
810 }
811 .sidetoc {
812 position: static;
813 width: auto;
814 float: none;
815 padding-bottom: 0px;
816 border: none;
817 }
818 .toc .nav > li, .toc .nav > li >a {
819 display: inline-block;
820 }
821 .toc li:after {
822 margin-left: -3px;
823 margin-right: 5px;
824 content: ", ";
825 color: #666666;
826 }
827 .toc .level1 > li {
828 display: block;
829 }
830
831 .toc .level1 > li:after {
832 display: none;
833 }
834 .article.grid-right {
835 margin-left: 0;
836 }
837 .grad-top,
838 .grad-bottom {
839 display: none;
840 }
841 .toc-toggle {
842 display: block;
843 }
844 .sidetoggle.ng-hide {
845 display: none !important;
846 }
847 /*.expand-all {
848 display: none;
849 }*/
850 .sideaffix {
851 display: none;
852 }
853 .mobile-hide {
854 display: none;
855 }
856 .breadcrumb {
857 white-space: inherit;
858 }
859
860 /* workaround for #hashtag url is no longer needed*/
861 h1:before,
862 h2:before,
863 h3:before,
864 h4:before {
865 content: '';
866 display: none;
867 }
868}
869
870/* For toc iframe */
871@media (max-width: 260px) {
872 .toc .level2 > li {
873 display: block;
874 }
875
876 .toc .level2 > li:after {
877 display: none;
878 }
879}
880
881/* For code snippet line highlight */
882pre > code .line-highlight {
883 background-color: #ffffcc;
884}
885
886/* Alerts */
887.alert h5 {
888 text-transform: uppercase;
889 font-weight: bold;
890 margin-top: 0;
891}
892
893.alert h5:before {
894 position:relative;
895 top:1px;
896 display:inline-block;
897 font-family:'Glyphicons Halflings';
898 line-height:1;
899 -webkit-font-smoothing:antialiased;
900 -moz-osx-font-smoothing:grayscale;
901 margin-right: 5px;
902 font-weight: normal;
903}
904
905.alert-info h5:before {
906 content:"\e086"
907}
908
909.alert-warning h5:before {
910 content:"\e127"
911}
912
913.alert-danger h5:before {
914 content:"\e107"
915}
916
917/* For Embedded Video */
918div.embeddedvideo {
919 padding-top: 56.25%;
920 position: relative;
921 width: 100%;
922}
923
924div.embeddedvideo iframe {
925 position: absolute;
926 top: 0;
927 left: 0;
928 right: 0;
929 bottom: 0;
930 width: 100%;
931 height: 100%;
932}
933
934/* For printer */
935@media print{
936 .article.grid-right {
937 margin-top: 0px;
938 margin-left: 0px;
939 }
940 .sideaffix {
941 display: none;
942 }
943 .mobile-hide {
944 display: none;
945 }
946 .footer {
947 display: none;
948 }
949}
950
951/* For tabbed content */
952
953.tabGroup {
954 margin-top: 1rem; }
955 .tabGroup ul[role="tablist"] {
956 margin: 0;
957 padding: 0;
958 list-style: none; }
959 .tabGroup ul[role="tablist"] > li {
960 list-style: none;
961 display: inline-block; }
962 .tabGroup a[role="tab"] {
963 color: #6e6e6e;
964 box-sizing: border-box;
965 display: inline-block;
966 padding: 5px 7.5px;
967 text-decoration: none;
968 border-bottom: 2px solid #fff; }
969 .tabGroup a[role="tab"]:hover, .tabGroup a[role="tab"]:focus, .tabGroup a[role="tab"][aria-selected="true"] {
970 border-bottom: 2px solid #0050C5; }
971 .tabGroup a[role="tab"][aria-selected="true"] {
972 color: #222; }
973 .tabGroup a[role="tab"]:hover, .tabGroup a[role="tab"]:focus {
974 color: #0050C5; }
975 .tabGroup a[role="tab"]:focus {
976 outline: 1px solid #0050C5;
977 outline-offset: -1px; }
978 @media (min-width: 768px) {
979 .tabGroup a[role="tab"] {
980 padding: 5px 15px; } }
981 .tabGroup section[role="tabpanel"] {
982 border: 1px solid #e0e0e0;
983 padding: 15px;
984 margin: 0;
985 overflow: hidden; }
986 .tabGroup section[role="tabpanel"] > .codeHeader,
987 .tabGroup section[role="tabpanel"] > pre {
988 margin-left: -16px;
989 margin-right: -16px; }
990 .tabGroup section[role="tabpanel"] > :first-child {
991 margin-top: 0; }
992 .tabGroup section[role="tabpanel"] > pre:last-child {
993 display: block;
994 margin-bottom: -16px; }
995
996.mainContainer[dir='rtl'] main ul[role="tablist"] {
997 margin: 0; }
diff --git a/doc/docfx/docfx.json b/doc/docfx/docfx.json
index 1c5009de69..b5354679eb 100644
--- a/doc/docfx/docfx.json
+++ b/doc/docfx/docfx.json
@@ -61,7 +61,8 @@
61 "globalMetadataFiles": [], 61 "globalMetadataFiles": [],
62 "fileMetadataFiles": [], 62 "fileMetadataFiles": [],
63 "template": [ 63 "template": [
64 "default" 64 "default",
65 "default_efl"
65 ], 66 ],
66 "postProcessors": [], 67 "postProcessors": [],
67 "markdownEngineName": "markdig", 68 "markdownEngineName": "markdig",