1 /* -*- coding: utf-8; mode: css -*- 1 /* -*- coding: utf-8; mode: css -*-
2 * 2 *
3 * Sphinx HTML theme customization: read the d 3 * Sphinx HTML theme customization: read the doc
4 * Please don't add any color definition here, !! 4 *
5 * work for both normal and dark modes. <<
6 */ 5 */
7 6
8 /* Improve contrast and increase size for easi 7 /* Improve contrast and increase size for easier reading. */
9 8
10 body { 9 body {
11 font-family: serif; 10 font-family: serif;
>> 11 color: black;
12 font-size: 100%; 12 font-size: 100%;
13 } 13 }
14 14
15 h1, h2, .rst-content .toctree-wrapper p.captio 15 h1, h2, .rst-content .toctree-wrapper p.caption, h3, h4, h5, h6, legend {
16 font-family: sans-serif; 16 font-family: sans-serif;
17 } 17 }
18 18
>> 19 .wy-menu-vertical li.current a {
>> 20 color: #505050;
>> 21 }
>> 22
>> 23 .wy-menu-vertical li.on a, .wy-menu-vertical li.current > a {
>> 24 color: #303030;
>> 25 }
>> 26
19 div[class^="highlight"] pre { 27 div[class^="highlight"] pre {
20 font-family: monospace; 28 font-family: monospace;
>> 29 color: black;
21 font-size: 100%; 30 font-size: 100%;
22 } 31 }
23 32
24 .wy-menu-vertical { 33 .wy-menu-vertical {
25 font-family: sans-serif; 34 font-family: sans-serif;
26 } 35 }
27 36
28 .c { 37 .c {
29 font-style: normal; 38 font-style: normal;
30 } 39 }
31 40
32 p { 41 p {
33 font-size: 100%; 42 font-size: 100%;
34 } 43 }
35 44
36 /* Interim: Code-blocks with line nos - lines 45 /* Interim: Code-blocks with line nos - lines and line numbers don't line up.
37 * see: https://github.com/rtfd/sphinx_rtd_the 46 * see: https://github.com/rtfd/sphinx_rtd_theme/issues/419
38 */ 47 */
39 48
40 div[class^="highlight"] pre { 49 div[class^="highlight"] pre {
41 line-height: normal; 50 line-height: normal;
42 } 51 }
43 .rst-content .highlight > pre { 52 .rst-content .highlight > pre {
44 line-height: normal; 53 line-height: normal;
45 } 54 }
46 55
47 /* Keep fields from being strangely far apart 56 /* Keep fields from being strangely far apart due to inheirited table CSS. */
48 .rst-content table.field-list th.field-name { 57 .rst-content table.field-list th.field-name {
49 padding-top: 1px; 58 padding-top: 1px;
50 padding-bottom: 1px; 59 padding-bottom: 1px;
51 } 60 }
52 .rst-content table.field-list td.field-body { 61 .rst-content table.field-list td.field-body {
53 padding-top: 1px; 62 padding-top: 1px;
54 padding-bottom: 1px; 63 padding-bottom: 1px;
55 } 64 }
56 65
57 @media screen { 66 @media screen {
58 67
59 /* content column 68 /* content column
60 * 69 *
61 * RTD theme's default is 800px as max wid 70 * RTD theme's default is 800px as max width for the content, but we have
62 * tables with tons of columns, which need 71 * tables with tons of columns, which need the full width of the view-port.
63 */ 72 */
64 73
65 .wy-nav-content{max-width: none; } 74 .wy-nav-content{max-width: none; }
66 75
67 /* table: 76 /* table:
68 * 77 *
69 * - Sequences of whitespace should coll 78 * - Sequences of whitespace should collapse into a single whitespace.
70 * - make the overflow auto (scrollbar i 79 * - make the overflow auto (scrollbar if needed)
71 * - align caption "left" ("center" is u 80 * - align caption "left" ("center" is unsuitable on vast tables)
72 */ 81 */
73 82
74 .wy-table-responsive table td { white-spac 83 .wy-table-responsive table td { white-space: normal; }
75 .wy-table-responsive { overflow: auto; } 84 .wy-table-responsive { overflow: auto; }
76 .rst-content table.docutils caption { text 85 .rst-content table.docutils caption { text-align: left; font-size: 100%; }
77 86
78 /* captions: 87 /* captions:
79 * 88 *
80 * - captions should have 100% (not 85%) 89 * - captions should have 100% (not 85%) font size
81 * - hide the permalink symbol as long a 90 * - hide the permalink symbol as long as link is not hovered
82 */ 91 */
83 92
>> 93 .toc-title {
>> 94 font-size: 150%;
>> 95 font-weight: bold;
>> 96 }
>> 97
84 caption, .wy-table caption, .rst-content t 98 caption, .wy-table caption, .rst-content table.field-list caption {
85 font-size: 100%; 99 font-size: 100%;
86 } 100 }
87 caption a.headerlink { opacity: 0; } 101 caption a.headerlink { opacity: 0; }
88 caption a.headerlink:hover { opacity: 1; } 102 caption a.headerlink:hover { opacity: 1; }
89 103
90 /* Menu selection and keystrokes */ 104 /* Menu selection and keystrokes */
91 105
92 span.menuselection { 106 span.menuselection {
>> 107 color: blue;
93 font-family: "Courier New", Courier, m 108 font-family: "Courier New", Courier, monospace
94 } 109 }
95 110
96 code.kbd, code.kbd span { 111 code.kbd, code.kbd span {
>> 112 color: white;
>> 113 background-color: darkblue;
97 font-weight: bold; 114 font-weight: bold;
98 font-family: "Courier New", Courier, m 115 font-family: "Courier New", Courier, monospace
99 } 116 }
100 117
101 /* fix bottom margin of lists items */ 118 /* fix bottom margin of lists items */
102 119
103 .rst-content .section ul li:last-child, .r 120 .rst-content .section ul li:last-child, .rst-content .section ul li p:last-child {
104 margin-bottom: 12px; 121 margin-bottom: 12px;
105 } 122 }
106 123
107 /* inline literal: drop the borderbox, pad 124 /* inline literal: drop the borderbox, padding and red color */
108 125
109 code, .rst-content tt, .rst-content code { 126 code, .rst-content tt, .rst-content code {
110 color: inherit; 127 color: inherit;
111 border: none; 128 border: none;
112 padding: unset; 129 padding: unset;
113 background: inherit; 130 background: inherit;
114 font-size: 85%; 131 font-size: 85%;
115 } 132 }
116 133
117 .rst-content tt.literal,.rst-content tt.li 134 .rst-content tt.literal,.rst-content tt.literal,.rst-content code.literal {
118 color: inherit; 135 color: inherit;
119 } 136 }
120 } 137 }
Linux® is a registered trademark of Linus Torvalds in the United States and other countries.
TOMOYO® is a registered trademark of NTT DATA CORPORATION.