Jump to content
Wikipedia The Free Encyclopedia

Module:Message box/cmbox.css

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 */
 }
 }

AltStyle によって変換されたページ (->オリジナル) /