Module:Message box/fmbox.css: Difference between revisions

From Agentpedia, the Microsoft Agent encyclopedia
m 11 revisions imported
No edit summary
Tag: Reverted
Line 1: Line 1:
/* {{pp|small=y}} */
/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
.fmbox {
th.mbox-text, td.mbox-text {   /* The message body cell(s) */
clear: both;
padding: 0.25em 0.9em;    /* 0.9em left/right */
margin: 0.2em 0;
width: 100%;
border: 1px solid #a2a9b1;
    background-color: var(--background-color-interactive-subtle, #f8f9fa);
     box-sizing: border-box;
    color: var(--color-base, #202122);
}
}
 
td.mbox-image {               /* The left image cell */
.fmbox-warning {
padding: 2px 0 2px 0.9em;  /* 0.9em left, 0px right */
border: 1px solid #bb7070;  /* Dark pink */
background-color: #ffdbdb;  /* Pink */
}
}
 
td.mbox-imageright {           /* The right image cell */
.fmbox-editnotice {
padding: 2px 0.9em 2px 0; /* 0px left, 0.9em right */
background-color: transparent;
}
}
 
/* Footer and header message box styles */
.fmbox .mbox-text {
table.fmbox {
border: none;
    clear: both;
/* @noflip */
    margin: 0.2em 0;
padding: 0.25em 0.9em;
    width: 100%;
width: 100%;
    border: 1px solid #a2a9b1;
}
    background-color: var( --background-color-interactive-subtle, #f8f9fa );
 
    color: var( --color-base, #202122 );
.fmbox .mbox-image {
    box-sizing: border-box;
border: none;
/* @noflip */
padding: 2px 0 2px 0.9em;
text-align: center;
}
 
.fmbox .mbox-imageright {
border: none;
/* @noflip */
padding: 2px 0.9em 2px 0;
text-align: center;
}
}
 
table.fmbox-system {
.fmbox .mbox-invalid-type {
    background-color: var( --background-color-interactive-subtle, #f8f9fa );
text-align: center;
}
}
 
table.fmbox-warning {
 
    border: 1px solid #bb7070;  /* Dark pink */
@media screen {
    background-color: #ffdbdb; /* Pink */
    html.skin-theme-clientpref-night .fmbox-warning {
    color: #333;
background-color: #300;   /* Reddish, same hue/saturation as light */
}
}
}
 
table.fmbox-editnotice {
 
    background-color: transparent;
@media screen and ( prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .fmbox-warning {
background-color: #300; /* Reddish, same hue/saturation as light */
}
}
}

Revision as of 18:25, 24 October 2024

/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
th.mbox-text, td.mbox-text {   /* The message body cell(s) */
	padding: 0.25em 0.9em;     /* 0.9em left/right */
}
td.mbox-image {                /* The left image cell */
	padding: 2px 0 2px 0.9em;  /* 0.9em left, 0px right */
}
td.mbox-imageright {           /* The right image cell */
	padding: 2px 0.9em 2px 0;  /* 0px left, 0.9em right */
}
/* Footer and header message box styles */
table.fmbox {
    clear: both;
    margin: 0.2em 0;
    width: 100%;
    border: 1px solid #a2a9b1;
    background-color: var( --background-color-interactive-subtle, #f8f9fa );
    color: var( --color-base, #202122 );
    box-sizing: border-box;
}
table.fmbox-system {
    background-color: var( --background-color-interactive-subtle, #f8f9fa );
}
table.fmbox-warning {
    border: 1px solid #bb7070;  /* Dark pink */
    background-color: #ffdbdb;  /* Pink */
    color: #333;
}
table.fmbox-editnotice {
    background-color: transparent;
}