Worldpedia

Module:Message box/ambox.css: Difference between revisions

← Older edit
remove duplicate css in .mbox-small-left, remove .mbox-small since ambox doesn't use it
m 20 revisions imported
Tags: Mobile edit Mobile web edit
 
(10 intermediate revisions by 2 users not shown)
Line 1: Line 1:
/* {{pp|small=y}} */
.ambox {
.ambox {
margin: 0 10%;                  /* 10% = Will not overlap with other elements */
border: 1px solid #a2a9b1;
border: 1px solid #a2a9b1;
/* @noflip */
/* @noflip */
Line 10: Line 10:
/* Single border between stacked boxes. Take into account base templatestyles,
/* Single border between stacked boxes. Take into account base templatestyles,
  * user styles, and Template:Dated maintenance category.
  * user styles, and Template:Dated maintenance category.
  * remove link when T200206 is fixed
  * remove link selector when T200206 is fixed
  */
  */
.ambox + link + .ambox,
.ambox + link + .ambox,
Line 22: Line 22:
}
}


/* For the "small=left" option. */
/* must override .ambox + .ambox styles above */
/* must override .ambox + .ambox styles above */
html body.mediawiki .ambox.mbox-small-left {   /* For the "small=left" option. */
html body.mediawiki .ambox.mbox-small-left {
/* @noflip */
/* @noflip */
margin: 4px 1em 4px 0;
margin: 4px 1em 4px 0;
Line 71: Line 72:
}
}


.ambox .mbox-image {               /* The left image cell */
.ambox .mbox-image {
border: none;
border: none;
/* @noflip */
/* @noflip */
padding: 2px 0 2px 0.5em; /* 0.9em left, 0px right */
padding: 2px 0 2px 0.5em;
text-align: center;
text-align: center;
}
}


.ambox .mbox-imageright {           /* The right image cell */
.ambox .mbox-imageright {
border: none;
border: none;
/* @noflip */
/* @noflip */
padding: 2px 0.5em 2px 0; /* 0px left, 0.9em right */
padding: 2px 0.5em 2px 0;
text-align: center;
text-align: center;
}
}


.ambox .mbox-empty-cell {           /* An empty narrow cell */
/* An empty narrow cell */
.ambox .mbox-empty-cell {
border: none;
border: none;
padding: 0;
padding: 0;
width: 1px;
width: 1px;
}
.ambox .mbox-image-div {
width: 52px;
}
@media (min-width: 720px) {
.ambox {
margin: 0 10%;                  /* 10% = Will not overlap with other elements */
}
}
@media print {
body.ns-0 .ambox {
display: none !important;
}
}
}
Retrieved from "https://en.worldpedia.org/wiki/Module:Message_box/ambox.css"