Module:Message box/cmbox.css
Appearance
From Wikipedia, the free encyclopedia
/* {{pp|small=y}} */ .cmbox{ margin:3px0; border:1pxsolid#a2a9b1; background-color:#dfe8ff;/* Default "notice" blue */ box-sizing:border-box; overflow-x:hidden; /* necessary when embedded in other templates like [[:Category:Pending_AfC_submissions]] */ color:var(--color-base,#202122); } .cmbox-speedy{ border:4pxsolid#b32424;/* Red */ background-color:#ffdbdb;/* Pink */ } .cmbox-delete{ background-color:#ffdbdb;/* Pink */ } .cmbox-content{ background-color:#ffe7ce;/* Orange */ } .cmbox-style{ background-color:#fff9db;/* Yellow */ } .cmbox-move{ background-color:#e4d8ff;/* Purple */ } .cmbox-protection{ background-color:#efefe1;/* Gray-gold */ } .cmbox.mbox-text{ padding:0.35em1em; flex:11100%; } .cmbox.mbox-image, .cmbox.mbox-imageright{ padding:4px2px; text-align:center; flex:none; } /* keep synced with each other type of message box as this isn't qualified */ .mbox-invalid-type{ text-align:center; } @media(min-width:480px){ .cmbox{ display:flex; align-items:center; } .cmbox.mbox-image{ /* @noflip */ padding-left:1em; } .cmbox.mbox-imageright{ /* @noflip */ padding-right:1em; } } @media(min-width:640px){ .cmbox{ margin:3px10%; } } /* flipped lightness in hsl space except the main cmbox is the main page blue */ @mediascreen{ html.skin-theme-clientpref-night.cmbox{ background-color:#0d1a27;/* Default "notice" blue */ } html.skin-theme-clientpref-night.cmbox-speedy, html.skin-theme-clientpref-night.cmbox-delete{ background-color:#300;/* Pink */ } html.skin-theme-clientpref-night.cmbox-content{ background-color:#331a00;/* Orange */ } html.skin-theme-clientpref-night.cmbox-style{ background-color:#332b00;/* Yellow */ } html.skin-theme-clientpref-night.cmbox-move{ background-color:#08001a;/* Purple */ } html.skin-theme-clientpref-night.cmbox-protection{ background-color:#212112;/* Gray-gold */ } } @mediascreenand(prefers-color-scheme:dark){ html.skin-theme-clientpref-os.cmbox{ background-color:#0d1a27;/* Default "notice" blue */ } html.skin-theme-clientpref-os.cmbox-speedy, html.skin-theme-clientpref-os.cmbox-delete{ background-color:#300;/* Pink */ } html.skin-theme-clientpref-os.cmbox-content{ background-color:#331a00;/* Orange */ } html.skin-theme-clientpref-os.cmbox-style{ background-color:#332b00;/* Yellow */ } html.skin-theme-clientpref-os.cmbox-move{ background-color:#08001a;/* Purple */ } html.skin-theme-clientpref-os.cmbox-protection{ background-color:#212112;/* Gray-gold */ } }