source: other-projects/nz-flag-design/trunk/design-2d/Original editor.method.ac/docs/styles/main.css@ 29468

Last change on this file since 29468 was 29468, checked in by sjs49, 9 years ago

Initial commit for editor.method.ac for flag design

  • Property svn:executable set to *
File size: 19.0 KB
Line 
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
Note: See TracBrowser for help on using the repository browser.