Module:Message box/ombox.css: Difference between revisions
and move mbox-small to 720px here as well
NARA>ExE Boss m (Fix {{Ombox|small=1}} styles comment) |
NARA>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; | |||
} | |||
} | } |