মডিউল:Message box/ambox.css: সংশোধিত সংস্করণের মধ্যে পার্থক্য

remove compact-ambox
optimize for one sheet version of .mbox-text and etc.
১ নং লাইন: ১ নং লাইন:
/* Article message box styles */
/* Article message box styles */
table.ambox {
.ambox {
margin: 0 10%;                  /* 10% = Will not overlap with other elements */
margin: 0 10%;                  /* 10% = Will not overlap with other elements */
border: 1px solid #a2a9b1;
border: 1px solid #a2a9b1;
৮ নং লাইন: ৮ নং লাইন:
box-sizing: border-box;
box-sizing: border-box;
}
}
/* Take into account templatestyles between two amboxes */
 
/* remove link version when T200206 is fixed */
/* Single border between stacked boxes. */
table.ambox + link + link + table.ambox,
.ambox + link + .ambox,
table.ambox + table.ambox {     /* Single border between stacked boxes. */
.ambox + link + link + .ambox,
.ambox + link + style + .ambox,
/* TODO: raise as "is this really that necessary???" */
.ambox + .mw-empty-elt + link + .ambox,
.ambox + .mw-empty-elt + link + link + .ambox,
.ambox + .mw-empty-elt + link + style + .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 */
padding: 2px 0 2px 0.5em;    /* 0.5em left, 0px right */
}
.ambox td.mbox-imageright {      /* The right image cell */
/* @noflip */
padding: 2px 0.5em 2px 0;    /* 0px left, 0.5em right */
}
}


table.ambox-notice {
.ambox-notice {
/* @noflip */
/* @noflip */
border-left: 10px solid #36c;      /* Blue */
border-left: 10px solid #36c;      /* Blue */
}
}
table.ambox-speedy {
 
.ambox-speedy {
/* @noflip */
/* @noflip */
border-left: 10px solid #b32424;    /* Red */
border-left: 10px solid #b32424;    /* Red */
background-color: #fee7e6;          /* Pink */
background-color: #fee7e6;          /* Pink */
}
}
table.ambox-delete {
 
.ambox-delete {
/* @noflip */
/* @noflip */
border-left: 10px solid #b32424;    /* Red */
border-left: 10px solid #b32424;    /* Red */
}
}
table.ambox-content {
 
.ambox-content {
/* @noflip */
/* @noflip */
border-left: 10px solid #f28500;    /* Orange */
border-left: 10px solid #f28500;    /* Orange */
}
}
table.ambox-style {
 
.ambox-style {
/* @noflip */
/* @noflip */
border-left: 10px solid #fc3;      /* Yellow */
border-left: 10px solid #fc3;      /* Yellow */
}
}
table.ambox-move {
 
.ambox-move {
/* @noflip */
/* @noflip */
border-left: 10px solid #9932cc;    /* Purple */
border-left: 10px solid #9932cc;    /* Purple */
}
}
table.ambox-protection {
 
.ambox-protection {
/* @noflip */
/* @noflip */
border-left: 10px solid #a2a9b1;    /* Gray-gold */
border-left: 10px solid #a2a9b1;    /* Gray-gold */
}
/* High specificity due to .ambox + .ambox above */
html body.mediawiki .ambox.mbox-small {  /* For the "small=yes" option. */
/* @noflip */
clear: right;
/* @noflip */
float: right;
/* @noflip */
margin: 4px 0 4px 1em;
box-sizing: border-box;
width: 238px;
font-size: 88%;
line-height: 1.25em;
}
html body.mediawiki .ambox.mbox-small-left {  /* For the "small=left" option. */
/* @noflip */
margin: 4px 1em 4px 0;
box-sizing: border-box;
overflow: hidden;
width: 238px;
border-collapse: collapse;
font-size: 88%;
line-height: 1.25em;
}
.ambox .mbox-text {
border: none;
/* @noflip */
padding: 0.25em 0.5em;
width: 100%;
}
.ambox .mbox-image {                /* The left image cell */
border: none;
/* @noflip */
padding: 2px 0 2px 0.5em;  /* 0.9em left, 0px right */
text-align: center;
}
.ambox .mbox-imageright {          /* The right image cell */
border: none;
/* @noflip */
padding: 2px 0.5em 2px 0;  /* 0px left, 0.9em right */
text-align: center;
}
.ambox .mbox-empty-cell {          /* An empty narrow cell */
border: none;
padding: 0;
width: 1px;
}
}