/* | |
IMPORTANT: If you're editing this file in the output directory of one of | |
your projects, your changes will be overwritten the next time you run | |
Natural Docs. Instead, copy this file to your project directory, make your | |
changes, and you can use it with -s. Even better would be to make a CSS | |
file in your project directory with only your changes, which you can then | |
use with -s [original style] [your changes]. | |
On the other hand, if you're editing this file in the Natural Docs styles | |
directory, the changes will automatically be applied to all your projects | |
that use this style the next time Natural Docs is run on them. | |
This file is part of Natural Docs, which is Copyright © 2003-2010 Greg Valure. | |
Natural Docs is licensed under version 3 of the GNU Affero General Public | |
License (AGPL). Refer to License.txt for the complete details. | |
This file may be distributed with documentation files generated by Natural Docs. | |
Such documentation is not covered by Natural Docs' copyright and licensing, | |
and may have its own copyright and distribution terms as decided by its author. | |
*/ | |
body { | |
font: 10pt Verdana, Arial, sans-serif; | |
color: #000000; | |
margin: 0; padding: 0; | |
} | |
.ContentPage, | |
.IndexPage, | |
.FramedMenuPage { | |
background-color: #E8E8E8; | |
} | |
.FramedContentPage, | |
.FramedIndexPage, | |
.FramedSearchResultsPage, | |
.PopupSearchResultsPage { | |
background-color: #FFFFFF; | |
} | |
a:link, | |
a:visited { color: #900000; text-decoration: none } | |
a:hover { color: #900000; text-decoration: underline } | |
a:active { color: #FF0000; text-decoration: underline } | |
td { | |
vertical-align: top } | |
img { border: 0; } | |
/* | |
Comment out this line to use web-style paragraphs (blank line between | |
paragraphs, no indent) instead of print-style paragraphs (no blank line, | |
indented.) | |
*/ | |
p { | |
text-indent: 5ex; margin: 0 } | |
/* Opera doesn't break with just wbr, but will if you add this. */ | |
.Opera wbr:after { | |
content: "\00200B"; | |
} | |
/* Blockquotes are used as containers for things that may need to scroll. */ | |
blockquote { | |
padding: 0; | |
margin: 0; | |
overflow: auto; | |
} | |
.Firefox1 blockquote { | |
padding-bottom: .5em; | |
} | |
/* Turn off scrolling when printing. */ | |
@media print { | |
blockquote { | |
overflow: visible; | |
} | |
.IE blockquote { | |
width: auto; | |
} | |
} | |
#Menu { | |
font-size: 9pt; | |
padding: 10px 0 0 0; | |
} | |
.ContentPage #Menu, | |
.IndexPage #Menu { | |
position: absolute; | |
top: 0; | |
left: 0; | |
width: 31ex; | |
overflow: hidden; | |
} | |
.ContentPage .Firefox #Menu, | |
.IndexPage .Firefox #Menu { | |
width: 27ex; | |
} | |
.MTitle { | |
font-size: 16pt; font-weight: bold; font-variant: small-caps; | |
text-align: center; | |
padding: 5px 10px 15px 10px; | |
border-bottom: 1px dotted #000000; | |
margin-bottom: 15px } | |
.MSubTitle { | |
font-size: 9pt; font-weight: normal; font-variant: normal; | |
margin-top: 1ex; margin-bottom: 5px } | |
.MEntry a:link, | |
.MEntry a:hover, | |
.MEntry a:visited { color: #606060; margin-right: 0 } | |
.MEntry a:active { color: #A00000; margin-right: 0 } | |
.MGroup { | |
font-variant: small-caps; font-weight: bold; | |
margin: 1em 0 1em 10px; | |
} | |
.MGroupContent { | |
font-variant: normal; font-weight: normal } | |
.MGroup a:link, | |
.MGroup a:hover, | |
.MGroup a:visited { color: #545454; margin-right: 10px } | |
.MGroup a:active { color: #A00000; margin-right: 10px } | |
.MFile, | |
.MText, | |
.MLink, | |
.MIndex { | |
padding: 1px 17px 2px 10px; | |
margin: .25em 0 .25em 0; | |
} | |
.MText { | |
font-size: 8pt; font-style: italic } | |
.MLink { | |
font-style: italic } | |
#MSelected { | |
color: #000000; background-color: #FFFFFF; | |
/* Replace padding with border. */ | |
padding: 0 10px 0 10px; | |
border-width: 1px 2px 2px 0; border-style: solid; border-color: #000000; | |
margin-right: 5px; | |
} | |
/* Close off the left side when its in a group. */ | |
.MGroup #MSelected { | |
padding-left: 9px; border-left-width: 1px } | |
/* A treat for Mozilla users. Blatantly non-standard. Will be replaced with CSS 3 attributes when finalized/supported. */ | |
.Firefox #MSelected { | |
-moz-border-radius-topright: 10px; | |
-moz-border-radius-bottomright: 10px } | |
.Firefox .MGroup #MSelected { | |
-moz-border-radius-topleft: 10px; | |
-moz-border-radius-bottomleft: 10px } | |
#MSearchPanel { | |
padding: 0px 6px; | |
margin: .25em 0; | |
} | |
#MSearchField { | |
font: italic 9pt Verdana, sans-serif; | |
color: #606060; | |
background-color: #E8E8E8; | |
border: none; | |
padding: 2px 4px; | |
width: 100%; | |
} | |
/* Only Opera gets it right. */ | |
.Firefox #MSearchField, | |
.IE #MSearchField, | |
.Safari #MSearchField { | |
width: 94%; | |
} | |
.Opera9 #MSearchField, | |
.Konqueror #MSearchField { | |
width: 97%; | |
} | |
.FramedMenuPage .Firefox #MSearchField, | |
.FramedMenuPage .Safari #MSearchField, | |
.FramedMenuPage .Konqueror #MSearchField { | |
width: 98%; | |
} | |
/* Firefox doesn't do this right in frames without #MSearchPanel added on. | |
It's presence doesn't hurt anything other browsers. */ | |
#MSearchPanel.MSearchPanelInactive:hover #MSearchField { | |
background-color: #FFFFFF; | |
border: 1px solid #C0C0C0; | |
padding: 1px 3px; | |
} | |
.MSearchPanelActive #MSearchField { | |
background-color: #FFFFFF; | |
border: 1px solid #C0C0C0; | |
font-style: normal; | |
padding: 1px 3px; | |
} | |
#MSearchType { | |
visibility: hidden; | |
font: 8pt Verdana, sans-serif; | |
width: 98%; | |
padding: 0; | |
border: 1px solid #C0C0C0; | |
} | |
.MSearchPanelActive #MSearchType, | |
/* As mentioned above, Firefox doesn't do this right in frames without #MSearchPanel added on. */ | |
#MSearchPanel.MSearchPanelInactive:hover #MSearchType, | |
#MSearchType:focus { | |
visibility: visible; | |
color: #606060; | |
} | |
#MSearchType option#MSearchEverything { | |
font-weight: bold; | |
} | |
.Opera8 .MSearchPanelInactive:hover, | |
.Opera8 .MSearchPanelActive { | |
margin-left: -1px; | |
} | |
iframe#MSearchResults { | |
width: 60ex; | |
height: 15em; | |
} | |
#MSearchResultsWindow { | |
display: none; | |
position: absolute; | |
left: 0; top: 0; | |
border: 1px solid #000000; | |
background-color: #E8E8E8; | |
} | |
#MSearchResultsWindowClose { | |
font-weight: bold; | |
font-size: 8pt; | |
display: block; | |
padding: 2px 5px; | |
} | |
#MSearchResultsWindowClose:link, | |
#MSearchResultsWindowClose:visited { | |
color: #000000; | |
text-decoration: none; | |
} | |
#MSearchResultsWindowClose:active, | |
#MSearchResultsWindowClose:hover { | |
color: #800000; | |
text-decoration: none; | |
background-color: #F4F4F4; | |
} | |
#Content { | |
padding-bottom: 15px; | |
} | |
.ContentPage #Content { | |
border-width: 0 0 1px 1px; | |
border-style: solid; | |
border-color: #000000; | |
background-color: #FFFFFF; | |
font-size: 9pt; /* To make 31ex match the menu's 31ex. */ | |
margin-left: 31ex; | |
} | |
.ContentPage .Firefox #Content { | |
margin-left: 27ex; | |
} | |
.CTopic { | |
font-size: 10pt; | |
margin-bottom: 3em; | |
} | |
.CTitle { | |
font-size: 12pt; font-weight: bold; | |
border-width: 0 0 1px 0; border-style: solid; border-color: #A0A0A0; | |
margin: 0 15px .5em 15px } | |
.CGroup .CTitle { | |
font-size: 16pt; font-variant: small-caps; | |
padding-left: 15px; padding-right: 15px; | |
border-width: 0 0 2px 0; border-color: #000000; | |
margin-left: 0; margin-right: 0 } | |
.CClass .CTitle, | |
.CInterface .CTitle, | |
.CDatabase .CTitle, | |
.CDatabaseTable .CTitle, | |
.CSection .CTitle { | |
font-size: 18pt; | |
color: #FFFFFF; background-color: #A0A0A0; | |
padding: 10px 15px 10px 15px; | |
border-width: 2px 0; border-color: #000000; | |
margin-left: 0; margin-right: 0 } | |
#MainTopic .CTitle { | |
font-size: 20pt; | |
color: #FFFFFF; background-color: #7070C0; | |
padding: 10px 15px 10px 15px; | |
border-width: 0 0 3px 0; border-color: #000000; | |
margin-left: 0; margin-right: 0 } | |
.CBody { | |
margin-left: 15px; margin-right: 15px } | |
.CToolTip { | |
position: absolute; visibility: hidden; | |
left: 0; top: 0; | |
background-color: #FFFFE0; | |
padding: 5px; | |
border-width: 1px 2px 2px 1px; border-style: solid; border-color: #000000; | |
font-size: 8pt; | |
} | |
.Opera .CToolTip { | |
max-width: 98%; | |
} | |
/* Scrollbars would be useless. */ | |
.CToolTip blockquote { | |
overflow: hidden; | |
} | |
.IE6 .CToolTip blockquote { | |
overflow: visible; | |
} | |
.CHeading { | |
font-weight: bold; font-size: 10pt; | |
margin: 1.5em 0 .5em 0; | |
} | |
.CBody pre { | |
font: 10pt "Courier New", Courier, monospace; | |
background-color: #FCFCFC; | |
margin: 1em 35px; | |
padding: 10px 15px 10px 10px; | |
border-color: #E0E0E0 #E0E0E0 #E0E0E0 #E4E4E4; | |
border-width: 1px 1px 1px 6px; | |
border-style: dashed dashed dashed solid; | |
} | |
.CBody ul { | |
/* I don't know why CBody's margin doesn't apply, but it's consistent across browsers so whatever. | |
Reapply it here as padding. */ | |
padding-left: 15px; padding-right: 15px; | |
margin: .5em 5ex .5em 5ex; | |
} | |
.CDescriptionList { | |
margin: .5em 5ex 0 5ex } | |
.CDLEntry { | |
font: 10pt "Courier New", Courier, monospace; color: #808080; | |
padding-bottom: .25em; | |
white-space: nowrap } | |
.CDLDescription { | |
font-size: 10pt; /* For browsers that don't inherit correctly, like Opera 5. */ | |
padding-bottom: .5em; padding-left: 5ex } | |
.CTopic img { | |
text-align: center; | |
display: block; | |
margin: 1em auto; | |
} | |
.CImageCaption { | |
font-variant: small-caps; | |
font-size: 8pt; | |
color: #808080; | |
text-align: center; | |
position: relative; | |
top: 1em; | |
} | |
.CImageLink { | |
color: #808080; | |
font-style: italic; | |
} | |
a.CImageLink:link, | |
a.CImageLink:visited, | |
a.CImageLink:hover { color: #808080 } | |
.Prototype { | |
font: 10pt "Courier New", Courier, monospace; | |
padding: 5px 3ex; | |
border-width: 1px; border-style: solid; | |
margin: 0 5ex 1.5em 5ex; | |
} | |
.Prototype td { | |
font-size: 10pt; | |
} | |
.PDefaultValue, | |
.PDefaultValuePrefix, | |
.PTypePrefix { | |
color: #8F8F8F; | |
} | |
.PTypePrefix { | |
text-align: right; | |
} | |
.PAfterParameters { | |
vertical-align: bottom; | |
} | |
.IE .Prototype table { | |
padding: 0; | |
} | |
.CFunction .Prototype { | |
background-color: #F4F4F4; border-color: #D0D0D0 } | |
.CProperty .Prototype { | |
background-color: #F4F4FF; border-color: #C0C0E8 } | |
.CVariable .Prototype { | |
background-color: #FFFFF0; border-color: #E0E0A0 } | |
.CClass .Prototype { | |
border-width: 1px 2px 2px 1px; border-style: solid; border-color: #A0A0A0; | |
background-color: #F4F4F4; | |
} | |
.CInterface .Prototype { | |
border-width: 1px 2px 2px 1px; border-style: solid; border-color: #A0A0D0; | |
background-color: #F4F4FF; | |
} | |
.CDatabaseIndex .Prototype, | |
.CConstant .Prototype { | |
background-color: #D0D0D0; border-color: #000000 } | |
.CType .Prototype, | |
.CEnumeration .Prototype { | |
background-color: #FAF0F0; border-color: #E0B0B0; | |
} | |
.CDatabaseTrigger .Prototype, | |
.CEvent .Prototype, | |
.CDelegate .Prototype { | |
background-color: #F0FCF0; border-color: #B8E4B8 } | |
.CToolTip .Prototype { | |
margin: 0 0 .5em 0; | |
white-space: nowrap; | |
} | |
.Summary { | |
margin: 1.5em 5ex 0 5ex } | |
.STitle { | |
font-size: 12pt; font-weight: bold; | |
margin-bottom: .5em } | |
.SBorder { | |
background-color: #FFFFF0; | |
padding: 15px; | |
border: 1px solid #C0C060 } | |
/* 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 | |
or slightly too long (but not enough to scroll) with a width. This arbitrary weirdness simply astounds me. IE 7 has the same | |
problem with frames, haven't tested it without. */ | |
.FramedContentPage .IE .SBorder { | |
width: 100% } | |
/* A treat for Mozilla users. Blatantly non-standard. Will be replaced with CSS 3 attributes when finalized/supported. */ | |
.Firefox .SBorder { | |
-moz-border-radius: 20px } | |
.STable { | |
font-size: 9pt; width: 100% } | |
.SEntry { | |
width: 30% } | |
.SDescription { | |
width: 70% } | |
.SMarked { | |
background-color: #F8F8D8 } | |
.SDescription { padding-left: 2ex } | |
.SIndent1 .SEntry { padding-left: 1.5ex } .SIndent1 .SDescription { padding-left: 3.5ex } | |
.SIndent2 .SEntry { padding-left: 3.0ex } .SIndent2 .SDescription { padding-left: 5.0ex } | |
.SIndent3 .SEntry { padding-left: 4.5ex } .SIndent3 .SDescription { padding-left: 6.5ex } | |
.SIndent4 .SEntry { padding-left: 6.0ex } .SIndent4 .SDescription { padding-left: 8.0ex } | |
.SIndent5 .SEntry { padding-left: 7.5ex } .SIndent5 .SDescription { padding-left: 9.5ex } | |
.SDescription a { color: #800000} | |
.SDescription a:active { color: #A00000 } | |
.SGroup td { | |
padding-top: .5em; padding-bottom: .25em } | |
.SGroup .SEntry { | |
font-weight: bold; font-variant: small-caps } | |
.SGroup .SEntry a { color: #800000 } | |
.SGroup .SEntry a:active { color: #F00000 } | |
.SMain td, | |
.SClass td, | |
.SDatabase td, | |
.SDatabaseTable td, | |
.SSection td { | |
font-size: 10pt; | |
padding-bottom: .25em } | |
.SClass td, | |
.SDatabase td, | |
.SDatabaseTable td, | |
.SSection td { | |
padding-top: 1em } | |
.SMain .SEntry, | |
.SClass .SEntry, | |
.SDatabase .SEntry, | |
.SDatabaseTable .SEntry, | |
.SSection .SEntry { | |
font-weight: bold; | |
} | |
.SMain .SEntry a, | |
.SClass .SEntry a, | |
.SDatabase .SEntry a, | |
.SDatabaseTable .SEntry a, | |
.SSection .SEntry a { color: #000000 } | |
.SMain .SEntry a:active, | |
.SClass .SEntry a:active, | |
.SDatabase .SEntry a:active, | |
.SDatabaseTable .SEntry a:active, | |
.SSection .SEntry a:active { color: #A00000 } | |
.ClassHierarchy { | |
margin: 0 15px 1em 15px } | |
.CHEntry { | |
border-width: 1px 2px 2px 1px; border-style: solid; border-color: #A0A0A0; | |
margin-bottom: 3px; | |
padding: 2px 2ex; | |
font-size: 10pt; | |
background-color: #F4F4F4; color: #606060; | |
} | |
.Firefox .CHEntry { | |
-moz-border-radius: 4px; | |
} | |
.CHCurrent .CHEntry { | |
font-weight: bold; | |
border-color: #000000; | |
color: #000000; | |
} | |
.CHChildNote .CHEntry { | |
font-style: italic; | |
font-size: 8pt; | |
} | |
.CHIndent { | |
margin-left: 3ex; | |
} | |
.CHEntry a:link, | |
.CHEntry a:visited, | |
.CHEntry a:hover { | |
color: #606060; | |
} | |
.CHEntry a:active { | |
color: #800000; | |
} | |
#Index { | |
background-color: #FFFFFF; | |
} | |
/* As opposed to .PopupSearchResultsPage #Index */ | |
.IndexPage #Index, | |
.FramedIndexPage #Index, | |
.FramedSearchResultsPage #Index { | |
padding: 15px; | |
} | |
.IndexPage #Index { | |
border-width: 0 0 1px 1px; | |
border-style: solid; | |
border-color: #000000; | |
font-size: 9pt; /* To make 27ex match the menu's 27ex. */ | |
margin-left: 27ex; | |
} | |
.IPageTitle { | |
font-size: 20pt; font-weight: bold; | |
color: #FFFFFF; background-color: #7070C0; | |
padding: 10px 15px 10px 15px; | |
border-width: 0 0 3px 0; border-color: #000000; border-style: solid; | |
margin: -15px -15px 0 -15px } | |
.FramedSearchResultsPage .IPageTitle { | |
margin-bottom: 15px; | |
} | |
.INavigationBar { | |
font-size: 10pt; | |
text-align: center; | |
background-color: #FFFFF0; | |
padding: 5px; | |
border-bottom: solid 1px black; | |
margin: 0 -15px 15px -15px; | |
} | |
.INavigationBar a { | |
font-weight: bold } | |
.IHeading { | |
font-size: 16pt; font-weight: bold; | |
padding: 2.5em 0 .5em 0; | |
text-align: center; | |
width: 3.5ex; | |
} | |
#IFirstHeading { | |
padding-top: 0; | |
} | |
.IEntry { | |
font-size: 10pt; | |
padding-left: 1ex; | |
} | |
.PopupSearchResultsPage .IEntry { | |
font-size: 8pt; | |
padding: 1px 5px; | |
} | |
.PopupSearchResultsPage .Opera9 .IEntry, | |
.FramedSearchResultsPage .Opera9 .IEntry { | |
text-align: left; | |
} | |
.FramedSearchResultsPage .IEntry { | |
padding: 0; | |
} | |
.ISubIndex { | |
padding-left: 3ex; padding-bottom: .5em } | |
.PopupSearchResultsPage .ISubIndex { | |
display: none; | |
} | |
/* While it may cause some entries to look like links when they aren't, I found it's much easier to read the | |
index if everything's the same color. */ | |
.ISymbol { | |
font-weight: bold; color: #900000 } | |
.IndexPage .ISymbolPrefix, | |
.FramedIndexPage .ISymbolPrefix { | |
font-size: 10pt; | |
text-align: right; | |
color: #C47C7C; | |
background-color: #F8F8F8; | |
border-right: 3px solid #E0E0E0; | |
border-left: 1px solid #E0E0E0; | |
padding: 0 1px 0 2px; | |
} | |
.PopupSearchResultsPage .ISymbolPrefix, | |
.FramedSearchResultsPage .ISymbolPrefix { | |
color: #900000; | |
} | |
.PopupSearchResultsPage .ISymbolPrefix { | |
font-size: 8pt; | |
} | |
.IndexPage #IFirstSymbolPrefix, | |
.FramedIndexPage #IFirstSymbolPrefix { | |
border-top: 1px solid #E0E0E0; | |
} | |
.IndexPage #ILastSymbolPrefix, | |
.FramedIndexPage #ILastSymbolPrefix { | |
border-bottom: 1px solid #E0E0E0; | |
} | |
.IndexPage #IOnlySymbolPrefix, | |
.FramedIndexPage #IOnlySymbolPrefix { | |
border-top: 1px solid #E0E0E0; | |
border-bottom: 1px solid #E0E0E0; | |
} | |
a.IParent, | |
a.IFile { | |
display: block; | |
} | |
.PopupSearchResultsPage .SRStatus { | |
padding: 2px 5px; | |
font-size: 8pt; | |
font-style: italic; | |
} | |
.FramedSearchResultsPage .SRStatus { | |
font-size: 10pt; | |
font-style: italic; | |
} | |
.SRResult { | |
display: none; | |
} | |
#Footer { | |
font-size: 8pt; | |
color: #989898; | |
text-align: right; | |
} | |
#Footer p { | |
text-indent: 0; | |
margin-bottom: .5em; | |
} | |
.ContentPage #Footer, | |
.IndexPage #Footer { | |
text-align: right; | |
margin: 2px; | |
} | |
.FramedMenuPage #Footer { | |
text-align: center; | |
margin: 5em 10px 10px 10px; | |
padding-top: 1em; | |
border-top: 1px solid #C8C8C8; | |
} | |
#Footer a:link, | |
#Footer a:hover, | |
#Footer a:visited { color: #989898 } | |
#Footer a:active { color: #A00000 } | |
.prettyprint .kwd { color: #800000; } /* keywords */ | |
.prettyprint.PDefaultValue .kwd, | |
.prettyprint.PDefaultValuePrefix .kwd, | |
.prettyprint.PTypePrefix .kwd { | |
color: #C88F8F; | |
} | |
.prettyprint .com { color: #008000; } /* comments */ | |
.prettyprint.PDefaultValue .com, | |
.prettyprint.PDefaultValuePrefix .com, | |
.prettyprint.PTypePrefix .com { | |
color: #8FC88F; | |
} | |
.prettyprint .str { color: #0000B0; } /* strings */ | |
.prettyprint .lit { color: #0000B0; } /* literals */ | |
.prettyprint.PDefaultValue .str, | |
.prettyprint.PDefaultValuePrefix .str, | |
.prettyprint.PTypePrefix .str, | |
.prettyprint.PDefaultValue .lit, | |
.prettyprint.PDefaultValuePrefix .lit, | |
.prettyprint.PTypePrefix .lit { | |
color: #8F8FC0; | |
} | |
.prettyprint .typ { color: #000000; } /* types */ | |
.prettyprint .pun { color: #000000; } /* punctuation */ | |
.prettyprint .pln { color: #000000; } /* punctuation */ | |
.prettyprint.PDefaultValue .typ, | |
.prettyprint.PDefaultValuePrefix .typ, | |
.prettyprint.PTypePrefix .typ, | |
.prettyprint.PDefaultValue .pun, | |
.prettyprint.PDefaultValuePrefix .pun, | |
.prettyprint.PTypePrefix .pun, | |
.prettyprint.PDefaultValue .pln, | |
.prettyprint.PDefaultValuePrefix .pln, | |
.prettyprint.PTypePrefix .pln { | |
color: #8F8F8F; | |
} | |
.prettyprint .tag { color: #008; } | |
.prettyprint .atn { color: #606; } | |
.prettyprint .atv { color: #080; } | |
.prettyprint .dec { color: #606; } | |