PageRenderTime 94ms CodeModel.GetById 2ms app.highlight 41ms RepoModel.GetById 44ms app.codeStats 1ms

/docs/styles/main.css

http://jqplot.googlecode.com/
CSS | 767 lines | 579 code | 148 blank | 40 comment | 0 complexity | 35741f8545e92d4526798a79ef6f7829 MD5 | raw file
  1/*
  2   IMPORTANT: If you're editing this file in the output directory of one of
  3   your projects, your changes will be overwritten the next time you run
  4   Natural Docs.  Instead, copy this file to your project directory, make your
  5   changes, and you can use it with -s.  Even better would be to make a CSS
  6   file in your project directory with only your changes, which you can then
  7   use with -s [original style] [your changes].
  8
  9   On the other hand, if you're editing this file in the Natural Docs styles
 10   directory, the changes will automatically be applied to all your projects
 11   that use this style the next time Natural Docs is run on them.
 12
 13   This file is part of Natural Docs, which is Copyright (C) 2003-2008 Greg Valure
 14   Natural Docs is licensed under the GPL
 15*/
 16
 17body {
 18    font: 10pt Verdana, Arial, sans-serif;
 19    color: #000000;
 20    margin: 0; padding: 0;
 21    }
 22
 23.ContentPage,
 24.IndexPage,
 25.FramedMenuPage {
 26    background-color: #E8E8E8;
 27    }
 28.FramedContentPage,
 29.FramedIndexPage,
 30.FramedSearchResultsPage,
 31.PopupSearchResultsPage {
 32    background-color: #FFFFFF;
 33    }
 34
 35
 36a:link,
 37a:visited { color: #900000; text-decoration: none }
 38a:hover { color: #900000; text-decoration: underline }
 39a:active { color: #FF0000; text-decoration: underline }
 40
 41td {
 42    vertical-align: top }
 43
 44img { border: 0;  }
 45
 46
 47/*
 48    Comment out this line to use web-style paragraphs (blank line between
 49    paragraphs, no indent) instead of print-style paragraphs (no blank line,
 50    indented.)
 51*/
 52p {
 53    text-indent: 5ex; margin: 0 }
 54
 55
 56/*  Opera doesn't break with just wbr, but will if you add this.  */
 57.Opera wbr:after {
 58	content: "\00200B";
 59	}
 60
 61
 62/*  Blockquotes are used as containers for things that may need to scroll.  */
 63blockquote {
 64    padding: 0;
 65    margin: 0;
 66    overflow: auto;
 67    }
 68
 69
 70.Firefox1 blockquote {
 71    padding-bottom: .5em;
 72    }
 73
 74/*  Turn off scrolling when printing.  */
 75@media print {
 76    blockquote {
 77        overflow: visible;
 78        }
 79    .IE blockquote {
 80        width: auto;
 81        }
 82    }
 83
 84
 85
 86#Menu {
 87    font-size: 9pt;
 88    padding: 10px 0 0 0;
 89    }
 90.ContentPage #Menu,
 91.IndexPage #Menu {
 92    position: absolute;
 93    top: 0;
 94    left: 0;
 95    width: 31ex;
 96    overflow: hidden;
 97    }
 98.ContentPage .Firefox #Menu,
 99.IndexPage .Firefox #Menu {
100    width: 27ex;
101    }
102
103
104    .MTitle {
105        font-size: 16pt; font-weight: bold; font-variant: small-caps;
106        text-align: center;
107        padding: 5px 10px 15px 10px;
108        border-bottom: 1px dotted #000000;
109        margin-bottom: 15px }
110
111    .MSubTitle {
112        font-size: 9pt; font-weight: normal; font-variant: normal;
113        margin-top: 1ex; margin-bottom: 5px }
114
115
116    .MEntry a:link,
117    .MEntry a:hover,
118    .MEntry a:visited { color: #606060; margin-right: 0 }
119    .MEntry a:active { color: #A00000; margin-right: 0 }
120
121
122    .MGroup {
123        font-variant: small-caps; font-weight: bold;
124        margin: 1em 0 1em 10px;
125        }
126
127    .MGroupContent {
128        font-variant: normal; font-weight: normal }
129
130    .MGroup a:link,
131    .MGroup a:hover,
132    .MGroup a:visited { color: #545454; margin-right: 10px }
133    .MGroup a:active { color: #A00000; margin-right: 10px }
134
135
136    .MFile,
137    .MText,
138    .MLink,
139    .MIndex {
140        padding: 1px 17px 2px 10px;
141        margin: .25em 0 .25em 0;
142        }
143
144    .MText {
145        font-size: 8pt; font-style: italic }
146
147    .MLink {
148        font-style: italic }
149
150    #MSelected {
151        color: #000000; background-color: #FFFFFF;
152        /*  Replace padding with border.  */
153        padding: 0 10px 0 10px;
154        border-width: 1px 2px 2px 0; border-style: solid; border-color: #000000;
155        margin-right: 5px;
156        }
157
158    /*  Close off the left side when its in a group.  */
159    .MGroup #MSelected {
160        padding-left: 9px; border-left-width: 1px }
161
162    /*  A treat for Mozilla users.  Blatantly non-standard.  Will be replaced with CSS 3 attributes when finalized/supported.  */
163    .Firefox #MSelected {
164        -moz-border-radius-topright: 10px;
165        -moz-border-radius-bottomright: 10px }
166    .Firefox .MGroup #MSelected {
167        -moz-border-radius-topleft: 10px;
168        -moz-border-radius-bottomleft: 10px }
169
170
171    #MSearchPanel {
172        padding: 0px 6px;
173        margin: .25em 0;
174        }
175
176
177    #MSearchField {
178        font: italic 9pt Verdana, sans-serif;
179        color: #606060;
180        background-color: #E8E8E8;
181        border: none;
182        padding: 2px 4px;
183        width: 100%;
184        }
185    /* Only Opera gets it right. */
186    .Firefox #MSearchField,
187    .IE #MSearchField,
188    .Safari #MSearchField {
189        width: 94%;
190        }
191    .Opera9 #MSearchField,
192    .Konqueror #MSearchField {
193        width: 97%;
194        }
195    .FramedMenuPage .Firefox #MSearchField,
196    .FramedMenuPage .Safari #MSearchField,
197    .FramedMenuPage .Konqueror #MSearchField {
198        width: 98%;
199        }
200
201    /* Firefox doesn't do this right in frames without #MSearchPanel added on.
202        It's presence doesn't hurt anything other browsers. */
203    #MSearchPanel.MSearchPanelInactive:hover #MSearchField {
204        background-color: #FFFFFF;
205        border: 1px solid #C0C0C0;
206        padding: 1px 3px;
207        }
208    .MSearchPanelActive #MSearchField {
209        background-color: #FFFFFF;
210        border: 1px solid #C0C0C0;
211        font-style: normal;
212        padding: 1px 3px;
213        }
214
215    #MSearchType {
216        visibility: hidden;
217        font: 8pt Verdana, sans-serif;
218        width: 98%;
219        padding: 0;
220        border: 1px solid #C0C0C0;
221        }
222    .MSearchPanelActive #MSearchType,
223    /*  As mentioned above, Firefox doesn't do this right in frames without #MSearchPanel added on. */
224    #MSearchPanel.MSearchPanelInactive:hover #MSearchType,
225    #MSearchType:focus {
226        visibility: visible;
227        color: #606060;
228        }
229    #MSearchType option#MSearchEverything {
230        font-weight: bold;
231        }
232
233    .Opera8 .MSearchPanelInactive:hover,
234    .Opera8 .MSearchPanelActive {
235        margin-left: -1px;
236        }
237
238
239    iframe#MSearchResults {
240        width: 60ex;
241        height: 15em;
242        }
243    #MSearchResultsWindow {
244        display: none;
245        position: absolute;
246        left: 0; top: 0;
247        border: 1px solid #000000;
248        background-color: #E8E8E8;
249        }
250    #MSearchResultsWindowClose {
251        font-weight: bold;
252        font-size: 8pt;
253        display: block;
254        padding: 2px 5px;
255        }
256    #MSearchResultsWindowClose:link,
257    #MSearchResultsWindowClose:visited {
258        color: #000000;
259        text-decoration: none;
260        }
261    #MSearchResultsWindowClose:active,
262    #MSearchResultsWindowClose:hover {
263        color: #800000;
264        text-decoration: none;
265        background-color: #F4F4F4;
266        }
267
268
269
270
271#Content {
272    padding-bottom: 15px;
273    }
274
275.ContentPage #Content {
276    border-width: 0 0 1px 1px;
277    border-style: solid;
278    border-color: #000000;
279    background-color: #FFFFFF;
280    font-size: 9pt;  /* To make 31ex match the menu's 31ex. */
281    margin-left: 31ex;
282    }
283.ContentPage .Firefox #Content {
284    margin-left: 27ex;
285    }
286
287
288
289    .CTopic {
290        font-size: 10pt;
291        margin-bottom: 3em;
292        }
293
294
295    .CTitle {
296        font-size: 12pt; font-weight: bold;
297        border-width: 0 0 1px 0; border-style: solid; border-color: #A0A0A0;
298        margin: 0 15px .5em 15px }
299
300    .CGroup .CTitle {
301        font-size: 16pt; font-variant: small-caps;
302        padding-left: 15px; padding-right: 15px;
303        border-width: 0 0 2px 0; border-color: #000000;
304        margin-left: 0; margin-right: 0 }
305
306    .CClass .CTitle,
307    .CInterface .CTitle,
308    .CDatabase .CTitle,
309    .CDatabaseTable .CTitle,
310    .CSection .CTitle {
311        font-size: 18pt;
312        color: #FFFFFF; background-color: #A0A0A0;
313        padding: 10px 15px 10px 15px;
314        border-width: 2px 0; border-color: #000000;
315        margin-left: 0; margin-right: 0 }
316
317    #MainTopic .CTitle {
318        font-size: 20pt;
319        color: #FFFFFF; background-color: #7070C0;
320        padding: 10px 15px 10px 15px;
321        border-width: 0 0 3px 0; border-color: #000000;
322        margin-left: 0; margin-right: 0 }
323
324    .CBody {
325        margin-left: 15px; margin-right: 15px }
326
327
328    .CToolTip {
329        position: absolute; visibility: hidden;
330        left: 0; top: 0;
331        background-color: #FFFFE0;
332        padding: 5px;
333        border-width: 1px 2px 2px 1px; border-style: solid; border-color: #000000;
334        font-size: 8pt;
335        }
336
337    .Opera .CToolTip {
338        max-width: 98%;
339        }
340
341    /*  Scrollbars would be useless.  */
342    .CToolTip blockquote {
343        overflow: hidden;
344        }
345    .IE6 .CToolTip blockquote {
346        overflow: visible;
347        }
348
349    .CHeading {
350        font-weight: bold; font-size: 10pt;
351        margin: 1.5em 0 .5em 0;
352        }
353
354    .CBody pre {
355        font: 10pt "Courier New", Courier, monospace;
356        margin: 1em 0;
357        }
358
359    .CBody ul {
360        /*  I don't know why CBody's margin doesn't apply, but it's consistent across browsers so whatever.
361             Reapply it here as padding.  */
362        padding-left: 15px; padding-right: 15px;
363        margin: .5em 5ex .5em 5ex;
364        }
365
366    .CDescriptionList {
367        margin: .5em 5ex 0 5ex }
368
369        .CDLEntry {
370            font: 10pt "Courier New", Courier, monospace; color: #808080;
371            padding-bottom: .25em;
372            white-space: nowrap }
373
374        .CDLDescription {
375            font-size: 10pt;  /*  For browsers that don't inherit correctly, like Opera 5.  */
376            padding-bottom: .5em; padding-left: 5ex }
377
378
379    .CTopic img {
380        text-align: center;
381        display: block;
382        margin: 1em auto;
383        }
384    .CImageCaption {
385        font-variant: small-caps;
386        font-size: 8pt;
387        color: #808080;
388        text-align: center;
389        position: relative;
390        top: 1em;
391        }
392
393    .CImageLink {
394        color: #808080;
395        font-style: italic;
396        }
397    a.CImageLink:link,
398    a.CImageLink:visited,
399    a.CImageLink:hover { color: #808080 }
400
401
402
403
404
405.Prototype {
406    font: 10pt "Courier New", Courier, monospace;
407    padding: 5px 3ex;
408    border-width: 1px; border-style: solid;
409    margin: 0 5ex 1.5em 5ex;
410    }
411
412    .Prototype td {
413        font-size: 10pt;
414        }
415
416    .PDefaultValue,
417    .PDefaultValuePrefix,
418    .PTypePrefix {
419        color: #8F8F8F;
420        }
421    .PTypePrefix {
422        text-align: right;
423        }
424    .PAfterParameters {
425        vertical-align: bottom;
426        }
427
428    .IE .Prototype table {
429        padding: 0;
430        }
431
432    .CFunction .Prototype {
433        background-color: #F4F4F4; border-color: #D0D0D0 }
434    .CProperty .Prototype {
435        background-color: #F4F4FF; border-color: #C0C0E8 }
436    .CVariable .Prototype {
437        background-color: #FFFFF0; border-color: #E0E0A0 }
438
439    .CClass .Prototype {
440        border-width: 1px 2px 2px 1px; border-style: solid; border-color: #A0A0A0;
441        background-color: #F4F4F4;
442        }
443    .CInterface .Prototype {
444        border-width: 1px 2px 2px 1px; border-style: solid; border-color: #A0A0D0;
445        background-color: #F4F4FF;
446        }
447
448    .CDatabaseIndex .Prototype,
449    .CConstant .Prototype {
450        background-color: #D0D0D0; border-color: #000000 }
451    .CType .Prototype,
452    .CEnumeration .Prototype {
453        background-color: #FAF0F0; border-color: #E0B0B0;
454        }
455    .CDatabaseTrigger .Prototype,
456    .CEvent .Prototype,
457    .CDelegate .Prototype {
458        background-color: #F0FCF0; border-color: #B8E4B8 }
459
460    .CToolTip .Prototype {
461        margin: 0 0 .5em 0;
462        white-space: nowrap;
463        }
464
465
466
467
468
469.Summary {
470    margin: 1.5em 5ex 0 5ex }
471
472    .STitle {
473        font-size: 12pt; font-weight: bold;
474        margin-bottom: .5em }
475
476
477    .SBorder {
478        background-color: #FFFFF0;
479        padding: 15px;
480        border: 1px solid #C0C060 }
481
482    /* 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
483        or slightly too long (but not enough to scroll) with a width.  This arbitrary weirdness simply astounds me.  IE 7 has the same
484        problem with frames, haven't tested it without.  */
485    .FramedContentPage .IE .SBorder {
486        width: 100% }
487
488    /*  A treat for Mozilla users.  Blatantly non-standard.  Will be replaced with CSS 3 attributes when finalized/supported.  */
489    .Firefox .SBorder {
490        -moz-border-radius: 20px }
491
492
493    .STable {
494        font-size: 9pt; width: 100% }
495
496    .SEntry {
497        width: 30% }
498    .SDescription {
499        width: 70% }
500
501
502    .SMarked {
503        background-color: #F8F8D8 }
504
505    .SDescription { padding-left: 2ex }
506    .SIndent1 .SEntry { padding-left: 1.5ex }   .SIndent1 .SDescription { padding-left: 3.5ex }
507    .SIndent2 .SEntry { padding-left: 3.0ex }   .SIndent2 .SDescription { padding-left: 5.0ex }
508    .SIndent3 .SEntry { padding-left: 4.5ex }   .SIndent3 .SDescription { padding-left: 6.5ex }
509    .SIndent4 .SEntry { padding-left: 6.0ex }   .SIndent4 .SDescription { padding-left: 8.0ex }
510    .SIndent5 .SEntry { padding-left: 7.5ex }   .SIndent5 .SDescription { padding-left: 9.5ex }
511
512    .SDescription a { color: #800000}
513    .SDescription a:active { color: #A00000 }
514
515    .SGroup td {
516        padding-top: .5em; padding-bottom: .25em }
517
518    .SGroup .SEntry {
519        font-weight: bold; font-variant: small-caps }
520
521    .SGroup .SEntry a { color: #800000 }
522    .SGroup .SEntry a:active { color: #F00000 }
523
524
525    .SMain td,
526    .SClass td,
527    .SDatabase td,
528    .SDatabaseTable td,
529    .SSection td {
530        font-size: 10pt;
531        padding-bottom: .25em }
532
533    .SClass td,
534    .SDatabase td,
535    .SDatabaseTable td,
536    .SSection td {
537        padding-top: 1em }
538
539    .SMain .SEntry,
540    .SClass .SEntry,
541    .SDatabase .SEntry,
542    .SDatabaseTable .SEntry,
543    .SSection .SEntry {
544        font-weight: bold;
545        }
546
547    .SMain .SEntry a,
548    .SClass .SEntry a,
549    .SDatabase .SEntry a,
550    .SDatabaseTable .SEntry a,
551    .SSection .SEntry a { color: #000000 }
552
553    .SMain .SEntry a:active,
554    .SClass .SEntry a:active,
555    .SDatabase .SEntry a:active,
556    .SDatabaseTable .SEntry a:active,
557    .SSection .SEntry a:active { color: #A00000 }
558
559
560
561
562
563.ClassHierarchy {
564    margin: 0 15px 1em 15px }
565
566    .CHEntry {
567        border-width: 1px 2px 2px 1px; border-style: solid; border-color: #A0A0A0;
568        margin-bottom: 3px;
569        padding: 2px 2ex;
570        font-size: 10pt;
571        background-color: #F4F4F4; color: #606060;
572        }
573
574    .Firefox .CHEntry {
575        -moz-border-radius: 4px;
576        }
577
578    .CHCurrent .CHEntry {
579        font-weight: bold;
580        border-color: #000000;
581        color: #000000;
582        }
583
584    .CHChildNote .CHEntry {
585        font-style: italic;
586        font-size: 8pt;
587        }
588
589    .CHIndent {
590        margin-left: 3ex;
591        }
592
593    .CHEntry a:link,
594    .CHEntry a:visited,
595    .CHEntry a:hover {
596        color: #606060;
597        }
598    .CHEntry a:active {
599        color: #800000;
600        }
601
602
603
604
605
606#Index {
607    background-color: #FFFFFF;
608    }
609
610/*  As opposed to .PopupSearchResultsPage #Index  */
611.IndexPage #Index,
612.FramedIndexPage #Index,
613.FramedSearchResultsPage #Index {
614    padding: 15px;
615    }
616
617.IndexPage #Index {
618    border-width: 0 0 1px 1px;
619    border-style: solid;
620    border-color: #000000;
621    font-size: 9pt;  /* To make 27ex match the menu's 27ex. */
622    margin-left: 27ex;
623    }
624
625
626    .IPageTitle {
627        font-size: 20pt; font-weight: bold;
628        color: #FFFFFF; background-color: #7070C0;
629        padding: 10px 15px 10px 15px;
630        border-width: 0 0 3px 0; border-color: #000000; border-style: solid;
631        margin: -15px -15px 0 -15px }
632
633    .FramedSearchResultsPage .IPageTitle {
634        margin-bottom: 15px;
635        }
636
637    .INavigationBar {
638        font-size: 10pt;
639        text-align: center;
640        background-color: #FFFFF0;
641        padding: 5px;
642        border-bottom: solid 1px black;
643        margin: 0 -15px 15px -15px;
644        }
645
646    .INavigationBar a {
647        font-weight: bold }
648
649    .IHeading {
650        font-size: 16pt; font-weight: bold;
651        padding: 2.5em 0 .5em 0;
652        text-align: center;
653        width: 3.5ex;
654        }
655    #IFirstHeading {
656        padding-top: 0;
657        }
658
659    .IEntry {
660        font-size: 10pt;
661        padding-left: 1ex;
662        }
663    .PopupSearchResultsPage .IEntry {
664        font-size: 8pt;
665        padding: 1px 5px;
666        }
667    .PopupSearchResultsPage .Opera9 .IEntry,
668    .FramedSearchResultsPage .Opera9 .IEntry {
669        text-align: left;
670        }
671    .FramedSearchResultsPage .IEntry {
672        padding: 0;
673        }
674
675    .ISubIndex {
676        padding-left: 3ex; padding-bottom: .5em }
677    .PopupSearchResultsPage .ISubIndex {
678        display: none;
679        }
680
681    /*  While it may cause some entries to look like links when they aren't, I found it's much easier to read the
682         index if everything's the same color.  */
683    .ISymbol {
684        font-weight: bold; color: #900000  }
685
686    .IndexPage .ISymbolPrefix,
687    .FramedIndexPage .ISymbolPrefix {
688        font-size: 10pt;
689        text-align: right;
690        color: #C47C7C;
691        background-color: #F8F8F8;
692        border-right: 3px solid #E0E0E0;
693        border-left: 1px solid #E0E0E0;
694        padding: 0 1px 0 2px;
695        }
696    .PopupSearchResultsPage .ISymbolPrefix,
697    .FramedSearchResultsPage .ISymbolPrefix {
698        color: #900000;
699        }
700    .PopupSearchResultsPage .ISymbolPrefix {
701        font-size: 8pt;
702        }
703
704    .IndexPage #IFirstSymbolPrefix,
705    .FramedIndexPage #IFirstSymbolPrefix {
706        border-top: 1px solid #E0E0E0;
707        }
708    .IndexPage #ILastSymbolPrefix,
709    .FramedIndexPage #ILastSymbolPrefix {
710        border-bottom: 1px solid #E0E0E0;
711        }
712    .IndexPage #IOnlySymbolPrefix,
713    .FramedIndexPage #IOnlySymbolPrefix {
714        border-top: 1px solid #E0E0E0;
715        border-bottom: 1px solid #E0E0E0;
716        }
717
718    a.IParent,
719    a.IFile {
720        display: block;
721        }
722
723    .PopupSearchResultsPage .SRStatus {
724        padding: 2px 5px;
725        font-size: 8pt;
726        font-style: italic;
727        }
728    .FramedSearchResultsPage .SRStatus {
729        font-size: 10pt;
730        font-style: italic;
731        }
732
733    .SRResult {
734        display: none;
735        }
736
737
738
739#Footer {
740    font-size: 8pt;
741    color: #989898;
742    text-align: right;
743    }
744
745#Footer p {
746    text-indent: 0;
747    margin-bottom: .5em;
748    }
749
750.ContentPage #Footer,
751.IndexPage #Footer {
752    text-align: right;
753    margin: 2px;
754    }
755
756.FramedMenuPage #Footer {
757    text-align: center;
758    margin: 5em 10px 10px 10px;
759    padding-top: 1em;
760    border-top: 1px solid #C8C8C8;
761    }
762
763    #Footer a:link,
764    #Footer a:hover,
765    #Footer a:visited { color: #989898 }
766    #Footer a:active { color: #A00000 }
767