Difference between revisions of "User:Trimoon/sandbox"
From Project: Gorgon Wiki
m |
m (Commented out page to remove broken link alerts.) |
||
(16 intermediate revisions by one other user not shown) | |||
Line 1: | Line 1: | ||
− | == | + | {{Underconstruction}} |
− | + | <!--== DIV Table == | |
− | + | [[/DIV Table]] | |
− | + | {{/DPL}} | |
− | |||
− | }} | ||
− | + | == [[Template:Notice/doc]] == | |
− | {{ | + | ===<dt>Parameters</dt>=== |
− | | | + | <dd> |
− | }} | + | *<i>Recommended</i>: {{para|type}} |
− | + | *:Notice box header text. | |
− | === {{t| | + | *:Default: {{para|type|<var>Header text</var>}} |
− | {{ # | + | *<i>Recommended</i>: {{para|info}} |
− | | | + | *:Notice box additional info. |
− | }} | + | *:Default: {{para|type|<var>Explanation</var>}} |
+ | *<i>Optional</i>: {{para|image}} | ||
+ | *:Notice box symbol image. | ||
+ | *:Provide the image-filename with extension, or use {{para|image|no}} to completely remove/inhibit the image part. | ||
+ | *:Default: {{para|image|<var>Gtk-ok.png</var>}} | ||
+ | *<i>Optional</i>: {{para|imageSize}} | ||
+ | *:Notice box symbol image-size. | ||
+ | *:Provide the image-size including the unit, eg: <code>px</code>, part. | ||
+ | *:Default: {{para|imageSize|<var>50px</var>}} | ||
+ | *<i>Optional</i>: {{para|border}} | ||
+ | *:Notice box left-border-bar definition. | ||
+ | *:Use {{para|border|<var>definition</var>}}, where <code><var>definition</var></code> is a valid custom definition for the [http://www.w3schools.com/cssref/pr_border-left.asp <abbr title="Cascading Style Sheet">CSS</abbr> property <code>border-left</code>]<ref name="css-prop"/>. | ||
+ | *:Or use {{para|border|preset}}, where <code>preset</code> is one of the predefined names below<nowiki>:</nowiki> | ||
+ | *:*<span style="background-color:#b22222;"> </span> red ⇒ <code>10px solid #b22222</code> | ||
+ | *:*<span style="background-color:#f28500;"> </span> orange ⇒ <code>10px solid #f28500</code> | ||
+ | *:*<span style="background-color:#f4c430;"> </span> yellow ⇒ <code>10px solid #f4c430</code> | ||
+ | *:*<span style="background-color:#9932cc;"> </span> purple ⇒ <code>10px solid #9932cc</code> | ||
+ | *:*<span style="background-color:#1e90ff;"> </span> blue ⇒ <code>10px solid #1e90ff</code> | ||
+ | *:*<span style="background-color:#228b22;"> </span> green ⇒ <code>10px solid #228b22</code> | ||
+ | *:*<span style="background-color:#bba;"> </span> gray ⇒ <code>10px solid #bba</code> | ||
+ | *:Default: {{para|border|blue}} | ||
+ | *:<i>You don't need to provide the <code>;</code> at the end to properly terminate the definition(s) because it will be appended automatically for proper functionality.</i> | ||
+ | *<i>Optional</i>: {{para|float|side}} | ||
+ | *:Float the Notice box. | ||
+ | *:Where <code>side</code> can be one of: <i>(Case insensitive)</i> | ||
+ | *:*<code>l</code> or <code>left</code> | ||
+ | *:*<code>r</code> or <code>right</code> | ||
+ | *:*<code>n</code> or <code>none</code> | ||
+ | *:When anything else is provided it will be treated as <b><code>none</code></b>. | ||
+ | *:<span style="color:red;"><b>When used</b> it alters the <u>default value</u> for <code>styleWidth</code></span> of {{para|style}}<sup>(see below)</sup> as following when the effective floating is: | ||
+ | *:*left ⇒ <code>25%</code> | ||
+ | *:*right ⇒ <code>25%</code> | ||
+ | *:*none ⇒ <code>50%</code> | ||
+ | *<i>Optional</i>: {{para|style|<var>inline-CSS;</var>}} | ||
+ | *:Used to completely override the inline-CSS<ref name="inline-css"><dfn>inline-<abbr title="Cascading Style Sheet">CSS</abbr></dfn>is a composition of <abbr title="Cascading Style Sheet">CSS</abbr> Properties</ref> used in the style-attribute <ref name="css-styleatt">For more info on the style-attribute see [http://www.w3schools.com/tags/att_global_style.asp info@w3schools].</ref> of the table that generates the Notice box. | ||
+ | *:Where <code><var>inline-CSS;</var></code> defaults to: | ||
+ | *:“<code><span style="white-space:nowrap;">font-size:<var>{{{styleFontSize}}}</var>;</span> <span style="white-space:nowrap;">margin:<var>{{{styleMargin}}}</var>;</span> <span style="white-space:nowrap;">border:<var>{{{styleBorder}}}</var>;</span> <span style="white-space:nowrap;">border-collapse:{{{styleBorderCollapse}}};</span> <span style="white-space:nowrap;">background-color:<var>{{{styleBackgroundColor}}}</var>;</span> <span style="white-space:nowrap;">border-left:<var>{{{border}}}</var>;</span> <span style="white-space:nowrap;"><i><optional:[</i> float:<var>side</var>;<i>]></i></span> <span style="white-space:nowrap;">width:<var>{{{styleWidth}}}</var>;</span></code>” | ||
+ | *:To override <abbr title="Cascading Style Sheet">CSS</abbr> Properties<ref name="css-prop">For a complete listing of <dfn id="css-prop"><abbr title="Cascading Style Sheet">CSS</abbr> Properties</dfn>, see [http://www.w3schools.com/cssref/default.asp <abbr title="Cascading Style Sheet">CSS</abbr> Properties@w3cschools]</ref> used in the parts of the default shown above you can use: <i>(their defaults shown as value)</i> | ||
+ | *:*{{para|styleFontSize|95%}} | ||
+ | *:*{{para|styleMargin|0 auto}} | ||
+ | *:*{{para|styleBorder|1px #aaa solid}} | ||
+ | *:*{{para|styleBorderCollapse|collapse}} <i>(See: [http://www.w3schools.com/cssref/pr_border-collapse.asp CSS-Property: border-collapse@w3cschools])</i> | ||
+ | *:*{{para|styleBackgroundColor|#eee}} | ||
+ | *:*{{para|styleWidth|80%}} <i>(Default value is altered when {{para|float}}<sup>(see above)</sup> is used.)</i> | ||
+ | </dd> | ||
+ | <references/> | ||
+ | --> |
Latest revision as of 10:28, 8 July 2021
Note that this article is still under construction.
It may not function as expected. Check the discussion for info about its current state. |