User:Eric Martz/Sandbox 5: Difference between revisions

(43 intermediate revisions by the same user not shown)

Line 1:

~~Test for~~ caption ~~with wikitext color* and boldface~~

==Caption Rules==

These rules are concluded from the tests below.

*<nowiki>{{font color|#ef7000|~~text to be colored~~}}</nowiki>

==Your Heading Here (maybe something like 'Structure')==

Anything in this section will appear adjacent to the 3D structure and will be scrollable.

</StructureSection>

===Coloring Caption Text===

Caption text can be colored using HTML:

*<nowiki>Oxygen.</nowiki> displays Oxygen.

Colored text is easier to see in boldface. You can use either HTML or wikitext bold markup:

*HTML: <nowiki>Oxygen.</nowiki> displays Oxygen.

*Three single quotes: <nowiki>'''Oxygen'''.</nowiki> displays: '''Oxygen'''.

Light colors may be unreadable on a white background, so use a black background. But there seems to be '''no way to specify a background color in a caption'''. So you will need to put the color key in the text of the page. For standard color keys, templates are provided: see [[Help:Color Keys]]. Proteopedia page text does not support HTML bgcolor, but it supports CSS font color:

*Yellow on white: <nowiki>Sulfur.</nowiki> displays yellow.

*Yellow on black: <nowiki>Sulfur.</nowiki> displays Sulfur.

===Links to Proteopedia Pages===

Links to Proteopedia pages, such as [[6zgi]] (in wikitext, <nowiki>[[6zgi]]</nowiki>, are NOT supported in captions. Put those links in the page text.

==Caption Tests==

Scene 1. <scene name='32/324686/1/1'>Wikitext color* and boldface</scene>

*SCENE OK. CAPTION BAD FORMAT.

*<nowiki>{{font color|#ef7000|426 pockets and cavities}} in 6zgi generated with the command <tt>isosurface cavity</tt>.</nowiki>

*Proteopedia does not support this wikitext color method.

Scene 2. <scene name='32/324686/1/2'>HTML color, escaped double quotes, and 6zgi linked</scene>

*NO SCENE, NO CAPTION.

*<nowiki>426 pockets and cavities in [[6zgi]] generated with the command <tt>isosurface cavity</tt>.</nowiki>

Scene 4. <scene name='32/324686/1/4'>HTML color, double quotes NOT escaped, and 6zgi linked</scene>

*SCENE OK. CAPTION COLORED BUT NO 6zgi LINK.

*<nowiki>426 pockets and cavities in [[6zgi]] generated with the command <tt>isosurface cavity</tt>.</nowiki>

Scene 5. <scene name='32/324686/1/5'>CSS span style colors, double quotes</scene>.

*NO SCENE. NO CAPTION.

*<nowiki>Here is yellow text on a black background as a test.</nowiki>

Scene 6. <scene name='32/324686/1/6'>CSS font style colors, double quotes</scene>.

* NO SCENE. NO CAPTION.

*<nowiki>Here is yellow text on a black background as a test.</nowiki>

Scene 7. <scene name='32/324686/1/7'>CSS font style colors, single quotes</scene>.

* NO SCENE. NO CAPTION.

*<nowiki>Here is yellow text on a black background as a test.</nowiki>

Scene 8. <scene name='32/324686/1/8'>CSS font style colors, '''escaped''' single quotes</scene>.

* NO SCENE. NO CAPTION.

*<nowiki>Here is yellow text on a black background as a test.</nowiki>

</StructureSection>

@@ Line 1: / Line 1: @@
-Test for caption with wikitext color* and boldface
+<StructureSection load='' size='350' side='right' caption='' scene=''>
+==Caption Rules==
+These rules are concluded from the tests below.
-*<nowiki>{{font color|#ef7000|text to be colored}}</nowiki>
+==Your Heading Here (maybe something like 'Structure')==
+<StructureSection load='3rec' size='350' side='right' caption='Escherichia coli reca protein-bound DNA (PDB entry [[3rec]])' scene=''>
+Anything in this section will appear adjacent to the 3D structure and will be scrollable.
+</StructureSection>
+===Coloring Caption Text===
+Caption text can be <font color="red">colored</font> using HTML:
+*<nowiki><font color="red">Oxygen</font>.</nowiki> displays <font color="red">Oxygen</font>.
+Colored text is easier to see in boldface. You can use either HTML or wikitext bold markup:
+*HTML: <nowiki><font color="red"><b>Oxygen</b></font>.</nowiki> displays <font color="red"><b>Oxygen</b></font>.
+*Three single quotes: <nowiki><font color="red">'''Oxygen'''</font>.</nowiki> displays: <font color="red">'''Oxygen'''</font>.
+Light colors may be unreadable on a white background, so use a black background. But there seems to be '''no way to specify a background color in a caption'''. So you will need to put the color key in the text of the page. For standard color keys, templates are provided: see [[Help:Color Keys]]. Proteopedia page text does not support HTML bgcolor, but it supports CSS font color:
+*Yellow on white: <nowiki><font color="yellow"><b>Sulfur</b></font>.</nowiki> displays <font color="yellow"><b>yellow</b></font>.
+<!--*Yellow on black: <nowiki><font color="yellow" bgcolor="black"><b>yellow</b></font>.</nowiki> displays <font color="yellow" bgcolor="black">Sulfur</font>.-->
+*Yellow on black: <nowiki><font style="background-color:black;color:yellow;padding: 3px 4px 2px 4px;">Sulfur</font>.</nowiki> displays <font style="background-color:black;color:yellow;padding: 3px 4px 2px 4px;">Sulfur</font>.
+===Links to Proteopedia Pages===
+Links to Proteopedia pages, such as [[6zgi]] (in wikitext, <nowiki>[[6zgi]]</nowiki>, are NOT supported in captions. Put those links in the page text.
+==Caption Tests==
+Scene 1. <scene name='32/324686/1/1'>Wikitext color* and boldface</scene>
+*SCENE OK. CAPTION BAD FORMAT.
+*<nowiki><b>{{font color|#ef7000|426 pockets and cavities}}</b> in 6zgi generated with the command <tt><b>isosurface cavity</b></tt>.</nowiki>
+*Proteopedia does not support this wikitext color method.
+Scene 2. <scene name='32/324686/1/2'>HTML color, escaped double quotes, and 6zgi linked</scene>
+*NO SCENE, NO CAPTION.
+*<nowiki><b><font color=\"#ef7000\">426 pockets and cavities</font></b> in [[6zgi]] generated with the command <tt><b>isosurface cavity</b></tt>.</nowiki>
+Scene 4. <scene name='32/324686/1/4'>HTML color, double quotes NOT escaped, and 6zgi linked</scene>
+*SCENE OK. CAPTION COLORED BUT NO 6zgi LINK.
+*<nowiki><b><font color="#ef7000">426 pockets and cavities</font></b> in [[6zgi]] generated with the command <tt><b>isosurface cavity</b></tt>.</nowiki>
+Scene 5. <scene name='32/324686/1/5'>CSS span style colors, double quotes</scene>.
+*NO SCENE. NO CAPTION.
+*<nowiki>Here is <span style="color:yellow;background-color:black;">yellow text on a black background</span> as a test.</nowiki>
+Scene 6. <scene name='32/324686/1/6'>CSS font style colors, double quotes</scene>.
+* NO SCENE. NO CAPTION.
+*<nowiki>Here is <font style="color:yellow;background-color:black;">yellow text on a black background</font> as a test.</nowiki>
+Scene 7. <scene name='32/324686/1/7'>CSS font style colors, single quotes</scene>.
+* NO SCENE. NO CAPTION.
+*<nowiki>Here is <font style='color:yellow;background-color:black;'>yellow text on a black background</font> as a test.</nowiki>
+Scene 8. <scene name='32/324686/1/8'>CSS font style colors, '''escaped''' single quotes</scene>.
+* NO SCENE. NO CAPTION.
+*<nowiki>Here is <font style=\'color:yellow;background-color:black;\'>yellow text on a black background</font> as a test.</nowiki>
+</StructureSection>