User:Eric Martz/Sandbox 5: Difference between revisions

(13 intermediate revisions by the same user not shown)

Line 2:

==Caption Rules==

These rules are concluded from the tests below.

==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~~. Examples~~:

Caption text can be colored using HTML:

*<nowiki>red text.</nowiki> displays red ~~text~~.

*<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'''.

~~Colors~~ are ~~usually easier to~~ see ~~in boldface~~. ~~You can use either~~ HTML ~~or wikitext bold markup~~:

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:

*~~HTML~~: <nowiki>~~red text~~.</nowiki> displays ~~red text~~.

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

*~~Three single quotes~~: <nowiki>~~'''red text'''~~.</nowiki> displays: ~~'''red text'''~~.

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

~~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:~~

===Links to Proteopedia Pages===

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

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

~~~~

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

Line 33:

Line 43:

*<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</scene>.

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</scene>.

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 2: / Line 2: @@
 ==Caption Rules==
 These rules are concluded from the tests below.
+==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. Examples:
+Caption text can be <font color="red">colored</font> using HTML:
-*<nowiki><font color="red">red text</font>.</nowiki> displays <font color="red">red text</font>.
+*<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>.
-Colors are usually easier to see in boldface. You can use either HTML or wikitext bold markup:
+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:
-*HTML: <nowiki><font color="red"><b>red text</b></font>.</nowiki> displays <font color="red"><b>red text</b></font>.
+*Yellow on white: <nowiki><font color="yellow"><b>Sulfur</b></font>.</nowiki> displays <font color="yellow"><b>yellow</b></font>.
-*Three single quotes: <nowiki><font color="red">'''red text'''</font>.</nowiki> displays: <font color="red">'''red text'''</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>.
-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:
+===Links to Proteopedia Pages===
-*Yellow on white: <nowiki><font color="yellow"><b>yellow</b></font>.</nowiki> displays <font color="yellow"><b>yellow</b></font>.
+Links to Proteopedia pages, such as [[6zgi]] (in wikitext, <nowiki>[[6zgi]]</nowiki>, are NOT supported in captions. Put those links in the page text.
-<!--*Yellow on black: <nowiki><font color="yellow" bgcolor="black"><b>yellow</b></font>.</nowiki> displays <font color="yellow" bgcolor="black"><b>yellow</b></font>.-->
-*Yellow on black: <nowiki><font style="background-color:black;color:yellow;padding: 3px 1px 2px 1px;"><b>yellow</b></font>.</nowiki> displays <font style="background-color:black;color:yellow;padding: 3px 4px 2px 4px;"><b>yellow</b></font>.
@@ Line 33: / Line 43: @@
 *<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</scene>.
+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</scene>.
+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>