Module:Documentation: Difference between revisions

From :: ChromeRivals Wiki ::
Jump to navigation Jump to search
Ranzu (talk | contribs)
Tag: Reverted
Ranzu (talk | contribs)
Tag: Manual revert
Line 224: Line 224:
.tabber__tab
.tabber__tab
</pre>
</pre>
<tabber>
|-| B-Gear=
First tab content goes here.
|-| I-Gear=
Second tab content goes here.
|-| M-Gear=
Third tab content goes here.
|-| A-Gear=
Third tab content goes here.
</tabber>
<tabber>
|-| First Tab Title=
{{#tag:tabber|
Tab Title A=
Tab content A goes here.
{{!}}-{{!}}
Tab Title B=
Tab content B goes here.
{{!}}-{{!}}
Tab Title C=
Tab content C goes here.
}}
|-|Second Tab Title=
{{#tag:tabber|
Tab Title D=
Tab content D goes here.
{{!}}-{{!}}
Tab Title E=
Tab content E goes here.
{{!}}-{{!}}
Tab Title F=
Tab content F goes here.
}}
|-|Third Tab Title=
{{#tag:tabber|
Tab Title G=
Tab content G goes here.
{{!}}-{{!}}
Tab Title H=
Tab content H goes here.
{{!}}-{{!}}
Tab Title I=
Tab content I goes here.
}}
</tabber>

Revision as of 14:39, 5 December 2023

This page contains documentation for templates, styles, drafts and special pages.

Templates

Color Templates

Color templates equivalent to game colors.
Used with E.g. {{/lblue}} or {{/blue}}, as closing tag.

Chat#Text_color

  • #B2BEFF {{lblue}} \a
  • #2C53FD {{blue}} \b
  • #00FFFF {{cyan}} \c
  • #777777 {{dgray}} \d
  • #F5B930 {{orange}} \e Enchant Manual
  • #00FF00 {{lime}} \g Enchant Fix
  • #F4891E{{dorange}} \h
  • #A64A0C {{brown}} \k
  • #00AAFF {{lapis}} \l
  • #FF00FF {{magenta}} \m
  • #77BB22 {{green}} \o
  • #FF66EE {{pink}} \p
  • #D0D0D0 {{lgray}} \q
  • #FF0000 {{red}} \r
  • #A135FF {{purple}} \u
  • #007400 {{dgreen}} \v
  • #FFFFFF {{white}} \w
  • #FFFF00 {{yellow}} \y

Toggle button

{{Toggle}}

Always include space or break before this template if you using Title.
Used with {{/Toggle}}, as closing tag.

{{Toggle|Title=Title_Goes_Here}}
Toggled_Content_Goes_Here
{{/Toggle}}


Used style selectors:

#ToggleButton
.ToggleContent 
.ToggleTitle


Preview:

Standard Enchanting Cards

Expand

Expand

Other

Hover to show

Hover over .HoverHide to show .hide


Used style selectors:

.HoverHide
.hide

Use width:max-content; for "button" hover only.


Preview:

Hover over this text
To see this

Custom Toggle

Used with: mw-customtoggle-myDivision1 mw-customcollapsible-myDivision1

(Changing myDivision1 to myDivision2, myDivision3 etc.)


Preview:

Click to toggle

Toggled Content

Drafts

Tabbers

Always include space between title and content. Used with td:nth-child(X) as column selector.

Simple tabber:

<tabber>
|-| B-Gear=

First tab content goes here.
|-| I-Gear=

Second tab content goes here.
|-| M-Gear=

Third tab content goes here.
|-| A-Gear=

Third tab content goes here.
</tabber>

Nested tabber:

<tabber>
|-| First Tab Title=
{{#tag:tabber|
Tab Title A=

Tab content A goes here.
{{!}}-{{!}}
Tab Title B=

Tab content B goes here.
{{!}}-{{!}}
Tab Title C=

Tab content C goes here.
}}
|-|Second Tab Title=
{{#tag:tabber|
Tab Title D=

Tab content D goes here.
{{!}}-{{!}}
Tab Title E=

Tab content E goes here.
{{!}}-{{!}}
Tab Title F=

Tab content F goes here.
}}
|-|Third Tab Title=
{{#tag:tabber|
Tab Title G=

Tab content G goes here.
{{!}}-{{!}}
Tab Title H=

Tab content H goes here.
{{!}}-{{!}}
Tab Title I=

Tab content I goes here.
}}
</tabber>


Used style selectors:

.tabber--live
.tabber__header
.tabber__indicator
.tabber__header__prev
.tabber__header__next
.tabber__section
.tabber__panel
.tabber__tab