User:Jak Himself/sandbox

CSS modifications
This module depends on CSS styles (link here, import instructions, etc.) However, some communities may wish to customize the appearance of the mboxes. The most common styling options are provided below:

 .mbox { /* the background of the entire box */; background-color: ;

/* the border color of the entire box */ border-color: ;

/* the border thickness of the entire box */ border-width: ;

/* the default thick left border color; note this can be changed from within the template implementations using the "color" parameter */ border-left-color: ;

/* the rounded-ness of the corners */; border-radius: ;

/* the baseline font-size of the mbox */ font-size: ; }

.mbox__content { /* the padding inside the mbox */ padding: ; }

.mbox__content__image { /* the minimum width of the mbox's image (if bigger, use the "imagewidth" parameter in the template) */ width: ;

/* the spacing to the left of the text (i.e., the right of the image) */ padding-right: ; }

.mbox__content__text__comment { /* the size of the text in the "comment" parameter */ font-size: ; }

.mbox__content__aside { /* any particular modifications to the "aside" area can go here */

/* the maximum width of the aside area */ width: ; }

.mbox__close { /* the appearance of the close symbol here */ }

.mbox__close:after { /* overwrite "content" here if you do not wish for the close symbol to be × */ content: ''; }

.mw-collapsed + .nbox__close { /* modifications to the close symbol when the box is closed */ }

.mw-collapsed + .nbox__close:after { /* overwrite "content" here if you do not wish for the close symbol to be + when the box is closed */ content: ''; }


 * Technical notes
 * The mbox module uses the BEM selector convention for readability and to make future additions to the HTML structure easier.
 * Additional inline styles to the root  element can be achieved via the   parameter in the template.

Wookieepedia style
 .mbox { background-color: #7bb0d8; border: none; border-radius: 10px; }
 * CSS:

.mbox__close:after { content: '[hide]'; }

.mw-collapsed + .mbox__close { transform: none; padding: 2px 7px; }

.mw-collapsed + .mbox__close:after { content: '[show]'; }

Technical and miscellaneous

 * There is no  parameter. In order to inject a category onto an article using a certain mbox implementation, simply add  . If you wish to make the injection of the category optional, add.