Templates for Wikis (especially an Infobox Object)

Feature
2

Maybe use Generic Bbcode wrapper.

The image is a screenshot of a digital interface displaying technical information and a test box with an informational caption. (Captioned by AI)
The image is a screenshot of a digital interface displaying technical information and a test box with an informational caption. (Captioned by AI)864×797 54.8 KB

create a theme-component and add this to CSS Common.

div[data-wrap="redbox"]{
      margin-top: 0.15em;
      margin-bottom: 0.15em;
      padding-left: 0.30em;
      padding-right: 0.30em;
//* Uncomment line below to change background color.  Though in that case should be able to use bbcode background color.
//      background-color: var(--secondary);
//* Color & Thickness of Box
      border: 2.5px solid #ff0000;
      border-radius: 0.40em;
}
div[data-wrap="greenbox"]{
      margin-top: 0.15em;
      margin-bottom: 0.15em;
      padding-left: 0.30em;
      padding-right: 0.30em;
//      background-color: var(--secondary);
      border: 2.5px solid #00ff00;
      border-radius: 0.40em;
}
div[data-wrap="bluebox"]{
      margin-top: 0.15em;
      margin-bottom: 0.15em;
      padding-left: 0.30em;
      padding-right: 0.30em;
//      background-color: var(--secondary);
      border: 2.5px solid #0000ff;
      border-radius: 0.40em;
}
div[data-wrap="yellowbox"]{
      margin-top: 0.15em;
      margin-bottom: 0.15em;
      padding-left: 0.30em;
      padding-right: 0.30em;
//      background-color: var(--secondary);
      border: 2.5px solid #ffff00;
      border-radius: 0.40em;
}
div[data-wrap="box"]{
      margin-top: 0.15em;
      margin-bottom: 0.15em;
      padding-left: 0.30em;
      padding-right: 0.30em;
//      background-color: var(--secondary);
      border: 2.5px solid #808080;
      border-radius: 0.40em;
}

Note: Created several copies of above code for different colors. Ie “greenbox”, “yellowbox”, “bluebox” & “box”(grey)

The image shows a computer screen with a list of boxes, each labeled with a type of box and a testing text. (Captioned by AI)
The image shows a computer screen with a list of boxes, each labeled with a type of box and a testing text. (Captioned by AI)864×1480 106 KB

How to use in post

[wrap=redbox]
> ## Info box

Testing boxes
[/wrap]

Substitute “red” with appropriate color. For grey just “box”

Note 2; if using bbcode color plugin or theme-component instead of using “>”(blank line required as separator) or you could use bgcolor=

Colored Text TC Since this is a theme component it can be installed regardless of hosting.

There are 2 #plugins that supportBbcode color. Bbcode color or Formatting Toolbar. Warning only install one of these plugins; I think formatting tool bar warns installing both will break your site.