Editing Module:Message box/ambox.css

From Wings of Fire: The New World Wiki
Warning: You are not logged in. Your IP address will be publicly visible if you make any edits. If you log in or create an account, your edits will be attributed to your username, along with other benefits.

The edit can be undone. Please check the comparison below to verify that this is what you want to do, and then publish the changes below to finish undoing the edit.

Latest revision Your text
Line 1: Line 1:
/**
/* {{pp|small=y}} */
* {{ambox}} (article message box) styles
.ambox {
*
* @source https://www.mediawiki.org/wiki/MediaWiki:Gadget-enwp-boxes.css
* @revision 2021-07-15
*/
table.ambox {
/* 10% = Will not overlap with other elements */
margin: 0 10%;
/* Prevent overflow in narrow screens (<=850px) in the Timeless skin.
  See [[Skin:Timeless#Less than 851 pixels]]
  and https://phabricator.wikimedia.org/source/Timeless/browse/REL1_39/resources/screen-mobile.less$268 */
width: unset;
border: 1px solid #a2a9b1;
border: 1px solid #a2a9b1;
/* Default "notice" blue */
/* @noflip */
border-left: 10px solid #36c;
border-left: 10px solid #36c; /* Default "notice" blue */
background-color: #fbfbfb;
background-color: #fbfbfb;
box-sizing: border-box;
box-sizing: border-box;
}
}


/* Single border between stacked boxes. */
/* Single border between stacked boxes. Take into account base templatestyles,
table.ambox + table.ambox,
* user styles, and Template:Dated maintenance category.
table.ambox + link + table.ambox,
* remove link selector when T200206 is fixed
table.ambox + style + table.ambox {
*/
.ambox + link + .ambox,
.ambox + link + style + .ambox,
.ambox + link + link + .ambox,
/* TODO: raise these as "is this really that necessary???". the change was Dec 2021 */
.ambox + .mw-empty-elt + link + .ambox,
.ambox + .mw-empty-elt + link + style + .ambox,
.ambox + .mw-empty-elt + link + link + .ambox {
margin-top: -1px;
margin-top: -1px;
}
}


/* An empty narrow cell */
/* For the "small=left" option. */
.ambox td.mbox-empty-cell {
/* must override .ambox + .ambox styles above */
border: none;
html body.mediawiki .ambox.mbox-small-left {
padding: 0;
/* @noflip */
width: 1px;
margin: 4px 1em 4px 0;
overflow: hidden;
width: 238px;
border-collapse: collapse;
font-size: 88%;
line-height: 1.25em;
}
}


/* The message body cell(s) */
.ambox-speedy {
.ambox th.mbox-text,
/* @noflip */
.ambox td.mbox-text {
border-left: 10px solid #b32424;   /* Red */
border: none;
background-color: #fee7e6;         /* Pink */
/* 0.5em left/right */
padding: 0.25em 0.5em;
/* Make all mboxes the same width regardless of text length */
width: 100%;
}
}


/* The left image cell */
.ambox-delete {
.ambox td.mbox-image {
/* 0.5em left, 0px right */
/* @noflip */
/* @noflip */
padding: 2px 0 2px 0.5em;
border-left: 10px solid #b32424;   /* Red */
}
}


/* The right image cell */
.ambox-content {
.ambox td.mbox-imageright {
/* 0px left, 0.5em right */
/* @noflip */
/* @noflip */
padding: 2px 0.5em 2px 0;
border-left: 10px solid #f28500;   /* Orange */
}
}


table.ambox-notice {
.ambox-style {
/* Blue */
/* @noflip */
border-left-color: #36c;
border-left: 10px solid #fc3;       /* Yellow */
}
}


table.ambox-speedy {
.ambox-move {
/* Pink */
/* @noflip */
background-color: #fee7e6;
border-left: 10px solid #9932cc;   /* Purple */
}
}


table.ambox-delete,
.ambox-protection {
table.ambox-speedy {
/* @noflip */
/* Red */
border-left: 10px solid #a2a9b1;   /* Gray-gold */
border-left-color: #b32424;
}
}


table.ambox-content {
.ambox .mbox-text {
/* Orange */
border: none;
border-left-color: #f28500;
/* @noflip */
padding: 0.25em 0.5em;
width: 100%;
}
}


table.ambox-style {
.ambox .mbox-image {
/* Yellow */
border: none;
border-left-color: #fc3;
/* @noflip */
padding: 2px 0 2px 0.5em;
text-align: center;
}
}


table.ambox-move {
.ambox .mbox-imageright {
/* Purple */
border: none;
border-left-color: #9932cc;
/* @noflip */
padding: 2px 0.5em 2px 0;
text-align: center;
}
}


table.ambox-protection {
/* An empty narrow cell */
/* Gray-gold */
.ambox .mbox-empty-cell {
border-left-color: #a2a9b1;
border: none;
padding: 0;
width: 1px;
}
}


/**
.ambox .mbox-image-div {
* {{ambox|small=1}} styles
width: 52px;
*
}
* These ".mbox-small" classes must be placed after all other
* ".ambox" classes. "html body.mediawiki .ambox"
* is so they override both "table.ambox + table.ambox"
* and "table.ambox + link + table.ambox" above.
*
* @source https://www.mediawiki.org/wiki/MediaWiki:Gadget-enwp-boxes.css
* @revision 2021-07-15
*/


/* For the "small=yes" option. */
/* Hack around MobileFrontend being opinionated */
html body.mediawiki .ambox.mbox-small {
html.client-js body.skin-minerva .mbox-text-span {
clear: right;
margin-left: 23px !important;
float: right;
margin: 4px 0 4px 1em;
box-sizing: border-box;
width: 238px;
font-size: 88%;
line-height: 1.25em;
}
}


/* For the "small=left" option. */
@media (min-width: 720px) {
html body.mediawiki .ambox.mbox-small-left {
.ambox {
margin: 4px 1em 4px 0;
margin: 0 10%;                 /* 10% = Will not overlap with other elements */
box-sizing: border-box;
}
overflow: hidden;
width: 238px;
border-collapse: collapse;
font-size: 88%;
line-height: 1.25em;
}
}
Please note that all contributions to Wings of Fire: The New World Wiki are considered to be released under the Creative Commons Attribution (see WOFTNW:Copyrights for details). If you do not want your writing to be edited mercilessly and redistributed at will, then do not submit it here.
You are also promising us that you wrote this yourself, or copied it from a public domain or similar free resource. Do not submit copyrighted work without permission!
Cancel Editing help (opens in new window)

Templates used on this page:

Retrieved from "https://wiki.woftnw.org/wiki/Module:Message_box/ambox.css"