2 IMPORTANT: If you're editing this file in the output directory of one of
\r
3 your projects, your changes will be overwritten the next time you run
\r
4 Natural Docs. Instead, copy this file to your project directory, make your
\r
5 changes, and you can use it with -s. Even better would be to make a CSS
\r
6 file in your project directory with only your changes, which you can then
\r
7 use with -s [original style] [your changes].
\r
9 On the other hand, if you're editing this file in the Natural Docs styles
\r
10 directory, the changes will automatically be applied to all your projects
\r
11 that use this style the next time Natural Docs is run on them.
\r
13 This file is part of Natural Docs, which is Copyright (C) 2003-2008 Greg Valure
\r
14 Natural Docs is licensed under the GPL
\r
18 font: 8pt Verdana, Arial, sans-serif;
\r
20 margin: 0; padding: 0;
\r
26 background-color: #E8E8E8;
\r
30 .FramedSearchResultsPage,
\r
31 .PopupSearchResultsPage {
\r
32 background-color: #FFFFFF;
\r
37 a:visited { color: #900000; text-decoration: none }
\r
38 a:hover { color: #900000; text-decoration: underline }
\r
39 a:active { color: #FF0000; text-decoration: underline }
\r
42 vertical-align: top }
\r
48 Comment out this line to use web-style paragraphs (blank line between
\r
49 paragraphs, no indent) instead of print-style paragraphs (no blank line,
\r
53 text-indent: 5ex; margin: 0 }
\r
56 /* Opera doesn't break with just wbr, but will if you add this. */
\r
61 /* Blockquotes are used as containers for things that may need to scroll. */
\r
69 .Firefox1 blockquote {
\r
70 padding-bottom: .5em;
\r
73 /* Turn off scrolling when printing. */
\r
87 padding: 10px 0 0 0;
\r
97 .ContentPage .Firefox #Menu,
\r
98 .IndexPage .Firefox #Menu {
\r
104 font-size: 16pt; font-weight: bold; font-variant: small-caps;
\r
105 text-align: center;
\r
106 padding: 5px 10px 15px 10px;
\r
107 border-bottom: 1px dotted #000000;
\r
108 margin-bottom: 15px }
\r
111 font-size: 9pt; font-weight: normal; font-variant: normal;
\r
112 margin-top: 1ex; margin-bottom: 5px }
\r
117 .MEntry a:visited { color: #606060; margin-right: 0 }
\r
118 .MEntry a:active { color: #A00000; margin-right: 0 }
\r
122 font-variant: small-caps; font-weight: bold;
\r
123 margin: 1em 0 1em 10px;
\r
127 font-variant: normal; font-weight: normal }
\r
131 .MGroup a:visited { color: #545454; margin-right: 10px }
\r
132 .MGroup a:active { color: #A00000; margin-right: 10px }
\r
139 padding: 1px 17px 2px 10px;
\r
140 margin: .25em 0 .25em 0;
\r
144 font-size: 8pt; font-style: italic }
\r
147 font-style: italic }
\r
150 color: #000000; background-color: #FFFFFF;
\r
151 /* Replace padding with border. */
\r
152 padding: 0 10px 0 10px;
\r
153 border-width: 1px 2px 2px 0; border-style: solid; border-color: #000000;
\r
157 /* Close off the left side when its in a group. */
\r
158 .MGroup #MSelected {
\r
159 padding-left: 9px; border-left-width: 1px }
\r
161 /* A treat for Mozilla users. Blatantly non-standard. Will be replaced with CSS 3 attributes when finalized/supported. */
\r
162 .Firefox #MSelected {
\r
163 -moz-border-radius-topright: 10px;
\r
164 -moz-border-radius-bottomright: 10px }
\r
165 .Firefox .MGroup #MSelected {
\r
166 -moz-border-radius-topleft: 10px;
\r
167 -moz-border-radius-bottomleft: 10px }
\r
177 font: italic 8pt Verdana, sans-serif;
\r
179 background-color: #E8E8E8;
\r
184 /* Only Opera gets it right. */
\r
185 .Firefox #MSearchField,
\r
187 .Safari #MSearchField {
\r
190 .Opera9 #MSearchField,
\r
191 .Konqueror #MSearchField {
\r
194 .FramedMenuPage .Firefox #MSearchField,
\r
195 .FramedMenuPage .Safari #MSearchField,
\r
196 .FramedMenuPage .Konqueror #MSearchField {
\r
200 /* Firefox doesn't do this right in frames without #MSearchPanel added on.
\r
201 It's presence doesn't hurt anything other browsers. */
\r
202 #MSearchPanel.MSearchPanelInactive:hover #MSearchField {
\r
203 background-color: #FFFFFF;
\r
204 border: 1px solid #C0C0C0;
\r
207 .MSearchPanelActive #MSearchField {
\r
208 background-color: #FFFFFF;
\r
209 border: 1px solid #C0C0C0;
\r
210 font-style: normal;
\r
215 visibility: hidden;
\r
216 font: 8pt Verdana, sans-serif;
\r
219 border: 1px solid #C0C0C0;
\r
221 .MSearchPanelActive #MSearchType,
\r
222 /* As mentioned above, Firefox doesn't do this right in frames without #MSearchPanel added on. */
\r
223 #MSearchPanel.MSearchPanelInactive:hover #MSearchType,
\r
224 #MSearchType:focus {
\r
225 visibility: visible;
\r
228 #MSearchType option#MSearchEverything {
\r
232 .Opera8 .MSearchPanelInactive:hover,
\r
233 .Opera8 .MSearchPanelActive {
\r
238 iframe#MSearchResults {
\r
242 #MSearchResultsWindow {
\r
244 position: absolute;
\r
246 border: 1px solid #000000;
\r
247 background-color: #E8E8E8;
\r
249 #MSearchResultsWindowClose {
\r
255 #MSearchResultsWindowClose:link,
\r
256 #MSearchResultsWindowClose:visited {
\r
258 text-decoration: none;
\r
260 #MSearchResultsWindowClose:active,
\r
261 #MSearchResultsWindowClose:hover {
\r
263 text-decoration: none;
\r
264 background-color: #F4F4F4;
\r
271 padding-bottom: 15px;
\r
274 .ContentPage #Content {
\r
275 border-width: 0 0 1px 1px;
\r
276 border-style: solid;
\r
277 border-color: #000000;
\r
278 background-color: #FFFFFF;
\r
279 font-size: 8pt; /* To make 31ex match the menu's 31ex. */
\r
282 .ContentPage .Firefox #Content {
\r
290 margin-bottom: 3em;
\r
295 font-size: 11pt; font-weight: bold;
\r
296 border-width: 0 0 1px 0; border-style: solid; border-color: #A0A0A0;
\r
297 margin: 0 15px .5em 15px }
\r
300 font-size: 16pt; font-variant: small-caps;
\r
301 padding-left: 15px; padding-right: 15px;
\r
302 border-width: 0 0 2px 0; border-color: #000000;
\r
303 margin-left: 0; margin-right: 0 }
\r
306 .CInterface .CTitle,
\r
307 .CDatabase .CTitle,
\r
308 .CDatabaseTable .CTitle,
\r
309 .CSection .CTitle {
\r
311 color: #FFFFFF; background-color: #A0A0A0;
\r
312 padding: 10px 15px 10px 15px;
\r
313 border-width: 2px 0; border-color: #000000;
\r
314 margin-left: 0; margin-right: 0 }
\r
316 #MainTopic .CTitle {
\r
318 color: #FFFFFF; background-color: #7070C0;
\r
319 padding: 10px 15px 10px 15px;
\r
320 border-width: 0 0 3px 0; border-color: #000000;
\r
321 margin-left: 0; margin-right: 0 }
\r
324 margin-left: 15px; margin-right: 15px }
\r
328 position: absolute; visibility: hidden;
\r
330 background-color: #FFFFE0;
\r
332 border-width: 1px 2px 2px 1px; border-style: solid; border-color: #000000;
\r
340 /* Scrollbars would be useless. */
\r
341 .CToolTip blockquote {
\r
344 .IE6 .CToolTip blockquote {
\r
349 font-weight: bold; font-size: 9pt;
\r
350 margin: 1.5em 0 .5em 0;
\r
354 font: 8pt "Courier New", Courier, monospace;
\r
359 /* I don't know why CBody's margin doesn't apply, but it's consistent across browsers so whatever.
\r
360 Reapply it here as padding. */
\r
361 padding-left: 15px; padding-right: 15px;
\r
362 margin: .5em 5ex .5em 5ex;
\r
365 .CDescriptionList {
\r
366 margin: .5em 5ex 0 5ex }
\r
369 font: 8pt "Courier New", Courier, monospace; color: #808080;
\r
370 padding-bottom: .25em;
\r
371 white-space: nowrap }
\r
374 font-size: 8pt; /* For browsers that don't inherit correctly, like Opera 5. */
\r
375 padding-bottom: .5em; padding-left: 5ex }
\r
379 text-align: center;
\r
384 font-variant: small-caps;
\r
387 text-align: center;
\r
388 position: relative;
\r
394 font-style: italic;
\r
397 a.CImageLink:visited,
\r
398 a.CImageLink:hover { color: #808080 }
\r
405 font: 8pt "Courier New", Courier, monospace;
\r
407 border-width: 1px; border-style: solid;
\r
408 margin: 0 5ex 1.5em 5ex;
\r
416 .PDefaultValuePrefix,
\r
423 .PAfterParameters {
\r
424 vertical-align: bottom;
\r
427 .IE .Prototype table {
\r
431 .CFunction .Prototype {
\r
432 background-color: #F4F4F4; border-color: #D0D0D0 }
\r
433 .CProperty .Prototype {
\r
434 background-color: #F4F4FF; border-color: #C0C0E8 }
\r
435 .CVariable .Prototype {
\r
436 background-color: #FFFFF0; border-color: #E0E0A0 }
\r
438 .CClass .Prototype {
\r
439 border-width: 1px 2px 2px 1px; border-style: solid; border-color: #A0A0A0;
\r
440 background-color: #F4F4F4;
\r
442 .CInterface .Prototype {
\r
443 border-width: 1px 2px 2px 1px; border-style: solid; border-color: #A0A0D0;
\r
444 background-color: #F4F4FF;
\r
447 .CDatabaseIndex .Prototype,
\r
448 .CConstant .Prototype {
\r
449 background-color: #D0D0D0; border-color: #000000 }
\r
451 .CEnumeration .Prototype {
\r
452 background-color: #FAF0F0; border-color: #E0B0B0;
\r
454 .CDatabaseTrigger .Prototype,
\r
455 .CEvent .Prototype,
\r
456 .CDelegate .Prototype {
\r
457 background-color: #F0FCF0; border-color: #B8E4B8 }
\r
459 .CToolTip .Prototype {
\r
460 margin: 0 0 .5em 0;
\r
461 white-space: nowrap;
\r
469 margin: 1.5em 5ex 0 5ex }
\r
472 font-size: 11pt; font-weight: bold;
\r
473 margin-bottom: .5em }
\r
477 background-color: #FFFFF0;
\r
479 border: 1px solid #C0C060 }
\r
481 /* In a frame IE 6 will make them too long unless you set the width to 100%. Without frames it will be correct without a width
\r
482 or slightly too long (but not enough to scroll) with a width. This arbitrary weirdness simply astounds me. IE 7 has the same
\r
483 problem with frames, haven't tested it without. */
\r
484 .FramedContentPage .IE .SBorder {
\r
487 /* A treat for Mozilla users. Blatantly non-standard. Will be replaced with CSS 3 attributes when finalized/supported. */
\r
488 .Firefox .SBorder {
\r
489 -moz-border-radius: 20px }
\r
493 font-size: 8pt; width: 100% }
\r
502 background-color: #F8F8D8 }
\r
504 .SDescription { padding-left: 2ex }
\r
505 .SIndent1 .SEntry { padding-left: 1.5ex } .SIndent1 .SDescription { padding-left: 3.5ex }
\r
506 .SIndent2 .SEntry { padding-left: 3.0ex } .SIndent2 .SDescription { padding-left: 5.0ex }
\r
507 .SIndent3 .SEntry { padding-left: 4.5ex } .SIndent3 .SDescription { padding-left: 6.5ex }
\r
508 .SIndent4 .SEntry { padding-left: 6.0ex } .SIndent4 .SDescription { padding-left: 8.0ex }
\r
509 .SIndent5 .SEntry { padding-left: 7.5ex } .SIndent5 .SDescription { padding-left: 9.5ex }
\r
511 .SDescription a { color: #800000}
\r
512 .SDescription a:active { color: #A00000 }
\r
515 padding-top: .5em; padding-bottom: .25em }
\r
518 font-weight: bold; font-variant: small-caps }
\r
520 .SGroup .SEntry a { color: #800000 }
\r
521 .SGroup .SEntry a:active { color: #F00000 }
\r
527 .SDatabaseTable td,
\r
530 padding-bottom: .25em }
\r
534 .SDatabaseTable td,
\r
540 .SDatabase .SEntry,
\r
541 .SDatabaseTable .SEntry,
\r
542 .SSection .SEntry {
\r
548 .SDatabase .SEntry a,
\r
549 .SDatabaseTable .SEntry a,
\r
550 .SSection .SEntry a { color: #000000 }
\r
552 .SMain .SEntry a:active,
\r
553 .SClass .SEntry a:active,
\r
554 .SDatabase .SEntry a:active,
\r
555 .SDatabaseTable .SEntry a:active,
\r
556 .SSection .SEntry a:active { color: #A00000 }
\r
563 margin: 0 15px 1em 15px }
\r
566 border-width: 1px 2px 2px 1px; border-style: solid; border-color: #A0A0A0;
\r
567 margin-bottom: 3px;
\r
570 background-color: #F4F4F4; color: #606060;
\r
573 .Firefox .CHEntry {
\r
574 -moz-border-radius: 4px;
\r
577 .CHCurrent .CHEntry {
\r
579 border-color: #000000;
\r
583 .CHChildNote .CHEntry {
\r
584 font-style: italic;
\r
593 .CHEntry a:visited,
\r
597 .CHEntry a:active {
\r
606 background-color: #FFFFFF;
\r
609 /* As opposed to .PopupSearchResultsPage #Index */
\r
611 .FramedIndexPage #Index,
\r
612 .FramedSearchResultsPage #Index {
\r
616 .IndexPage #Index {
\r
617 border-width: 0 0 1px 1px;
\r
618 border-style: solid;
\r
619 border-color: #000000;
\r
620 font-size: 8pt; /* To make 27ex match the menu's 27ex. */
\r
626 font-size: 20pt; font-weight: bold;
\r
627 color: #FFFFFF; background-color: #7070C0;
\r
628 padding: 10px 15px 10px 15px;
\r
629 border-width: 0 0 3px 0; border-color: #000000; border-style: solid;
\r
630 margin: -15px -15px 0 -15px }
\r
632 .FramedSearchResultsPage .IPageTitle {
\r
633 margin-bottom: 15px;
\r
637 text-align: center;
\r
638 background-color: #FFFFF0;
\r
640 border-bottom: solid 1px black;
\r
641 margin: 0 -15px 15px -15px;
\r
644 .INavigationBar a {
\r
645 font-weight: bold }
\r
648 font-size: 14pt; font-weight: bold;
\r
649 padding: 2.5em 0 .5em 0;
\r
650 text-align: center;
\r
660 .PopupSearchResultsPage .IEntry {
\r
664 .PopupSearchResultsPage .Opera9 .IEntry,
\r
665 .FramedSearchResultsPage .Opera9 .IEntry {
\r
668 .FramedSearchResultsPage .IEntry {
\r
673 padding-left: 3ex; padding-bottom: .5em }
\r
674 .PopupSearchResultsPage .ISubIndex {
\r
678 /* While it may cause some entries to look like links when they aren't, I found it's much easier to read the
\r
679 index if everything's the same color. */
\r
681 font-weight: bold; color: #900000 }
\r
683 .IndexPage .ISymbolPrefix,
\r
684 .FramedIndexPage .ISymbolPrefix {
\r
687 background-color: #F8F8F8;
\r
688 border-right: 3px solid #E0E0E0;
\r
689 border-left: 1px solid #E0E0E0;
\r
690 padding: 0 1px 0 2px;
\r
692 .PopupSearchResultsPage .ISymbolPrefix,
\r
693 .FramedSearchResultsPage .ISymbolPrefix {
\r
696 .PopupSearchResultsPage .ISymbolPrefix {
\r
700 .IndexPage #IFirstSymbolPrefix,
\r
701 .FramedIndexPage #IFirstSymbolPrefix {
\r
702 border-top: 1px solid #E0E0E0;
\r
704 .IndexPage #ILastSymbolPrefix,
\r
705 .FramedIndexPage #ILastSymbolPrefix {
\r
706 border-bottom: 1px solid #E0E0E0;
\r
708 .IndexPage #IOnlySymbolPrefix,
\r
709 .FramedIndexPage #IOnlySymbolPrefix {
\r
710 border-top: 1px solid #E0E0E0;
\r
711 border-bottom: 1px solid #E0E0E0;
\r
719 .PopupSearchResultsPage .SRStatus {
\r
722 font-style: italic;
\r
724 .FramedSearchResultsPage .SRStatus {
\r
726 font-style: italic;
\r
743 margin-bottom: .5em;
\r
746 .ContentPage #Footer,
\r
747 .IndexPage #Footer {
\r
752 .FramedMenuPage #Footer {
\r
753 text-align: center;
\r
754 margin: 5em 10px 10px 10px;
\r
756 border-top: 1px solid #C8C8C8;
\r
761 #Footer a:visited { color: #989898 }
\r
762 #Footer a:active { color: #A00000 }
\r