EncyclopAtys - User contributions [en]

Help:Quotation mark

2021-02-28T15:22:49Z

FairyFighter: /* Code */

<noinclude>{{Trad
|DE=Help:Anführungszeichen
|EN=Help:Quotation mark
|ES=Help:Comillas
|FR=Help:Guillemets
|RU=Help:Кавычки}}<small>__TOC__</small>
</noinclude>

== Warning ==
This page does not pretend to be a reference on typography, but describes the "conventions" that should be used in the body of this Wiki.
For more information, please refer to the wikipedia pages <ref>: 🇩🇪 : [[:wikipedia:de:Anführungszeichen]]</ref> <ref>: 🇬🇧 : [[:wikipedia:Quotation mark]]</ref> <ref>: 🇪🇸 : [[:wikipedia::es:Comillas]]</ref> <ref>: 🇫🇷 : [[:wikipedia:fr:Guillemet#Usage en français]]</ref> <ref>: 🇷🇺 : [[:wikipedia:ru:Кавычки]]</ref> referenced here.

== 🇩🇪 German ==
{|
|-
| First level: || „ Anführungszeichen“ or »Gänsefüßchen«
|-
| Second level (nested): || ‚ halben Anführungszeichen ‘
|-
| Exemples : || „... ‚...’ ....“ − »… ‚…‘ …« − „… ›…‹ …“
|}

== 🇬🇧 🇺🇸 English ==
{|
|-
| First level: || “Primary”
|-
| Second level (nested): || ‘Secondary ’
|-
| Troisième niveau (niché) : || “Tertiary”
|-
| Example: || “... ‘... “...” ...’ ....”
|}
(US convention)
;Caution: <span style="font: italic 1em serif; color:DarkGreen; ">[...] those “good Samaritans’ ” crimes</span> and not: <span style="font: italic 1em serif; color:DarkGreen; ">[...] those “good Samaritans’” crimes</span> .

== 🇪🇸 Spanish ==
{|
|-
| First level: || «comillas latinas or comillas españolas»
|-
| Second level (nested): || “comillas inglesas”
|-
| Third level: || ‘comillas simples or comillas sencillas’
|-
| Example: || «... “... ‘...’ ...” ....»
|}

== 🇫🇷 French ==
{|
|-
| First level: || « French Quotes »
|-
| Second level (nested): || « French Quotes »
|-
| Third level: || « French Quotes »
|-
| Example: || « ... « ... « ... » ... »... »
|}
;Note: Note the spaces between the Quotes and the text...

== 🇷🇺 Russian ==
{|
|-
| First level: || «french quotes»
|-
| Second level (nested): || „german quotes“
|-
| Third level: || ?
|-
| Example: || «... „...“ ....»
|}

== Code ==
(Documentations)
Usual straight quotation marks: <code>'...'</code> and <code>"..."</code>.

==How insert quotes fast==
[[File:W Quotes Special chars.png|500px|thumb|right|Fig. 1]]
# In edit mode click on “Special characters”, then select “Symbols” in the left column. Now select you text and click the desired quotes button and you're done (fig. 1). {{Clear}}
[[File:W Quotes Special chars-2.png|500px|thumb|right|Fig. 2]]
# Alternatively, you can use the edit tools on edit page bottom (fig. 2).{{clear}}
<noinclude><br /><br />
----
<small><references/></small>
----
 [[Category:Help]] [[Category:Wikipatys]]{{last version link|Help:Quotation mark}}</noinclude>

Dn-The wealth of the Nexus-call-1

2021-02-28T09:37:10Z

FairyFighter:

{{dn-poster
|Image=Parchment square.png
|Content=
<poem>
Digger friends,

We are entering a second phase in the study of Nexus Materials.
Ba'Caun Bammy and Be'Gale Acher continue to receive materials from spontaneous sources that have appeared around the faults, but these sources seem unlikely to improve over time.
We have therefore decided to launch a larger campaign.
You will find in your respective camps new instructions from Ciro Becco and Freccio Tinagno.
We are counting on you!

Daeronn Cegrips
Scientific Team Coordinator
</poem>
}}
----
*-
*-

Template:Dn-poster/background/css

2021-02-28T09:37:00Z

FairyFighter:

position: absoulute; top: 0px; max-width:100%; max-height:100%; object-fit: fill; z-index: -1; border: 2px dotted coral;

Dn-The wealth of the Nexus-call-1

2021-02-28T09:35:49Z

FairyFighter:

Template:Dn-poster/background/css

2021-02-28T09:35:38Z

FairyFighter:

position: relative; max-width:100%; max-height:100%; object-fit: fill; z-index: -1; border: 2px dotted coral;

Dn-The wealth of the Nexus-call-1

2021-02-28T09:34:22Z

FairyFighter:

Template:Dn-poster/background/css

2021-02-28T09:34:07Z

FairyFighter:

position: relative; max-width:100%; max-height:100%; object-fit: fill; border: 2px dotted coral;

Template:Dn-poster

2021-02-28T09:30:48Z

FairyFighter:

<div style="{{dn-poster/css}}">
{{{Content}}}
{{dn-poster/background|image={{{Image}}}}}
</div>

Dn-The wealth of the Nexus-call-1

2021-02-28T08:52:55Z

FairyFighter:

Template:Dn-poster/css

2021-02-28T08:52:46Z

FairyFighter:

position: relative; width:40%; border: 2px solid blue;

Dn-The wealth of the Nexus-call-1

2021-02-28T08:50:56Z

FairyFighter:

Template:Dn-poster/background/css

2021-02-28T08:50:47Z

FairyFighter:

position: absolute; max-width:100%; max-height:100%; object-fit: fill; border: 2px dotted coral;

Dn-The wealth of the Nexus-call-1

2021-02-28T08:49:35Z

FairyFighter:

Template:Dn-poster/background/css

2021-02-28T08:49:27Z

FairyFighter:

position: absolute; max-width:100%; max-height:100%; object-fit: contain; border: 2px dotted coral;

Dn-The wealth of the Nexus-call-1

2021-02-28T08:47:32Z

FairyFighter:

Template:Dn-poster/background/css

2021-02-28T08:47:21Z

FairyFighter:

position: absolute; width: 100%; height: 100%; border: object-fit: contain; 2px dotted coral;

Dn-The wealth of the Nexus-call-1

2021-02-28T08:46:09Z

FairyFighter:

Template:Dn-poster/background/css

2021-02-28T08:45:58Z

FairyFighter:

position: absolute; width: 100%; height: 100%; border: 2px dotted coral;

Template:Dn-poster/background/css

2021-02-28T08:45:19Z

FairyFighter:

position: absolute; border: 2px dotted coral;

Template:Dn-poster/background/css

2021-02-28T08:44:23Z

FairyFighter: Created page with "position: relative; border: 2px dotted coral;"

position: relative; border: 2px dotted coral;

Template:Dn-poster

2021-02-28T08:43:49Z

FairyFighter:

<div style="{{dn-poster/css}}">
{{{Content}}}
{{dn-poster/background|image={{{Image}}}}}
</div>
{{dn-poster/background/css}}

Template:Dn-poster

2021-02-28T08:42:45Z

FairyFighter:

<div style="{{dn-poster/css}}">
{{{Content}}}
{{dn-poster/background|image={{{Image}}}}}
</div>

Template:Dn-poster/css

2021-02-28T08:42:12Z

FairyFighter:

position: relative; width:40%;

Template:Dn-poster/css

2021-02-28T08:41:30Z

FairyFighter:

width:40%;

Template:Dn-poster/css

2021-02-28T08:40:44Z

FairyFighter: Created page with "width:100%;"

width:100%;

Template:Dn-poster/background

2021-02-28T08:40:04Z

FairyFighter: Created page with "<div style="{{dn-poster/background/css}}"> frameless </div>"

<div style="{{dn-poster/background/css}}"> [[File:{{{image}}}|500px|frameless]] </div>

Template:Dn-poster

2021-02-28T08:39:22Z

FairyFighter:

<div style="{{dn-poster/css}}">
{{{Content}}}}}
{{dn-poster/background|image={{{Image}}}}}
</div>

Template:Dn-poster

2021-02-28T08:37:34Z

FairyFighter: Created page with "<div style="{{dn-pposter/css}}"> {{{Content}}}}} {{dn-parchment/background|image={{{Image}}}}} </div>"

<div style="{{dn-pposter/css}}">
{{{Content}}}}}
{{dn-parchment/background|image={{{Image}}}}}
</div>

Dn-The wealth of the Nexus-call-1

2021-02-28T08:36:23Z

FairyFighter: Created page with "{{dn-poster |Image=Parchment square.png |Content= <poem> Digger friends, We are entering a second phase in the study of Nexus Materials. Ba'Caun Bammy and Be'Gale..."

User:FairyFighter

2021-02-28T08:34:09Z

FairyFighter:

* [[dn-front-page]]
* [[dn-table]]
* [[Template:dn_FrontPage]]
*[[dn-wiki-document]]
*[[dn-Ryzom]]
*[[dn-css]]
*[[dn-The wealth of the Nexus-call]]
*[[dn-The wealth of the Nexus-call-1]]

----
{{dn_FrontPage}}

Dn-poster

2021-02-28T08:33:16Z

FairyFighter:

<div style="{{dn-parchment/content/css}}">
{{{content}}}
{{dn-parchment/background|image={{{Image}}}}}
</div>

Dn-poster

2021-02-28T08:30:34Z

FairyFighter: Created page with "<div style="{{dn-parchment/css}}"> {{dn-parchment/background|image={{{Image}}}}} {{dn-parchment/content|content={{{Content}}}}} </div>"

<div style="{{dn-parchment/css}}">
{{dn-parchment/background|image={{{Image}}}}}
{{dn-parchment/content|content={{{Content}}}}}
</div>

User:FairyFighter

2021-02-28T08:30:28Z

FairyFighter:

* [[dn-front-page]]
* [[dn-table]]
* [[Template:dn_FrontPage]]
*[[dn-wiki-document]]
*[[dn-Ryzom]]
*[[dn-css]]
*[[dn-The wealth of the Nexus-call]]
*[[dn-poster]]
----
{{dn_FrontPage}}

Template:Dn-ContentBox/image/css

2021-02-27T12:16:57Z

FairyFighter:

position: absolute; float: left; top: 0px; left: 0px; z-index: 1; border: 1px dotted green;

Template:Dn-ContentBox

2021-02-27T12:16:27Z

FairyFighter:

<div style="{{dn-ContentBox/css|Pallete={{{pallete}}} }}">
{{dn-ContentBox/image|Image={{{image}}} }}
{{dn-ContentBox/title|Title={{{title}}} }}
{{dn-ContentBox/line|Pallete={{{pallete}}} }}
{{dn-ContentBox/content|Pallete={{{pallete}}}|Content={{{content}}} }}
</div>
<br/><br/><br/><br/>
*-

Template:Dn-ContentBox/title/css

2021-02-27T12:16:16Z

FairyFighter:

position: absolute; margin-left:38px; top: 10px; left: 34px; color: {{:dn-{{{Pallete|RT}}}1}}; background-color: {{:dn-{{{Pallete|RT}}}6}}; border: 1px dotted blue;

Template:Dn-ContentBox

2021-02-27T12:15:00Z

FairyFighter:

Template:Dn-ContentBox/title/css

2021-02-27T12:14:37Z

FairyFighter:

position: absolute; height:100%; margin-left:38px; top: 10px; left: 34px; color: {{:dn-{{{Pallete|RT}}}1}}; background-color: {{:dn-{{{Pallete|RT}}}6}}; border: 1px dotted blue;

Template:Dn-ContentBox/image

2021-02-27T12:13:29Z

FairyFighter:

<div style="{{dn-ContentBox/image/css}}"> [[File:{{{Image}}}|38px|left]] </div>

Dn-css-4

2021-02-27T12:11:26Z

FairyFighter: /* Content Box */

==COLORS==
On first page of this essay I showed few rows from table below. Bare with me as I am Tryker and Marauder... I will concentrate on that combination ;-)
{{:dn-colors-table}}
If we would to agree with many CSS designers on internet we should need only five colors to create modern clean layout. By no means I will defend that statement nor I will try to dismiss its value, I am proposing here things to open discussion... BUT, if we would consider CSS designers idea we should, or at least try, to restrict amount of colors used. That's why I posted this contraption:
{{dn-pallete-table
|1=dn-RT1
|2=dn-RT2
|3=dn-RT3
|4=dn-RT4
|5=dn-RT5
|6=dn-RT6
|7=dn-RT7
|8=dn-MR3
}}
before I go any further, I would like to share idea behind this model and PLEASE do not bother with code of it for a moment...
Try to not see 'dn-' part at all the time. I use it to easly identify 'my' code in this development stage.
Lets have a look at bit of CSS (this one should look familiar ;) ):
<syntaxhighlight>
<div style="
border:1px solid #{{ColorAtys|group={{{palette}}}}};
background: #{{ColorAtys|type=bg|group={{{palette}}}}};
background: linear-gradient(to right, #{{ColorAtys|type=bg|group={{{palette}}}}}, #{{ColorAtys|type=light|group={{{palette}}}}});
border: thin solid #{{ColorAtys|type=bg|group={{{palette}}}}};
border-bottom: thin outset #{{ColorAtys|type=dark|group={{{palette}}}}};
color: #{{ColorAtys|type=fg|group={{{palette}}}}};
">
</syntaxhighlight>
Lets start disecting:

=== Dynamic colors ===
I am not gonna explain how colors are chosen to form a pallet for css layout, plenty of resources out there there... What I will like to do is analize bit of code from above:
* border:1px solid #{{ColorAtys|group={{{palette}}}}};
** here we have: ''BorderColor''
* background: #{{ColorAtys|type=bg|group={{{palette}}}}};
** here we have: ''BackgroundColor''
* background: linear-gradient(to right, #{{ColorAtys|type=bg|group={{{palette}}}}}, #{{ColorAtys|type=light|group={{{palette}}}}});
** fancy stuff: ''ColorFrom'' and ''ColorTo''
* border: thin solid #{{ColorAtys|type=bg|group={{{palette}}}}};
** here we have: ''BorderColor''... I saw that already here...
* border-bottom: thin outset #{{ColorAtys|type=dark|group={{{palette}}}}};
** here we have... ''BottomBorderColor''
* color: #{{ColorAtys|type=fg|group={{{palette}}}}};
** here we have: ''Color''
So we have now:
* ''BorderColor''
* ''BackgroundColor''
* ''ColorFrom'' and ''ColorTo''
* ''BorderColor''
* ''BottomBorderColor''
* ''Color''
and values are:
* <nowiki>{{ColorAtys|group={{{palette}}}}}</nowiki> : {{ColorAtys|group={{{palette}}}}}
* <nowiki>{{ColorAtys|type=fg|group={{{palette}}}}}</nowiki> : {{ColorAtys|type=fg|group={{{palette}}}}}
* <nowiki>{{ColorAtys|type=bg|group={{{palette}}}}}</nowiki> : {{ColorAtys|type=bg|group={{{palette}}}}}
* <nowiki>{{ColorAtys|type=bg|group={{{palette}}}}}</nowiki> : {{ColorAtys|type=bg|group={{{palette}}}}}
* <nowiki>{{ColorAtys|type=bg|group={{{palette}}}}}</nowiki> : {{ColorAtys|type=bg|group={{{palette}}}}}
* <nowiki>{{ColorAtys|type=light|group={{{palette}}}}}</nowiki> : {{ColorAtys|type=light|group={{{palette}}}}}
* <nowiki>{{ColorAtys|type=dark|group={{{palette}}}}}</nowiki> : {{ColorAtys|type=dark|group={{{palette}}}}}
so.. we have here four colors :-) only.
=== Flexibility ===
In ''css'' one of the ways to represent colors is: <nowiki>#EEFFFF</nowiki>. Lets stick to that, as it is more flexible equivalent of <nowiki>#EFF</nowiki>. Ok back to code: ''<nowiki>{{ColorAtys|type=bg|group={{{palette}}}}}</nowiki>''. This call is very flexible. Imo WAY TOO flexible! :-) If we are looking for a layout that is consistent, easy on eyes and looks clean, we should/must restrict flexibility in favor of style. <br/>
That's one consideration. Another one is readability of code. That template: <br/>'''''<nowiki>{{ColorAtys|type=bg|group={{{palette}}}}}</nowiki>''''' has two parameters and you can find it ONLY in one place in code: where color code have to be.<br/>
So, for example, in here: '''''<nowiki>style="background:#{{ColorAtys|type=dark}};</nowiki>''''' same as here: '''''<nowiki> style="color:#{{ColorAtys|type=light}}"</nowiki>'''''. So what we actually want is: '''<nowiki>style="background:{{BackGroundColor}};</nowiki>''' and: '''<nowiki> style="color:{{Color}}"</nowiki>'''. And why do we want it, so that we can easily read it. <br/>
But now we can read it, but we lost flexibility, our limited flexibility. We know where the colors will have to come, we know their 'location': text color, background color, border color, whatever color... We want to adjust these colors depending of the space we are in wiki: page about Trykers will have differnt colors then one about Marauders or Rangers. That's, as already realized in existent template by calling it '''Pallete'''. So I came up with this notation for colors:
'''<nowiki>{{ColorAtys|type=bg|group={{{palette}}}}}</nowiki>''' = '''<nowiki>{{:{{{Pallete}}}{{varLocation}} }}</nowiki>'''
... and whats so amazing about this? We need only one parameter as another one is kinda... fixed. Allow me to explain further... Lets create few constants:
*Text Color: dn-varTextColor
*Background Text Color: dn-varBackgroundTextColor
*Header Text Color : dn-varHeaderTextColor
*Header Background Color: dn-varHeaderBackgroundColor
*Paragraph Header Color: dn-varParagraphHeaderColor
*Line Color: dn-varLineColor
Please bare with me a bit longer...
Now we create pages that will hold numeric value representing position in Pallete:
*[[dn-varTextColor|Text Color]]: dn-varTextColor -> {{:dn-varTextColor}}
*[[dn-varBackgroundTextColor|Background Text Color]]: dn-varBackgroundTextColor -> {{:dn-varBackgroundTextColor}}
*[[dn-varHeaderTextColor|Header Text Color ]]: dn-varHeaderTextColor -> {{:dn-varHeaderTextColor}}
*[[dn-varHeaderBackgroundColor|Header Background Color]]: dn-varHeaderBackgroundColor -> {{:dn-varHeaderBackgroundColor}}
*[[dn-varParagraphHeaderColor|Paragraph Header Color]]: dn-varParagraphHeaderColor -> {{:dn-varParagraphHeaderColor}}
*[[dn-varLineColor|Line Color]]: dn-varLineColor -> {{:dn-varLineColor}}
==Content Box ==
{{dn-ContentBox
|title= Some title
|image=38px-Spe inventory.png
|pallete=MR
|content= {{dn-LoremIpsum}}
}}

----
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
===.....===
{{dn-ContentBox}}
----
{{:dn-menu-buttons
|CellCount=2
|Pallete=MR
|Link1=[[dn-css-3| <- BACK]]
|Link2=[[dn-css-5| NEXT ->]]
}}

Dn-css-4

2021-02-27T12:07:58Z

FairyFighter: /* Content Box */

==COLORS==
On first page of this essay I showed few rows from table below. Bare with me as I am Tryker and Marauder... I will concentrate on that combination ;-)
{{:dn-colors-table}}
If we would to agree with many CSS designers on internet we should need only five colors to create modern clean layout. By no means I will defend that statement nor I will try to dismiss its value, I am proposing here things to open discussion... BUT, if we would consider CSS designers idea we should, or at least try, to restrict amount of colors used. That's why I posted this contraption:
{{dn-pallete-table
|1=dn-RT1
|2=dn-RT2
|3=dn-RT3
|4=dn-RT4
|5=dn-RT5
|6=dn-RT6
|7=dn-RT7
|8=dn-MR3
}}
before I go any further, I would like to share idea behind this model and PLEASE do not bother with code of it for a moment...
Try to not see 'dn-' part at all the time. I use it to easly identify 'my' code in this development stage.
Lets have a look at bit of CSS (this one should look familiar ;) ):
<syntaxhighlight>
<div style="
border:1px solid #{{ColorAtys|group={{{palette}}}}};
background: #{{ColorAtys|type=bg|group={{{palette}}}}};
background: linear-gradient(to right, #{{ColorAtys|type=bg|group={{{palette}}}}}, #{{ColorAtys|type=light|group={{{palette}}}}});
border: thin solid #{{ColorAtys|type=bg|group={{{palette}}}}};
border-bottom: thin outset #{{ColorAtys|type=dark|group={{{palette}}}}};
color: #{{ColorAtys|type=fg|group={{{palette}}}}};
">
</syntaxhighlight>
Lets start disecting:

=== Dynamic colors ===
I am not gonna explain how colors are chosen to form a pallet for css layout, plenty of resources out there there... What I will like to do is analize bit of code from above:
* border:1px solid #{{ColorAtys|group={{{palette}}}}};
** here we have: ''BorderColor''
* background: #{{ColorAtys|type=bg|group={{{palette}}}}};
** here we have: ''BackgroundColor''
* background: linear-gradient(to right, #{{ColorAtys|type=bg|group={{{palette}}}}}, #{{ColorAtys|type=light|group={{{palette}}}}});
** fancy stuff: ''ColorFrom'' and ''ColorTo''
* border: thin solid #{{ColorAtys|type=bg|group={{{palette}}}}};
** here we have: ''BorderColor''... I saw that already here...
* border-bottom: thin outset #{{ColorAtys|type=dark|group={{{palette}}}}};
** here we have... ''BottomBorderColor''
* color: #{{ColorAtys|type=fg|group={{{palette}}}}};
** here we have: ''Color''
So we have now:
* ''BorderColor''
* ''BackgroundColor''
* ''ColorFrom'' and ''ColorTo''
* ''BorderColor''
* ''BottomBorderColor''
* ''Color''
and values are:
* <nowiki>{{ColorAtys|group={{{palette}}}}}</nowiki> : {{ColorAtys|group={{{palette}}}}}
* <nowiki>{{ColorAtys|type=fg|group={{{palette}}}}}</nowiki> : {{ColorAtys|type=fg|group={{{palette}}}}}
* <nowiki>{{ColorAtys|type=bg|group={{{palette}}}}}</nowiki> : {{ColorAtys|type=bg|group={{{palette}}}}}
* <nowiki>{{ColorAtys|type=bg|group={{{palette}}}}}</nowiki> : {{ColorAtys|type=bg|group={{{palette}}}}}
* <nowiki>{{ColorAtys|type=bg|group={{{palette}}}}}</nowiki> : {{ColorAtys|type=bg|group={{{palette}}}}}
* <nowiki>{{ColorAtys|type=light|group={{{palette}}}}}</nowiki> : {{ColorAtys|type=light|group={{{palette}}}}}
* <nowiki>{{ColorAtys|type=dark|group={{{palette}}}}}</nowiki> : {{ColorAtys|type=dark|group={{{palette}}}}}
so.. we have here four colors :-) only.
=== Flexibility ===
In ''css'' one of the ways to represent colors is: <nowiki>#EEFFFF</nowiki>. Lets stick to that, as it is more flexible equivalent of <nowiki>#EFF</nowiki>. Ok back to code: ''<nowiki>{{ColorAtys|type=bg|group={{{palette}}}}}</nowiki>''. This call is very flexible. Imo WAY TOO flexible! :-) If we are looking for a layout that is consistent, easy on eyes and looks clean, we should/must restrict flexibility in favor of style. <br/>
That's one consideration. Another one is readability of code. That template: <br/>'''''<nowiki>{{ColorAtys|type=bg|group={{{palette}}}}}</nowiki>''''' has two parameters and you can find it ONLY in one place in code: where color code have to be.<br/>
So, for example, in here: '''''<nowiki>style="background:#{{ColorAtys|type=dark}};</nowiki>''''' same as here: '''''<nowiki> style="color:#{{ColorAtys|type=light}}"</nowiki>'''''. So what we actually want is: '''<nowiki>style="background:{{BackGroundColor}};</nowiki>''' and: '''<nowiki> style="color:{{Color}}"</nowiki>'''. And why do we want it, so that we can easily read it. <br/>
But now we can read it, but we lost flexibility, our limited flexibility. We know where the colors will have to come, we know their 'location': text color, background color, border color, whatever color... We want to adjust these colors depending of the space we are in wiki: page about Trykers will have differnt colors then one about Marauders or Rangers. That's, as already realized in existent template by calling it '''Pallete'''. So I came up with this notation for colors:
'''<nowiki>{{ColorAtys|type=bg|group={{{palette}}}}}</nowiki>''' = '''<nowiki>{{:{{{Pallete}}}{{varLocation}} }}</nowiki>'''
... and whats so amazing about this? We need only one parameter as another one is kinda... fixed. Allow me to explain further... Lets create few constants:
*Text Color: dn-varTextColor
*Background Text Color: dn-varBackgroundTextColor
*Header Text Color : dn-varHeaderTextColor
*Header Background Color: dn-varHeaderBackgroundColor
*Paragraph Header Color: dn-varParagraphHeaderColor
*Line Color: dn-varLineColor
Please bare with me a bit longer...
Now we create pages that will hold numeric value representing position in Pallete:
*[[dn-varTextColor|Text Color]]: dn-varTextColor -> {{:dn-varTextColor}}
*[[dn-varBackgroundTextColor|Background Text Color]]: dn-varBackgroundTextColor -> {{:dn-varBackgroundTextColor}}
*[[dn-varHeaderTextColor|Header Text Color ]]: dn-varHeaderTextColor -> {{:dn-varHeaderTextColor}}
*[[dn-varHeaderBackgroundColor|Header Background Color]]: dn-varHeaderBackgroundColor -> {{:dn-varHeaderBackgroundColor}}
*[[dn-varParagraphHeaderColor|Paragraph Header Color]]: dn-varParagraphHeaderColor -> {{:dn-varParagraphHeaderColor}}
*[[dn-varLineColor|Line Color]]: dn-varLineColor -> {{:dn-varLineColor}}
==Content Box ==
{{dn-ContentBox
|title= Some title
|image=38px-Spe inventory.png
|pallete=MR
|content= {{dn-LoremIpsum}}
}}
*--
*-
----
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
===.....===
{{dn-ContentBox}}
----
{{:dn-menu-buttons
|CellCount=2
|Pallete=MR
|Link1=[[dn-css-3| <- BACK]]
|Link2=[[dn-css-5| NEXT ->]]
}}

Template:Dn-ContentBox

2021-02-27T12:07:45Z

FairyFighter:

Template:Dn-ContentBox/title/css

2021-02-27T12:07:20Z

FairyFighter:

position: absolute; height:100%; margin-left:38px; top: 10px; left: 34px; color: {{:dn-{{{Pallete|RT}}}1}}; background-color: {{:dn-{{{Pallete|RT}}}6}}; border: 1px dotted orange;

Dn-css-4

2021-02-27T12:02:29Z

FairyFighter: /* Content Box */

==COLORS==
On first page of this essay I showed few rows from table below. Bare with me as I am Tryker and Marauder... I will concentrate on that combination ;-)
{{:dn-colors-table}}
If we would to agree with many CSS designers on internet we should need only five colors to create modern clean layout. By no means I will defend that statement nor I will try to dismiss its value, I am proposing here things to open discussion... BUT, if we would consider CSS designers idea we should, or at least try, to restrict amount of colors used. That's why I posted this contraption:
{{dn-pallete-table
|1=dn-RT1
|2=dn-RT2
|3=dn-RT3
|4=dn-RT4
|5=dn-RT5
|6=dn-RT6
|7=dn-RT7
|8=dn-MR3
}}
before I go any further, I would like to share idea behind this model and PLEASE do not bother with code of it for a moment...
Try to not see 'dn-' part at all the time. I use it to easly identify 'my' code in this development stage.
Lets have a look at bit of CSS (this one should look familiar ;) ):
<syntaxhighlight>
<div style="
border:1px solid #{{ColorAtys|group={{{palette}}}}};
background: #{{ColorAtys|type=bg|group={{{palette}}}}};
background: linear-gradient(to right, #{{ColorAtys|type=bg|group={{{palette}}}}}, #{{ColorAtys|type=light|group={{{palette}}}}});
border: thin solid #{{ColorAtys|type=bg|group={{{palette}}}}};
border-bottom: thin outset #{{ColorAtys|type=dark|group={{{palette}}}}};
color: #{{ColorAtys|type=fg|group={{{palette}}}}};
">
</syntaxhighlight>
Lets start disecting:

=== Dynamic colors ===
I am not gonna explain how colors are chosen to form a pallet for css layout, plenty of resources out there there... What I will like to do is analize bit of code from above:
* border:1px solid #{{ColorAtys|group={{{palette}}}}};
** here we have: ''BorderColor''
* background: #{{ColorAtys|type=bg|group={{{palette}}}}};
** here we have: ''BackgroundColor''
* background: linear-gradient(to right, #{{ColorAtys|type=bg|group={{{palette}}}}}, #{{ColorAtys|type=light|group={{{palette}}}}});
** fancy stuff: ''ColorFrom'' and ''ColorTo''
* border: thin solid #{{ColorAtys|type=bg|group={{{palette}}}}};
** here we have: ''BorderColor''... I saw that already here...
* border-bottom: thin outset #{{ColorAtys|type=dark|group={{{palette}}}}};
** here we have... ''BottomBorderColor''
* color: #{{ColorAtys|type=fg|group={{{palette}}}}};
** here we have: ''Color''
So we have now:
* ''BorderColor''
* ''BackgroundColor''
* ''ColorFrom'' and ''ColorTo''
* ''BorderColor''
* ''BottomBorderColor''
* ''Color''
and values are:
* <nowiki>{{ColorAtys|group={{{palette}}}}}</nowiki> : {{ColorAtys|group={{{palette}}}}}
* <nowiki>{{ColorAtys|type=fg|group={{{palette}}}}}</nowiki> : {{ColorAtys|type=fg|group={{{palette}}}}}
* <nowiki>{{ColorAtys|type=bg|group={{{palette}}}}}</nowiki> : {{ColorAtys|type=bg|group={{{palette}}}}}
* <nowiki>{{ColorAtys|type=bg|group={{{palette}}}}}</nowiki> : {{ColorAtys|type=bg|group={{{palette}}}}}
* <nowiki>{{ColorAtys|type=bg|group={{{palette}}}}}</nowiki> : {{ColorAtys|type=bg|group={{{palette}}}}}
* <nowiki>{{ColorAtys|type=light|group={{{palette}}}}}</nowiki> : {{ColorAtys|type=light|group={{{palette}}}}}
* <nowiki>{{ColorAtys|type=dark|group={{{palette}}}}}</nowiki> : {{ColorAtys|type=dark|group={{{palette}}}}}
so.. we have here four colors :-) only.
=== Flexibility ===
In ''css'' one of the ways to represent colors is: <nowiki>#EEFFFF</nowiki>. Lets stick to that, as it is more flexible equivalent of <nowiki>#EFF</nowiki>. Ok back to code: ''<nowiki>{{ColorAtys|type=bg|group={{{palette}}}}}</nowiki>''. This call is very flexible. Imo WAY TOO flexible! :-) If we are looking for a layout that is consistent, easy on eyes and looks clean, we should/must restrict flexibility in favor of style. <br/>
That's one consideration. Another one is readability of code. That template: <br/>'''''<nowiki>{{ColorAtys|type=bg|group={{{palette}}}}}</nowiki>''''' has two parameters and you can find it ONLY in one place in code: where color code have to be.<br/>
So, for example, in here: '''''<nowiki>style="background:#{{ColorAtys|type=dark}};</nowiki>''''' same as here: '''''<nowiki> style="color:#{{ColorAtys|type=light}}"</nowiki>'''''. So what we actually want is: '''<nowiki>style="background:{{BackGroundColor}};</nowiki>''' and: '''<nowiki> style="color:{{Color}}"</nowiki>'''. And why do we want it, so that we can easily read it. <br/>
But now we can read it, but we lost flexibility, our limited flexibility. We know where the colors will have to come, we know their 'location': text color, background color, border color, whatever color... We want to adjust these colors depending of the space we are in wiki: page about Trykers will have differnt colors then one about Marauders or Rangers. That's, as already realized in existent template by calling it '''Pallete'''. So I came up with this notation for colors:
'''<nowiki>{{ColorAtys|type=bg|group={{{palette}}}}}</nowiki>''' = '''<nowiki>{{:{{{Pallete}}}{{varLocation}} }}</nowiki>'''
... and whats so amazing about this? We need only one parameter as another one is kinda... fixed. Allow me to explain further... Lets create few constants:
*Text Color: dn-varTextColor
*Background Text Color: dn-varBackgroundTextColor
*Header Text Color : dn-varHeaderTextColor
*Header Background Color: dn-varHeaderBackgroundColor
*Paragraph Header Color: dn-varParagraphHeaderColor
*Line Color: dn-varLineColor
Please bare with me a bit longer...
Now we create pages that will hold numeric value representing position in Pallete:
*[[dn-varTextColor|Text Color]]: dn-varTextColor -> {{:dn-varTextColor}}
*[[dn-varBackgroundTextColor|Background Text Color]]: dn-varBackgroundTextColor -> {{:dn-varBackgroundTextColor}}
*[[dn-varHeaderTextColor|Header Text Color ]]: dn-varHeaderTextColor -> {{:dn-varHeaderTextColor}}
*[[dn-varHeaderBackgroundColor|Header Background Color]]: dn-varHeaderBackgroundColor -> {{:dn-varHeaderBackgroundColor}}
*[[dn-varParagraphHeaderColor|Paragraph Header Color]]: dn-varParagraphHeaderColor -> {{:dn-varParagraphHeaderColor}}
*[[dn-varLineColor|Line Color]]: dn-varLineColor -> {{:dn-varLineColor}}
==Content Box ==
{{dn-ContentBox
|title= Some title
|image=38px-Spe inventory.png
|pallete=MR
|content= {{dn-LoremIpsum}}
}}
*--
----
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
===.....===
{{dn-ContentBox}}
----
{{:dn-menu-buttons
|CellCount=2
|Pallete=MR
|Link1=[[dn-css-3| <- BACK]]
|Link2=[[dn-css-5| NEXT ->]]
}}

Template:Dn-ContentBox

2021-02-27T12:02:20Z

FairyFighter:

Template:Dn-ContentBox/title/css

2021-02-27T12:02:03Z

FairyFighter:

position: absolute; height:100%; width: 80%; top: 10px; left: 34px; color: {{:dn-{{{Pallete|RT}}}1}}; background-color: {{:dn-{{{Pallete|RT}}}6}}; border: 1px dotted orange;

Dn-css-4

2021-02-27T12:01:25Z

FairyFighter: /* Content Box */

==COLORS==
On first page of this essay I showed few rows from table below. Bare with me as I am Tryker and Marauder... I will concentrate on that combination ;-)
{{:dn-colors-table}}
If we would to agree with many CSS designers on internet we should need only five colors to create modern clean layout. By no means I will defend that statement nor I will try to dismiss its value, I am proposing here things to open discussion... BUT, if we would consider CSS designers idea we should, or at least try, to restrict amount of colors used. That's why I posted this contraption:
{{dn-pallete-table
|1=dn-RT1
|2=dn-RT2
|3=dn-RT3
|4=dn-RT4
|5=dn-RT5
|6=dn-RT6
|7=dn-RT7
|8=dn-MR3
}}
before I go any further, I would like to share idea behind this model and PLEASE do not bother with code of it for a moment...
Try to not see 'dn-' part at all the time. I use it to easly identify 'my' code in this development stage.
Lets have a look at bit of CSS (this one should look familiar ;) ):
<syntaxhighlight>
<div style="
border:1px solid #{{ColorAtys|group={{{palette}}}}};
background: #{{ColorAtys|type=bg|group={{{palette}}}}};
background: linear-gradient(to right, #{{ColorAtys|type=bg|group={{{palette}}}}}, #{{ColorAtys|type=light|group={{{palette}}}}});
border: thin solid #{{ColorAtys|type=bg|group={{{palette}}}}};
border-bottom: thin outset #{{ColorAtys|type=dark|group={{{palette}}}}};
color: #{{ColorAtys|type=fg|group={{{palette}}}}};
">
</syntaxhighlight>
Lets start disecting:

=== Dynamic colors ===
I am not gonna explain how colors are chosen to form a pallet for css layout, plenty of resources out there there... What I will like to do is analize bit of code from above:
* border:1px solid #{{ColorAtys|group={{{palette}}}}};
** here we have: ''BorderColor''
* background: #{{ColorAtys|type=bg|group={{{palette}}}}};
** here we have: ''BackgroundColor''
* background: linear-gradient(to right, #{{ColorAtys|type=bg|group={{{palette}}}}}, #{{ColorAtys|type=light|group={{{palette}}}}});
** fancy stuff: ''ColorFrom'' and ''ColorTo''
* border: thin solid #{{ColorAtys|type=bg|group={{{palette}}}}};
** here we have: ''BorderColor''... I saw that already here...
* border-bottom: thin outset #{{ColorAtys|type=dark|group={{{palette}}}}};
** here we have... ''BottomBorderColor''
* color: #{{ColorAtys|type=fg|group={{{palette}}}}};
** here we have: ''Color''
So we have now:
* ''BorderColor''
* ''BackgroundColor''
* ''ColorFrom'' and ''ColorTo''
* ''BorderColor''
* ''BottomBorderColor''
* ''Color''
and values are:
* <nowiki>{{ColorAtys|group={{{palette}}}}}</nowiki> : {{ColorAtys|group={{{palette}}}}}
* <nowiki>{{ColorAtys|type=fg|group={{{palette}}}}}</nowiki> : {{ColorAtys|type=fg|group={{{palette}}}}}
* <nowiki>{{ColorAtys|type=bg|group={{{palette}}}}}</nowiki> : {{ColorAtys|type=bg|group={{{palette}}}}}
* <nowiki>{{ColorAtys|type=bg|group={{{palette}}}}}</nowiki> : {{ColorAtys|type=bg|group={{{palette}}}}}
* <nowiki>{{ColorAtys|type=bg|group={{{palette}}}}}</nowiki> : {{ColorAtys|type=bg|group={{{palette}}}}}
* <nowiki>{{ColorAtys|type=light|group={{{palette}}}}}</nowiki> : {{ColorAtys|type=light|group={{{palette}}}}}
* <nowiki>{{ColorAtys|type=dark|group={{{palette}}}}}</nowiki> : {{ColorAtys|type=dark|group={{{palette}}}}}
so.. we have here four colors :-) only.
=== Flexibility ===
In ''css'' one of the ways to represent colors is: <nowiki>#EEFFFF</nowiki>. Lets stick to that, as it is more flexible equivalent of <nowiki>#EFF</nowiki>. Ok back to code: ''<nowiki>{{ColorAtys|type=bg|group={{{palette}}}}}</nowiki>''. This call is very flexible. Imo WAY TOO flexible! :-) If we are looking for a layout that is consistent, easy on eyes and looks clean, we should/must restrict flexibility in favor of style. <br/>
That's one consideration. Another one is readability of code. That template: <br/>'''''<nowiki>{{ColorAtys|type=bg|group={{{palette}}}}}</nowiki>''''' has two parameters and you can find it ONLY in one place in code: where color code have to be.<br/>
So, for example, in here: '''''<nowiki>style="background:#{{ColorAtys|type=dark}};</nowiki>''''' same as here: '''''<nowiki> style="color:#{{ColorAtys|type=light}}"</nowiki>'''''. So what we actually want is: '''<nowiki>style="background:{{BackGroundColor}};</nowiki>''' and: '''<nowiki> style="color:{{Color}}"</nowiki>'''. And why do we want it, so that we can easily read it. <br/>
But now we can read it, but we lost flexibility, our limited flexibility. We know where the colors will have to come, we know their 'location': text color, background color, border color, whatever color... We want to adjust these colors depending of the space we are in wiki: page about Trykers will have differnt colors then one about Marauders or Rangers. That's, as already realized in existent template by calling it '''Pallete'''. So I came up with this notation for colors:
'''<nowiki>{{ColorAtys|type=bg|group={{{palette}}}}}</nowiki>''' = '''<nowiki>{{:{{{Pallete}}}{{varLocation}} }}</nowiki>'''
... and whats so amazing about this? We need only one parameter as another one is kinda... fixed. Allow me to explain further... Lets create few constants:
*Text Color: dn-varTextColor
*Background Text Color: dn-varBackgroundTextColor
*Header Text Color : dn-varHeaderTextColor
*Header Background Color: dn-varHeaderBackgroundColor
*Paragraph Header Color: dn-varParagraphHeaderColor
*Line Color: dn-varLineColor
Please bare with me a bit longer...
Now we create pages that will hold numeric value representing position in Pallete:
*[[dn-varTextColor|Text Color]]: dn-varTextColor -> {{:dn-varTextColor}}
*[[dn-varBackgroundTextColor|Background Text Color]]: dn-varBackgroundTextColor -> {{:dn-varBackgroundTextColor}}
*[[dn-varHeaderTextColor|Header Text Color ]]: dn-varHeaderTextColor -> {{:dn-varHeaderTextColor}}
*[[dn-varHeaderBackgroundColor|Header Background Color]]: dn-varHeaderBackgroundColor -> {{:dn-varHeaderBackgroundColor}}
*[[dn-varParagraphHeaderColor|Paragraph Header Color]]: dn-varParagraphHeaderColor -> {{:dn-varParagraphHeaderColor}}
*[[dn-varLineColor|Line Color]]: dn-varLineColor -> {{:dn-varLineColor}}
==Content Box ==
{{dn-ContentBox
|title= Some title
|image=38px-Spe inventory.png
|pallete=MR
|content= {{dn-LoremIpsum}}
}}
*----
----
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
===.....===
{{dn-ContentBox}}
----
{{:dn-menu-buttons
|CellCount=2
|Pallete=MR
|Link1=[[dn-css-3| <- BACK]]
|Link2=[[dn-css-5| NEXT ->]]
}}

Template:Dn-ContentBox/content/css

2021-02-27T12:01:14Z

FairyFighter:

position: absolute; width:98%; top: 30px; left: 10px; background-color:{{:dn-{{{Pallete|RT}}}2}}; border: 1px dotted red;

Template:Dn-ContentBox/line

2021-02-27T12:00:01Z

FairyFighter:

Dn-css-4

2021-02-27T11:59:12Z

FairyFighter: /* Content Box */

==COLORS==
On first page of this essay I showed few rows from table below. Bare with me as I am Tryker and Marauder... I will concentrate on that combination ;-)
{{:dn-colors-table}}
If we would to agree with many CSS designers on internet we should need only five colors to create modern clean layout. By no means I will defend that statement nor I will try to dismiss its value, I am proposing here things to open discussion... BUT, if we would consider CSS designers idea we should, or at least try, to restrict amount of colors used. That's why I posted this contraption:
{{dn-pallete-table
|1=dn-RT1
|2=dn-RT2
|3=dn-RT3
|4=dn-RT4
|5=dn-RT5
|6=dn-RT6
|7=dn-RT7
|8=dn-MR3
}}
before I go any further, I would like to share idea behind this model and PLEASE do not bother with code of it for a moment...
Try to not see 'dn-' part at all the time. I use it to easly identify 'my' code in this development stage.
Lets have a look at bit of CSS (this one should look familiar ;) ):
<syntaxhighlight>
<div style="
border:1px solid #{{ColorAtys|group={{{palette}}}}};
background: #{{ColorAtys|type=bg|group={{{palette}}}}};
background: linear-gradient(to right, #{{ColorAtys|type=bg|group={{{palette}}}}}, #{{ColorAtys|type=light|group={{{palette}}}}});
border: thin solid #{{ColorAtys|type=bg|group={{{palette}}}}};
border-bottom: thin outset #{{ColorAtys|type=dark|group={{{palette}}}}};
color: #{{ColorAtys|type=fg|group={{{palette}}}}};
">
</syntaxhighlight>
Lets start disecting:

=== Dynamic colors ===
I am not gonna explain how colors are chosen to form a pallet for css layout, plenty of resources out there there... What I will like to do is analize bit of code from above:
* border:1px solid #{{ColorAtys|group={{{palette}}}}};
** here we have: ''BorderColor''
* background: #{{ColorAtys|type=bg|group={{{palette}}}}};
** here we have: ''BackgroundColor''
* background: linear-gradient(to right, #{{ColorAtys|type=bg|group={{{palette}}}}}, #{{ColorAtys|type=light|group={{{palette}}}}});
** fancy stuff: ''ColorFrom'' and ''ColorTo''
* border: thin solid #{{ColorAtys|type=bg|group={{{palette}}}}};
** here we have: ''BorderColor''... I saw that already here...
* border-bottom: thin outset #{{ColorAtys|type=dark|group={{{palette}}}}};
** here we have... ''BottomBorderColor''
* color: #{{ColorAtys|type=fg|group={{{palette}}}}};
** here we have: ''Color''
So we have now:
* ''BorderColor''
* ''BackgroundColor''
* ''ColorFrom'' and ''ColorTo''
* ''BorderColor''
* ''BottomBorderColor''
* ''Color''
and values are:
* <nowiki>{{ColorAtys|group={{{palette}}}}}</nowiki> : {{ColorAtys|group={{{palette}}}}}
* <nowiki>{{ColorAtys|type=fg|group={{{palette}}}}}</nowiki> : {{ColorAtys|type=fg|group={{{palette}}}}}
* <nowiki>{{ColorAtys|type=bg|group={{{palette}}}}}</nowiki> : {{ColorAtys|type=bg|group={{{palette}}}}}
* <nowiki>{{ColorAtys|type=bg|group={{{palette}}}}}</nowiki> : {{ColorAtys|type=bg|group={{{palette}}}}}
* <nowiki>{{ColorAtys|type=bg|group={{{palette}}}}}</nowiki> : {{ColorAtys|type=bg|group={{{palette}}}}}
* <nowiki>{{ColorAtys|type=light|group={{{palette}}}}}</nowiki> : {{ColorAtys|type=light|group={{{palette}}}}}
* <nowiki>{{ColorAtys|type=dark|group={{{palette}}}}}</nowiki> : {{ColorAtys|type=dark|group={{{palette}}}}}
so.. we have here four colors :-) only.
=== Flexibility ===
In ''css'' one of the ways to represent colors is: <nowiki>#EEFFFF</nowiki>. Lets stick to that, as it is more flexible equivalent of <nowiki>#EFF</nowiki>. Ok back to code: ''<nowiki>{{ColorAtys|type=bg|group={{{palette}}}}}</nowiki>''. This call is very flexible. Imo WAY TOO flexible! :-) If we are looking for a layout that is consistent, easy on eyes and looks clean, we should/must restrict flexibility in favor of style. <br/>
That's one consideration. Another one is readability of code. That template: <br/>'''''<nowiki>{{ColorAtys|type=bg|group={{{palette}}}}}</nowiki>''''' has two parameters and you can find it ONLY in one place in code: where color code have to be.<br/>
So, for example, in here: '''''<nowiki>style="background:#{{ColorAtys|type=dark}};</nowiki>''''' same as here: '''''<nowiki> style="color:#{{ColorAtys|type=light}}"</nowiki>'''''. So what we actually want is: '''<nowiki>style="background:{{BackGroundColor}};</nowiki>''' and: '''<nowiki> style="color:{{Color}}"</nowiki>'''. And why do we want it, so that we can easily read it. <br/>
But now we can read it, but we lost flexibility, our limited flexibility. We know where the colors will have to come, we know their 'location': text color, background color, border color, whatever color... We want to adjust these colors depending of the space we are in wiki: page about Trykers will have differnt colors then one about Marauders or Rangers. That's, as already realized in existent template by calling it '''Pallete'''. So I came up with this notation for colors:
'''<nowiki>{{ColorAtys|type=bg|group={{{palette}}}}}</nowiki>''' = '''<nowiki>{{:{{{Pallete}}}{{varLocation}} }}</nowiki>'''
... and whats so amazing about this? We need only one parameter as another one is kinda... fixed. Allow me to explain further... Lets create few constants:
*Text Color: dn-varTextColor
*Background Text Color: dn-varBackgroundTextColor
*Header Text Color : dn-varHeaderTextColor
*Header Background Color: dn-varHeaderBackgroundColor
*Paragraph Header Color: dn-varParagraphHeaderColor
*Line Color: dn-varLineColor
Please bare with me a bit longer...
Now we create pages that will hold numeric value representing position in Pallete:
*[[dn-varTextColor|Text Color]]: dn-varTextColor -> {{:dn-varTextColor}}
*[[dn-varBackgroundTextColor|Background Text Color]]: dn-varBackgroundTextColor -> {{:dn-varBackgroundTextColor}}
*[[dn-varHeaderTextColor|Header Text Color ]]: dn-varHeaderTextColor -> {{:dn-varHeaderTextColor}}
*[[dn-varHeaderBackgroundColor|Header Background Color]]: dn-varHeaderBackgroundColor -> {{:dn-varHeaderBackgroundColor}}
*[[dn-varParagraphHeaderColor|Paragraph Header Color]]: dn-varParagraphHeaderColor -> {{:dn-varParagraphHeaderColor}}
*[[dn-varLineColor|Line Color]]: dn-varLineColor -> {{:dn-varLineColor}}
==Content Box ==
{{dn-ContentBox
|title= Some title
|image=38px-Spe inventory.png
|pallete=MR
|content= {{dn-LoremIpsum}}
}}
*--
----
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
===.....===
{{dn-ContentBox}}
----
{{:dn-menu-buttons
|CellCount=2
|Pallete=MR
|Link1=[[dn-css-3| <- BACK]]
|Link2=[[dn-css-5| NEXT ->]]
}}