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;
}