MediaWiki:ContribsButtons/icons.css

/** * ContribsButtons/icons.css * @Description:   Transforms contribs links into a grid of WDS secondary buttons with icons * @Authors:       Ursuul, Veralann & Speedit * @Installation:  @import url("/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:ContribsButtons/wds.css"); */ /* Main */ .mw-special-Contributions #contentSub.contentSub #contentSubSub, .mw-special-Contributions #contentSub:not(.contentSub), .mw-special-Contributions #VSTFReportButtons { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; width: auto !important; padding: 0 10px; margin: 0 -1px 0 0; }

.mw-special-Contributions #contentSub.contentSub #contentSubSub, .mw-special-Contributions #contentSub:not(.contentSub) { color: transparent; font-size: 0; }

.mw-special-Contributions #quicklogs-container { padding: 10px 10px 0; }

.mw-special-Contributions #VSTFReportButtons .VSTFReportButton, .mw-special-Contributions #contentSub:not(.contentSub) a, .mw-special-Contributions #contentSub #contentSubSub a { -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1 1 26%; -ms-flex: 1 1 26%; flex: 1 1 26%; display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; width: 0; min-width: 26%; min-height: 18px; font-size: 10px; font-weight: 600; line-height: 1.3em; letter-spacing: 0.15px; text-align: center; text-decoration: none; text-transform: uppercase; -epub-hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; adobe-hyphenate: auto; padding: 7px 12px; background: none; border: 1px solid; border-color: currentColor; color: #00b7e0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; margin: 1px; -webkit-transition: border-color,color 0.3s; -moz-transition: border-color,color 0.3s; -o-transition: border-color,color 0.3s; transition: border-color,color 0.3s; }

@media only screen and (min-width: 1084px) { .mw-special-Contributions.skin-monobook #contentSub:not(.contentSub) a,   .mw-special-Contributions.skin-monobook #contentSub #contentSubSub a { -ms-flex-preferred-size: 24%; -webkit-flex-basis: 24%; flex-basis: 24%; min-width: 24%; } }

.mw-special-Contributions #WikiaMainContentContainer #contentSub:not(.contentSub) a, .mw-special-Contributions #WikiaMainContentContainer #contentSubSub > a, .mw-special-Contributions #bodyContent #contentSub:not(.contentSub) a, .mw-special-Contributions #VSTFReportButtons .VSTFReportButton, .mw-special-Contributions #bodyContent #contentSubSub > a { background-image: none !important; font-family: inherit !important; text-shadow: none !important; /* to override Highlight.css & Global.css */ }

.mw-special-Contributions #VSTFReportButtons .VSTFReportButton:active, .mw-special-Contributions #VSTFReportButtons .VSTFReportButton:focus, .mw-special-Contributions #VSTFReportButtons .VSTFReportButton:hover, .mw-special-Contributions #contentSub:not(.contentSub) a:active, .mw-special-Contributions #contentSub:not(.contentSub) a:focus, .mw-special-Contributions #contentSub:not(.contentSub) a:hover, .mw-special-Contributions #contentSub #contentSubSub a:active, .mw-special-Contributions #contentSub #contentSubSub a:focus, .mw-special-Contributions #contentSub #contentSubSub a:hover { color: #47ddff; }/**/

/* Extra CSS for QuickLogs — changing the order of display */ .mw-special-Contributions.skin-monobook #bodyContent, .mw-special-Contributions #WikiaMainContentContainer { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; }

.mw-special-Contributions.skin-monobook #mw-content-text, .mw-special-Contributions #WikiaMainContentContainer, .mw-special-Contributions #WikiaArticle { padding-top: 10px; }

.mw-special-Contributions.skin-monobook #bodyContent > *:not(#siteSub) { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-box-ordinal-group: 2; -webkit-order: 2; -ms-flex-order: 2; order: 2; }

.mw-special-Contributions.skin-monobook #bodyContent > #contentSub.contentSub + #VSTFReportButtons, .mw-special-Contributions #WikiaMainContentContainer #contentSub.contentSub, .mw-special-Contributions #WikiaArticle { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-box-ordinal-group: 1; -webkit-order: 1; -ms-flex-order: 1; order: 1; }

.mw-special-Contributions #contentSub.contentSub { padding: 0; margin: 0; }/**/

/* Icons */ @supports (mask-image: none) or (-webkit-mask-image: none) {

.mw-special-Contributions #contentSub a:before, .mw-special-Contributions #VSTFReportButtons .VSTFReportButton:before { display: inline-flex; background-color: currentColor; content: ''; font-size: 18px; margin-right: 6px; height: 18px; width: 18px; -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; mask-size: contain; mask-repeat: no-repeat; }

.mw-special-Contributions #contentSub a[href^="/wiki/User:"]:before { -webkit-mask-image: url('https://images.wikia.nocookie.net/common/extensions/wikia/DesignSystem/bower_components/design-system/dist/svg/wds-icons-user.svg'); }

.mw-special-Contributions #contentSub a[href^="/wiki/User_talk:"]:before { -webkit-mask-image: url('https://images.wikia.nocookie.net/common/extensions/wikia/DesignSystem/bower_components/design-system/dist/svg/wds-icons-reply.svg'); }

.mw-special-Contributions #contentSub a[href^="/wiki/Special:Block"]:before { -webkit-mask-image: url('https://images.wikia.nocookie.net/common/extensions/wikia/DesignSystem/bower_components/design-system/dist/svg/wds-icons-lock.svg'); }

.mw-special-Contributions #contentSub a[href^="/wiki/Special:Log"]:before { -webkit-mask-image: url('https://images.wikia.nocookie.net/common/extensions/wikia/DesignSystem/bower_components/design-system/dist/svg/wds-icons-bullet-list.svg'); }

.mw-special-Contributions #contentSub a[href^="/wiki/Special:ListFiles"]:before { -webkit-mask-image: url('https://images.wikia.nocookie.net/common/extensions/wikia/DesignSystem/bower_components/design-system/dist/svg/wds-icons-upload.svg'); }

.mw-special-Contributions #contentSub a[href^="/wiki/Special:DeletedContributions"]:before { -webkit-mask-image: url('https://images.wikia.nocookie.net/common/extensions/wikia/DesignSystem/bower_components/design-system/dist/svg/wds-icons-trash.svg'); }

.mw-special-Contributions #contentSub a[href^="/wiki/Special:UserRights"]:before { -webkit-mask-image: url('https://images.wikia.nocookie.net/common/extensions/wikia/DesignSystem/bower_components/design-system/dist/svg/wds-icons-controls.svg'); }

.mw-special-Contributions #contentSub a[href^="/wiki/Special:AbuseLog"]:before { -webkit-mask-image: url('https://images.wikia.nocookie.net/common/extensions/wikia/DesignSystem/bower_components/design-system/dist/svg/wds-icons-flag.svg'); }

.mw-special-Contributions #contentSub a[href^="/wiki/Special:Log/chatban"]:before { -webkit-mask-image: url('https://images.wikia.nocookie.net/common/extensions/wikia/DesignSystem/bower_components/design-system/dist/svg/wds-icons-megaphone.svg'); }

.mw-special-Contributions #VSTFReportButtons .VSTFReportButton:before { -webkit-mask-image: url('https://images.wikia.nocookie.net/common/extensions/wikia/DesignSystem/bower_components/design-system/dist/svg/wds-icons-alert.svg'); }

}