noxz.tech/pub/style.css
1body {
2 background-color: #fff;
3 color : #222;
4 font-family : serif;
5 font-size : 1.2em;
6 line-height : 1.6;
7 padding : 0;
8 margin : 0;
9 overflow-y : scroll;
10}
11
12/* beginning: setup centered theme */
13#header > div, #footer > div, #content > div {
14 max-width : 980px;
15 margin : 0 auto;
16}
17
18#content > div {
19 max-width : 1000px;
20 background-color: #ffffff;
21 border : none;
22}
23/* end: setup centered theme */
24
25a {
26 color : #005386;
27 text-decoration : none;
28}
29
30a:hover {
31 text-decoration : underline;
32}
33
34hr.hidden-ruler {
35 display : none;
36}
37
38img {
39 max-width : 100%;
40}
41
42#header {
43 clear : both;
44 color : #000;
45 background : #fff;
46 height : 2.75em;
47 font-size : 1.3em;
48 font-family : monospace;
49 line-height : 2.75em;
50 padding : 0 1em;
51 border-bottom : 1px solid #f4f4f4;
52}
53
54#header-logo img {
55 vertical-align : middle;
56 margin-right : 0.5em;
57}
58
59#header-subtitle {
60 color : #cacaca;
61 display : inline-block;
62 font-size : 0.75em;
63 font-style : italic;
64}
65
66#header-link,
67#header-link:hover,
68#header-logo:hover {
69 color : inherit;
70 background-color: inherit;
71 text-decoration : none;
72}
73
74#header-source {
75 color : inherit;
76 font-size : 0.75em;
77 float : right;
78}
79
80h1, h2, h3, h4 {
81 font-family : sans-serif;
82}
83
84h1 {
85 border-bottom : 1px solid #cacaca;
86 margin : 1em 0 1em 0;
87 padding : 0 0 0.25em 0;
88 font-size : 1.4rem;
89}
90
91h2, h3, h4 {
92 margin : 1em 0 0em 0;
93}
94
95h2 {
96 font-size : 1.3rem;
97}
98
99h3 {
100 font-size : 1.0rem;
101}
102
103h4 {
104 font-size : 0.9rem;
105}
106
107p, li {
108 color : #444;
109}
110
111#main p, #main li {
112 text-align : justify;
113 overflow-wrap : break-word;
114 word-wrap : break-word;
115 -ms-word-break : break-word;
116 word-break : break-word;
117 -ms-hyphens : auto;
118 -moz-hyphens : auto;
119 -webkit-hyphens : auto;
120 hyphens : auto;
121}
122
123blockquote {
124 background : #f9f9f9;
125 border-left : 10px solid #ccc;
126 margin : 1.5em 10px;
127 padding : 0.5em 10px;
128 quotes : "\201C""\201D""\2018""\2019";
129}
130blockquote:before {
131 color : #ccc;
132 content : open-quote;
133 font-size : 4em;
134 line-height : 0.1em;
135 vertical-align : -0.4em;
136}
137blockquote p {
138 display : inline;
139 font-size : .9em;
140}
141
142code {
143 border-radius : 6px;
144 font-family : monospace;
145 font-size : .9em;
146 background-color: #efefef;
147 padding : .35em .5em;
148}
149
150pre {
151 border-radius : 6px;
152 background-color: #fafafa;
153 padding : 1em;
154 overflow : auto;
155}
156
157pre code {
158 font-size : 0.9rem;
159 background-color: inherit !important;
160 padding : 0;
161}
162
163.code-wrap {
164 overflow : scroll;
165 display : grid;
166}
167
168#content {
169 clear : both;
170 margin : 0;
171 padding : 0;
172 overflow : hidden;
173}
174
175#nav {
176 background-color: #ffffff;
177 margin : 0 1px 0 0;
178 padding : 1em 0;
179 border-right : 1px solid #f4f4f4;
180 min-width : 10em;
181}
182
183#nav ul {
184 margin : 0;
185 padding : 0;
186}
187
188#nav li {
189 list-style : none;
190 padding : 0;
191 margin : 0;
192}
193
194#nav>div>ul:first-child li>a:before {
195 display : inline-block;
196 margin-left : -1em;
197 width : 1em;
198}
199
200#nav>div>ul:first-child li>a:hover:before {
201 content : "\203A";
202}
203
204#nav>div>ul:first-child li.active>a:before {
205 content : "\00BB";
206}
207
208/* keep link hover over full width, base level */
209#nav li a {
210 display : block;
211 margin : 0;
212 padding : 0.2em 2em;
213 font-family : sans-serif;
214 font-size : .9em;
215}
216
217/* keep link hover over full width, first level */
218#nav li ul>li a {
219 padding-left : 2.6em !important;
220}
221
222/* keep link hover over full width, second level */
223#nav li ul ul>li a {
224 padding-left : 3.2em !important;
225}
226
227/* keep link hover over full width, third level */
228#nav li ul ul ul>li a {
229 padding-left : 3.8em !important;
230}
231
232#nav li a:hover {
233 background-color: #fafafa;
234 text-decoration : none;
235}
236
237#nav li.active>a {
238 color : #222;
239}
240
241#main {
242/* margin : 0 0 0 200px;*/
243 padding : 0 1.5em;
244/* max-width : 50em;*/
245}
246
247#footer {
248 clear : both;
249 color : #666;
250 border-top : 1px solid #f4f4f4;
251 font-size : 0.85em;
252 font-family : monospace;
253 line-height : 1.7em;
254 padding : 1em;
255 margin : 0 0 1.5em 0;
256}
257
258span.left {
259 float : left;
260 margin : 0;
261 padding : 0;
262}
263
264span.right {
265 float : right;
266 margin : 0;
267 padding : 0;
268}
269
270.definition {
271 padding-left : 2em;
272}
273
274.definition>p:first-child {
275 text-indent : -2em;
276}
277
278.reference {
279 padding-left : 2em;
280 text-indent : -2em;
281}
282
283#main p.left {
284 text-align : left;
285}
286
287#main p.center {
288 text-align : center;
289}
290
291#main p.right {
292 text-align : right;
293}
294
295#main .note {
296 background : #fdf8d9;
297 padding : .6rem 1rem;
298 border-radius : 0.5rem;
299 margin-bottom : 1rem;
300}
301
302#main .edit-note {
303 background : #efd9fd;
304 padding : 0.1rem 1rem;
305 font-family : sans-serif;
306 font-size : 80%;
307 border-radius : 0.5rem;
308 margin-bottom : 1rem;
309}
310
311#main .edit-note dl {
312 padding : 0.5rem;
313}
314
315#main .edit-note h3 {
316 color : #3b2e58;
317 background : none no-repeat 0rem center;
318 background-image: url("./warn.svg");
319 padding-left : 1.5rem;
320}
321
322#main .edit-note dt {
323 color : #3b2e58;
324 text-indent : 0;
325}
326
327#main .edit-note dd {
328 clear : both;
329}
330
331#main .edit-note dd>ul {
332 padding : 0 1rem;
333}
334
335#main p.preamble
336{
337 font-size : 120%;
338 font-style : italic;
339}
340
341#main p.article-author, #main p.article-date {
342 background : none no-repeat 0rem center;
343 padding-left : 1.5rem;
344 display : inline-block;
345 font-family : sans-serif;
346 font-size : 90%;
347 line-height : 1.5;
348 margin : 0 1.5rem 0 0;
349}
350
351#main p.article-date {
352 background-image: url("./date.svg");
353}
354
355#main p.article-author {
356 background-image: url("./author.svg");
357}
358
359#main p.article-date ~ .wrap-list {
360 margin-top : -.5em;
361}
362
363.wrap-list>ul {
364 flex-wrap : wrap !important;
365 display : flex !important;
366 padding-left : 0;
367 list-style : none;
368 box-sizing : border-box;
369}
370
371.wrap-list>ul>li {
372 margin-right : 0.5rem !important;
373 margin-top : 0.5rem !important;
374 box-sizing : border-box;
375}
376
377.art-tag {
378 display : inline-block;
379 background : #fafafa;
380 padding : 0.25rem 0.5rem;
381 font-family : sans-serif;
382 font-size : 90%;
383 line-height : 1.5;
384 border-radius : 0.25rem;
385 text-align : center;
386 vertical-align : middle;
387}
388
389.art-tag>span {
390 display : inline-block;
391 background : #444;
392 color : #fafafa;
393 padding : 0.25em 0.4em;
394 font-size : 65%;
395 font-weight : 700;
396 line-height : 1;
397 text-align : center;
398 white-space : nowrap;
399 vertical-align : middle;
400 border-radius : 0.25rem;
401}
402
403.art-tag:hover {
404 text-decoration : none;
405 background : #005386;
406 color : #fafafa;
407}
408
409.art-tag:hover>span {
410 background : #fafafa;
411 color : #444;
412}
413
414.spoiler {
415 color : #000;
416 background : #000;
417 cursor : pointer;
418}
419
420.spoiler:active {
421 color : inherit;
422 background : inherit;
423}
424
425.articles ul {
426 margin : 0;
427 padding : 0;
428}
429
430.articles li {
431 list-style : none;
432 padding : 0;
433 margin : 0;
434}
435
436a.twtxt, a.howto, a.source, a.pin {
437 display : block;
438 background : none no-repeat 0.7em center;
439 background-size : 0.95em;
440 padding : 0.2em 0 0.2em 2em !important;
441 margin : 0;
442}
443
444a.twtxt {
445 background-image: url("./twtxt.svg");
446}
447
448a.howto {
449 background-image: url("./howto.svg");
450}
451
452a.pin {
453 background-image: url("./pin.svg");
454}
455
456a.source {
457 display : none !important;
458 background-image: url("./source.svg");
459}
460
461ul.repo-log {
462 list-style-type : none;
463 margin : 1em 0;
464 padding : 0;
465}
466
467ul.repo-log li {
468 font-family : monospace;
469 font-size : 0.7em;
470 text-align : left !important;
471}
472
473ul.repo-log li .log-date {
474 font-weight : bold;
475 padding-right : 1em;
476}
477
478.no-decoration>ul {
479 margin-left : 0;
480 padding : 0;
481}
482
483.no-decoration ul {
484 list-style-type : none;
485 list-style : none;
486}
487
488table.nice {
489 border-spacing : 1;
490 border-collapse : collapse;
491 border-radius : 6px;
492 box-shadow : 0 0 0 1px rgba(0,0,0,.1);
493 overflow : hidden;
494 width : 100%;
495 margin : 1em auto;
496 font-size : .8em;
497}
498
499table.nice tr {
500 height : 48px;
501 border-bottom : 1px solid rgba(0,0,0,.05);
502 &:last-child {
503 border : 0;
504 }
505}
506
507table.nice tr th,
508table.nice tr td {
509 text-align : left;
510 padding : .5em 1em;
511 font-family : sans-serif;
512 color : #444;
513}
514
515table.nice tr td.code span {
516 font-family : monospace;
517 border-radius : 6px;
518 background : #efefef;
519 padding : .35em .5em;
520}
521
522/* table of contents */
523.toc {
524 background-color: #f6f7fa;
525 padding : 0.5em 2em 2em;
526 overflow : auto;
527 font-family : sans-serif;
528}
529
530.toc .toc-title {
531 font-weight : 700;
532}
533
534.toc>ul,
535.toc>ul ul {
536 list-style-type : none;
537 list-style : none;
538 margin : 0;
539 padding : 0;
540}
541
542.toc>ul ul {
543 padding-left : 1.5em;
544}
545
546.toc li {
547 list-style-type : none;
548 list-style : none;
549 margin : 0;
550 padding : 0;
551}
552
553.pic {
554 text-align : center !important;
555}
556
557object.tex {
558 margin : 3em auto;
559 display : block;
560 vertical-align : middle;
561}
562
563object.tex-equation {
564 margin : 2em auto;
565 padding : .5em;
566 transform : scale(1.45);
567}
568
569.theorem object.tex {
570 padding : 1em 1.5em;
571 border : 1px double #000;
572 outline : 2px solid #000;
573 outline-offset : -4px;
574}
575
576dl, dt, dd {
577 padding : 0;
578 margin : 0;
579}
580dt {
581 float : left;
582 font-weight : bolder;
583 padding-right : 1ch;
584 text-align : right;
585}
586dd {
587 margin-bottom : 1em;
588}
589dl {
590 padding-left : 2em;
591}
592dl>dt {
593 text-indent : -2em;
594}
595
596#hamburger { display: none; }
597#hamburger ~ label { display: none; }
598@media screen and (max-width: 768px) {
599 table:not(.nice),
600 table:not(.nice)>tbody,
601 table:not(.nice)>tbody>tr,
602 table:not(.nice)>tbody>tr>td { display: block !important; }
603 #burger-wrapper { display: none; }
604 #nav {
605 width : auto;
606 max-width : 15em;
607 border : none;
608 padding : 0;
609 }
610 #main {
611 padding : 0 0.5em;
612 }
613 #hamburger ~ label {
614 display : block;
615 color : black;
616 background : white;
617 font-style : normal;
618 text-align : center;
619 font-size : 1.4rem;
620 padding : .45em .6em;
621 user-select : none;
622 cursor : pointer;
623
624 position : absolute;
625 position : fixed;
626 top : 0;
627 right : 0;
628 z-index : 999;
629 }
630 #hamburger ~ label:before { content: "\2630" }
631 #hamburger:checked ~ label:before { content: "\2A09" }
632 #hamburger:checked ~ #burger-wrapper { display: block; }
633 #hamburger:checked ~ label {
634 color : white;
635 background : black;
636 }
637 #hamburger ~ #burger-wrapper {
638 width : 100%;
639 position : fixed;
640 font-size : 1.4rem;
641 top : 2.3em;
642 bottom : 0;
643 left : 0;
644 padding : 0.5em 0;
645 background : #fff;
646 overflow-x : scroll;
647 }
648 #header {
649 width : 100%;
650 position : fixed;
651 top : 0;
652 z-index : 998;
653 }
654 #content {
655 margin : 2.75em 0 0 0;
656 }
657 #header-source {
658 display : none;
659 }
660 a.twtxt, a.howto, a.source {
661 display : block !important;
662 }
663}
664
665@media print {
666 #header, #nav { display: none }
667 #content>div, #footer>div { max-width: inherit; }
668 #footer .right {display: none }
669 #footer::after {
670 content: "Copyright © 2006-" attr(data-date) " Chris Noxz";
671 display: block;
672 text-align: right;
673 }
674 .code-wrap, p { page-break-inside: avoid; break-inside: avoid; }
675}
