Module:Message box/ombox.css: Difference between revisions
Jump to navigation
Jump to search
en>ExE Boss m (Fix {{Ombox|small=1}} styles comment) |
en>Izno (and move mbox-small to 720px here as well) |
||
Line 1: | Line 1: | ||
/ | /* {{pp|small=y}} */ | ||
.ombox { | |||
margin: 4px 0; | |||
margin: 4px | |||
border-collapse: collapse; | border-collapse: collapse; | ||
/* Default "notice" gray */ | border: 1px solid #a2a9b1; /* Default "notice" gray */ | ||
background-color: #f8f9fa; | background-color: #f8f9fa; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
} | } | ||
/* | /* For the "small=yes" option. */ | ||
.ombox | .ombox.mbox-small { | ||
font-size: 88%; | |||
line-height: 1.25em; | |||
} | } | ||
.ombox-speedy { | |||
border: 2px solid #b32424; /* Red */ | |||
.ombox | background-color: #fee7e6; /* Pink */ | ||
border: | |||
} | } | ||
.ombox-delete { | |||
.ombox | border: 2px solid #b32424; /* Red */ | ||
border: | |||
} | } | ||
.ombox-content { | |||
.ombox | border: 1px solid #f28500; /* Orange */ | ||
border: | |||
} | } | ||
.ombox-style { | |||
/* | border: 1px solid #fc3; /* Yellow */ | ||
} | } | ||
.ombox-move { | |||
/* | border: 1px solid #9932cc; /* Purple */ | ||
} | } | ||
.ombox-protection { | |||
border: 2px solid #a2a9b1; /* Gray-gold */ | |||
border | |||
} | } | ||
.ombox .mbox-text { | |||
/* | border: none; | ||
/* @noflip */ | |||
padding: 0.25em 0.9em; | |||
width: 100%; | |||
} | } | ||
.ombox .mbox-image { | |||
/* | border: none; | ||
/* @noflip */ | |||
padding: 2px 0 2px 0.9em; | |||
text-align: center; | |||
} | } | ||
.ombox .mbox-imageright { | |||
/* | border: none; | ||
/* @noflip */ | |||
padding: 2px 0.9em 2px 0; | |||
text-align: center; | |||
} | } | ||
/* An empty narrow cell */ | |||
.ombox .mbox-empty-cell { | |||
border: none; | |||
padding: 0; | |||
width: 1px; | |||
} | } | ||
.ombox .mbox-invalid-type { | |||
text-align: center; | |||
} | |||
@media (min-width: 720px) { | |||
.ombox { | |||
margin: 4px 10%; | |||
} | |||
.ombox.mbox-small { | |||
/* @noflip */ | |||
clear: right; | |||
/* @noflip */ | |||
float: right; | |||
/* @noflip */ | |||
margin: 4px 0 4px 1em; | |||
width: 238px; | |||
} | |||
} | } |
Revision as of 18:40, 11 July 2022
/* {{pp|small=y}} */ .ombox { margin: 4px 0; border-collapse: collapse; border: 1px solid #a2a9b1; /* Default "notice" gray */ background-color: #f8f9fa; box-sizing: border-box; } /* For the "small=yes" option. */ .ombox.mbox-small { font-size: 88%; line-height: 1.25em; } .ombox-speedy { border: 2px solid #b32424; /* Red */ background-color: #fee7e6; /* Pink */ } .ombox-delete { border: 2px solid #b32424; /* Red */ } .ombox-content { border: 1px solid #f28500; /* Orange */ } .ombox-style { border: 1px solid #fc3; /* Yellow */ } .ombox-move { border: 1px solid #9932cc; /* Purple */ } .ombox-protection { border: 2px solid #a2a9b1; /* Gray-gold */ } .ombox .mbox-text { border: none; /* @noflip */ padding: 0.25em 0.9em; width: 100%; } .ombox .mbox-image { border: none; /* @noflip */ padding: 2px 0 2px 0.9em; text-align: center; } .ombox .mbox-imageright { border: none; /* @noflip */ padding: 2px 0.9em 2px 0; text-align: center; } /* An empty narrow cell */ .ombox .mbox-empty-cell { border: none; padding: 0; width: 1px; } .ombox .mbox-invalid-type { text-align: center; } @media (min-width: 720px) { .ombox { margin: 4px 10%; } .ombox.mbox-small { /* @noflip */ clear: right; /* @noflip */ float: right; /* @noflip */ margin: 4px 0 4px 1em; width: 238px; } }