Template:Mbox/style sheet
From Portals of Phereon Wiki
/* == Template:Mbox == */
.mbox {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
height: auto;
box-sizing: border-box;
margin: 4px 5%;
border-width: 1px;
border-style: solid;
background: transparent;
padding: 0.25em;
font-size: 95%;
}
.mbox-small {
clear: right;
float: right;
margin: 4px 0 2px 1em;
box-sizing: border-box;
width: 238px;
font-size: 88%;
line-height: 1.25em;
}
.mbox-small.ambox {
clear: left;
float: left;
margin: 4px 1em 2px 0;
}
.mbox pre {
background-color: #f2f2f299;
}
.mbox div.mbox-message {
flex-basis: 100%;
padding: 0.25em;
text-align: left;
}
.mbox .mbox-date,
.mbox .mbox-info {
font-size:85%;
}
.mbox div.mbox-image {
padding: 0.25em;
}
.ambox {
margin: 0 5%;
border-color: #a2a9b1;
border-left: 10px solid #36c;
}
.cmbox {
border-color: #a2a9b1;
background-color: #dfe8ff;
}
.imbox {
border-width: 3px;
border-color: #36c;
}
.xmbox {
border-width: 2px;
border-color: #36c;
border-style: dotted;
}
.tmbox {
border-width: 2px;
border-color: #36c;
background: #f8eaba;
}
.ombox {
border-color: #36c;
}
.fmbox {
margin: 4px 0;
}
.mbox-small.imbox,
.mbox-small.xmbox,
.mbox-small.tmbox {
border-width: 1px;
}
.mbox-speedy,
.mbox-warning {
border-color: #b32424;
background-color: #fee7e6;
}
.ambox.mbox-speedy {
border-color: #a2a9b1;
border-left-color: #b32424;
}
.cmbox.mbox-speedy,
.xmbox.mbox-speedy,
.xmbox.mbox-delete,
.ombox.mbox-speedy,
.ombox.mbox-delete {
border-width: 3px;
}
.mbox-delete {
border-color: #b32424;
}
.ambox.mbox-delete {
border-color: #a2a9b1;
border-left-color: #b32424;
}
.cmbox.mbox-delete {
border-color: #a2a9b1;
background: #fee7e6;
}
.mbox-content {
border-color: #f28500;
}
.ambox.mbox-content {
border-color: #a2a9b1;
border-left-color: #f28500;
}
.cmbox.mbox-content {
border-color: #a2a9b1;
background: #ffe7ce;
}
.mbox-style {
border-color: #fc3;
}
.ambox.mbox-style {
border-color: #a2a9b1;
border-left-color: #fc3;
}
.cmbox.mbox-style {
border-color: #a2a9b1;
background: #fff9db;
}
.mbox-notice {
border-color: #36c;
}
.ambox.mbox-notice {
border-color: #a2a9b1;
border-left-color: #36c;
}
.cmbox.mbox-notice {
border-color: #a2a9b1;
background: #d8e8ff;
}
.mbox-move {
border-color: #93c;
}
.ambox.mbox-move {
border-color: #a2a9b1;
border-left-color: #93c;
}
.cmbox.mbox-move {
border-color: #a2a9b1;
background: #e4d8ff;
}
.mbox-protection {
border-color: #a2a9b1;
}
.ambox.mbox-protection {
border-color: #a2a9b1;
border-left-color: #a2a9b1;
}
.cmbox.mbox-protection {
border-color: #a2a9b1;
background: #efefe1;
}
.mbox-license {
border-color: #88a;
}
.mbox-featured {
border-color: #cba135;
}
.ambox.mbox-featured {
border-color: #a2a9b1;
border-left-color: #cba135;
}
.ambox + .ambox {
margin-top: -1px;
}