Module:Message box/ambox.css: Difference between revisions
Jump to navigation
Jump to search
no edit summary
imported>Compooper No edit summary |
imported>Compooper No edit summary |
||
| Line 1: | Line 1: | ||
/* | /* Article message box styles */ | ||
.ambox { | table.ambox { | ||
border: | margin: 0 10%; /* 10% = Will not overlap with other elements */ | ||
border: 1px solid #a2a9b1; | |||
/* @noflip */ | /* @noflip */ | ||
border-left: | border-left: 10px solid #36c; /* Default "notice" blue */ | ||
background-color: # | background-color: #fbfbfb; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
} | } | ||
/* Take into account templatestyles between two amboxes */ | |||
/* | table.ambox + link + link + table.ambox, | ||
table.ambox + table.ambox { /* Single border between stacked boxes. */ | |||
.ambox + link | |||
.ambox + | |||
/* | |||
margin-top: -1px; | margin-top: -1px; | ||
} | } | ||
.ambox th.mbox-text, | |||
/* | .ambox td.mbox-text { /* The message body cell(s) */ | ||
/* | padding: 0.25em 0.5em; /* 0.5em left/right */ | ||
} | |||
.ambox td.mbox-image { /* The left image cell */ | |||
/* @noflip */ | /* @noflip */ | ||
padding: 2px 0 2px 0.5em; /* 0.5em left, 0px right */ | |||
} | } | ||
.ambox td.mbox-imageright { /* The right image cell */ | |||
.ambox- | |||
/* @noflip */ | /* @noflip */ | ||
padding: 2px 0.5em 2px 0; /* 0px left, 0.5em right */ | |||
} | } | ||
.ambox- | table.ambox-notice { | ||
/* @noflip */ | /* @noflip */ | ||
border-left: | border-left: 10px solid #36c; /* Blue */ | ||
} | } | ||
table.ambox-speedy { | |||
.ambox- | |||
/* @noflip */ | /* @noflip */ | ||
border-left: | border-left: 10px solid #b32424; /* Red */ | ||
background-color: #fee7e6; /* Pink */ | |||
} | } | ||
table.ambox-delete { | |||
.ambox- | |||
/* @noflip */ | /* @noflip */ | ||
border-left: | border-left: 10px solid #b32424; /* Red */ | ||
} | } | ||
table.ambox-content { | |||
.ambox- | |||
/* @noflip */ | /* @noflip */ | ||
border-left: | border-left: 10px solid #f28500; /* Orange */ | ||
} | } | ||
table.ambox-style { | |||
.ambox- | |||
/* @noflip */ | /* @noflip */ | ||
border-left: | border-left: 10px solid #fc3; /* Yellow */ | ||
} | } | ||
table.ambox-move { | |||
.ambox | |||
/* @noflip */ | /* @noflip */ | ||
border-left: 10px solid #9932cc; /* Purple */ | |||
} | } | ||
table.ambox-protection { | |||
.ambox | |||
/* @noflip */ | /* @noflip */ | ||
border-left: 10px solid #a2a9b1; /* Gray-gold */ | |||
} | } | ||
.ambox .mbox-imageright { | /* Style for compact ambox, as used inside multiple issues etc. */ | ||
/* Hide the images */ | |||
.compact-ambox table .mbox-image, | |||
.compact-ambox table .mbox-imageright, | |||
.compact-ambox table .mbox-empty-cell { | |||
display: none; | |||
} | |||
/* Remove borders, backgrounds, padding, etc. */ | |||
.compact-ambox table.ambox { | |||
border: none; | border: none; | ||
border-collapse: collapse; | |||
background-color: transparent; | |||
margin: 0 0 0 1.6em !important; | |||
padding: 0 !important; | |||
width: auto; | |||
display: block; | |||
} | } | ||
.compact-ambox table.mbox-small-left.mbox-small-left { | |||
font-size: 100%; | |||
.ambox .mbox- | width: auto; | ||
margin: 0; | |||
} | } | ||
/* Style the text cell as a list item and remove its padding */ | |||
.ambox .mbox- | .compact-ambox table .mbox-text { | ||
padding: 0 !important; | |||
margin: 0 !important; | |||
} | } | ||
.compact-ambox table .mbox-text-span { | |||
display: list-item; | |||
line-height: 1.5em; | |||
list-style-type: square; | |||
/*list-style-image: url(/w/skins/MonoBook/resources/images/bullet.gif);*/ | |||
} | } | ||
.skin-vector .compact-ambox table .mbox-text-span { | |||
list-style-type: disc; | |||
/*list-style-image: url(/w/skins/Vector/images/bullet-icon.svg);*/ | |||
} | } | ||
/* Allow for hiding text in compact form */ | |||
/* | .compact-ambox .hide-when-compact { | ||
display: none; | |||
} | } | ||