MediaWiki:Gadget-MessageBox.css: Difference between revisions
MediaWiki interface page
More actions
m Stevium moved page MediaWiki:MessageBox.css to Template:MessageBox/styles.css without leaving a redirect: Changing how the MessageBox stylesheet is loaded: now uses TemplateStyles instead of @import |
Sanitized CSS |
||
| Line 1: | Line 1: | ||
/* See [[MediaWiki:Common.css]] for CSS variable definitions. */ | |||
.mbox { | .mbox { | ||
display: flex; | display: flex; | ||
position: relative; | position: relative; | ||
background-color: var(-- | background-color: var(--background-color-2); | ||
border: 1px solid var(-- | border: 1px solid var(--border-color-base); | ||
border-radius: 10px; | border-radius: 10px; | ||
margin-bottom: 5px; | margin-bottom: 5px; | ||
| Line 29: | Line 10: | ||
} | } | ||
.mbox | .mbox .mbox-type-important { | ||
border-color: var(--type-important); | |||
} | } | ||
.mbox .mbox-type-moderate { | |||
border-color: var(--type-moderate); | |||
} | |||
.mbox .mbox-type-minor { | |||
border-color: var(--type-minor); | |||
} | |||
.mbox__content { | .mbox__content { | ||
| Line 76: | Line 62: | ||
text-align: center; | text-align: center; | ||
padding-left: 15px; | padding-left: 15px; | ||
border-left: 1px solid | border-left: 1px solid var(--border-color-base); | ||
} | } | ||
| Line 86: | Line 72: | ||
font-weight: bold; | font-weight: bold; | ||
font-size: 16px; | font-size: 16px; | ||
cursor: pointer; | cursor: pointer; | ||
transition: all .15s ease-in; | transition: all .15s ease-in; | ||
} | |||
.mbox__close:hover { | |||
color: var(--color-progressive); | |||
} | |||
.mbox__close::after { | |||
content: '×'; | |||
} | } | ||
| Line 111: | Line 96: | ||
/* Styling */ | /* Styling */ | ||
.mbox__content__text { | .mbox__content__text { | ||
padding-right: 10px; | |||
} | } | ||
.mbox__content__aside , .mbox__content__text__comment { | .mbox__content__aside, | ||
.mbox__content__text__comment { | |||
line-height: 18px; | |||
} | } | ||
/* | /* Stub */ | ||
.mbox.stub { | .mbox.stub { | ||
border-color: rgb(var(--stub)); | |||
background-color: rgba(var(--stub), var(--opacity)); | |||
} | } | ||
/* CBT | .mbox.stub .mbox__content__aside { | ||
border-color: rgb(var(--stub)); | |||
} | |||
/* CBT content */ | |||
.mbox.CBT { | .mbox.CBT { | ||
border-color: rgb(var(--cbt)); | |||
background-color: rgba(var(--cbt), var(--opacity)); | |||
} | } | ||
/* | /* China only */ | ||
.mbox.chinaonly { | .mbox.chinaonly { | ||
border-color: rgb(var(--construct)); | border-color: rgb(var(--construct)); | ||
| Line 140: | Line 126: | ||
} | } | ||
/* | /* Clean up */ | ||
.mbox.cleanup { | .mbox.cleanup { | ||
border-color: rgb(var(--cleanup)); | |||
background-color: rgba(var(--cleanup), var(--opacity)); | |||
} | |||
.mbox.cleanup .mbox__content__aside { | |||
border-color: rgb(var(--cleanup)); | |||
} | } | ||
.mbox.cleanup-mild { | .mbox.cleanup-mild { | ||
border-color: rgb(var(--mild)); | |||
background-color: rgba(var(--cleanup), var(--opacity)); | |||
} | |||
.mbox.cleanup-mild .mbox__content__aside { | |||
border-color: rgb(var(--mild)); | |||
} | } | ||
.mbox.cleanup-top { | .mbox.cleanup-top { | ||
border-color: rgb(var(--mild)); | |||
background-color: rgba(var(--cleanup), var(--opacity)); | |||
} | |||
.mbox.cleanup-top .mbox__content__aside { | |||
border-color: rgb(var(--mild)); | |||
} | } | ||
/* | /* Removed */ | ||
.mbox.removed { | .mbox.removed { | ||
border-color: rgb(var(--removed)); | |||
background-color: rgba(var(--removed), var(--opacity)); | |||
} | } | ||
/* | /* Spoiler */ | ||
.mbox.spoiler { | .mbox.spoiler { | ||
border-color: rgb(var(--cleanup)); | |||
background-color: rgba(var(--cleanup), var(--opacity)); | |||
} | } | ||
/* | /* Under construction */ | ||
.mbox.underconstruction { | .mbox.underconstruction { | ||
border-color: rgb(var(--construct)); | |||
background-color: rgba(var(--construct), var(--opacity)); | |||
} | } | ||
.mbox.underconstruction .mbox__content__aside { | .mbox.underconstruction .mbox__content__aside { | ||
border-color: rgb(var(--construct)); | |||
} | } | ||
/* | /* Upcoming */ | ||
.mbox.upcoming { | .mbox.upcoming { | ||
border-color: rgb(var(--upcoming)); | |||
background-color: rgba(var(--upcoming), var(--opacity)); | |||
} | } | ||
/* | /* Unofficial translation */ | ||
.mbox.unofficial-tl { | .mbox.unofficial-tl { | ||
border-color: rgb(var(--unofficialtl)); | |||
background-color: rgba(var(--unofficialtl), var(--opacity)); | |||
} | } | ||
/* | /* Lua */ | ||
.mbox.lua { | .mbox.lua { | ||
border-color: rgb(var(--lua)); | |||
background-color: rgba(var(--lua), var(--opacity)); | |||
} | } | ||
/* CSS */ | /* CSS */ | ||
.mbox.css { | .mbox.css { | ||
border-color: rgb(var(--css)); | |||
background-color: rgba(var(--css), var(--opacity)); | |||
} | } | ||
/* JS */ | /* JS */ | ||
.mbox.js { | .mbox.js { | ||
border-color: rgb(var(--js)); | |||
background-color: rgba(var(--js), var(--opacity)); | |||
} | } | ||
/* | /* Sandbox */ | ||
.mbox.sandbox { | .mbox.sandbox { | ||
border-color: rgb(var(--sandbox)); | |||
background-color: rgba(var(--sandbox), var(--opacity)); | |||
} | } | ||
| Line 230: | Line 216: | ||
} | } | ||
/* High | /* High risk */ | ||
.mbox.highrisk { | .mbox.highrisk { | ||
border-color: rgb(var(--type-important)); | |||
background-color: rgba(var(--type-important), var(--opacity)); | |||
} | } | ||
.mbox.highrisk .mbox__content__aside { | .mbox.highrisk .mbox__content__aside { | ||
border-color: rgb(var(--type-important)); | |||
} | } | ||
/* | /* Name order */ | ||
.mbox.nameorder { | .mbox.nameorder { | ||
border-color: rgb(var(--names)); | |||
background-color: rgba(var(--names), var(--opacity)); | |||
} | } | ||
/* Change | /* Change history */ | ||
.mbox.changehistory { | .mbox.changehistory { | ||
border-color: rgb(var(--changehistory)); | |||
background-color: rgba(var(--changehistory), var(--opacity)); | |||
} | } | ||
/* Broken media */ | |||
.mbox .mw-broken-media { | .mbox .mw-broken-media { | ||
display: inline-flex; | display: inline-flex; | ||