tools/c10e-html: run fixup conditionally
[gtk-doc.git] / style / style.css
blob4be4ede11b9af86fd95fb17cdf76773c323609e0
1 body
3 font-family: cantarell, sans-serif;
5 .synopsis, .classsynopsis
7 /* tango:aluminium 1/2 */
8 background: #eeeeec;
9 background: rgba(238, 238, 236, 0.5);
10 border: solid 1px rgb(238, 238, 236);
11 padding: 0.5em;
13 .programlisting
15 /* tango:sky blue 0/1 */
16 /* fallback for no rgba support */
17 background: #e6f3ff;
18 border: solid 1px #729fcf;
19 background: rgba(114, 159, 207, 0.1);
20 border: solid 1px rgba(114, 159, 207, 0.2);
21 padding: 0.5em;
23 .variablelist
25 padding: 4px;
26 margin-left: 3em;
28 .variablelist td:first-child
30 vertical-align: top;
33 span.nowrap {
34 white-space: nowrap;
37 div.gallery-float
39 float: left;
40 padding: 10px;
42 div.gallery-float img
44 border-style: none;
46 div.gallery-spacer
48 clear: both;
51 a, a:visited
53 text-decoration: none;
54 /* tango:sky blue 2 */
55 color: #3465a4;
57 a:hover
59 text-decoration: underline;
60 /* tango:sky blue 1 */
61 color: #729fcf;
64 div.informaltable table
66 border-collapse: separate;
67 border-spacing: 1em 0.3em;
68 border: none;
71 div.informaltable table td, div.informaltable table th
73 vertical-align: top;
76 .function_type,
77 .variable_type,
78 .property_type,
79 .signal_type,
80 .parameter_name,
81 .struct_member_name,
82 .union_member_name,
83 .define_keyword,
84 .datatype_keyword,
85 .typedef_keyword
87 text-align: right;
90 /* dim non-primary columns */
91 .c_punctuation,
92 .function_type,
93 .variable_type,
94 .property_type,
95 .signal_type,
96 .define_keyword,
97 .datatype_keyword,
98 .typedef_keyword,
99 .property_flags,
100 .signal_flags,
101 .parameter_annotations,
102 .enum_member_annotations,
103 .struct_member_annotations,
104 .union_member_annotations
106 color: #888a85;
109 .function_type a,
110 .function_type a:visited,
111 .function_type a:hover,
112 .property_type a,
113 .property_type a:visited,
114 .property_type a:hover,
115 .signal_type a,
116 .signal_type a:visited,
117 .signal_type a:hover,
118 .signal_flags a,
119 .signal_flags a:visited,
120 .signal_flags a:hover
122 color: #729fcf;
125 td p
127 margin: 0.25em;
130 div.table table
132 border-collapse: collapse;
133 border-spacing: 0px;
134 /* tango:aluminium 3 */
135 border: solid 1px #babdb6;
138 div.table table td, div.table table th
140 /* tango:aluminium 3 */
141 border: solid 1px #babdb6;
142 padding: 3px;
143 vertical-align: top;
146 div.table table th
148 /* tango:aluminium 2 */
149 background-color: #d3d7cf;
154 color: #555753;
155 margin-top: 1em;
156 margin-bottom: 1em;
161 /* tango:aluminium 1 */
162 color: #d3d7cf;
163 background: #d3d7cf;
164 border: none 0px;
165 height: 1px;
166 clear: both;
167 margin: 2.0em 0em 2.0em 0em;
170 dl.toc dt
172 padding-bottom: 0.25em;
175 dl.toc > dt
177 padding-top: 0.25em;
178 padding-bottom: 0.25em;
179 font-weight: bold;
182 dl.toc > dl
184 padding-bottom: 0.5em;
187 .parameter
189 font-style: normal;
192 .footer
194 padding-top: 3.5em;
195 /* tango:aluminium 3 */
196 color: #babdb6;
197 text-align: center;
198 font-size: 80%;
201 .informalfigure,
202 .figure
204 margin: 1em;
207 .informalexample,
208 .example
210 margin-top: 1em;
211 margin-bottom: 1em;
214 .warning
216 /* tango:orange 0/1 */
217 background: #ffeed9;
218 background: rgba(252, 175, 62, 0.1);
219 border-color: #ffb04f;
220 border-color: rgba(252, 175, 62, 0.2);
222 .note
224 /* tango:chameleon 0/0.5 */
225 background: #d8ffb2;
226 background: rgba(138, 226, 52, 0.1);
227 border-color: #abf562;
228 border-color: rgba(138, 226, 52, 0.2);
230 div.blockquote
232 border-color: #eeeeec;
234 .note, .warning, div.blockquote
236 padding: 0.5em;
237 border-width: 1px;
238 border-style: solid;
239 margin: 2em;
241 .note p, .warning p
243 margin: 0;
246 div.warning h3.title,
247 div.note h3.title
249 display: none;
252 p + div.section
254 margin-top: 1em;
257 div.refnamediv,
258 div.refsynopsisdiv,
259 div.refsect1,
260 div.refsect2,
261 div.toc,
262 div.section
264 margin-bottom: 1em;
267 /* blob links */
268 h2 .extralinks, h3 .extralinks
270 float: right;
271 /* tango:aluminium 3 */
272 color: #babdb6;
273 font-size: 80%;
274 font-weight: normal;
277 .lineart
279 color: #d3d7cf;
280 font-weight: normal;
283 .annotation
285 /* tango:aluminium 5 */
286 color: #555753;
287 font-weight: normal;
290 .structfield
292 font-style: normal;
293 font-weight: normal;
296 acronym,abbr
298 border-bottom: 1px dotted gray;
301 /* code listings */
303 .listing_code .programlisting .normal,
304 .listing_code .programlisting .normal a,
305 .listing_code .programlisting .number,
306 .listing_code .programlisting .cbracket,
307 .listing_code .programlisting .symbol { color: #555753; }
308 .listing_code .programlisting .comment,
309 .listing_code .programlisting .linenum { color: #babdb6; } /* tango: aluminium 3 */
310 .listing_code .programlisting .function,
311 .listing_code .programlisting .function a,
312 .listing_code .programlisting .preproc { color: #204a87; } /* tango: sky blue 3 */
313 .listing_code .programlisting .string { color: #ad7fa8; } /* tango: plum */
314 .listing_code .programlisting .keyword,
315 .listing_code .programlisting .usertype,
316 .listing_code .programlisting .type,
317 .listing_code .programlisting .type a { color: #4e9a06; } /* tango: chameleon 3 */
319 .listing_frame {
320 /* tango:sky blue 1 */
321 border: solid 1px #729fcf;
322 border: solid 1px rgba(114, 159, 207, 0.2);
323 padding: 0px;
326 .listing_lines, .listing_code {
327 margin-top: 0px;
328 margin-bottom: 0px;
329 padding: 0.5em;
331 .listing_lines {
332 /* tango:sky blue 0.5 */
333 background: #a6c5e3;
334 background: rgba(114, 159, 207, 0.2);
335 /* tango:aluminium 6 */
336 color: #2e3436;
338 .listing_code {
339 /* tango:sky blue 0 */
340 background: #e6f3ff;
341 background: rgba(114, 159, 207, 0.1);
343 .listing_code .programlisting {
344 /* override from previous */
345 border: none 0px;
346 padding: 0px;
347 background: none;
349 .listing_lines pre, .listing_code pre {
350 margin: 0px;
353 @media screen {
354 /* these have a <sup> as a first child, but since there are no parent selectors
355 * we can't use that. */
356 a.footnote
358 position: relative;
359 top: 0em ! important;
361 /* this is needed so that the local anchors are displayed below the naviagtion */
362 div.footnote a[name], div.refnamediv a[name], div.refsect1 a[name], div.refsect2 a[name], div.index a[name], div.glossary a[name], div.sect1 a[name]
364 display: inline-block;
365 position: relative;
366 top:-5em;
368 /* this seems to be a bug in the xsl style sheets when generating indexes */
369 div.index div.index
371 top: 0em;
373 /* make space for the fixed navigation bar and add space at the bottom so that
374 * link targets appear somewhat close to top
376 body
378 padding-top: 2.5em;
379 padding-bottom: 500px;
380 max-width: 60em;
384 max-width: 60em;
386 /* style and size the navigation bar */
387 table.navigation#top
389 position: fixed;
390 background: #e2e2e2;
391 border-bottom: solid 1px #babdb6;
392 border-spacing: 5px;
393 margin-top: 0;
394 margin-bottom: 0;
395 top: 0;
396 left: 0;
397 z-index: 10;
399 table.navigation#top td
401 padding-left: 6px;
402 padding-right: 6px;
404 .navigation a, .navigation a:visited
406 /* tango:sky blue 3 */
407 color: #204a87;
409 .navigation a:hover
411 /* tango:sky blue 2 */
412 color: #3465a4;
414 td.shortcuts
416 /* tango:sky blue 2 */
417 color: #3465a4;
418 font-size: 80%;
419 white-space: nowrap;
421 td.shortcuts .dim
423 color: #babdb6;
425 .navigation .title
427 font-size: 80%;
428 max-width: none;
429 margin: 0px;
430 font-weight: normal;
433 @media screen and (min-width: 60em) {
434 /* screen larger than 60em */
435 body { margin: auto; }
437 @media screen and (max-width: 60em) {
438 /* screen less than 60em */
439 #nav_hierarchy { display: none; }
440 #nav_interfaces { display: none; }
441 #nav_prerequisites { display: none; }
442 #nav_derived_interfaces { display: none; }
443 #nav_implementations { display: none; }
444 #nav_child_properties { display: none; }
445 #nav_style_properties { display: none; }
446 #nav_index { display: none; }
447 #nav_glossary { display: none; }
448 .gallery_image { display: none; }
449 .property_flags { display: none; }
450 .signal_flags { display: none; }
451 .parameter_annotations { display: none; }
452 .enum_member_annotations { display: none; }
453 .struct_member_annotations { display: none; }
454 .union_member_annotations { display: none; }
455 /* now that a column is hidden, optimize space */
456 col.parameters_name { width: auto; }
457 col.parameters_description { width: auto; }
458 col.struct_members_name { width: auto; }
459 col.struct_members_description { width: auto; }
460 col.enum_members_name { width: auto; }
461 col.enum_members_description { width: auto; }
462 col.union_members_name { width: auto; }
463 col.union_members_description { width: auto; }
464 .listing_lines { display: none; }
466 @media print {
467 table.navigation {
468 visibility: collapse;
469 display: none;
471 div.titlepage table.navigation {
472 visibility: visible;
473 display: table;
474 background: #e2e2e2;
475 border: solid 1px #babdb6;
476 margin-top: 0;
477 margin-bottom: 0;
478 top: 0;
479 left: 0;
480 height: 3em;