diff options
author | Péter Diviánszky <divipp@gmail.com> | 2016-04-01 15:27:01 +0200 |
---|---|---|
committer | Péter Diviánszky <divipp@gmail.com> | 2016-04-01 15:28:36 +0200 |
commit | 7fa3dea62d21c60deb38a083a2ea4f4a14da2bde (patch) | |
tree | ea7e12f4af6f260221f105a01a72f4aeca35ca36 /doc/common.css | |
parent | bf154eb6a4bf04935c0ecf1cf5666e7adb8e572e (diff) |
begin to write developer's guide
Diffstat (limited to 'doc/common.css')
-rw-r--r-- | doc/common.css | 207 |
1 files changed, 207 insertions, 0 deletions
diff --git a/doc/common.css b/doc/common.css new file mode 100644 index 00000000..ce60b17f --- /dev/null +++ b/doc/common.css | |||
@@ -0,0 +1,207 @@ | |||
1 | |||
2 | /* slides */ | ||
3 | |||
4 | body.single_slide > * { display: none; visibility: hidden } | ||
5 | body.single_slide .current { display: block; visibility: visible } | ||
6 | body.single_slide div#TOC { display: none; visibility: hidden } | ||
7 | body.single_slide div.handout { display: none; visibility: hidden } | ||
8 | body.single_slide div#lang { display: block; visibility: visible } | ||
9 | |||
10 | |||
11 | /* padding */ | ||
12 | |||
13 | body { | ||
14 | margin: auto; | ||
15 | padding: 1em 1em 1em 1em; | ||
16 | max-width: 50em; | ||
17 | line-height: 130%; | ||
18 | background-color: white; | ||
19 | color: black; | ||
20 | } | ||
21 | |||
22 | h1 { | ||
23 | padding-top: 1.5em; | ||
24 | } | ||
25 | |||
26 | h2 { | ||
27 | padding-top: 1em; | ||
28 | } | ||
29 | |||
30 | h3 { | ||
31 | padding-top: 0.5em; | ||
32 | } | ||
33 | |||
34 | h1.title { | ||
35 | padding-top: 3em; | ||
36 | padding-bottom: 2em; | ||
37 | //text-align: center; | ||
38 | line-height: normal; | ||
39 | border-bottom: 0; | ||
40 | font-size: 200%; | ||
41 | } | ||
42 | |||
43 | hr { | ||
44 | height: 10px; | ||
45 | } | ||
46 | |||
47 | |||
48 | /* margin */ | ||
49 | |||
50 | div.indent, pre, table { | ||
51 | margin-left: 5%; | ||
52 | width: 95%; | ||
53 | } | ||
54 | |||
55 | div.indent, pre { | ||
56 | margin-top: 0.5em; | ||
57 | margin-bottom: 0.5em; | ||
58 | } | ||
59 | |||
60 | pre.normal { | ||
61 | margin: 0; | ||
62 | width: auto; | ||
63 | } | ||
64 | |||
65 | |||
66 | div.indent input { | ||
67 | margin-bottom: 0.5em; | ||
68 | } | ||
69 | |||
70 | input, textarea { | ||
71 | margin: 0; | ||
72 | } | ||
73 | |||
74 | |||
75 | /* border */ | ||
76 | |||
77 | h1, h2, h3 { | ||
78 | border-bottom: 1px dotted black; | ||
79 | } | ||
80 | |||
81 | h1.cover, input, textarea, hr { | ||
82 | border-style: none; | ||
83 | } | ||
84 | |||
85 | |||
86 | /* font sizes */ | ||
87 | |||
88 | h1 { font-size: 130%; } | ||
89 | h1.cover { font-size: 200%; } | ||
90 | h2 { font-size: 110%; } | ||
91 | input, textarea { font-size: 100%; } /* monospace correction */ | ||
92 | |||
93 | |||
94 | /* font family, style, weight, text decoration */ | ||
95 | |||
96 | h1, h2, h3 { | ||
97 | font-weight: bold; | ||
98 | } | ||
99 | |||
100 | pre code, textarea, div.string { | ||
101 | font-family: monospace; | ||
102 | font-size: 130%; | ||
103 | } | ||
104 | |||
105 | pre.normal, pre.normal code, code, .error, input { | ||
106 | font-family: sans-serif; | ||
107 | font-size: 100%; | ||
108 | } | ||
109 | |||
110 | |||
111 | .wait { | ||
112 | font-style: italic; | ||
113 | } | ||
114 | |||
115 | a { | ||
116 | text-decoration: none; | ||
117 | } | ||
118 | |||
119 | |||
120 | |||
121 | div.serious {font-weight: bold;} | ||
122 | div.info {color: gray;} | ||
123 | |||
124 | |||
125 | /* colors other than highlighting */ | ||
126 | |||
127 | input { background-color: #eeeeee; } | ||
128 | textarea { background-color: #ffffba; } | ||
129 | hr { background-color: #f5f0ee; } | ||
130 | div.string span { background-color: yellow; } | ||
131 | |||
132 | a { color: #2a207a; } | ||
133 | h1 a, h2 a, h3 a { color: black; } | ||
134 | code { color: red; } | ||
135 | .wait { color: gray; } | ||
136 | .result { color: green; } | ||
137 | .type { color: #0080ff; } | ||
138 | .error { color: #a030a0; } | ||
139 | .comment { color: gray; float: right; } | ||
140 | |||
141 | |||
142 | /* misc */ | ||
143 | |||
144 | .result { | ||
145 | word-wrap: break-word; | ||
146 | } | ||
147 | |||
148 | p.caption { | ||
149 | display: none; | ||
150 | } | ||
151 | |||
152 | div#lang { | ||
153 | position:fixed; | ||
154 | z-index:1000; | ||
155 | right: 1%; | ||
156 | top: 1%; | ||
157 | } | ||
158 | |||
159 | div#info { | ||
160 | display: none; | ||
161 | position:fixed; | ||
162 | z-index:1000; | ||
163 | left: 40%; | ||
164 | width: 20%; | ||
165 | top: 40%; | ||
166 | height: 20%; | ||
167 | } | ||
168 | |||
169 | .wait { | ||
170 | padding: 10px; | ||
171 | width: 8em; | ||
172 | border: 1px solid grey; | ||
173 | } | ||
174 | |||
175 | /* search result colors */ | ||
176 | |||
177 | code.search { color: black; } | ||
178 | code.search b { color: gray; } | ||
179 | |||
180 | .c0{background-color: #fcc;} | ||
181 | .c1{background-color: #cfc;} | ||
182 | .c2{background-color: #ccf;} | ||
183 | .c3{background-color: #ffc;} | ||
184 | .c4{background-color: #fcf;} | ||
185 | .c5{background-color: #cff;} | ||
186 | |||
187 | |||
188 | /* highlighting css */ | ||
189 | |||
190 | table.sourceCode, tr.sourceCode, td.lineNumbers, td.sourceCode, table.sourceCode | ||
191 | { margin: 0; padding: 0; border: 0; vertical-align: baseline; border: none; } | ||
192 | td.lineNumbers { border-right: 1px solid #AAAAAA; text-align: right; color: #AAAAAA; padding-right: 5px; padding-left: 5px; } | ||
193 | td.sourceCode { padding-left: 5px; } | ||
194 | pre.sourceCode span.kw { color: #007020; /* font-weight: bold; */ } | ||
195 | pre.sourceCode span.dt { color: #902000; } | ||
196 | pre.sourceCode span.dv { color: #40a070; } | ||
197 | pre.sourceCode span.bn { color: #40a070; } | ||
198 | pre.sourceCode span.fl { color: #40a070; } | ||
199 | pre.sourceCode span.ch { color: #4070a0; } | ||
200 | pre.sourceCode span.st { color: #4070a0; } | ||
201 | pre.sourceCode span.co { color: #60a0b0; /* font-style: italic; */ } | ||
202 | pre.sourceCode span.ot { color: #007020; } | ||
203 | pre.sourceCode span.al { color: red; /* font-weight: bold; */ } | ||
204 | pre.sourceCode span.fu { color: #06287e; } | ||
205 | pre.sourceCode span.re { } | ||
206 | pre.sourceCode span.er { color: red; /* font-weight: bold; */ } | ||
207 | |||