Toggle search
Toggle menu
1K
1K
32
6.2K
The Petit Planet Wiki
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Gadget-MessageBox.css: Difference between revisions

MediaWiki interface page
More actions
Browse history interactively
← Older edit
empty for easy editing
Tag: Blanking
m Stevium moved page MediaWiki:MessageBox.css to MediaWiki:Gadget-MessageBox.css without leaving a redirect
 
(8 intermediate revisions by 2 users not shown)
Line 1: Line 1:
/* See [[MediaWiki:Common.css]] for CSS variable definitions. */
.mbox {
    display: flex;
    position: relative;
    background-color: var(--background-color-2);
    border: 1px solid var(--border-color-base);
    border-radius: 10px;
    margin-bottom: 5px;
    min-height: 32px;
}


.mbox {
    .mbox-type-important { border-color: var(--type-important); }
    .mbox-type-moderate { border-color: var(--type-moderate); }
    .mbox-type-minor { border-color: var(--type-minor);}
}
.mbox__content {
    display: table;
    box-sizing: border-box;
    width: 100%;
    padding: 8px 15px;
}
.mbox__content__image {
    display: table-cell;
    width: 40px;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    padding-right: 15px;
}
.mbox__content__wrapper {
    display: table-cell;
    vertical-align: middle;
}
.mbox__content__header {
    display: block;
    font-weight: bold;
}
.mbox__content__text {
    display: block;
}
.mbox__content__text__comment {
    font-size: small;
}
.mbox__content__aside {
    display: table-cell;
    width: 100px;
    vertical-align: middle;
    text-align: center;
    padding-left: 15px;
    border-left: 1px solid var(--border-color-base);
}
.mbox__close {
    position: absolute;
    right: 0;
    top: 0;
    padding: 2px 7px;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    transition: all .15s ease-in;
   
    &:hover {
        color: var(--color-progressive);
    }
   
    &:after {
        content: '×';
    }
}
.mw-collapsed + .mbox__close {
    transform: rotate(45deg);
    padding: 4px 7px 5px 2px;
}
/* Remove accessibility feature for mbox toggle */
.mw-customtoggle-mbox {
    outline: none;
}
/* Styling */
.mbox__content__text {
    padding-right: 10px;
}
.mbox__content__aside,
.mbox__content__text__comment {
    line-height: 18px;
}
/* Stub */
.mbox.stub {
    border-color: rgb(var(--stub));
    background-color: rgba(var(--stub), var(--opacity));
   
    .mbox__content__aside {
        border-color: rgb(var(--stub));
    }
}
/* CBT content */
.mbox.CBT {
    border-color: rgb(var(--cbt));
    background-color: rgba(var(--cbt), var(--opacity));
}
/* China only */
.mbox.chinaonly {
  border-color: rgb(var(--construct));
  background-color: rgba(var(--construct), var(--opacity));
}
/* Clean up */
.mbox.cleanup {
    border-color: rgb(var(--cleanup));
    background-color: rgba(var(--cleanup), var(--opacity));
   
    .mbox__content__aside {
        border-color: rgb(var(--cleanup));
    }
}
.mbox.cleanup-mild {
    border-color: rgb(var(--mild));
    background-color: rgba(var(--cleanup), var(--opacity));
   
    .mbox__content__aside {
        border-color: rgb(var(--mild));
    }
}
.mbox.cleanup-top {
    border-color: rgb(var(--mild));
    background-color: rgba(var(--cleanup), var(--opacity));
   
    .mbox__content__aside {
        border-color: rgb(var(--mild));
    }
}
/* Removed */
.mbox.removed {
    border-color: rgb(var(--removed));
    background-color: rgba(var(--removed), var(--opacity));
}
/* Spoiler */
.mbox.spoiler {
    border-color: rgb(var(--cleanup));
    background-color: rgba(var(--cleanup), var(--opacity));
}
/* Under construction */
.mbox.underconstruction {
    border-color: rgb(var(--construct));
    background-color: rgba(var(--construct), var(--opacity));
}
.mbox.underconstruction .mbox__content__aside {
    border-color: rgb(var(--construct));
}
/* Upcoming */
.mbox.upcoming {
    border-color: rgb(var(--upcoming));
    background-color: rgba(var(--upcoming), var(--opacity));
}
/* Unofficial translation */
.mbox.unofficial-tl {
    border-color: rgb(var(--unofficialtl));
    background-color: rgba(var(--unofficialtl), var(--opacity));
}
/* Lua */
.mbox.lua {
    border-color: rgb(var(--lua));
    background-color: rgba(var(--lua), var(--opacity));
}
/* CSS */
.mbox.css {
    border-color: rgb(var(--css));
    background-color: rgba(var(--css), var(--opacity));
}
/* JS */
.mbox.js {
    border-color: rgb(var(--js));
    background-color: rgba(var(--js), var(--opacity));
}
/* Sandbox */
.mbox.sandbox {
    border-color: rgb(var(--sandbox));
    background-color: rgba(var(--sandbox), var(--opacity));
}
.mbox.sandbox .mbox__content__aside {
    border-color: rgb(var(--sandbox));
}
/* High risk */
.mbox.highrisk {
    border-color: rgb(var(--type-important));
    background-color: rgba(var(--type-important), var(--opacity));
}
.mbox.highrisk .mbox__content__aside {
    border-color: rgb(var(--type-important));
}
/* Name order */
.mbox.nameorder {
    border-color: rgb(var(--names));
    background-color: rgba(var(--names), var(--opacity));
}
/* Change history */
.mbox.changehistory {
    border-color: rgb(var(--changehistory));
    background-color: rgba(var(--changehistory), var(--opacity));
}
/* Broken media */
.mbox .mw-broken-media {
    display: inline-flex;
    width: 45px;
    height: 45px;
    background-image: url("https://petitplanet.wiki/images/d/dd/Unknown.png");
    background-size: cover;
    vertical-align: middle;
    font-size: 0;
}
Retrieved from "https://petitplanet.wiki/MediaWiki:Gadget-MessageBox.css"