Ambox

Template documentation (for the above template, sometimes hidden or invisible)

Description and usage

This template is used to create article management templates. Note: This template requires sitewide CSS!

Use {{ambox|<...>}} on a template page, filling in the various options. The created template is then used at the top of various wiki pages to notify the user of issues.

Article management boxes should be used sparingly, as it can get in the way of content.

Dependencies

CSS

This template needs the following:

Copy the CSS to your MediaWiki:Wikia.css from the following page:
- Template:Ambox/code.css

CSS from Template:Ambox/code.css

.mbox {
	max-width: 97%;
	width: 80%;
	display: flex;
	position: relative;
	color: var(--theme-article-text-color);
	background-color: var(--theme-article-background-color--secondary);
	border-left: 10px solid #1e90ff;
	border-bottom-right-radius: 15px;
	box-shadow: 2px 2px 5px 0px var(--theme-article-neutral-color--inverted);
	margin: 0 auto;
	margin-bottom: 5px;
	min-height: 32px;
}

.mbox.mbox-type-red {
    border-left-color: #ff0000;
}
.mbox.mbox-type-orange {
    border-left-color: #f28500;
}
.mbox.mbox-type-yellow {
    border-left-color: #f4c430;
}
.mbox.mbox-type-green {
    border-left-color: #228b22;
}
.mbox.mbox-type-blue {
    border-left-color: #1e90ff;
}
.mbox.mbox-type-purple {
    border-left-color: #9932cc;
}
.mbox.mbox-type-gray {
    border-left-color: #4d4d4d;
}
.mbox.mbox-type-gold {
	border-left-color: #e4bc53;
}
.mbox.mbox-type-silver {
	border-left-color: #949b9d;
}

.mbox__content {
    display: table;
    box-sizing: border-box;
    width: 100%;
    padding-right: 40px;
}

.mbox__content__image {
    display: table-cell;
    width: 40px;
    height: 100%;
    text-align: center;
    vertical-align: middle;
}

.mw-parser-output .floatleft {
	margin: 0 10px 0 0;
}

.mbox__content__wrapper {
    display: table-cell;
    vertical-align: middle;
    padding: 5px;
}

.mbox__content__header {
	font-size: small;
    display: block;
    font-weight: bold;
    padding-bottom: 5px;
}

.mbox__content__text {
	font-size: 16px;
    display: block;
    font-weight: bold;
}

.mbox__content__text__comment {
	font-weight: normal;
    font-size: 16px;
}

.mbox__content__aside {
    display: table-cell;
    width: 100px;
    vertical-align: middle;
    text-align: center;
    padding-left: 15px;
    border-left: 1px solid var(--theme-article-text-color);
}

.mbox__min {
    position: absolute;
    right: 24px;
    top: 0;
    padding: 0 7px 0 0;
    font-weight: bold;
    font-size: 20px;
    color: var(--theme-article-text-color);
    cursor: pointer;
    transition: all .15s ease-in;
}

.mbox__min:hover {
    color: #1e90ff;
}

.mbox__min:focus {
    outline: 0;
}

.mbox__min:after {
    content: '–';
}

.mw-collapsed + .mbox__min:after {
    content: '+';
}

.mbox__close {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 7px 0 0;
    font-size: 24px;
    color: var(--theme-article-text-color);
    cursor: pointer;
    transition: all .15s ease-in;
}

.mbox__close:hover {
    color: #e6173c;
}

.mbox__close:focus {
    outline: 0;
}

@media print { .mbox { display: none; } }    /* no ambox when printing */

Named parameters

{{Ambox
|id			= 
|quote		= 
|no-quotemark = 
|type		= 
|info		= 
|aside		= 
|border		= 
|style		= 
|image		= 
|link		= 
|size		= 
|align		= 
|bgcolor	= 
|collapsed	= 
}}

|image=

image for use on the left, defaults to

. Takes full image file name, e.g. Wikia_Lotus.png.

|link=

the page that the image links to

|quote=

optional quote from NPCs.

|type=

top line text

|info=

list of extra info

|border=

border colour (defaults to blue)

red: ambox-red (serious issue)
orange: ambox-orange (important issue)
yellow: ambox-yellow (mild issue)
green: ambox-green (something good)
purple: ambox-purple
blue: ambox-blue
gray: ambox-gray

|style=: extra style parameters (unlikely to be used)

Examples

Default

{{ambox
| type = I am type
| info = I am info
}}

I am type

I am info

Red + image + quote

{{ambox
| image = Example.jpg
| link = image link (optional)
| quote = I am quote (optional)
| border = red
| type = I am type
| info =
* I am info
}}

“much flower”

I am type

* I am info

Other colors

Yellow

I am type

* I am info

Green

I am type

* I am info

Purple

I am type

* I am info

Blue

I am type

* I am info

Orange

I am type

* I am info

Gray

I am type

* I am info

Ambox

Contents

Description and usage

Dependencies

CSS

Named parameters

Examples

Default

Red + image + quote

Other colors

Yellow

Green

Purple

Blue

Orange

Gray

See also