Almirah 0.1.8 → 0.2.0

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.
@@ -0,0 +1,298 @@
1
+ body {
2
+ font-family: Verdana, sans-serif;
3
+ font-size: 12px;
4
+ color: #333;
5
+ margin: 0;
6
+ padding: 0;
7
+ min-width: 900px;
8
+ }
9
+ #main {
10
+ flex-grow: 2;
11
+ display: flex;
12
+ flex-direction: row;
13
+ }
14
+ #content {
15
+ flex-grow: 1;
16
+ background-color: #fff;
17
+ margin-top: 30px;
18
+ padding: 10px 16px 10px 16px;
19
+ overflow-x: auto;
20
+ }
21
+ #content h1, h2, h3, h4, h5, h6 {
22
+ color: #555;
23
+ font-family: "Trebuchet MS", Verdana, sans-serif;
24
+ padding: 2px 10px 1px 0px;
25
+ margin: 0 0 10px 0;
26
+ }
27
+ h1 {
28
+ font-size: 2em;
29
+ }
30
+ h2 {
31
+ font-size: 1.8em;
32
+ }
33
+ h3 {
34
+ font-size: 1.5em;
35
+ }
36
+ h4 {
37
+ font-size: 1.2em;
38
+ border: none;
39
+ font-weight: bold;
40
+ }
41
+ h5 {
42
+ font-size: 1em;
43
+ }
44
+ h6 {
45
+ font-size: 1em; color: #8e8e8e;
46
+ }
47
+ a.heading_anchor {
48
+ display: none;
49
+ margin-left: 6px;
50
+ text-decoration: none;
51
+ }
52
+ table.markdown_table{
53
+ border: 1px solid #bbb;
54
+ border-collapse: collapse;
55
+ padding: 4px;
56
+ margin-bottom: 4px;
57
+ overflow: hidden;
58
+ }
59
+ table.markdown_table th{
60
+ border: 1px solid #bbb;
61
+ padding: 4px;
62
+ display: table-cell;
63
+ vertical-align: inherit;
64
+ background-color:#EEEEEE;
65
+ }
66
+ table.markdown_table td{
67
+ border: 1px solid #bbb;
68
+ padding: 4px;
69
+ display: table-cell;
70
+ vertical-align: inherit;
71
+ }
72
+ table.controlled{
73
+ border: 1px solid #e4e4e4;
74
+ border-collapse: collapse;
75
+ width: 100%;
76
+ margin-bottom: 4px;
77
+ border-spacing: 0px;
78
+ border-radius: 3px;
79
+ overflow: hidden;
80
+ }
81
+ table.controlled th {
82
+ background-color:#e1f1fa;
83
+ padding: 4px;
84
+ white-space:nowrap;
85
+ font-weight:normal;
86
+ border: 1px solid #bbb;
87
+ }
88
+ table.controlled td {
89
+ padding: 4px;
90
+ text-align:center;
91
+ vertical-align:middle;
92
+ padding-right:10px;
93
+ border: 1px solid #bbb;
94
+ }
95
+ table.controlled tr:first-child th {
96
+ border-top: 0;
97
+ }
98
+ table.controlled tr:last-child td {
99
+ border-bottom: 0;
100
+ }
101
+ table.controlled tr td:first-child,
102
+ table.controlled tr th:first-child {
103
+ border-left: 0;
104
+ }
105
+ table.controlled tr td:last-child,
106
+ table.controlled tr th:last-child {
107
+ border-right: 0;
108
+ }
109
+ table.controlled td.item_id {
110
+ width: 3%;
111
+ text-align: center;
112
+ }
113
+ table.controlled td.item_text{
114
+ text-align: left;
115
+ }
116
+ table.controlled:not(.odd-even) tbody tr:nth-child(odd) { background-color:#f6f7f8; }
117
+ table.controlled:not(.odd-even) tbody tr:nth-child(even) { background-color: #fff; }
118
+ table.controlled:not(.odd-even) tbody tr:nth-child(odd):hover,
119
+ table.controlled:not(.odd-even) tbody tr:nth-child(even):hover { background-color:#ffffdd; }
120
+ a, a:link, a:visited {
121
+ color: #169;
122
+ text-decoration: none;
123
+ display: inline-block;
124
+ }
125
+ a:active {
126
+ color: #555;
127
+ background-color:#deb887;
128
+ text-decoration: none;
129
+ display: inline-block;
130
+ }
131
+ div.blockquote {
132
+ display: block;
133
+ background:#f9f9fb;
134
+ border-left: 3px double #bbb;
135
+ font-style: italic;
136
+ padding: 4px 1em 4px 4px;
137
+ margin-top: 4px;
138
+ margin-bottom: 4px;
139
+ }
140
+ code {
141
+ display: block;
142
+ background:#ffffee;
143
+ border-left: 3px double #bbb;
144
+ font-family: Consolas, Menlo, "Liberation Mono", Courier, monospace;
145
+ padding: 4px 1em 4px 4px;
146
+ margin-top: 4px;
147
+ margin-bottom: 4px;
148
+ }
149
+ div.todoblock {
150
+ display: block;
151
+ background:#fcc;
152
+ border-left: 3px double #bbb;
153
+ font-style: italic;
154
+ padding: 4px 1em 4px 4px;
155
+ margin-top: 4px;
156
+ margin-bottom: 4px;
157
+ }
158
+ img:hover{
159
+ transition: 0.3s;
160
+ }
161
+ img{
162
+ opacity: 0.9;
163
+ cursor: pointer;
164
+ }
165
+ #modal_image_id{
166
+ cursor: default;
167
+ }
168
+ #closed_nav_pane{
169
+ padding: 0px;
170
+ background: #169;
171
+ border: 0px;
172
+ position: fixed;
173
+ width: 5px;
174
+ height: 100%; /* 100% Full-height */
175
+ visibility: visible;
176
+ cursor: pointer;
177
+ }
178
+ #closed_nav_pane:hover{
179
+ width: 10px;
180
+ }
181
+ #nav_pane{
182
+ flex-shrink: 0;
183
+ padding: 32px 8px 8px 8px;
184
+ background: #EEEEEE;
185
+ border: 1px solid #ddd;
186
+ position: fixed;
187
+ height: 100%; /* 100% Full-height */
188
+ visibility: hidden;
189
+ z-index: 1;
190
+ overflow-y: auto;
191
+ cursor: pointer;
192
+ }
193
+ @media screen and (min-width: 0px) and (max-width: 1089px) {#nav_pane{width: 22%;}}
194
+ @media screen and (min-width: 1090px) and (max-width: 1279px) {#nav_pane{width: 240px;}}
195
+ @media screen and (min-width: 1280px) and (max-width: 1599px) {#nav_pane{width: 280px;}}
196
+ @media screen and (min-width: 1600px) and (max-width: 1919px) {#nav_pane{width: 320px;}}
197
+ @media screen and (min-width: 1920px) and (max-width: 2559px) {#nav_pane{width: 360px;}}
198
+ @media screen and (min-width: 2560px) {#nav_pane{width: 380px;}}
199
+
200
+ #top_nav{
201
+ background-color: #169;
202
+ overflow: hidden;
203
+ position: fixed;
204
+ width: 100%;
205
+ z-index: 2;
206
+ }
207
+ #top_nav a {
208
+ float: left;
209
+ color: white;
210
+ text-align: center;
211
+ padding: 4px 6px;
212
+ text-decoration: none;
213
+ font-size: 1.5em;
214
+ font-family: "Trebuchet MS", Verdana, sans-serif;
215
+ }
216
+ #top_nav a.split {
217
+ float: right;
218
+ color: white;
219
+ text-align: center;
220
+ padding: 4px 6px;
221
+ text-decoration: none;
222
+ font-size: 1.5em;
223
+ font-family: "Trebuchet MS", Verdana, sans-serif;
224
+ }
225
+ #top_nav a:hover {
226
+ background-color: black;
227
+ color: white;
228
+ }
229
+ #top_nav a.active {
230
+ background-color: #169;
231
+ color: white;
232
+ }
233
+ #searchInput{
234
+ float: left;
235
+ margin: 4px 6px;
236
+ text-decoration: none;
237
+ }
238
+ .modal {
239
+ display: none; /* Hidden by default */
240
+ position: fixed; /* Stay in place */
241
+ z-index: 1; /* Sit on top */
242
+ padding-top: 100px; /* Location of the box */
243
+ left: 0;
244
+ top: 0;
245
+ width: 100%; /* Full width */
246
+ height: 100%; /* Full height */
247
+ overflow: auto; /* Enable scroll if needed */
248
+ background-color: rgb(0,0,0); /* Fallback color */
249
+ background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
250
+ }
251
+ .modal_image {
252
+ margin: auto;
253
+ display: block;
254
+ width: 97%;
255
+ /*max-width: 700px;*/
256
+ }
257
+ #modal_image_caption {
258
+ margin: auto;
259
+ display: block;
260
+ width: 80%;
261
+ max-width: 700px;
262
+ text-align: center;
263
+ color: #ccc;
264
+ padding: 10px 0;
265
+ height: 150px;
266
+ }
267
+ .modal_image, #modal_image_caption {
268
+ animation-name: zoom;
269
+ animation-duration: 0.6s;
270
+ }
271
+ @keyframes zoom {
272
+ from {transform: scale(0.1)}
273
+ to {transform: scale(1)}
274
+ }
275
+ .modal_close_btn {
276
+ position: absolute;
277
+ top: 15px;
278
+ right: 35px;
279
+ color: #f1f1f1;
280
+ font-size: 30px;
281
+ font-weight: bold;
282
+ transition: 0.3s;
283
+ }
284
+ .modal_close_btn:hover,
285
+ .modal_close_btn:focus {
286
+ color: #bbb;
287
+ text-decoration: none;
288
+ cursor: pointer;
289
+ }
290
+ #footer {
291
+ clear: both;
292
+ border-top: 1px solid #bbb;
293
+ font-size: 0.9em;
294
+ color: #aaa;
295
+ padding: 5px;
296
+ text-align:center;
297
+ background:#fff;
298
+ }
@@ -0,0 +1,40 @@
1
+ /* Dropdown Content (Hidden by Default) */
2
+ .search-results-content {
3
+ display: none;
4
+ position: absolute;
5
+ background-color: #f6f6f6;
6
+ min-width: 600px;
7
+ border: 1px solid #ddd;
8
+ z-index: 2;
9
+ }
10
+
11
+ /* Links inside the dropdown
12
+ .search-results-content a, a:link, a:visited {
13
+ color: #169;
14
+ text-decoration: none;
15
+ display: inline-block;
16
+ }*/
17
+
18
+ div.search-item {
19
+ padding: 2px;
20
+ text-align:left;
21
+ vertical-align:middle;
22
+ padding-right:10px;
23
+ border: 1px solid #bbb;
24
+ }
25
+ table.search-result-table{
26
+ border: 0;
27
+ margin: 0;
28
+ border-collapse: collapse;
29
+ width: 100%;
30
+ margin-bottom: 0px;
31
+ border-spacing: 0px;
32
+ overflow: hidden;
33
+ }
34
+ table.search-result-table td {
35
+ padding: 4px;
36
+ width: 50%;
37
+ text-align:left;
38
+ vertical-align:middle;
39
+ padding-right:10px;
40
+ }
@@ -5,368 +5,15 @@
5
5
  <title>{{DOCUMENT_TITLE}}</title>
6
6
  <!-- CSS -->
7
7
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
8
- <style>
9
- body {
10
- font-family: Verdana, sans-serif;
11
- font-size: 12px;
12
- color: #333;
13
- margin: 0;
14
- padding: 0;
15
- min-width: 900px;
16
- }
17
- #main {
18
- flex-grow: 2;
19
- display: flex;
20
- flex-direction: row;
21
- }
22
- #content {
23
- flex-grow: 1;
24
- background-color: #fff;
25
- margin-top: 30px;
26
- padding: 10px 16px 10px 16px;
27
- overflow-x: auto;
28
- }
29
- #content h1, h2, h3, h4, h5, h6 {
30
- color: #555;
31
- font-family: "Trebuchet MS", Verdana, sans-serif;
32
- padding: 2px 10px 1px 0px;
33
- margin: 0 0 10px 0;
34
- }
35
- h1 {
36
- font-size: 2em;
37
- }
38
- h2 {
39
- font-size: 1.8em;
40
- }
41
- h3 {
42
- font-size: 1.5em;
43
- }
44
- h4 {
45
- font-size: 1.2em;
46
- border: none;
47
- font-weight: bold;
48
- }
49
- h5 {
50
- font-size: 1em;
51
- }
52
- h6 {
53
- font-size: 1em; color: #8e8e8e;
54
- }
55
- a.heading_anchor {
56
- display: none;
57
- margin-left: 6px;
58
- text-decoration: none;
59
- }
60
- table.markdown_table{
61
- border: 1px solid #bbb;
62
- border-collapse: collapse;
63
- padding: 4px;
64
- margin-bottom: 4px;
65
- overflow: hidden;
66
- }
67
- table.markdown_table th{
68
- border: 1px solid #bbb;
69
- padding: 4px;
70
- display: table-cell;
71
- vertical-align: inherit;
72
- background-color:#EEEEEE;
73
- }
74
- table.markdown_table td{
75
- border: 1px solid #bbb;
76
- padding: 4px;
77
- display: table-cell;
78
- vertical-align: inherit;
79
- }
80
- table.controlled{
81
- border: 1px solid #e4e4e4;
82
- border-collapse: collapse;
83
- width: 100%;
84
- margin-bottom: 4px;
85
- border-spacing: 0px;
86
- border-radius: 3px;
87
- overflow: hidden;
88
- }
89
- table.controlled th {
90
- background-color:#e1f1fa;
91
- padding: 4px;
92
- white-space:nowrap;
93
- font-weight:normal;
94
- border: 1px solid #bbb;
95
- }
96
- table.controlled td {
97
- padding: 4px;
98
- text-align:center;
99
- vertical-align:middle;
100
- padding-right:10px;
101
- border: 1px solid #bbb;
102
- }
103
- table.controlled tr:first-child th {
104
- border-top: 0;
105
- }
106
- table.controlled tr:last-child td {
107
- border-bottom: 0;
108
- }
109
- table.controlled tr td:first-child,
110
- table.controlled tr th:first-child {
111
- border-left: 0;
112
- }
113
- table.controlled tr td:last-child,
114
- table.controlled tr th:last-child {
115
- border-right: 0;
116
- }
117
- table.controlled td.item_id {
118
- width: 3%;
119
- text-align: center;
120
- }
121
- table.controlled td.item_text{
122
- text-align: left;
123
- }
124
- table.controlled:not(.odd-even) tbody tr:nth-child(odd) { background-color:#f6f7f8; }
125
- table.controlled:not(.odd-even) tbody tr:nth-child(even) { background-color: #fff; }
126
- table.controlled:not(.odd-even) tbody tr:nth-child(odd):hover,
127
- table.controlled:not(.odd-even) tbody tr:nth-child(even):hover { background-color:#ffffdd; }
128
- a, a:link, a:visited {
129
- color: #169;
130
- text-decoration: none;
131
- display: inline-block;
132
- }
133
- a:active {
134
- color: #555;
135
- background-color:#deb887;
136
- text-decoration: none;
137
- display: inline-block;
138
- }
139
- div.blockquote {
140
- display: block;
141
- background:#f9f9fb;
142
- border-left: 3px double #bbb;
143
- font-style: italic;
144
- padding: 4px 1em 4px 4px;
145
- margin-top: 4px;
146
- margin-bottom: 4px;
147
- }
148
- code {
149
- display: block;
150
- background:#ffffee;
151
- border-left: 3px double #bbb;
152
- font-family: Consolas, Menlo, "Liberation Mono", Courier, monospace;
153
- padding: 4px 1em 4px 4px;
154
- margin-top: 4px;
155
- margin-bottom: 4px;
156
- }
157
- div.todoblock {
158
- display: block;
159
- background:#fcc;
160
- border-left: 3px double #bbb;
161
- font-style: italic;
162
- padding: 4px 1em 4px 4px;
163
- margin-top: 4px;
164
- margin-bottom: 4px;
165
- }
166
- img:hover{
167
- transition: 0.3s;
168
- }
169
- img{
170
- opacity: 0.9;
171
- cursor: pointer;
172
- }
173
- #modal_image_id{
174
- cursor: default;
175
- }
176
- #closed_nav_pane{
177
- padding: 0px;
178
- background: #169;
179
- border: 0px;
180
- position: fixed;
181
- width: 5px;
182
- height: 100%; /* 100% Full-height */
183
- visibility: visible;
184
- cursor: pointer;
185
- }
186
- #closed_nav_pane:hover{
187
- width: 10px;
188
- }
189
- #nav_pane{
190
- flex-shrink: 0;
191
- padding: 32px 8px 8px 8px;
192
- background: #EEEEEE;
193
- border: 1px solid #ddd;
194
- position: fixed;
195
- height: 100%; /* 100% Full-height */
196
- visibility: hidden;
197
- z-index: 1;
198
- overflow-y: auto;
199
- cursor: pointer;
200
- }
201
- @media screen and (min-width: 0px) and (max-width: 1089px) {#nav_pane{width: 22%;}}
202
- @media screen and (min-width: 1090px) and (max-width: 1279px) {#nav_pane{width: 240px;}}
203
- @media screen and (min-width: 1280px) and (max-width: 1599px) {#nav_pane{width: 280px;}}
204
- @media screen and (min-width: 1600px) and (max-width: 1919px) {#nav_pane{width: 320px;}}
205
- @media screen and (min-width: 1920px) and (max-width: 2559px) {#nav_pane{width: 360px;}}
206
- @media screen and (min-width: 2560px) {#nav_pane{width: 380px;}}
207
-
208
- #top_nav{
209
- background-color: #169;
210
- overflow: hidden;
211
- position: fixed;
212
- width: 100%;
213
- z-index: 2;
214
- }
215
- #top_nav a {
216
- float: left;
217
- color: white;
218
- text-align: center;
219
- padding: 4px 6px;
220
- text-decoration: none;
221
- font-size: 1.5em;
222
- font-family: "Trebuchet MS", Verdana, sans-serif;
223
- }
224
- #top_nav a.split {
225
- float: right;
226
- color: white;
227
- text-align: center;
228
- padding: 4px 6px;
229
- text-decoration: none;
230
- font-size: 1.5em;
231
- font-family: "Trebuchet MS", Verdana, sans-serif;
232
- }
233
- #top_nav a:hover {
234
- background-color: black;
235
- color: white;
236
- }
237
- #top_nav a.active {
238
- background-color: #169;
239
- color: white;
240
- }
241
- .modal {
242
- display: none; /* Hidden by default */
243
- position: fixed; /* Stay in place */
244
- z-index: 1; /* Sit on top */
245
- padding-top: 100px; /* Location of the box */
246
- left: 0;
247
- top: 0;
248
- width: 100%; /* Full width */
249
- height: 100%; /* Full height */
250
- overflow: auto; /* Enable scroll if needed */
251
- background-color: rgb(0,0,0); /* Fallback color */
252
- background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
253
- }
254
- .modal_image {
255
- margin: auto;
256
- display: block;
257
- width: 97%;
258
- /*max-width: 700px;*/
259
- }
260
- #modal_image_caption {
261
- margin: auto;
262
- display: block;
263
- width: 80%;
264
- max-width: 700px;
265
- text-align: center;
266
- color: #ccc;
267
- padding: 10px 0;
268
- height: 150px;
269
- }
270
- .modal_image, #modal_image_caption {
271
- animation-name: zoom;
272
- animation-duration: 0.6s;
273
- }
274
- @keyframes zoom {
275
- from {transform: scale(0.1)}
276
- to {transform: scale(1)}
277
- }
278
- .modal_close_btn {
279
- position: absolute;
280
- top: 15px;
281
- right: 35px;
282
- color: #f1f1f1;
283
- font-size: 30px;
284
- font-weight: bold;
285
- transition: 0.3s;
286
- }
287
- .modal_close_btn:hover,
288
- .modal_close_btn:focus {
289
- color: #bbb;
290
- text-decoration: none;
291
- cursor: pointer;
292
- }
293
- #footer {
294
- clear: both;
295
- border-top: 1px solid #bbb;
296
- font-size: 0.9em;
297
- color: #aaa;
298
- padding: 5px;
299
- text-align:center;
300
- background:#fff;
301
- }
302
- </style>
303
- <script>
304
- function openNav() {
305
- document.getElementById("nav_pane").style.visibility = "visible";
306
- }
307
-
308
- function closeNav() {
309
- document.getElementById("nav_pane").style.visibility = "hidden";
310
- }
311
-
312
- window.onload = (event) => {
313
- for (var i = 0, n = document.images.length; i < n; i++)
314
- {
315
- elem = document.images[i];
316
- if (elem.width > 640)
317
- {
318
- elem.style.width = "640px";
319
- }
320
- }
321
- // Scroll a bit to make navigated anchor visible
322
- //setTimeout(function() {
323
- // window.scrollBy({
324
- // top: -40,
325
- // behavior: "smooth"
326
- // });
327
- // }, 200);
328
- };
329
-
330
- function downlink_OnClick(clicked){
331
- clicked.style.display = 'none';
332
- id_parts = clicked.id.split("_");
333
- required_id = "DLS_" + id_parts[1];
334
- document.getElementById(required_id).style.display = 'block';
335
- }
336
-
337
- function navigate_to_home(){
338
- if (document.title != "Document Index")
339
- {
340
- window.location.href = "./../../index.html";
341
- }else{
342
- window.location.href = "./index.html";
343
- }
344
- }
345
-
346
- // Modal window for image zoom
347
- function image_OnClick(clicked){
348
-
349
- var modal = document.getElementById('image_modal_div');
350
- var modalImg = document.getElementById("modal_image_id");
351
- var captionText = document.getElementById("modal_image_caption");
352
-
353
- modal.style.display = "block";
354
- modalImg.src = clicked.src;
355
- captionText.innerHTML = clicked.alt;
356
- }
357
-
358
- function modal_close_OnClick(clicked){
359
- var modal = document.getElementById('image_modal_div');
360
- modal.style.display = "none";
361
- }
362
-
363
- </script>
8
+ {{STYLES_AND_SCRIPTS}}
364
9
  </head>
365
10
  <body>
366
11
  <div id="top_nav">
367
12
  <a href="javascript:void(0)" onclick="navigate_to_home()"><span><i class="fa fa-home" aria-hidden="true"></i></span>&nbsp;Home</a>
13
+ <input type="text" id="searchInput" placeholder="Search.." style="display: none;">
368
14
  <a class="split">{{DOCUMENT_TITLE}}</a>
369
15
  </div>
16
+ <div id="search_dropdown" class="search-results-content" style="display: none;"></div>
370
17
  <div id="main">
371
18
  <div id="closed_nav_pane" href="javascript:void(0)" onclick="openNav()">
372
19
  </div>
@@ -378,7 +25,10 @@ function modal_close_OnClick(clicked){
378
25
  </div><!-- content -->
379
26
  </div><!-- main -->
380
27
  <div id="footer">
381
- Powered by <a target="_blank" rel="noopener" href="https://www.almirah.site/">Almirah Framework (0.1.8)</a>
28
+ Powered by <a target="_blank" rel="noopener" href="https://www.almirah.site/">
29
+ Almirah Framework
30
+ {{GEM_VERSION}}
31
+ </a>
382
32
  </div><!-- footer -->
383
33
  <!-- The modal window for image zoom -->
384
34
  <div id="image_modal_div" class="modal">