gipm-help-2.doap: make schumaml and myself additional maintainers
[gimp-help-2.git] / stylesheets / gimp22.css
blob8d36328258684f7bd0d719e4dd01584af2400dc8
1 /* This file is part of gimp-help-2. It is copyrighted under the GNU
2 General Public License Version 2 which you can get from
3 http://www.gnu.org
5 This CSS file is (nearly) equivalent to
6 gimp-help-screen.css, SVN revision 2043,
7 (just before we switched to the new color scheme at 2007-08-26).
8 */
9 @media screen {
10 body {
11 font-family: sans-serif;
12 font-size: 100%;
13 padding: 0;
14 margin: 0;
16 .book,.section,div.sect1,div.sect2,div.sect3,.simplesect,.chapter,.part,.preface,.glossary,.bibliography,.reference,.refentry,.appendix,.index
18 max-width: 45em;
19 min-width: 15em;
21 min / max only works withoud a fixed width...
22 width: 45em;
24 margin: 0 auto;
25 margin-bottom: 2em;
27 h1,h2,h3,h4,h5,h6 {
28 clear: both;
30 h1 {
31 font-weight: bold;
32 font-size: 166%;
33 text-align: left;
34 clear: both;
35 padding: 0;
36 margin: 2em 0em 0em 0em;
38 h2 {
39 margin: 2em 0em 0.66em 0em;
40 padding: 0.5em 0em 0em 0em;
41 font-size: 142.14%;
42 font-weight: normal;
44 h2.subtitle {
45 margin: 0.10em 0em 3.0em 0em;
46 padding: 0;
47 width: 80%;
48 padding-left: 20%;
49 font-weight: normal;
50 font-style: italic;
51 text-align: right;
53 h3 {
54 margin: 1em 0em 0.5em 0em;
55 padding: 1em 0em 0em 0em;
56 font-size: 140%;
57 font-weight: normal;
59 h3.subtitle {
60 margin: 0em 0em 1em 0em;
61 padding: 0;
62 font-size: 142.14%;
63 font-weight: normal;
64 text-align: right;
66 h4 {
67 margin: 1em 0em 0.5em 0em;
68 padding: 1em 0em 0em 0em;
69 font-size: 120%;
70 font-weight: normal;
72 h5 {
73 margin: 1em 0em 0.5em 0em;
74 padding: 1em 0em 0em 0em;
75 font-size: 110.000%;
76 border-bottom: 1px solid black;
78 h6 {
79 margin: 1.5em 0 1.0em 0em;
80 padding: 0;
81 font-size: 105%;
82 font-weight: bolder;
84 .authorgroup {
85 float: right;
87 h3.author {
88 margin: 0;
89 padding: 0;
90 font-weight: normal;
92 .author tt.email {
93 font-size: 66%;
95 .titlepage hr {
96 width: 0;
97 clear: both;
99 .toc,.list-of-tables,.list-of-examples,.list-of-figures {
100 padding: 1.33em 0em 2.5em 0em;
102 .toc p,.list-of-tables p,.list-of-figures p,.list-of-examples p {
103 padding: 0;
104 padding: 0em 0em 0.3em;
105 margin: 1.5em 0 0 0;
107 .toc p b,.list-of-tables p b,.list-of-figures p b,.list-of-examples p b
109 font-weight: bold;
111 .toc dl,.list-of-tables dl,.list-of-figures dl,.list-of-examples dl {
112 margin: 0 0 0.5em 0;
113 padding: 0;
115 .toc dt {
116 margin: 0;
117 padding: 0;
119 .toc dd {
120 margin: 0em 0em 0em 2.6em;
121 padding: 0;
123 .glossary dl dt,.variablelist dl dt span.term {
124 font-weight: normal;
126 .glossary dl dd,.variablelist dl dd {
127 margin-left: 2.6em;
129 .glossary dd p,.variablelist dd p {
130 margin-top: 0;
131 margin-bottom: 1em;
133 div.calloutlist table {
134 margin-top: 1em;
136 div.calloutlist table td {
137 padding: 0;
138 margin: 0;
140 div.calloutlist table td p {
141 margin-top: 0;
142 margin-bottom: 1em;
144 div.calloutlist table td img {
145 margin-left: 2em;
147 div p.copyright {
148 text-align: left;
150 div.legalnotice p.legalnotice-title {
151 margin-bottom: 0;
154 text-align: justify;
155 line-height: 142%;
156 margin: 1em 0;
158 .biblioentry p {
159 text-align: left;
161 dl {
162 padding-top: 0;
164 hr {
165 border: solid 1px;
167 .mediaobject,.mediaobjectco,div.navheader table th {
168 text-align: center;
169 } /* only enabled if the containing block is dimensioned */
170 img {
171 border: none;
173 .mediaobject {
174 width: 600px;
176 /* this class must be dimensioned to allow a children positioning
177 * in the relevant containing block */
178 .mediaobject img,.mediaobjectco img {
179 max-width: 36em;
182 * align two mediaobjects in a figure or an example besides each other
184 .figure .mediaobject,.example .mediaobject {
185 display: table-cell;
186 padding: 0.5em;
189 * floating images
191 .float-img {
192 float: right;
193 display: block;
194 margin: 0.5em 0.25em 0.5em 1.0em;
195 padding: 0;
196 width: auto;
198 ul {
199 padding: 0 0 0 1.5em;
201 ul li {
202 padding: 0;
204 ul li p {
205 text-align: left;
207 table {
208 width: 100%;
210 th {
211 padding: 0.25em;
212 text-align: left;
213 font-weight: normal;
214 vertical-align: top;
216 td {
217 padding: 0.25em;
218 vertical-align: top;
220 p a [id],p a [id]:hover,p a [id]:visited {
221 margin: 0;
222 padding: 0;
223 display: inline;
224 background-image: none;
226 p a,p a:hover,p a:visited {
227 margin-left: 5px;
228 padding-left: 10px;
229 background-image: url("images/link.png");
230 background-repeat: no-repeat;
231 background-position: center left;
233 /* suppress creating link icons and (Konqueror!) linebreaks */
234 p > a.indexterm, p > a[id], li > a[id] {
235 display: none;
237 pre {
238 overflow: auto;
240 div.informalfigure,div.informalexample,div.informaltable,div.figure,div.table,div.example
242 margin: 1em 0;
243 padding: 1em;
244 page-break-inside: avoid;
246 div.informalfigure p.title b,div.informalexample p.title b,div.informaltable p.title b,div.figure p.title b,div.example p.title b,div.table p.title b
248 padding-top: 0;
249 margin-top: 0;
250 font-weight: normal;
252 div.informalequation {
253 padding-left: 4em;
255 .mediaobject .caption,.mediaobject .caption p {
256 text-align: center;
258 .mediaobject .caption {
259 padding-top: 0.5em;
261 .mediaobject .caption p {
262 padding-top: 0;
264 .figure .mediaobject .caption p {
265 padding-top: 0.75em;
267 .simplesect .mediaobject {
268 padding-top: 0.5em;
269 padding-bottom: 1em;
271 .simplesect .mediaobject .caption {
272 padding-top: 0;
273 padding-bottom: 0;
275 .simplesect .mediaobject .caption p {
276 padding-top: 1em;
277 padding-bottom: 0em;
279 /* avoid a large gap */
280 .simplesect .mediaobject + p {
281 margin-top: 0;
283 .epigraph {
284 padding-left: 55%;
285 margin-bottom: 1em;
287 .epigraph p {
288 text-align: left;
290 .epigraph .quote {
291 font-style: italic;
293 .epigraph .attribution {
294 font-style: normal;
295 text-align: right;
297 span.application {
298 font-style: italic;
300 .programlisting {
301 font-family: monospace;
302 font-size: 80%;
303 white-space: pre;
304 margin: 1.33em 0;
305 padding: 1.33em;
307 .tip .programlisting {
308 white-space: pre-line; /* preserve newlines, but not spaces*/
309 margin: 1em 0;
310 padding: 0 0 0 4em;
312 .literallayout {
313 padding-left: 4em;
315 .literallayout .userinput {
316 padding-left: 0;
318 .tip,.warning,.caution,.note,.important {
319 margin-top: 1em;
320 margin-bottom: 1em;
322 /* force full width of table within div */
323 .tip table,.warning table,.caution table,.note table,.important table {
324 border: none;
325 width: 100%;
327 .tip table th,.warning table th,.caution table th,.note table th,.important table th {
328 padding: 0.8em 0.0 0.0em 0.0em;
329 margin: 0;
331 .tip p,.warning p,.caution p,.note p,.important p {
332 margin-top: 0.5em;
333 margin-bottom: 0.5em;
334 padding-right: 1em;
335 text-align: left;
337 .acronym {
338 text-transform: uppercase;
340 b.keycap,.keycap {
341 padding: 0.09em 0.3em;
342 margin: 0;
344 .mousebutton {
345 background-color: #fffaf0; /* FloralWhite */
346 /* same as .keycap: */
347 padding: 0.09em 0.3em;
348 margin: 0;
349 border: 1px solid #999;
350 -moz-border-radius: 0.3em;
352 div.segmentedlist .segtitle {
353 color: white;
354 background-color: #b3b3b3; /* grey70 */
356 .itemizedlist li {
357 clear: none;
359 .filename {
360 font-size: medium;
361 font-family: Courier, monospace;
363 div.navheader,div.heading {
364 background-color: #d6ba00;
365 width: 100%;
367 div.navfooter,div.footing {
368 background-color: #d6ba00;
369 width: 100%;
371 div.navheader table {
372 border-left: 0;
373 border-right: 0;
374 border-top: 0;
375 width: 100%;
377 div.navfooter table {
378 border-left: 0;
379 border-right: 0;
380 border-bottom: 0;
381 width: 100%;
383 div.navheader table td a,div.navfooter table td a {
384 color: #777;
385 text-decoration: none;
387 /* normal text in the footer */
388 div.navfooter table td {
389 color: black;
391 div.navheader table td a:visited,div.navfooter table td a:visited {
392 color: #444;
394 /* links in header and footer */
395 div.navheader table td a:hover,div.navfooter table td a:hover {
396 text-decoration: underline;
397 background-color: transparent;
398 color: #33a;
400 div.navheader hr,div.navfooter hr {
401 display: none;
403 .qandaset tr.question td p {
404 margin: 0 0 1em 0;
405 padding: 0;
407 .qandaset tr.answer td p {
408 margin: 0 0 1em 0;
409 padding: 0;
411 .answer td {
412 padding-bottom: 1.5em;
414 .emphasis {
415 text-weight: bold;
417 /* glossary quicklinks */
418 a[id="glossary-quicklinks"] + table[class="simplelist"] {
419 font-size: smaller;
421 a[id="glossary-quicklinks"] + table[class="simplelist"] td {
422 padding: 0.7ex;
423 float: left;
425 /************* /
426 / decorations /
427 / *************/
428 .subtitle {
429 border: none;
431 h1 {
432 border: none;
434 h2 {
435 border-top: solid 0.2em;
436 border-bottom: solid 0.06em;
438 h3 {
439 border-top: 0;
440 border-bottom: solid 0.06em;
442 h4 {
443 border: 0;
444 border-bottom: solid 0.06em;
446 h5 {
447 border: 0;
449 .programlisting {
450 border: solid 1px;
452 div.figure,div.table,div.informalfigure,div.informaltable,div.informalexample,div.example
454 border: 1px solid;
456 div.figure div.informalfigure
458 border: 0;
460 .tip,.warning,.caution,.note,.important {
461 border: 1px solid;
463 .tip table th,.warning table th,.caution table th,.note table th,.important table th {
464 border-bottom: 1px solid;
466 .question td {
467 border-top: 1px solid black;
469 .answer {
472 b.keycap,.keycap {
473 border: 1px solid;
475 div.navheader,div.heading {
476 border-bottom: 1px solid;
478 div.navfooter,div.footing {
479 border-top: 1px solid;
481 /********* /
482 / colors /
483 / *********/
484 body {
485 color: #222;
486 background: #fdfdfd;
489 color: #026;
490 text-decoration: underline;
492 a:hover,a:visited {
493 background: transparent;
494 color: darkviolet;
496 h1,h2,h3,h4,h5,h6 {
497 background-color: transparent;
499 h6 {
500 color: #044;
502 hr {
503 border-color: #aaa;
505 .tip,.warning,.caution,.note,.important {
506 border-color: #aaa;
508 .tip table th,.warning table th,.caution table th,.note table th,.important table th {
509 border-bottom-color: #aaa;
511 .warning {
512 background-color: #fea;
514 .caution {
515 background-color: #fea;
517 .tip {
518 background-color: #eff;
520 .note {
521 background-color: #dfc;
523 .important {
524 background-color: #fba;
526 .glossary dl dt,.variablelist dl dt,.variablelist dl dt span.term {
527 color: #044;
529 /* variablelist within glossary entry */
530 .glossdiv .variablelist dl dt span.term {
531 color: #556B2F; /* dark olive green */
533 /* Nested variablelist */
534 .variablelist .variablelist dl dt,.variablelist .variablelist dl dt span.term
536 color: #556B2F; /* dark olive green */
538 .variablelist .variablelist .variablelist dl dt,
539 .variablelist .variablelist .variablelist dl dt span.term {
540 color: #2e8b57; /* SeaGreen4 */
542 /* glossary quicklinks */
543 a[id="glossary-quicklinks"] + table[class="simplelist"] a {
544 color: #7f7f7f; /* grey50 */
545 text-decoration: none;
547 a[id="glossary-quicklinks"] + table[class="simplelist"] a:link {
548 color: #7f7f7f; /* grey50 */
549 text-decoration: none;
551 a[id="glossary-quicklinks"] + table[class="simplelist"] a:visited {
552 color: #7f7f7f; /* grey50 */
553 text-decoration: none;
555 a[id="glossary-quicklinks"] + table[class="simplelist"] a:hover {
556 text-decoration: none;
557 color: white;
558 background-color: blue;
560 div.figure,div.table,div.example,div.informalfigure,div.informaltable,div.informalexample
562 border-color: #aaa;
564 pre.programlisting {
565 color: black;
566 background-color: #fff;
567 border-color: #aaa;
569 .tip pre.programlisting {
570 background-color: inherit;
571 border: 0;
573 .guimenu,.guisubmenu,.guimenuitem,.guilabel {
574 background-color: #eee;
575 white-space: nowrap;
577 /* these elements typically contain text and/or <img> */
578 .guibutton,.guiicon {
579 color: inherit;
580 background-color: transparent;
581 font-style: italic;
582 font-weight: bolder;
583 white-space: nowrap;
585 /* For text only (<guiicon><inlinemediaobject><textobject>) */
586 .guiicon .inlinemediaobject span {
587 color: black;
588 background-color: #f0ffff; /* azure */
589 border: 1px solid #999999; /* grey60 */
590 font-style: italic;
591 padding-left: 2px;
592 padding-right: 2px;
594 b.keycap,.keycap {
595 background-color: #eee;
596 border-color: #999;
598 div.navheader {
599 border-color: black;
601 div.navfooter {
602 border-color: black;
604 /* make white color visible */
605 div.equation-contents img, div.informalequation img {
606 background-color: #004010;
607 padding: 1em;
608 border: 0.75ex ridge rgb(139,115,85);
609 display: inline-block;
611 /*********** /
612 / graphics /
613 / ***********/
614 div.preface .titlepage .title,div.colophon .title,div.chapter .titlepage .title
616 background-image: url("images/title-bg.png");
617 background-position: bottom;
618 background-repeat: repeat-x;
620 div.section div.section .titlepage .title,div.sect2 .titlepage .title {
621 background: none;
623 h1.title {
624 background-color: transparent;
625 background-image: none;
627 h2.subtitle {
628 background-color: transparent;
629 background-image: none;
631 /*************************************** /
632 / gimp-help-2 specific alterations /
633 / ***************************************/
634 /* titlepage */
635 div.book .titlepage {
636 padding-top: 400px; /* height of the splash image */
637 background-image: url("images/gimp-splash.png");
638 background-repeat: no-repeat;
640 /* revhistory */
641 div.revhistory {
642 margin-left: 0.5em;
643 float: right;
644 border: 1px dotted #aaa;
646 div.revhistory table {
647 width: auto;
648 border: 0;
650 div.revhistory table tr th,div.revhistory table tr td {
651 border: 0;
653 div.revhistory table tr th,div.revhistory table tr td {
654 color: #aaa;
655 font-size: small;
657 /**************************************** /
658 / mozilla vendor specific css extensions /
659 / ****************************************/
660 div.figure,div.table,div.informalfigure,div.informaltable,div.informalexample,div.example,.tip,.warning,.caution,.note,.important
662 -moz-border-radius: 0.5em;
664 b.keycap,.keycap {
665 -moz-border-radius: 0.3em;