@healthcatalyst/catalyst-docfx-template 1.0.35 → 1.0.39

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/styles/main.css CHANGED
@@ -1,986 +1,1181 @@
1
+ .static {
2
+ position: absolute;
3
+ background: white;
4
+ }
5
+
6
+ .static:hover {
7
+ opacity: 0;
8
+ }
9
+
10
+
1
11
  /* In-copy links */
2
- button, a {
3
- color: #00aeff;
12
+
13
+ button,
14
+ a {
15
+ color: #00aeff;
4
16
  }
5
17
 
18
+
6
19
  /* Hover links */
7
- button:hover, button:focus, a:hover, a:focus {
8
- color: #33beff;
20
+
21
+ button:hover,
22
+ button:focus,
23
+ a:hover,
24
+ a:focus {
25
+ color: #33beff;
9
26
  }
10
27
 
28
+
11
29
  /* Body */
12
- body, p {
13
- line-height: 1.5;
14
- color: #555;
15
- font-weight: 400;
16
- font-size: 15px;
30
+
31
+ body,
32
+ p {
33
+ line-height: 1.5;
34
+ color: #555;
35
+ font-weight: 400;
36
+ font-size: 15px;
37
+ page-break-inside: avoid;
17
38
  }
18
39
 
40
+
19
41
  /* Bold */
20
- b, optgroup, strong {
21
- font-weight: 600;
42
+
43
+ b,
44
+ optgroup,
45
+ strong {
46
+ font-weight: 600;
22
47
  }
23
48
 
49
+
24
50
  /* Headings */
51
+
25
52
  article h1:first-of-type {
26
- border-bottom: 1px solid #E1E3E3;
27
- padding-bottom: 30px;
28
- padding-right: 200px;
29
- margin-top: 15px;
53
+ border-bottom: 1px solid #E1E3E3;
54
+ padding-bottom: 30px;
55
+ padding-right: 200px;
56
+ margin-top: 15px;
30
57
  }
31
58
 
32
59
  article h1 {
33
- font-size: 36px;
34
- font-weight: 300;
35
- line-height: 1.2;
36
- margin-bottom: 35px;
37
- color: black;
60
+ font-size: 36px;
61
+ font-weight: 300;
62
+ line-height: 1.2;
63
+ margin-bottom: 35px;
64
+ color: black;
38
65
  }
39
66
 
40
67
  article h2 {
41
- font-size: 26px;
42
- font-weight: 600;
43
- line-height: 1.5;
44
- color: #333;
45
- margin-top: 25px;
68
+ font-size: 26px;
69
+ font-weight: 600;
70
+ line-height: 1.5;
71
+ color: #333;
72
+ margin-top: 25px;
46
73
  }
47
74
 
48
75
  article h3 {
49
- font-size: 22px;
50
- font-weight: 600;
51
- line-height: 1.5;
52
- color: #333;
53
- margin-top: 30px;
76
+ font-size: 22px;
77
+ font-weight: 600;
78
+ line-height: 1.5;
79
+ color: #333;
80
+ margin-top: 30px;
54
81
  }
55
82
 
56
83
  article h4 {
57
- font-size: 18px;
58
- line-height: 1.5;
59
- color: #333;
60
- font-weight: 600;
61
- border-bottom: none;
62
- margin-top: 25px;
63
- margin-bottom: 10px;
84
+ font-size: 18px;
85
+ line-height: 1.5;
86
+ color: #333;
87
+ font-weight: 600;
88
+ border-bottom: none;
89
+ margin-top: 25px;
90
+ margin-bottom: 10px;
64
91
  }
65
92
 
66
93
  article h5 {
67
- font-size: 16px;
68
- line-height: 1.25em;
69
- font-weight: 600;
70
- color: #333;
71
- margin-top: 20px;
94
+ font-size: 16px;
95
+ line-height: 1.25em;
96
+ font-weight: 600;
97
+ color: #333;
98
+ margin-top: 20px;
72
99
  }
73
100
 
74
101
  article h6 {
75
- font-size: 14px;
76
- line-height: 1.25em;
77
- font-weight: 600;
78
- color: #006D9A;
79
- margin-top: 14px;
102
+ font-size: 14px;
103
+ line-height: 1.25em;
104
+ font-weight: 600;
105
+ color: #006D9A;
106
+ margin-top: 14px;
80
107
  }
81
108
 
82
- article h1, h2, h3, h4, h5, h6 {
83
- word-break: keep-all;
109
+ article h1,
110
+ h2,
111
+ h3,
112
+ h4,
113
+ h5,
114
+ h6 {
115
+ word-break: keep-all;
84
116
  }
85
117
 
118
+
86
119
  /* When H3 follows H2 */
87
- article h2 + h3 {
88
- margin-top: 20px;
120
+
121
+ article h2+h3 {
122
+ margin-top: 20px;
89
123
  }
90
124
 
125
+
91
126
  /* When H4 follows H3 */
92
- article h3 + h4 {
93
- margin-top: 20px;
127
+
128
+ article h3+h4 {
129
+ margin-top: 20px;
94
130
  }
95
131
 
132
+
96
133
  /* When blockquote follows H1 */
97
- article h1 + blockquote {
98
- margin-top: 0px;
99
- }
100
134
 
101
- /* When a blockquote follows a table */
102
- table + blockquote {
103
- margin-top: 15px;
135
+ article h1+blockquote {
136
+ margin-top: 0px;
104
137
  }
105
138
 
106
- /* Numbering */
107
139
 
108
- ol {
109
- margin-top: 10px;
110
- margin-bottom: 10px;
111
- padding-left: 34px;
112
- }
140
+ /* When a blockquote follows a table */
113
141
 
114
- ol > li {
115
- list-style-position: outside;
116
- padding-top: 7px;
117
- text-indent: -1.3em;
118
- margin-left: -7px;
142
+ table+blockquote {
143
+ margin-top: 15px;
119
144
  }
120
145
 
121
- ol > li:before {
122
- content: "";
123
- width: 20px;
124
- display: inline-block;
125
- }
126
146
 
127
147
  /* Bullets */
128
- article > ul > li > p {
129
- margin-bottom: 0px;
148
+
149
+ article>ul>li>p {
150
+ margin-bottom: 0px;
151
+ page-break-inside: avoid;
130
152
  }
131
153
 
132
- article > ul > li {
133
- padding-left: 12px;
134
- display: table;
154
+ article>ul>li {
155
+ padding-left: 12px;
156
+ display: table;
135
157
  }
136
158
 
137
- article > ul li ul li p {
138
- margin-bottom: 0px;
159
+ article>ul li ul li p {
160
+ margin-bottom: 0px;
161
+ page-break-inside: avoid;
139
162
  }
140
163
 
141
- article > ul li ul li ul li p {
142
- margin-bottom: 0px;
164
+ article>ul li ul li ul li p {
165
+ margin-bottom: 0px;
166
+ page-break-inside: avoid;
143
167
  }
144
168
 
169
+
145
170
  /* Clickability fix for selector on sm devices */
171
+
146
172
  @media (min-width: 768px) and (max-width: 991px) {
147
- article h1:first-of-type:before {
148
- height: 0;
149
- margin-top: 0;
150
- }
173
+ article h1:first-of-type:before {
174
+ height: 0;
175
+ margin-top: 0;
176
+ }
151
177
  }
152
178
 
153
179
  @media (max-width: 768px) {
154
- article {
155
- margin: 120px 0 0 0 !important;
156
- }
180
+ article {
181
+ margin: 120px 0 0 0 !important;
182
+ }
157
183
  }
158
184
 
185
+
159
186
  /* Bullets setup */
187
+
160
188
  article ul {
161
- list-style-type: none;
162
- padding-left: 0px;
163
- margin-bottom: 0px;
189
+ list-style-type: none;
190
+ padding-left: 0px;
191
+ margin-bottom: 0px;
192
+ page-break-inside: avoid;
164
193
  }
165
194
 
195
+
166
196
  /* First-level bullets margin */
167
- article ul > li:before {
168
- content: "\2022 ";
169
- display: table-cell;
170
- padding-right: 10px;
197
+
198
+ article ul>li:before {
199
+ content: "\2022 ";
200
+ display: table-cell;
201
+ padding-right: 10px;
202
+ }
203
+
204
+ blockquote ul>li:before {
205
+ content: "\2022 ";
206
+ float: left;
207
+ display: table-cell;
208
+ padding-right: 15px;
171
209
  }
172
210
 
173
- .alert ul > li:before {
174
- content: "\2022 ";
175
- display: inline;
211
+ blockquote ul>li {
212
+ padding-bottom: 5px;
213
+ text-indent: -15px;
214
+ padding-left: 15px;
176
215
  }
177
216
 
178
- article ul > li:last-child {
179
- padding-bottom: 10px;
217
+ .alert ul>li:before {
218
+ content: "\2022 ";
219
+ display: inline;
180
220
  }
181
221
 
222
+ article ul>li:last-child {
223
+ padding-bottom: 10px;
224
+ }
225
+
226
+
182
227
  /* Exclude these overrides from tab group headers */
183
- article .tabGroup > ul > li:before {
184
- content: "";
228
+
229
+ article .tabGroup>ul>li:before {
230
+ content: "";
185
231
  }
186
- article .tabGroup > ul > li:last-child {
187
- padding-bottom: 0;
232
+
233
+ article .tabGroup>ul>li:last-child {
234
+ padding-bottom: 0;
188
235
  }
189
236
 
237
+
190
238
  /* Second-level bullets */
191
- article ul li ul li {
192
- display: table;
239
+
240
+ article ul li ul li,
241
+ article ol li ul li {
242
+ display: table;
193
243
  }
244
+
194
245
  article ul li ul li:before {
195
- content: "\2013 ";
196
- display: table-cell;
197
- padding-right: 15px;
246
+ content: "\2013 ";
247
+ display: table-cell;
248
+ padding-right: 15px;
198
249
  }
199
250
 
200
251
  article ul li ul li:first-child {
201
- padding-top: 7px;
252
+ padding-top: 7px;
202
253
  }
203
254
 
204
255
  article ul li ul li:last-child {
205
- padding-bottom: 6px;
256
+ padding-bottom: 6px;
206
257
  }
207
258
 
259
+
208
260
  /* Third-level bullets */
261
+
209
262
  article ul li ul li ul li:before {
210
- content: "\002D ";
211
- display: table-cell;
212
- padding-right: 10px;
263
+ content: "\002D ";
264
+ display: table-cell;
265
+ padding-right: 10px;
213
266
  }
214
267
 
268
+
215
269
  /* Bullets inside tables */
270
+
271
+
216
272
  /*First level */
217
- table > tbody > tr > td > ul > li {
218
- padding-right: 7px;
219
- display: table;
273
+
274
+ table>tbody>tr>td>ul>li {
275
+ padding-right: 7px;
276
+ display: table;
220
277
  }
221
278
 
279
+
222
280
  /* Second level */
223
- table > tbody > tr > td > ul > li > ul > li {
224
- content: "\002D ";
225
- display: table;
226
- padding-right: 15px;
281
+
282
+ table>tbody>tr>td>ul>li>ul>li {
283
+ content: "\002D ";
284
+ display: table;
285
+ padding-right: 15px;
227
286
  }
228
287
 
288
+
229
289
  /* Blockquote */
290
+
230
291
  blockquote {
231
- border-left: 5px solid #F0F3F6;
232
- font-size: 15px;
233
- margin-top: 30px;
234
- margin-bottom: 20px;
292
+ border-left: 5px solid #F0F3F6;
293
+ font-size: 15px;
294
+ margin-top: 30px;
295
+ margin-bottom: 20px;
235
296
  }
236
297
 
298
+
237
299
  /* Code */
300
+
238
301
  code {
239
- color: #a94c9d;
240
- background-color: #f1f1f1;
241
- border-color: #F0F3F6;
242
- border-radius: 3px;
243
- padding-top: 3px;
244
- padding-right: 7px;
245
- padding-bottom: 3px;
246
- padding-left: 7px;
247
- line-height: 1.4;
302
+ color: #a94c9d;
303
+ background-color: #f1f1f1;
304
+ border-color: #F0F3F6;
305
+ border-radius: 3px;
306
+ padding-top: 3px;
307
+ padding-right: 7px;
308
+ padding-bottom: 3px;
309
+ padding-left: 7px;
310
+ line-height: 1.4;
248
311
  }
249
312
 
250
313
  pre {
251
- border: 1px solid #a1a1a1;
252
- padding: 20px;
253
- margin: 16px auto;
254
- border-radius: 5px;
255
- display: block;
256
- background-color: #f1f1f1;
257
- font-weight: 400;
314
+ border: 1px solid #a1a1a1;
315
+ padding: 20px;
316
+ margin: 20px auto;
317
+ border-radius: 5px;
318
+ display: block;
319
+ background-color: #f1f1f1;
320
+ font-weight: 400;
258
321
  }
259
322
 
260
323
  .fa-code {
261
- font-size: 19px;
324
+ font-size: 19px;
262
325
  }
263
326
 
327
+
264
328
  /* Images */
329
+
265
330
  .article img {
266
- max-width: 100%;
267
- border: solid;
268
- border-width: thin;
269
- border-color: #D7DDE4;
270
- margin-top: 10px;
271
- margin-bottom: 10px;
331
+ max-width: 100%;
332
+ border: solid;
333
+ border-width: thin;
334
+ border-color: #D7DDE4;
335
+ margin-top: 10px;
336
+ margin-bottom: 10px;
272
337
  }
273
338
 
339
+
274
340
  /* Tables */
275
- .table {
276
- margin-bottom: 20px;
277
- font-size: 14px;
278
- }
279
341
 
280
- .table-bordered, .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
281
- border-top: none;
282
- border-left: none;
283
- border-right: none;
284
- padding: 5px;
285
- border-bottom: 1px solid #D7DDE4;
286
- font-size: 14px;
342
+ .table {
343
+ margin-bottom: 20px;
344
+ font-size: 14px;
345
+ }
346
+
347
+ .table-bordered,
348
+ .table-bordered>tbody>tr>td,
349
+ .table-bordered>tbody>tr>th,
350
+ .table-bordered>tfoot>tr>td,
351
+ .table-bordered>tfoot>tr>th,
352
+ .table-bordered>thead>tr>td,
353
+ .table-bordered>thead>tr>th {
354
+ border-top: none;
355
+ border-left: none;
356
+ border-right: none;
357
+ padding: 5px;
358
+ border-bottom: 1px solid #D7DDE4;
359
+ font-size: 14px;
287
360
  }
288
361
 
289
362
  th {
290
- font-weight: 600;
291
- color: #006d9a;
363
+ font-weight: 600;
364
+ color: #006d9a;
292
365
  }
293
366
 
294
- .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
295
- border-bottom: 1px solid #D7DDE4;
296
- padding-top: 15px;
297
- font-size: 14px;
367
+ .table-bordered>thead>tr>td,
368
+ .table-bordered>thead>tr>th {
369
+ border-bottom: 1px solid #D7DDE4;
370
+ padding-top: 15px;
371
+ font-size: 14px;
298
372
  }
299
373
 
300
374
  td:nth-of-type(1) {
301
- font-weight: 600;
375
+ font-weight: 600;
302
376
  }
303
377
 
304
- .table-striped > tbody > tr:nth-of-type(2n+1) {
305
- background-color: white;
378
+ .table-striped>tbody>tr:nth-of-type(2n+1) {
379
+ background-color: white;
306
380
  }
307
381
 
382
+
308
383
  /* Callouts */
384
+
309
385
  .alert {
310
- color: #333;
311
- background-color: white;
312
- border-top: #d7dde4 solid 1px;
313
- border-right: #d7dde4 solid 1px;
314
- border-bottom: #d7dde4 solid 1px;
315
- box-shadow: 0 14px 28px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.1);
316
- margin-top: 30px;
317
- margin-bottom: 30px;
386
+ color: #333;
387
+ background-color: white;
388
+ border-top: #d7dde4 solid 1px;
389
+ border-right: #d7dde4 solid 1px;
390
+ border-bottom: #d7dde4 solid 1px;
391
+ box-shadow: 0 14px 28px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.1);
392
+ margin-top: 30px;
393
+ margin-bottom: 30px;
318
394
  }
319
395
 
320
396
  .alert h5 {
321
- font-size: 18px;
322
- text-transform: none;
323
- padding-bottom: 5px;
397
+ font-size: 18px;
398
+ text-transform: none;
399
+ padding-bottom: 5px;
324
400
  }
325
401
 
326
402
  .alert h5:before {
327
- position:relative;
328
- top:1px;
329
- display:inline-block;
330
- font-family:'FontAwesome';
331
- line-height:1;
332
- -webkit-font-smoothing:antialiased;
333
- -moz-osx-font-smoothing:grayscale;
334
- margin-right: 8px;
335
- font-weight: normal;
403
+ position: relative;
404
+ top: 1px;
405
+ display: inline-block;
406
+ font-family: 'FontAwesome';
407
+ line-height: 1;
408
+ -webkit-font-smoothing: antialiased;
409
+ -moz-osx-font-smoothing: grayscale;
410
+ margin-right: 8px;
411
+ font-weight: normal;
336
412
  }
337
413
 
338
414
  .alert-info h5 {
339
- color: #6e53a3;
415
+ color: #6e53a3;
340
416
  }
341
417
 
342
418
  .alert-info h5:before {
343
- content:"\f05a";
419
+ content: "\f05a";
344
420
  }
345
421
 
346
422
  .alert-info {
347
- border-left: #6e53a3 solid 8px;
423
+ border-left: #6e53a3 solid 8px;
348
424
  }
349
425
 
350
426
  .alert-warning h5 {
351
- color: #f8961d;
427
+ color: #f8961d;
352
428
  }
353
429
 
354
430
  .alert-warning h5:before {
355
- content:"\f071";
431
+ content: "\f071";
356
432
  }
357
433
 
358
434
  .alert-warning {
359
- border-left: #f8961d solid 8px;
435
+ border-left: #f8961d solid 8px;
360
436
  }
361
437
 
362
438
  .alert-danger h5 {
363
- color: #00aeff;
439
+ color: #00aeff;
364
440
  }
365
441
 
366
442
  .alert-danger h5:before {
367
- content:"\f06a";
443
+ content: "\f06a";
368
444
  }
369
445
 
370
446
  .alert-danger {
371
- border-left: #00aeff solid 8px;
447
+ border-left: #00aeff solid 8px;
372
448
  }
373
449
 
374
450
  .label-info {
375
- background-color: #00aeff;
376
- line-height: 2.25;
451
+ background-color: #00aeff;
452
+ line-height: 2.25;
377
453
  }
378
454
 
455
+
379
456
  /* Left-side color on landing page boxes (which are .alert only) */
380
- #install-box, #user-box, #developer-box, #admin-box {
381
- margin-top: 25px;
457
+
458
+ #install-box,
459
+ #user-box,
460
+ #developer-box,
461
+ #admin-box,
462
+ #platform-box,
463
+ #CADS-box,
464
+ #ACO-box,
465
+ #OPM-box {
466
+ margin-top: 25px;
467
+ }
468
+
469
+ #install-box,
470
+ #user-box {
471
+ border-left: #00abf9 solid 8px;
472
+ }
473
+
474
+ #developer-box {
475
+ border-left: #f8961d solid 8px;
476
+ }
477
+
478
+ #admin-box {
479
+ border-left: #00a859 solid 8px;
480
+ }
481
+
482
+ #platform-box {
483
+ border-left: #00abf9 solid 6px;
382
484
  }
383
485
 
384
- #install-box, #user-box {
385
- border-left: #00abf9 solid 8px;
486
+ #CADS-box {
487
+ border-left: #6E53A3 solid 6px;
386
488
  }
387
489
 
388
- #developer-box
389
- {
390
- border-left: #f8961d solid 8px;
490
+ #ACO-box {
491
+ border-left: #F89E54 solid 6px;
391
492
  }
392
493
 
393
- #admin-box
394
- {
395
- border-left: #00a859 solid 8px;
494
+ #OPM-box {
495
+ border-left: #E04E5B solid 6px;
396
496
  }
397
497
 
498
+
398
499
  /* TOC */
399
- .toc .level1 > li {
400
- color: #6D6E70;
401
- font-size: 14px;
402
- /*text-transform: uppercase;*/
403
- margin-bottom: 5px;
404
- font-weight: 400;
405
- }
406
500
 
407
- .toc .level2 > li {
408
- text-transform: none !important;
501
+ .toc .level1>li {
502
+ color: #6D6E70;
503
+ font-size: 14px;
504
+ /* text-transform: uppercase; */
505
+ margin-bottom: 5px;
506
+ font-weight: 400;
409
507
  }
410
508
 
411
- .toc .nav > li > a {
412
- color: #6D6E70;
413
- padding-top: 10px;
414
- line-height: 1.2;
415
- }
509
+ .toc .level2>li {
510
+ text-transform: none !important;
511
+ }
416
512
 
417
- .toc .nav > li.active > a {
418
- color: #00aeff;
419
- border-bottom-width: 4px;
420
- }
513
+ .toc .nav>li>a {
514
+ color: #6D6E70;
515
+ padding-top: 10px;
516
+ line-height: 1.2;
517
+ }
421
518
 
422
- .toc .nav > li > a:hover, .toc .nav > li > a:focus {
423
- color: #00aeff;
519
+ .toc .nav>li.active>a {
520
+ color: #00aeff;
521
+ border-bottom-width: 4px;
424
522
  }
425
523
 
426
- .toc .nav > li.active > a:hover, .toc .nav > li.active > a:focus {
427
- color: #00aeff;
524
+ .toc .nav>li>a:hover,
525
+ .toc .nav>li>a:focus {
526
+ color: #00aeff;
428
527
  }
429
528
 
529
+ .toc .nav>li.active>a:hover,
530
+ .toc .nav>li.active>a:focus {
531
+ color: #00aeff;
532
+ }
533
+
534
+
430
535
  /* little plus or minus in TOC */
536
+
431
537
  .expand-stub {
432
- margin-top: 6px;
538
+ margin-top: 6px;
433
539
  }
434
540
 
435
- .toc .nav > li > .expand-stub {
436
- margin-top: 7px;
541
+ .toc .nav>li>.expand-stub {
542
+ margin-top: 7px;
437
543
  }
438
544
 
439
- /* 2nd and 3rd level expandable menu items in left-side menu - make same font size as 1st level */
440
- .toc .level2, .toc .level3 {
441
- font-size: 14px;
545
+
546
+ /* 2nd and 3rd level expandable menu items in left-side menu - make same font size as 1st level */
547
+
548
+ .toc .level2,
549
+ .toc .level3 {
550
+ font-size: 14px;
442
551
  }
443
552
 
444
553
  .toc .level3 {
445
- padding-left: 5px;
446
- margin-top: 0px;
554
+ padding-left: 5px;
555
+ margin-top: 0px;
447
556
  }
448
557
 
449
- .toc .level4, .toc .level5, .toc .level6 {
450
- font-size: 12px;
451
- padding-left: 5px;
558
+ .toc .level4,
559
+ .toc .level5,
560
+ .toc .level6 {
561
+ font-size: 12px;
562
+ padding-left: 5px;
452
563
  }
453
564
 
454
565
  .toc ul {
455
- margin-top: 0px;
566
+ margin-top: 0px;
456
567
  }
457
568
 
458
569
  body .toc {
459
- overflow-x: unset;
570
+ overflow-x: unset;
460
571
  }
461
572
 
573
+
462
574
  /* TOC filter */
575
+
463
576
  .toc-filter {
464
- border-radius: 0px;
465
- margin: 25px 0;
466
- color: #888888;
467
- border: 1px solid #D7D7D7;
577
+ border-radius: 0px;
578
+ margin: 25px 0;
579
+ color: #888888;
580
+ border: 1px solid #D7D7D7;
468
581
  }
469
582
 
470
- .toc-filter > input {
471
- font-size: 14px;
472
- color: #888888;
473
- padding: 0 30px 0 5px;
583
+ .toc-filter>input {
584
+ font-size: 14px;
585
+ color: #888888;
586
+ padding: 0 30px 0 5px;
474
587
  }
475
588
 
476
- .toc-filter > .filter-icon {
477
- right: 10px;
478
- left: auto;
479
- color: #A1A1A1;
589
+ .toc-filter>.filter-icon {
590
+ right: 10px;
591
+ left: auto;
592
+ color: #A1A1A1;
480
593
  }
594
+
595
+
481
596
  /* Reduce horizontal width of center column */
597
+
482
598
  .col-md-10 {
483
- width: 75%;
599
+ width: 75%;
484
600
  }
485
601
 
602
+
486
603
  /* Move right pane to the left a little */
604
+
487
605
  .col-md-2 {
488
- padding-left: 0px;
606
+ padding-left: 0px;
489
607
  }
490
608
 
609
+
491
610
  /* Move right pane to the left so it is not squished on the right */
492
- .nav > li > a {
493
- margin-left: 0px;
611
+
612
+ .nav>li>a {
613
+ margin-left: 0px;
494
614
  }
495
615
 
616
+
496
617
  /* Side affix */
618
+
497
619
  .sideaffix {
498
- position: absolute;
499
- top: 0;
500
- right: 25px;
501
- margin-top: 0;
502
- overflow: visible;
503
- width: 200px;
620
+ position: absolute;
621
+ top: 0;
622
+ right: 25px;
623
+ margin-top: 0;
624
+ overflow: visible;
504
625
  }
505
626
 
506
627
  .sideaffix-buffer {
507
- position: relative;
508
- width: 100%;
509
- padding: 0 15px;
628
+ position: relative;
629
+ width: 100%;
630
+ padding: 0 15px;
510
631
  }
511
632
 
633
+
512
634
  /* Contribution link */
513
- .sideaffix > div.contribution > ul > li > a.contribution-link {
514
- padding: 3px 0;
515
- font-weight: normal;
516
- font-size: 13px;
517
- padding-left: 33px;
635
+
636
+ .sideaffix>div.contribution>ul>li>a.contribution-link {
637
+ padding: 3px 0;
638
+ font-weight: normal;
639
+ font-size: 13px;
518
640
  }
519
641
 
642
+
520
643
  /* Side nav */
644
+
521
645
  .sidenav,
522
646
  .toc-toggle {
523
- padding: 0;
647
+ padding: 0;
524
648
  }
525
649
 
526
650
  .article.grid-right {
527
- width: 100%;
528
- max-width: 935px;
651
+ width: 100%;
652
+ max-width: 935px;
529
653
  }
530
654
 
531
655
  @media (max-width: 768px) {
532
- .sidenav {
533
- position: fixed;
534
- top: 104px;
535
- width: 100%;
536
- z-index: 1;
537
- margin-left: -2.5%;
538
- border-bottom: 1px solid #E1E3E3;
539
- overflow: auto;
540
- max-height: calc(100% - 104px);
541
- }
542
-
543
- .sidetoc, body .toc, .sidefilter, .sidetoggle {
544
- background-color: #f1f1f1 !important;
545
- }
546
-
547
- .toc-filter {
548
- margin: 0;
549
- }
550
-
551
- article h1:first-of-type {
552
- padding-right: 0;
553
- }
554
-
555
- .article.grid-right {
556
- margin: 0;
557
- }
558
-
559
- .breadcrumb {
560
- white-space: nowrap !important;
561
- }
562
-
563
- .toc li:after {
564
- content: "";
565
- margin: 0 !important;
566
- }
567
-
568
- .toc .nav > li, .toc .nav > li >a {
569
- display: block !important;
570
- }
656
+ .sidenav {
657
+ position: fixed;
658
+ top: 104px;
659
+ width: 100%;
660
+ z-index: 1;
661
+ margin-left: -2.5%;
662
+ border-bottom: 1px solid #E1E3E3;
663
+ overflow: auto;
664
+ max-height: calc(100% - 104px);
665
+ }
666
+ .sidetoc,
667
+ body .toc,
668
+ .sidefilter,
669
+ .sidetoggle {
670
+ background-color: #f1f1f1 !important;
671
+ }
672
+ .toc-filter {
673
+ margin: 0;
674
+ }
675
+ article h1:first-of-type {
676
+ padding-right: 0;
677
+ }
678
+ .article.grid-right {
679
+ margin: 0;
680
+ }
681
+ .breadcrumb {
682
+ white-space: nowrap !important;
683
+ }
684
+ .toc li:after {
685
+ content: "";
686
+ margin: 0 !important;
687
+ }
688
+ .toc .nav>li,
689
+ .toc .nav>li>a {
690
+ display: block !important;
691
+ }
571
692
  }
572
693
 
694
+
573
695
  /* Side TOC */
696
+
574
697
  .sidetoc {
575
- top: 180px;
576
- border-right: 1px solid #E1E3E3 !important;
698
+ top: 180px;
699
+ border-right: 1px solid #E1E3E3 !important;
577
700
  }
578
701
 
579
- .sidetoc, body .toc, .sidefilter, .sidetoggle {
580
- background-color: white;
702
+ .sidetoc,
703
+ body .toc,
704
+ .sidefilter,
705
+ .sidetoggle {
706
+ background-color: white;
581
707
  }
582
708
 
583
- .sidetoc, .sidefilter {
584
- border-left: none;
585
- border-right: none;
586
- }
709
+ .sidetoc.shiftup {
710
+ bottom: 0px;
711
+ }
712
+
713
+ .sidetoc,
714
+ .sidefilter {
715
+ border-left: none;
716
+ border-right: none;
717
+ }
587
718
 
588
719
  .sidetoggle {
589
- padding-bottom: 15px;
720
+ padding-bottom: 15px;
590
721
  }
591
722
 
592
723
  .sidefilter {
593
- border-right: 1px solid #E1E3E3 !important;
724
+ border-right: 1px solid #E1E3E3 !important;
594
725
  }
595
726
 
727
+
596
728
  /* Affix */
597
729
 
730
+
731
+ /* Bootstrap docs like sidebar
732
+ ------------------------------------------------------- */
733
+
734
+ .affix h5 {
735
+ display: none;
736
+ }
737
+
738
+
598
739
  /* Active & hover links */
599
- .affix ul > li > a:hover,
600
- .affix ul > li.active > a,
601
- .affix ul > li > a:focus {
602
- color: #00aeff;
603
- text-decoration: none;
604
- background-color: transparent;
605
- border-left-color: #00aeff;
740
+
741
+ .affix ul>li>a:hover,
742
+ .affix ul>li.active>a,
743
+ .affix ul>li>a:focus {
744
+ color: #00aeff;
745
+ text-decoration: none;
746
+ background-color: transparent;
747
+ border-left-color: #00aeff;
606
748
  }
607
749
 
750
+
608
751
  /* All active links */
609
- .affix ul > li.active > a,
610
- .affix ul > li.active:hover > a,
611
- .affix ul > li.active:focus >a {
612
- font-weight: 600;
752
+
753
+ .affix ul>li.active>a,
754
+ .affix ul>li.active:hover>a,
755
+ .affix ul>li.active:focus>a {
756
+ font-weight: 600;
613
757
  }
614
758
 
759
+
615
760
  /* Nested active links */
616
- .affix ul ul > li.active > a,
617
- .affix ul ul > li.active:hover > a,
618
- .affix ul ul > li.active:focus > a {
619
- font-weight: 500;
761
+
762
+ .affix ul ul>li.active>a,
763
+ .affix ul ul>li.active:hover>a,
764
+ .affix ul ul>li.active:focus>a {
765
+ font-weight: 500;
620
766
  }
621
767
 
768
+
622
769
  /* All links */
623
- .affix ul > li > a {
624
- color: #999;
625
- border-left: 2px solid transparent;
626
- padding-top: 4px;
627
- padding-left: 9px;
628
- font-size: 13px;
629
- font-weight: 400;
630
- margin-left: 22px
770
+
771
+ .affix ul>li>a {
772
+ color: #999;
773
+ border-left: 2px solid transparent;
774
+ padding-top: 4px;
775
+ padding-left: 20px;
776
+ padding-right: 40px;
777
+ font-size: 13px;
778
+ font-weight: 400;
631
779
  }
632
780
 
781
+
633
782
  /* Nested links */
634
- .affix ul ul > li > a {
635
- padding-top: 1px;
636
- padding-bottom: 1px;
637
- padding-left: 30px;
638
- font-size: 12px;
783
+
784
+ .affix ul ul>li>a {
785
+ padding-top: 1px;
786
+ padding-bottom: 1px;
787
+ padding-left: 30px;
788
+ font-size: 12px;
639
789
  }
640
790
 
791
+
641
792
  /* Hide inactive nested list */
793
+
642
794
  .affix ul ul {
643
- display: none;
795
+ display: none;
644
796
  }
645
797
 
798
+
646
799
  /* Show active nested list */
647
- .affix ul > li.active > ul {
648
- display: block;
800
+
801
+ .affix ul>li.active>ul {
802
+ display: block;
649
803
  }
650
804
 
651
- .affix > ul > li > a:before {
652
- content: '';
805
+ .affix>ul>li>a:before {
806
+ content: '';
653
807
  }
654
808
 
655
- .affix ul ul > li > a:before {
656
- content: '';
809
+ .affix ul ul>li>a:before {
810
+ content: '';
657
811
  }
658
812
 
813
+
659
814
  /* Unhide bottom portion of right-column menu */
660
- .affix > ul.level1 {
661
- overflow: visible;
662
- }
663
815
 
664
- .affix h5 {
665
- padding-left: 33px;
666
- padding-bottom: 5px;
667
- text-transform: none;
668
- font-size: 15px;
816
+ .affix>ul.level1 {
817
+ overflow: visible;
669
818
  }
670
819
 
820
+
671
821
  /* Search form */
822
+
672
823
  .form-control {
673
- background-color: #FFFFFF;
674
- border: 1px solid #FFFFFF;
675
- border-radius: 0px;
824
+ background-color: #FFFFFF;
825
+ border: 1px solid #FFFFFF;
826
+ border-radius: 0px;
676
827
  }
677
828
 
678
829
  .form-control:focus {
679
- border-color: #006d9a;
830
+ border-color: #006d9a;
680
831
  }
681
832
 
682
- .form-control, output {
683
- color: #6D6E70;
833
+ .form-control,
834
+ output {
835
+ color: #6D6E70;
684
836
  }
685
837
 
686
838
  #search {
687
- border: none;
839
+ border: none;
688
840
  }
689
841
 
842
+
690
843
  /* Search results */
691
- .sr-item > .item-href {
692
- color: #a1a1a1;
844
+
845
+ .sr-item>.item-href {
846
+ color: #a1a1a1;
693
847
  }
694
848
 
695
- .pagination > .active > a {
696
- background-color: #00AEFF;
697
- border-color: #00AEFF;
849
+ .pagination>.active>a {
850
+ background-color: #00AEFF;
851
+ border-color: #00AEFF;
698
852
  }
699
853
 
700
- .pagination > li > a {
701
- color: #00aeff;
854
+ .pagination>li>a {
855
+ color: #00aeff;
702
856
  }
703
857
 
704
- .pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
705
- color: #6D6E70;
706
- border-color: #D7DDE4;
858
+ .pagination>.disabled>a,
859
+ .pagination>.disabled>a:focus,
860
+ .pagination>.disabled>a:hover,
861
+ .pagination>.disabled>span,
862
+ .pagination>.disabled>span:focus,
863
+ .pagination>.disabled>span:hover {
864
+ color: #6D6E70;
865
+ border-color: #D7DDE4;
707
866
  }
708
867
 
868
+
709
869
  /* Footer */
870
+
710
871
  .footer {
711
- background-color: #f0f3f6;
712
- border-top: none;
713
- font-size: 14px;
872
+ background-color: #f0f3f6;
873
+ border-top: none;
874
+ font-size: 14px;
714
875
  }
715
876
 
877
+
716
878
  /* Help button nav bar icon */
879
+
717
880
  #help {
718
- font-size: 18px;
719
- padding-left: 1px;
720
- padding-right: 0px;
721
- padding-bottom: 0px;
722
- padding-top: 12px;
723
- border-radius: 0px;
724
- background-color: #384655;
725
- color: white;
881
+ font-size: 18px;
882
+ padding-left: 1px;
883
+ padding-right: 0px;
884
+ padding-bottom: 0px;
885
+ padding-top: 12px;
886
+ border-radius: 0px;
887
+ background-color: #384655;
888
+ color: white;
726
889
  }
727
890
 
728
- /* Custom to custom template from GitHub */
891
+
892
+ /* Custom to custom template from Github */
893
+
894
+
729
895
  /* Remove center align from Navbar and Collapsible section */
896
+
730
897
  .collapse.in,
731
898
  .collapsing {
732
- text-align: unset;
899
+ text-align: unset;
733
900
  }
734
901
 
735
902
  @media (min-width: 768px) {
736
- .sidetoc, .sidefilter {
737
- margin-left: -15px;
738
- border-right: none;
739
- border-left: none;
740
- }
903
+ .sidetoc,
904
+ .sidefilter {
905
+ margin-left: -15px;
906
+ border-right: none;
907
+ border-left: none;
908
+ }
741
909
  }
742
910
 
911
+
743
912
  /*Home page */
913
+
744
914
  #home-page-subhead {
745
- font-size: 18px;
746
- line-height: 1.5;
747
- color: #333;
748
- font-weight: 600;
749
- margin-top: 25px;
750
- margin-bottom: 10px;
915
+ font-size: 18px;
916
+ line-height: 1.5;
917
+ color: #333;
918
+ font-weight: 600;
919
+ margin-top: 25px;
920
+ margin-bottom: 10px;
751
921
  }
752
922
 
923
+
753
924
  /*Home page column headers */
754
- #home-page-col-head, #home-page-col-head-dev {
755
- font-weight: 400;
756
- font-size: 28px;
757
- line-height: 1.5;
758
- margin-top: 25px;
925
+
926
+ #home-page-col-head,
927
+ #home-page-col-head-dev,
928
+ #home-page-col-head-ACO,
929
+ #home-page-col-head-CADS,
930
+ #home-page-col-head-OPM {
931
+ font-weight: 400;
932
+ font-size: 28px;
933
+ line-height: 1.5;
934
+ margin-top: 25px;
759
935
  }
936
+
760
937
  #home-page-col-head {
761
- color: #00abf9;
938
+ color: #00abf9;
762
939
  }
763
940
 
764
941
  #home-page-col-head-dev {
765
- color: #f8961d;
942
+ color: #f8961d;
766
943
  }
767
944
 
945
+
768
946
  /* Home page boxes */
947
+
769
948
  .row#home-page {
770
- margin-right: -30px;
771
- margin-left: -30px;
949
+ margin-right: -30px;
950
+ margin-left: -30px;
772
951
  }
773
952
 
953
+
774
954
  /* -------------------------------------------------------------- */
955
+
956
+
775
957
  /* New Docs Template */
776
958
 
777
959
  .docs-navbar {
778
- width: 100%;
779
- height: 64px;
780
- display: flex;
781
- align-items: center;
782
- background-color: #00aeff;
783
- position: relative;
784
- z-index: 100;
960
+ width: 100%;
961
+ height: 64px;
962
+ display: flex;
963
+ align-items: center;
964
+ background-color: #00aeff;
965
+ position: relative;
966
+ z-index: 100;
785
967
  }
786
968
 
787
969
  .docs-logo {
788
- display: flex;
789
- align-items: center;
970
+ display: flex;
971
+ align-items: center;
790
972
  }
791
973
 
792
974
  .docs-navbar-right {
793
- margin-left: auto;
794
- margin-right: -20px;
795
- display: flex;
975
+ margin-left: auto;
976
+ margin-right: -20px;
977
+ display: flex;
796
978
  }
797
979
 
798
980
  .docs-navbar-left {
799
- margin-left: 60px;
800
- display: flex;
981
+ margin-left: 60px;
982
+ display: flex;
801
983
  }
802
984
 
803
985
  .docs-navbar-link {
804
- height: 100%;
805
- padding: 0 20px;
806
- text-decoration: none;
807
- color: white;
808
- display: flex;
809
- align-items: center;
810
- font-size: 16px;
811
- font-weight: 300;
812
- cursor: pointer;
986
+ height: 100%;
987
+ padding: 0 20px;
988
+ text-decoration: none;
989
+ color: white;
990
+ display: flex;
991
+ align-items: center;
992
+ font-size: 16px;
993
+ font-weight: 300;
994
+ cursor: pointer;
813
995
  }
814
996
 
815
997
  .navbar-nav li {
816
- font-size: 16px;
817
- font-weight: 300;
998
+ font-size: 16px;
999
+ font-weight: 300;
818
1000
  }
819
1001
 
820
1002
  .docs-navbar-link:hover {
821
- color: white;
1003
+ color: white;
822
1004
  }
823
1005
 
824
- .navbar-nav li > a {
825
- color: white;
826
- padding: 21px;
1006
+ .navbar-nav li>a {
1007
+ color: white;
1008
+ padding: 21px;
827
1009
  }
828
1010
 
829
- .navbar-nav li > a:hover,
830
- .navbar-nav li > a:focus {
831
- background-color: #00aeff;
1011
+ .navbar-nav li>a:hover,
1012
+ .navbar-nav li>a:focus {
1013
+ background-color: #00aeff;
832
1014
  }
833
1015
 
834
- .nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
835
- background-color: #049ae0;
1016
+ .nav .open>a,
1017
+ .nav .open>a:focus,
1018
+ .nav .open>a:hover {
1019
+ background-color: #049ae0;
836
1020
  }
837
1021
 
838
1022
  .navbar-nav .caret {
839
- width: 7px;
840
- height: 20px;
841
- margin-left: 5px;
842
- border: 0 !important;
1023
+ width: 7px;
1024
+ height: 20px;
1025
+ margin-left: 5px;
1026
+ border: 0 !important;
843
1027
  }
844
1028
 
845
1029
  .navbar-nav .caret::after {
846
- font-family: "FontAwesome";
847
- content: "\f107";
848
- font-size: 14px;
849
- display: flex;
1030
+ font-family: "FontAwesome";
1031
+ content: "\f107";
1032
+ font-size: 14px;
1033
+ display: flex;
850
1034
  }
851
1035
 
852
1036
  .dropdown-menu {
853
- background-color: #f1f1f1;
1037
+ background-color: #f1f1f1;
854
1038
  }
855
1039
 
856
1040
  .dropdown-menu li {
857
- padding: 0;
1041
+ padding: 0;
858
1042
  }
859
1043
 
860
- .dropdown-menu li > a {
861
- color: #333333;
862
- font-weight: 300;
863
- padding: 12px 24px;
864
- width: 100%;
1044
+ .dropdown-menu li>a {
1045
+ color: #333333;
1046
+ font-weight: 300;
1047
+ padding: 12px 24px;
1048
+ width: 100%;
865
1049
  }
866
1050
 
867
- .dropdown-menu li > a:hover {
868
- background-color: #ddd !important;
869
- color: #333 !important;
1051
+ .dropdown-menu li>a:hover {
1052
+ background-color: #ddd !important;
1053
+ color: #333 !important;
870
1054
  }
871
1055
 
872
- .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus {
873
- color: #333;
874
- background-color: #f1f1f1;
1056
+ .dropdown-menu>.active>a,
1057
+ .dropdown-menu>.active>a:focus {
1058
+ color: #333;
1059
+ background-color: #f1f1f1;
875
1060
  }
876
1061
 
877
1062
  .docs-navbar-divider {
878
- background-color: white;
879
- width: 1px;
880
- margin: 20px 0;
881
- display: block;
1063
+ background-color: white;
1064
+ width: 1px;
1065
+ margin: 20px 0;
1066
+ display: block;
882
1067
  }
883
1068
 
884
1069
  .docs-navbar-chevron {
885
- margin-left: 8px;
1070
+ margin-left: 8px;
886
1071
  }
887
1072
 
888
1073
  .docs-navbar-logo {
889
- margin-top: 2px;
1074
+ margin-top: 2px;
890
1075
  }
891
1076
 
892
1077
  .docs-container {
893
- font-family: 'Open Sans', sans-serif;
894
- width: 95%;
895
- max-width: 1200px;
896
- margin: 0 auto;
897
- display: flex;
1078
+ font-family: 'Open Sans', sans-serif;
1079
+ width: 95%;
1080
+ max-width: 1200px;
1081
+ margin: 0 auto;
1082
+ display: flex;
898
1083
  }
899
1084
 
900
1085
  .docs-container-wrap {
901
- flex-wrap: wrap;
1086
+ flex-wrap: wrap;
902
1087
  }
903
1088
 
904
1089
  .docs-subnav {
905
- /* display: flex; */
906
- width: 100%;
907
- height: 40px;
908
- background-color: #F6F7F8;
909
- border-bottom: 1px solid #E1E3E3;
910
- align-items: center;
911
- position: relative;
912
- /*top: 64px;*/
913
- z-index: 99;
1090
+ display: flex;
1091
+ width: 100%;
1092
+ height: 40px;
1093
+ background-color: #F6F7F8;
1094
+ border-bottom: 1px solid #E1E3E3;
1095
+ /* align-items: center;
1096
+ position: fixed;
1097
+ top: 64px;
1098
+ z-index: 99; */
1099
+ }
1100
+
1101
+ .docs-sub-subnav {
1102
+ display: flex;
1103
+ align-items: center;
1104
+ justify-content: center;
1105
+ width: 100%;
1106
+ height: 25px;
1107
+ background-color: #f36c21;
1108
+ color: white;
1109
+ border-bottom: 1px solid #E1E3E3;
1110
+ padding: 20px;
1111
+ /* align-items: center;
1112
+ position: fixed;
1113
+ top: 64px;
1114
+ z-index: 99; */
914
1115
  }
915
1116
 
916
1117
  .docs-subnav-left {
917
- display: flex;
918
- align-items: center;
919
- overflow: hidden;
920
- width: inherit;
921
- -webkit-transition: width .3s ease-in-out;
922
- -moz-transition: width .3s ease-in-out;
923
- -o-transition: width .3s ease-in-out;
924
- transition: width .3s ease-in-out;
1118
+ display: flex;
1119
+ align-items: center;
1120
+ overflow: hidden;
1121
+ width: inherit;
1122
+ -webkit-transition: width .3s ease-in-out;
1123
+ -moz-transition: width .3s ease-in-out;
1124
+ -o-transition: width .3s ease-in-out;
1125
+ transition: width .3s ease-in-out;
925
1126
  }
926
1127
 
927
1128
  .docs-subnav-breadcrumb {
928
- color: #767676;
929
- font-size: 13px;
930
- text-decoration: none;
931
- min-width: 30px;
1129
+ color: #767676;
1130
+ font-size: 13px;
1131
+ text-decoration: none;
1132
+ min-width: 30px;
932
1133
  }
933
1134
 
934
1135
  .docs-subnav-breadcrumb:hover {
935
- color: #00aeff;
1136
+ color: #00aeff;
936
1137
  }
937
1138
 
938
1139
  .docs-subnav-breadcrumb-divider {
939
- color: #A8B0BA;
940
- font-size: 10px;
941
- margin: 0 15px;
1140
+ color: #A8B0BA;
1141
+ font-size: 10px;
1142
+ margin: 0 15px;
942
1143
  }
943
1144
 
944
1145
  .docs-subnav-breadcrumb-current {
945
- color: #767676;
946
- font-size: 13px;
947
- min-width: 30px;
948
- }
949
-
950
- .docs-subnav-breadcrumb-home {
951
- font-size: 20px;
952
- color: #00aeff;
953
- padding-bottom: 2px;
1146
+ color: #767676;
1147
+ font-size: 13px;
1148
+ min-width: 30px;
954
1149
  }
955
1150
 
956
- .docs-subnav-breadcrumb-current > ul > li + li::before {
957
- font-family: "FontAwesome";
958
- content: "\f054";
959
- padding: 0 15px;
960
- color: #A8B0BA;
961
- font-size: 10px;
1151
+ .docs-subnav-breadcrumb-current>ul>li+li::before {
1152
+ font-family: "FontAwesome";
1153
+ content: "\f054";
1154
+ padding: 0 15px;
1155
+ color: #A8B0BA;
1156
+ font-size: 10px;
962
1157
  }
963
1158
 
964
1159
  .docs-subnav-select-container {
965
- position: relative;
1160
+ position: relative;
966
1161
  }
967
1162
 
968
1163
  .docs-subnav-select {
969
- font: inherit;
970
- font-size: 13px;
971
- display: flex;
972
- align-items: center;
973
- background-color: white;
974
- height: 30px;
975
- width: 100%;
976
- max-width: 180px;
977
- color: #333;
978
- -webkit-appearance: none;
979
- -moz-appearance: none;
980
- appearance: none;
981
- border: 1px solid #E5E5E5;
982
- padding: 0 30px 0 10px;
983
- cursor: pointer;
1164
+ font: inherit;
1165
+ font-size: 13px;
1166
+ display: flex;
1167
+ align-items: center;
1168
+ background-color: white;
1169
+ height: 30px;
1170
+ width: 100%;
1171
+ max-width: 180px;
1172
+ color: #333;
1173
+ -webkit-appearance: none;
1174
+ -moz-appearance: none;
1175
+ appearance: none;
1176
+ border: 1px solid #E5E5E5;
1177
+ padding: 0 30px 0 10px;
1178
+ cursor: pointer;
984
1179
  }
985
1180
 
986
1181
  .docs-subnav-select::-ms-expand {
@@ -988,136 +1183,139 @@ body .toc {
988
1183
  }
989
1184
 
990
1185
  .docs-subnav-select-caret {
991
- position: absolute;
992
- top: 0;
993
- right: 0;
994
- color: #006E9A;
995
- width: 30px;
996
- height: 30px;
997
- display: flex;
998
- justify-content: center;
999
- align-items: center;
1000
- pointer-events: none;
1186
+ position: absolute;
1187
+ top: 0;
1188
+ right: 0;
1189
+ color: #006E9A;
1190
+ width: 30px;
1191
+ height: 30px;
1192
+ display: flex;
1193
+ justify-content: center;
1194
+ align-items: center;
1195
+ pointer-events: none;
1001
1196
  }
1002
1197
 
1003
1198
  .docs-subnav-right {
1004
- margin-left: auto;
1005
- display: flex;
1006
- align-items: center;
1007
- width: 200px;
1008
- padding-left: 20px;
1199
+ margin-left: auto;
1200
+ display: flex;
1201
+ align-items: center;
1202
+ width: 200px;
1203
+ padding-left: 20px;
1204
+ /* border-left: 2px darkgray solid; */
1205
+ /* background-color: white; */
1009
1206
  }
1010
1207
 
1011
1208
  .docs-search {
1012
- border: 1px lightgray solid;
1013
- display: flex;
1014
- align-items: center;
1015
- width: 180px;
1016
- padding: 2px 2px 2px 10px;
1017
- margin: 6px 5px 6px auto;
1209
+ border: 1px lightgray solid;
1210
+ display: flex;
1211
+ align-items: center;
1212
+ width: 180px;
1213
+ padding: 2px 2px 2px 10px;
1214
+ margin: 6px 5px 6px auto;
1018
1215
  }
1019
1216
 
1020
1217
  .docs-search:focus-within {
1021
- outline: solid #00aeff 1px;
1218
+ outline: solid #00aeff 1px;
1022
1219
  }
1023
1220
 
1024
1221
  .docs-subnav-search-icon {
1025
- color: #333333;
1026
- padding-bottom: 1px;
1222
+ color: #333333;
1223
+ padding: 0 2px 1px 2px;
1224
+ display: inline-flex;
1027
1225
  }
1028
1226
 
1029
1227
  .docs-subnav-search-close {
1030
- color: #333;
1031
- padding: 0 20px;
1032
- font-size: 20px;
1033
- cursor: pointer;
1034
- display: none;
1228
+ color: #333;
1229
+ padding: 0 20px;
1230
+ font-size: 20px;
1231
+ cursor: pointer;
1232
+ display: none;
1035
1233
  }
1036
1234
 
1037
1235
  .docs-content {
1038
- height: 100%;
1039
- position: relative;
1040
- top: 104px;
1236
+ height: 100%;
1237
+ position: relative;
1238
+ top: 104px;
1041
1239
  }
1042
1240
 
1043
1241
  .docs-toc-container {
1044
- min-width: 225px;
1045
- height: calc(100vh - 130px);
1046
- border-right: 1px solid #E1E3E3;
1047
- padding-top: 25px;
1048
- padding-right: 20px;
1049
- overflow: auto;
1050
- position: fixed;
1242
+ min-width: 225px;
1243
+ height: calc(100vh - 130px);
1244
+ border-right: 1px solid #E1E3E3;
1245
+ padding-top: 25px;
1246
+ padding-right: 20px;
1247
+ overflow: auto;
1248
+ position: fixed;
1051
1249
  }
1052
1250
 
1053
1251
  .docs-toc-app {
1054
- display: flex;
1055
- align-items: center;
1056
- margin-bottom: 20px;
1252
+ display: flex;
1253
+ align-items: center;
1254
+ margin-bottom: 20px;
1057
1255
  }
1058
1256
 
1059
1257
  .docs-toc-app h1 {
1060
- color: #6D6E70;
1061
- font-size: 24px;
1062
- font-weight: 600;
1063
- margin: 0;
1258
+ color: #6D6E70;
1259
+ font-size: 24px;
1260
+ font-weight: 600;
1261
+ margin: 0;
1064
1262
  }
1065
1263
 
1066
1264
  .docs-product-logo {
1067
- width: 40px;
1068
- height: 40px;
1069
- margin-right: 12px;
1265
+ width: 40px;
1266
+ height: 40px;
1267
+ margin-right: 12px;
1070
1268
  }
1071
1269
 
1072
1270
  #search-query {
1073
- color: #333333;
1074
- font-size: 14px;
1075
- font-family: 'Open Sans', sans-serif;
1076
- padding-left: 10px;
1077
- width: 150px;
1078
- height: 25px;
1079
- border: none;
1080
- background-color: transparent;
1081
- padding-top: 2px;
1271
+ color: #333333;
1272
+ font-size: 14px;
1273
+ font-family: 'Open Sans', sans-serif;
1274
+ padding-left: 10px;
1275
+ width: 150px;
1276
+ height: 25px;
1277
+ border: none;
1278
+ background-color: transparent;
1279
+ padding-top: 2px;
1082
1280
  }
1083
1281
 
1084
1282
  #search-query:focus-visible {
1085
- outline: none;
1283
+ outline: none;
1086
1284
  }
1087
1285
 
1088
1286
  .docs-toc-filter {
1089
- position: relative;
1090
- margin-bottom: 30px;
1287
+ position: relative;
1288
+ margin-bottom: 30px;
1091
1289
  }
1092
1290
 
1093
1291
  #docs-toc-input {
1094
- color: #888888;
1095
- font-size: 14px;
1096
- font-family: 'Open Sans',sans-serif;
1097
- display: block;
1098
- height: 28px;
1099
- font-size: 14px;
1100
- width: 185px;
1101
- border: 1px solid #D7D7D7;
1102
- padding: 0 30px 0 10px;
1292
+ color: #888888;
1293
+ font-size: 14px;
1294
+ font-family: 'Open Sans', sans-serif;
1295
+ display: block;
1296
+ height: 28px;
1297
+ font-size: 14px;
1298
+ width: 185px;
1299
+ border: 1px solid #D7D7D7;
1300
+ padding: 0 30px 0 10px;
1103
1301
  }
1104
1302
 
1105
1303
  .text-overflow {
1106
- white-space: nowrap;
1107
- overflow: hidden;
1108
- text-overflow: ellipsis;
1304
+ white-space: nowrap;
1305
+ overflow: hidden;
1306
+ text-overflow: ellipsis;
1109
1307
  }
1110
1308
 
1111
1309
  .toc-subpages {
1112
- display: none;
1310
+ display: none;
1113
1311
  }
1114
1312
 
1115
1313
  .toc-subpages li {
1116
- margin-left: 20px;
1314
+ margin-left: 20px;
1117
1315
  }
1118
1316
 
1119
1317
  .toc-subpages li a {
1120
- width: 179px;
1318
+ width: 179px;
1121
1319
  }
1122
1320
 
1123
1321
  a.anchor {
@@ -1127,428 +1325,301 @@ a.anchor {
1127
1325
  visibility: hidden;
1128
1326
  }
1129
1327
 
1130
- @media only screen and (max-width: 1100px) {
1131
- .docs-navbar-left {
1132
- margin-left: 3%;
1133
- }
1134
- }
1135
-
1136
- @media only screen and (max-width: 1024px) {
1137
- .docs-navbar-left,
1138
- .docs-right {
1139
- display: none;
1140
- }
1141
-
1142
- .docs-navbar-right {
1143
- margin-right: -20px;
1144
- }
1328
+ @media only screen and (max-width: 860px) {
1329
+ .docs-navbar-left {
1330
+ display: none;
1331
+ }
1145
1332
  }
1146
1333
 
1147
1334
  @media only screen and (max-width: 700px) {
1148
- .docs-navbar-right,
1149
- .docs-subnav-right {
1150
- display: none;
1151
- }
1152
-
1335
+ .docs-subnav-right {
1336
+ display: none;
1337
+ }
1153
1338
  }
1154
1339
 
1340
+
1155
1341
  /* -------------------------------------------------------------- */
1342
+
1343
+
1156
1344
  /* Page Feedback Input Styles */
1157
1345
 
1158
- .feedback-container, .feedback-container-new {
1159
- border: 1px solid #E1E3E3;
1160
- padding: 20px;
1161
- display: flex;
1162
- flex-wrap: wrap;
1163
- align-items: center;
1164
- margin: 80px auto;
1165
- max-width: 600px;
1346
+ .feedback-container,
1347
+ .feedback-container-new {
1348
+ border: 1px solid #E1E3E3;
1349
+ padding: 20px;
1350
+ display: flex;
1351
+ flex-wrap: wrap;
1352
+ align-items: center;
1353
+ margin: 80px auto;
1354
+ max-width: 600px;
1166
1355
  }
1167
1356
 
1168
1357
  .feedback-top-left {
1169
- font-size: 16px;
1170
- color: #333;
1358
+ font-size: 16px;
1359
+ color: #333;
1171
1360
  }
1172
1361
 
1173
- .feedback-top-left > .form-group {
1174
- margin-bottom: 0;
1362
+ .feedback-top-left>.form-group {
1363
+ margin-bottom: 0;
1175
1364
  }
1176
1365
 
1177
1366
  .feedback-top-right {
1178
- margin-left: auto;
1367
+ margin-left: auto;
1179
1368
  }
1180
1369
 
1181
1370
  .feedback-button {
1182
- border: 1.5px solid #ccc;
1183
- color: #6D6E70;
1184
- background-color: #f1f1f1;
1185
- height: 36px;
1186
- line-height: 31px;
1187
- font-size: 14px;
1188
- font-weight: 700;
1189
- margin-left: 5px;
1190
- border-radius: 5px;
1191
- width: 80px;
1371
+ border: 1.5px solid #ccc;
1372
+ color: #6D6E70;
1373
+ background-color: #f1f1f1;
1374
+ height: 36px;
1375
+ line-height: 31px;
1376
+ font-size: 14px;
1377
+ font-weight: 700;
1378
+ margin-left: 5px;
1379
+ border-radius: 5px;
1380
+ width: 80px;
1192
1381
  }
1193
1382
 
1194
1383
  .feedback-button:not(:disabled):hover {
1195
- color: #333;
1196
- background-color: #e5e5e5;
1384
+ color: #333;
1385
+ background-color: #e5e5e5;
1197
1386
  }
1198
1387
 
1199
1388
  .feedback-button:disabled:hover {
1200
- cursor: not-allowed;
1201
- color: #6D6E70;
1389
+ cursor: not-allowed;
1390
+ color: #6D6E70;
1202
1391
  }
1203
1392
 
1204
1393
  .feedback-selected:disabled:hover {
1205
- color: white !important;
1394
+ color: white !important;
1206
1395
  }
1207
1396
 
1208
1397
  .feedback-button i {
1209
- margin-right: 5px;
1210
- font-size: 16px;
1398
+ margin-right: 5px;
1399
+ font-size: 16px;
1211
1400
  }
1212
1401
 
1213
1402
  #feedback-response {
1214
- color: #6D6E70;
1215
- font-size: 16px;
1216
- display: none;
1403
+ color: #6D6E70;
1404
+ font-size: 16px;
1405
+ display: none;
1217
1406
  }
1218
1407
 
1219
1408
  .feedback-selected {
1220
- border: 1px solid #6D6E70;
1221
- background-color: #6D6E70;
1222
- color: white;
1409
+ border: 1px solid #6D6E70;
1410
+ background-color: #6D6E70;
1411
+ color: white;
1223
1412
  }
1224
1413
 
1225
1414
  #feedback-survey {
1226
- display: none;
1227
- width: 100%;
1228
- margin-top: 10px;
1415
+ display: none;
1416
+ width: 100%;
1417
+ margin-top: 10px;
1229
1418
  }
1230
1419
 
1231
1420
  .feedback-radio {
1232
- display: block;
1233
- position: relative;
1234
- padding-left: 35px;
1235
- margin-bottom: 12px;
1236
- cursor: pointer;
1237
- font-weight: 400;
1238
- font-size: 14px;
1239
- -webkit-user-select: none;
1240
- -moz-user-select: none;
1241
- -ms-user-select: none;
1242
- user-select: none;
1421
+ display: block;
1422
+ position: relative;
1423
+ padding-left: 35px;
1424
+ margin-bottom: 12px;
1425
+ cursor: pointer;
1426
+ font-weight: 400;
1427
+ font-size: 14px;
1428
+ -webkit-user-select: none;
1429
+ -moz-user-select: none;
1430
+ -ms-user-select: none;
1431
+ user-select: none;
1243
1432
  }
1244
1433
 
1245
1434
  .feedback-radio input {
1246
- position: absolute;
1247
- opacity: 0;
1248
- cursor: pointer;
1249
- height: 0;
1250
- width: 0;
1435
+ position: absolute;
1436
+ opacity: 0;
1437
+ cursor: pointer;
1438
+ height: 0;
1439
+ width: 0;
1251
1440
  }
1252
1441
 
1253
1442
  .feedback-radio-hide {
1254
- display: none;
1443
+ display: none;
1255
1444
  }
1256
1445
 
1257
1446
  .radiobtn {
1258
- position: absolute;
1259
- top: 0;
1260
- left: 0;
1261
- height: 22px;
1262
- width: 22px;
1263
- background-color: #fff;
1264
- border: 2px solid #ccc;
1265
- border-radius: 50%;
1447
+ position: absolute;
1448
+ top: 0;
1449
+ left: 0;
1450
+ height: 22px;
1451
+ width: 22px;
1452
+ background-color: #fff;
1453
+ border: 2px solid #ccc;
1454
+ border-radius: 50%;
1266
1455
  }
1267
1456
 
1268
- .feedback-radio:hover input ~ .radiobtn {
1269
- border: 2px solid #00aeff;
1457
+ .feedback-radio:hover input~.radiobtn {
1458
+ border: 2px solid #00aeff;
1270
1459
  }
1271
1460
 
1272
- .feedback-radio input:checked ~ .radiobtn {
1273
- background-color: #00aeff;
1274
- border: 2px solid #00aeff;
1461
+ .feedback-radio input:checked~.radiobtn {
1462
+ background-color: #00aeff;
1463
+ border: 2px solid #00aeff;
1275
1464
  }
1276
1465
 
1277
1466
  .radiobtn:after {
1278
- content: "";
1279
- position: absolute;
1280
- display: none;
1467
+ content: "";
1468
+ position: absolute;
1469
+ display: none;
1281
1470
  }
1282
1471
 
1283
- .feedback-radio input:checked ~ .radiobtn:after {
1284
- display: block;
1472
+ .feedback-radio input:checked~.radiobtn:after {
1473
+ display: block;
1285
1474
  }
1286
1475
 
1287
1476
  .feedback-radio .radiobtn:after {
1288
- top: 5px;
1289
- left: 5px;
1290
- width: 8px;
1291
- height: 8px;
1292
- border-radius: 50%;
1293
- background: white;
1477
+ top: 5px;
1478
+ left: 5px;
1479
+ width: 8px;
1480
+ height: 8px;
1481
+ border-radius: 50%;
1482
+ background: white;
1294
1483
  }
1295
1484
 
1296
- .feedback-suggestions label, .feedback-email label {
1297
- font-weight: 400;
1298
- font-size: 14px;
1299
- margin-top: 10px;
1485
+ .feedback-suggestions label,
1486
+ .feedback-email label {
1487
+ font-weight: 400;
1488
+ font-size: 14px;
1489
+ margin-top: 10px;
1300
1490
  }
1301
1491
 
1302
1492
  .feedback-suggestions textarea {
1303
- border: 1px solid #E1E3E3;
1304
- resize: vertical;
1305
- margin-bottom: 10px;
1306
- width: 100%;
1493
+ border: 1px solid #E1E3E3;
1494
+ resize: vertical;
1495
+ margin-bottom: 10px;
1496
+ width: 100%;
1307
1497
  }
1308
1498
 
1309
- .feedback-email input{
1310
- border: 1px solid #E1E3E3;
1311
- resize: vertical;
1312
- margin-bottom: 40px;
1313
- width: 100%;
1499
+ .feedback-email input {
1500
+ border: 1px solid #E1E3E3;
1501
+ resize: vertical;
1502
+ margin-bottom: 40px;
1503
+ width: 100%;
1314
1504
  }
1315
1505
 
1316
1506
  .submit-feedback {
1317
- background-color: #00a859;
1318
- color: #fff;
1319
- font-weight: 400;
1320
- text-align: center;
1321
- cursor: pointer;
1322
- border: none;
1323
- border-radius: 5px;
1324
- height: 35px;
1325
- min-width: 150px;
1507
+ background-color: #00a859;
1508
+ color: #fff;
1509
+ font-weight: 400;
1510
+ text-align: center;
1511
+ cursor: pointer;
1512
+ border: none;
1513
+ border-radius: 5px;
1514
+ height: 35px;
1515
+ min-width: 150px;
1326
1516
  }
1327
1517
 
1328
1518
  .submit-feedback:hover {
1329
- background-color: #009750;
1330
- color: #fff;
1519
+ background-color: #009750;
1520
+ color: #fff;
1331
1521
  }
1332
1522
 
1333
1523
  @media only screen and (max-width: 800px) {
1334
- .feedback-container, .feedback-container-new {
1335
- justify-content: center;
1336
- }
1337
- .feedback-top-left {
1338
- text-align: center;
1339
- width: 100%;
1340
- }
1341
- .feedback-top-right {
1342
- margin: 10px 0;
1343
- }
1344
- .submit-feedback {
1345
- display: block;
1346
- margin: 0 auto;
1347
- }
1524
+ .feedback-container,
1525
+ .feedback-container-new {
1526
+ justify-content: center;
1527
+ }
1528
+ .feedback-top-left {
1529
+ text-align: center;
1530
+ width: 100%;
1531
+ }
1532
+ .feedback-top-right {
1533
+ margin: 10px 0;
1534
+ }
1535
+ .submit-feedback {
1536
+ display: block;
1537
+ margin: 0 auto;
1538
+ }
1348
1539
  }
1349
1540
 
1541
+
1350
1542
  /* TOC headings */
1351
- :not(.level2) > li > .toc-heading, :not(.level2) > li > .toc-heading-active {
1352
- font-weight: bold;
1353
- font-size: 15px;
1354
- text-transform: uppercase;
1543
+
1544
+ :not(.level2)>li>.toc-heading,
1545
+ :not(.level2)>li>.toc-heading-active {
1546
+ font-weight: bold;
1547
+ font-size: 15px;
1548
+ text-transform: uppercase;
1549
+ margin-left: -10px !important;
1355
1550
  }
1356
1551
 
1357
- :not(.level2) > li > a:first-child.toc-heading:hover, :not(.level2) > li > a:first-child.toc-heading:focus {
1358
- color: inherit !important;
1359
- cursor: default;
1552
+ :not(.level2)>li>a:first-child.toc-heading:hover,
1553
+ :not(.level2)>li>a:first-child.toc-heading:focus {
1554
+ color: inherit !important;
1555
+ cursor: default;
1360
1556
  }
1361
1557
 
1362
1558
  .toc-heading-active:hover {
1363
- color: #00aeff
1559
+ color: #00aeff
1364
1560
  }
1365
1561
 
1366
- :not(.level2) > li > .line-above {
1367
- margin-top: 30px;
1562
+ :not(.level2)>li>.line-above {
1563
+ margin-top: 30px;
1368
1564
  }
1369
1565
 
1370
- :not(.level2) > li > .line-above:before {
1371
- content: "";
1372
- position: absolute;
1373
- border-bottom: 1px solid #E1E3E3;
1374
- width: 100%;
1375
- margin-top: -20px;
1566
+ :not(.level2)>li>.line-above:before {
1567
+ content: "";
1568
+ position: absolute;
1569
+ border-bottom: 1px solid #E1E3E3;
1570
+ width: 100%;
1571
+ margin-top: -20px;
1376
1572
  }
1377
1573
 
1378
1574
  .line-below {
1379
- padding-bottom: 20px !important;
1380
- border-bottom: 1px solid #E1E3E3 !important;
1575
+ padding-bottom: 20px !important;
1576
+ border-bottom: 1px solid #E1E3E3 !important;
1381
1577
  }
1382
1578
 
1383
1579
  .margin-below-toc {
1384
- margin-bottom: 100px;
1580
+ margin-bottom: 100px;
1385
1581
  }
1582
+
1583
+
1386
1584
  /* Styling for code copy buttons ------------------------- */
1387
1585
 
1388
1586
  .copy-code-button {
1389
- color: #333333;
1390
- background-color: #f1f1f1;
1391
- border: 1px solid #a1a1a1;
1392
- border-radius: 3px 3px 3px 3px;
1393
- /* right-align */
1394
- display: block;
1395
- margin-left: auto;
1396
- margin-right: 0;
1397
- margin-bottom: -15px;
1398
- padding: 3px 12px;
1399
- font-size: 0.8em;
1400
- font-weight: 500;
1401
- }
1402
-
1403
- .copy-code-button:hover, .copy-code-button:focus {
1404
- cursor: pointer;
1405
- background-color: #e5e5e5;
1406
- color: #333;
1587
+ color: #333333;
1588
+ background-color: #f1f1f1;
1589
+ border: 1px solid #a1a1a1;
1590
+ border-radius: 3px 3px 3px 3px;
1591
+ /* right-align */
1592
+ display: block;
1593
+ margin-left: auto;
1594
+ margin-right: 0;
1595
+ margin-bottom: -15px;
1596
+ padding: 3px 12px;
1597
+ font-size: 0.8em;
1598
+ font-weight: 500;
1407
1599
  }
1408
1600
 
1601
+ .copy-code-button:hover,
1409
1602
  .copy-code-button:focus {
1410
- /* Avoid an ugly focus outline on click in Chrome,
1603
+ cursor: pointer;
1604
+ background-color: #e5e5e5;
1605
+ color: #333;
1606
+ }
1607
+
1608
+ .copy-code-button:focus {
1609
+ /* Avoid an ugly focus outline on click in Chrome,
1411
1610
  but darken the button for accessibility.
1412
1611
  See https://stackoverflow.com/a/25298082/1481479 */
1413
- background-color: #f1f1f1;
1414
- color: #00aeff;
1415
- font-weight: 600;
1416
- outline: 0;
1612
+ background-color: #f1f1f1;
1613
+ color: #00aeff;
1614
+ font-weight: 600;
1615
+ outline: 0;
1417
1616
  }
1418
1617
 
1419
1618
  .copy-code-button:active {
1420
- background-color: #D9D9D9;
1619
+ background-color: #D9D9D9;
1421
1620
  }
1422
1621
 
1423
1622
  pre {
1424
- /* Avoid pushing up the copy buttons. */
1425
- /* margin: 0; */
1426
- }
1427
-
1428
- /* This code hides cross references between PDF pages. Corresponding code (.web-only) that hides cross references in the web app is in /templates/pdf/styles/main.css. */
1429
- .pdf-only {
1430
- display:none;
1431
- }
1432
-
1433
- /*
1434
- .sidetoc, .sidefilter {
1435
- margin-top: 56px;
1436
- }
1437
- */
1438
-
1439
- .statusMessage {
1440
- background-color: #AAE2C8;
1441
- font-size: 13.5px;
1442
- font-weight: 600;
1443
- padding-top: 15px;
1444
- padding-bottom: 20px;
1445
- padding-right: 15px;
1446
- margin-top: -16px;
1447
- margin-right: 16px;
1448
- margin-left: -40px;
1449
- margin-bottom: 10px;
1450
- padding-left: 5em;
1451
- text-indent:-5em;
1452
- }
1453
-
1454
- #statusIcon {
1455
- font-size: 24px;
1456
- margin-left: 100px;
1457
- transform: translate(0, 5px);
1458
- margin-right: -36px;
1459
- }
1460
-
1461
- .toc-deprecated:before {
1462
- content: "Deprecated" !important;
1463
- background-color: #d7dde4;
1464
- color: #333;
1465
- border-radius: 3px;
1466
- font-size: 9px;
1467
- text-transform: uppercase;
1468
- font-weight: 600;
1469
- letter-spacing: .15px;
1470
- margin-left: 0px;
1471
- margin-top: 4px;
1472
- margin-bottom: 4px;
1473
- margin-right: 4px;
1474
- padding: 3px 7px 3px 10px;
1475
- position: relative;
1476
- top: -1px;
1477
- }
1478
-
1479
- /* "Page has moved/is obsolete" banner at top of page */
1480
-
1481
- #nextWarning {
1482
- background-color: #ffdbb7;
1483
- font-size: 12px;
1484
- font-weight: 400;
1485
- height: 35px;
1486
- }
1487
-
1488
- #nextWarning p {
1489
- text-align: center;
1490
- margin: auto;
1491
- font-size: 13.5px;
1492
- font-weight: 600;
1493
- }
1494
-
1495
- #nextWarningToc {
1496
- margin-top: 56px;
1497
- }
1498
-
1499
- /* Which DOS versions apply to page */
1500
-
1501
- #tag {
1502
- font-size: 13.5px;
1503
- font-weight: 600;
1504
- padding-top: 15px;
1505
- padding-bottom: 15px;
1506
- padding-right: 15px;
1507
- padding-left: 15px;
1508
- margin-top: -16px !important;
1509
- margin-left: -50px;
1510
- margin-bottom: 10px !important;
1511
- margin-right: 15px;
1512
- text-indent:4em;
1513
- background: #D6F3FF;
1514
- }
1515
-
1516
- #version {
1517
- padding-left: 12px;
1518
- font-weight: 400;
1519
- }
1520
-
1521
- #success-checkmark {
1522
- background: #00aeff;
1523
- color: white;
1524
- padding: 1px 4px;
1525
- border-radius: 50%;
1526
- padding-right: 1px;
1527
- margin-right: 8px
1528
- }
1529
-
1530
- #version-bump {
1531
- padding-right: 15px;
1532
- }
1533
-
1534
- /* Styles a message in a line anywhere in the document with {{ term }} - see main.js */
1535
-
1536
- .message {
1537
- font-size: 13.5px;
1538
- font-weight: 600;
1539
- padding-top: 8px;
1540
- padding-bottom: 8px;
1541
- padding-left: 15px;
1542
- margin-top: 35px;
1543
- margin-bottom: -5px;
1544
- text-indent: 2em;
1545
- background: #D6F3FF;
1546
- display: inline-block;
1547
- width: 100%;
1548
- }
1549
-
1550
- .message > .fa:before {
1551
- margin-left: -52px;
1552
- padding-right: 10px;
1553
- color: #00aeff;
1623
+ /* Avoid pushing up the copy buttons. */
1624
+ /* margin: 0; */
1554
1625
  }