MediaWiki:Mbox.css

From Portals of Phereon Wiki

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* == 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-small.verbox {
    margin: 0;
    width:auto;
}
 
.mbox pre {
    background-color: #f2f2f2;
}
 
.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;
}

.verbox {
    margin: 0 5%;
    border-color: #a2a9b1;
    border-right: 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;
}

.verbox.mbox-old {
    border-color: #a2a9b1;
    border-right-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;
}

.verbox.mbox-outdated {
    border-color: #a2a9b1;
    border-right-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;
}

.verbox.mbox-dated {
    border-color: #a2a9b1;
    border-right-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;
}

.verbox.mbox-current {
    border-color: #a2a9b1;
    border-right-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;
}

.verbox.mbox-special {
    border-color: #a2a9b1;
    border-right-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;
}

.verbox.mbox-unknown {
    border-color: #a2a9b1;
    border-right-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;
}
 
@media print {
    .mbox { 
        display: none;
    }
} /* no mbox when printing */