MediaWiki:Sitewide.css: Difference between revisions

From ArdaCraft Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Tag: Manual revert
 
(16 intermediate revisions by the same user not shown)
Line 1: Line 1:
.mbox {
/**
    display: table;
* {{ambox}} (article message box) styles
    border-color: #cfad63 #c9a34f #9c7a30;
*
    background-image: url("https://i.imgur.com/mBYSsGD.png");
* @source https://www.mediawiki.org/wiki/MediaWiki:Gadget-enwp-boxes.css
    background-clip: content-box;
* @revision 2021-07-15
    border-radius: 6px;
*/
    border-style: solid;
table.ambox {
    border-width: 2px 1px;
/* 10% = Will not overlap with other elements */
    border-image-slice: 52 52 52 52;
margin: 0 10%;
    border-image-width: 15px 15px 15px 15px;
/* Prevent overflow in narrow screens (<=850px) in the Timeless skin.
    border-image-outset: 0px 0px 0px 0px;
  See [[Skin:Timeless#Less than 851 pixels]]
    border-image-repeat: repeat repeat;
  and https://phabricator.wikimedia.org/source/Timeless/browse/REL1_39/resources/screen-mobile.less$268 */
    border-image-source: url("https://i.imgur.com/VZ6iz24.png");
width: unset;
    margin: 6px 10%;
border: 1px solid #a2a9b1;
    padding: 15px;
/* Default "notice" blue */
border-left: 10px solid #36c;
background-color: #fbfbfb;
box-sizing: border-box;
}
}
.mbox-small {
 
    clear: right;
/* Single border between stacked boxes. */
    float: right;
table.ambox + table.ambox,
    font-size: 88%;
table.ambox + link + table.ambox,
    line-height: 1.2;
table.ambox + style + table.ambox {
    margin: 6px 1px 6px 12px;
margin-top: -1px;
    width: 230px;
}
}
.mbox-small-left {
 
    clear: left;
/* An empty narrow cell */
    float: left;
.ambox td.mbox-empty-cell {
    font-size: 88%;
border: none;
    line-height: 1.2;
padding: 0;
    margin: 6px 12px 6px 0;
width: 1px;
    width: 230px;
}
}
.mbox-inner {
 
    display: table-row;
/* The message body cell(s) */
.ambox th.mbox-text,
.ambox td.mbox-text {
border: none;
/* 0.5em left/right */
padding: 0.25em 0.5em;
/* Make all mboxes the same width regardless of text length */
width: 100%;
}
}
.mbox-image,
 
.mbox-text {
/* The left image cell */
    display: table-cell;
.ambox td.mbox-image {
    padding: 4px 1em;
/* 0.5em left, 0px right */
    vertical-align: middle;
/* @noflip */
padding: 2px 0 2px 0.5em;
}
}
.mbox-image {
 
    border-right-width: 0;
/* The right image cell */
    border-top-right-radius: 0;
.ambox td.mbox-imageright {
    border-bottom-right-radius: 0;
/* 0px left, 0.5em right */
/* @noflip */
padding: 2px 0.5em 2px 0;
}
}
.mbox-text {
 
    width: 100%;
table.ambox-notice {
    margin-left: -200px;
/* Blue */
border-left-color: #36c;
}
}
.mbox-image + .mbox-text {
 
    padding-left: 0;
table.ambox-speedy {
/* Pink */
background-color: #fee7e6;
}
}
.mbox-style .mbox-image,
 
.mbox-style .mbox-text {
table.ambox-delete,
    border-color: #a98a35;
table.ambox-speedy {
/* Red */
border-left-color: #b32424;
}
}
.mbox-content .mbox-image,
 
.mbox-content .mbox-text {
table.ambox-content {
    border-color: #a96427;
/* Orange */
border-left-color: #f28500;
}
}
.mbox-delete .mbox-image,
 
.mbox-delete .mbox-text {
table.ambox-style {
    border-color: #c62525;
/* Yellow */
border-left-color: #fc3;
}
 
table.ambox-move {
/* Purple */
border-left-color: #9932cc;
}
 
table.ambox-protection {
/* Gray-gold */
border-left-color: #a2a9b1;
}
 
/**
* {{ambox|small=1}} styles
*
* 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. */
html body.mediawiki .ambox.mbox-small {
clear: right;
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. */
html body.mediawiki .ambox.mbox-small-left {
margin: 4px 1em 4px 0;
box-sizing: border-box;
overflow: hidden;
width: 238px;
border-collapse: collapse;
font-size: 88%;
line-height: 1.25em;
}
 
/* ===== Documentation (Template:Documentation) ===== */
.template-documentation {
    clear: both;
    margin: 14px 0 0;
    border: 1px solid #a1a9b1;
    padding: 1em;
    background-color: #f9f5eb;
}
.template-documentation__start {
    margin-bottom: 0.9em;
    border-bottom: 1px solid #a1a9b1;
    padding-bottom: 3px;
}
.template-documentation__heading {
    font-size: 1.5em;
    font-weight: bold;
}
.template-documentation__end {
    margin: 7px 0;
    border: 1px solid #a1a9b1;
    padding: 1em;
    font-style: italic;
    background-color: #f9f5eb;
}
.template-documentation__toolbar {
    font-size: 0.8em;
    font-style: normal;
}
}

Latest revision as of 23:46, 26 April 2023

/**
 * {{ambox}} (article message box) styles
 *
 * @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;
	/* Default "notice" blue */
	border-left: 10px solid #36c;
	background-color: #fbfbfb;
	box-sizing: border-box;
}

/* Single border between stacked boxes. */
table.ambox + table.ambox,
table.ambox + link + table.ambox,
table.ambox + style + table.ambox {
	margin-top: -1px;
}

/* An empty narrow cell */
.ambox td.mbox-empty-cell {
	border: none;
	padding: 0;
	width: 1px;
}

/* The message body cell(s) */
.ambox th.mbox-text,
.ambox td.mbox-text {
	border: none;
	/* 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 td.mbox-image {
	/* 0.5em left, 0px right */
	/* @noflip */
	padding: 2px 0 2px 0.5em;
}

/* The right image cell */
.ambox td.mbox-imageright {
	/* 0px left, 0.5em right */
	/* @noflip */
	padding: 2px 0.5em 2px 0;
}

table.ambox-notice {
	/* Blue */
	border-left-color: #36c;
}

table.ambox-speedy {
	/* Pink */
	background-color: #fee7e6;
}

table.ambox-delete,
table.ambox-speedy {
	/* Red */
	border-left-color: #b32424;
}

table.ambox-content {
	/* Orange */
	border-left-color: #f28500;
}

table.ambox-style {
	/* Yellow */
	border-left-color: #fc3;
}

table.ambox-move {
	/* Purple */
	border-left-color: #9932cc;
}

table.ambox-protection {
	/* Gray-gold */
	border-left-color: #a2a9b1;
}

/**
 * {{ambox|small=1}} styles
 *
 * 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. */
html body.mediawiki .ambox.mbox-small {
	clear: right;
	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. */
html body.mediawiki .ambox.mbox-small-left {
	margin: 4px 1em 4px 0;
	box-sizing: border-box;
	overflow: hidden;
	width: 238px;
	border-collapse: collapse;
	font-size: 88%;
	line-height: 1.25em;
}

/* ===== Documentation (Template:Documentation) ===== */
.template-documentation {
    clear: both;
    margin: 14px 0 0;
    border: 1px solid #a1a9b1;
    padding: 1em;
    background-color: #f9f5eb;
}
.template-documentation__start {
    margin-bottom: 0.9em;
    border-bottom: 1px solid #a1a9b1;
    padding-bottom: 3px;
}
.template-documentation__heading {
    font-size: 1.5em;
    font-weight: bold;
}
.template-documentation__end {
    margin: 7px 0;
    border: 1px solid #a1a9b1;
    padding: 1em;
    font-style: italic;
    background-color: #f9f5eb;
}
.template-documentation__toolbar {
    font-size: 0.8em;
    font-style: normal;
}