Modül:İleti kutusu/styles.css

/* {{koruma-şablon}} */
/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */

th.mbox-text,
td.mbox-text {
    /* The message body cell(s) */
    border: none;
    /* @noflip */
    padding: 0.25em 0.9em;
    /* 0.9em left/right */
    width: 100%;
    /* Make all mboxes the same width regardless of text length */
}

td.mbox-image {
    /* The left image cell */
    border: none;
    /* @noflip */
    padding: 2px 0 2px 0.9em;
    /* 0.9em left, 0px right */
    text-align: center;
}

td.mbox-imageright {
    /* The right image cell */
    border: none;
    /* @noflip */
    padding: 2px 0.9em 2px 0;
    /* 0px left, 0.9em right */
    text-align: center;
}

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

/* Article message box styles */

table.ambox {
    margin: 0 10%;
    /* 10% = Will not overlap with other elements */
    border: 1px solid var(--border-color-base, #a2a9b1);
    /* @noflip */
    border-left: 10px solid var(--border-color-progressive, #36c);
    /* Default "notice" blue */
    background-color: var(--background-color-interactive-subtle, #fbfbfb);
    box-sizing: border-box;
}

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

.ambox th.mbox-text,
.ambox td.mbox-text {
    /* The message body cell(s) */
    padding: 0.25em 0.5em;
    /* 0.5em left/right */
}

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

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

table.ambox-notice {
    /* @noflip */
    border-left: 10px solid var(--border-color-progressive, #36c);
}

table.ambox-speedy {
    /* @noflip */
    border-left: 10px solid var(--border-color-destructive, #b32424);
    background-color: var(--background-color-destructive-subtle, #fee7e6);
}

table.ambox-delete {
    /* @noflip */
    border-left: 10px solid var(--border-color-destructive, #b32424);
}

table.ambox-content {
    /* @noflip */
    border-left: 10px solid var(--border-color-warning, #f28500);
}

table.ambox-style {
    /* @noflip */
    border-left: 10px solid var(--border-color-content-removed, #fc3);
}

table.ambox-move {
    /* @noflip */
    border-left: 10px solid var(--border-color-progressive--active, #9932cc);
}

table.ambox-protection {
    /* @noflip */
    border-left: 10px solid var(--border-color-base, #a2a9b1);
}


/* Image message box styles */

table.imbox {
    margin: 4px 10%;
    border-collapse: collapse;
    border: 3px solid var(--border-color-progressive, #36c);
    background-color: var(--background-color-interactive-subtle, #fbfbfb);
    box-sizing: border-box;
}

.imbox .mbox-text .imbox {
    /* For imboxes inside imbox-text cells. */
    margin: 0 -0.5em;
    /* 0.9 - 0.5 = 0.4em left/right.        */
    display: block;
    /* Fix for webkit to force 100% width.  */
}

.mbox-inside .imbox {
    /* For imboxes inside other templates.  */
    margin: 4px;
}

table.imbox-notice {
    border: 3px solid var(--border-color-progressive, #36c);
}

table.imbox-speedy {
    border: 3px solid var(--border-color-destructive, #b32424);
    background-color: var(--background-color-destructive-subtle, #fee7e6);
}

table.imbox-delete {
    border: 3px solid var(--border-color-destructive, #b32424);
}

table.imbox-content {
    border: 3px solid var(--border-color-warning, #f28500);
}

table.imbox-style {
    border: 3px solid var(--border-color-content-removed, #fc3)
}

table.imbox-move {
    border: 3px solid var(--border-color-progressive--active, #9932cc);
}

table.imbox-protection {
    border: 3px solid var(--border-color-base, #a2a9b1);
}

table.imbox-license {
    border: 3px solid var(--border-color-base, #88a);
    background-color: var(--background-color-interactive-subtle, #f7f8ff);
}

table.imbox-featured {
    border: 3px solid var(--border-color-content-removed, #cba135);
}


/* Category message box styles */

table.cmbox {
    margin: 3px 10%;
    border-collapse: collapse;
    border: 1px solid var(--border-color-base, #a2a9b1);
    background-color: var(--background-color-progressive-subtle--hover, #dfe8ff);
    box-sizing: border-box;
}

table.cmbox-notice {
    background-color: var(--background-color-progressive-subtle--hover, #dfe8ff);
}

table.cmbox-speedy {
    margin-top: 4px;
    margin-bottom: 4px;
    border: 4px solid var(--border-color-destructive, #b32424);
    background-color: var(--background-color-error-subtle--hover, #ffdbdb);
}

table.cmbox-delete {
    background-color: var(--background-color-error-subtle--hover, #ffdbdb);
}

table.cmbox-content {
    background-color: var(--background-color-destructive-subtle, #ffe7ce);
}

table.cmbox-style {
    background-color: var(--background-color-destructive-subtle--hover, #fff9db);
}

table.cmbox-move {
    background-color: var(--background-color-progressive-subtle--hover, #e4d8ff);
}

table.cmbox-protection {
    background-color: var(--background-color-destructive-subtle, #efefe1);
}


/* Other pages message box styles */

table.ombox {
    margin: 4px 10%;
    border-collapse: collapse;
    border: 1px solid var(--border-color-base, #a2a9b1);
    background-color: var(--background-color-neutral-subtle, #f8f9fa);
    box-sizing: border-box;
}

table.ombox-notice {
    border: 1px solid var(--border-color-base, #a2a9b1);
}

table.ombox-speedy {
    border: 2px solid var(--border-color-destructive, #b32424);
    background-color: var(--background-color-destructive-subtle, #fee7e6);
}

table.ombox-delete {
    border: 2px solid var(--border-color-destructive, #b32424);
}

table.ombox-content {
    border: 1px solid var(--border-color-warning, #f28500);
}

table.ombox-style {
    border: 1px solid var(--border-color-content-removed, #fc3);
}

table.ombox-move {
    border: 1px solid var(--border-color-progressive--active, #9932cc);
}

table.ombox-protection {
    border: 2px solid var(--border-color-base, #a2a9b1);
}


/* Talk page message box styles */

table.tmbox {
    margin: 4px 10%;
    border-collapse: collapse;
    border: 1px solid var(--border-color-base, #c0c090);
    background-color: var(--background-color-warning-subtle, #f8eaba);
    min-width: 80%;
    box-sizing: border-box;
}

.tmbox.mbox-small {
    min-width: 0;
    /* reset the min-width of tmbox above        */
}

.mediawiki .mbox-inside .tmbox {
    /* For tmboxes inside other templates. The "mediawiki" class ensures that */
    margin: 2px 0;
    /* this declaration overrides other styles (including mbox-small above)   */
    width: 100%;
    /* For Safari and Opera */
}

.mbox-inside .tmbox.mbox-small {
    /* "small" tmboxes should not be small when  */
    line-height: 1.5em;
    /* also "nested", so reset styles that are   */
    font-size: 100%;
    /* set in "mbox-small" above.                */
}

table.tmbox-speedy {
    border: 2px solid var(--border-color-destructive, #b32424);
    background-color: var(--background-color-destructive-subtle, #fee7e6);
}

table.tmbox-delete {
    border: 2px solid var(--border-color-destructive, #b32424);
}

table.tmbox-content {
    border: 2px solid var(--border-color-warning, #f28500);
}

table.tmbox-style {
    border: 2px solid var(--border-color-content-removed, #fc3);
}

table.tmbox-move {
    border: 2px solid var(--border-color-progressive--active, #9932cc);
}

table.tmbox-protection,
table.tmbox-notice {
    border: 1px solid var(--border-color-base, #a2a9b1);
}


/* Footer and header message box styles */

table.fmbox {
    clear: both;
    margin: 0.2em 0;
    width: 100%;
    border: 1px solid var(--border-color-base, #a2a9b1);
    background-color: var(--background-color-neutral-subtle, #f8f9fa);
    box-sizing: border-box;
}

table.fmbox-system {
    background-color: var(--background-color-neutral-subtle, #f8f9fa);
}

table.fmbox-warning {
    border: 1px solid var(--border-color-destructive, #bb7070);
    background-color: var(--background-color-destructive-subtle--hover, #ffdbdb);
}

table.fmbox-editnotice {
    background-color: transparent;
}