MediaWiki:ContribsButtons.css

/** * ContribsButtons.css * @Description:   Transforms contribs links into a grid of WDS buttons * @Authors:       Ursuul & Veralann * @Installation:  @import url("/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:ContribsButtons.css"); */ /* Main */ .mw-special-Contributions #VSTFReportButtons, .mw-special-Contributions #contentSub { 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; }

.mw-special-Contributions #contentSub { font-size: 0; color: transparent; }

.mw-special-Contributions #VSTFReportButtons .VSTFReportButton, .mw-special-Contributions #contentSub 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; background: #00B7E0; font-size: 15px; font-weight: 600; line-height: 1.3em; letter-spacing: 0.15px; text-align: center; text-decoration: none; text-transform: capitalize; -epub-hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; adobe-hyphenate: auto; padding: 8px 2px; border: 0; border-radius: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; margin: 1px; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; }

.mw-special-Contributions #WikiaMainContentContainer #contentSub > a, .mw-special-Contributions #VSTFReportButtons .VSTFReportButton, .mw-special-Contributions #bodyContent #contentSub > a { background-image: none !important; font-family: inherit !important; color: #FFFFFF !important; text-shadow: none !important; -webkit-text-fill-color: initial; /* to override Highlight.css, Global.css, & local styles */ }

.mw-special-Contributions #VSTFReportButtons .VSTFReportButton:active, .mw-special-Contributions #VSTFReportButtons .VSTFReportButton:focus, .mw-special-Contributions #VSTFReportButtons .VSTFReportButton:hover, .mw-special-Contributions #contentSub a:active, .mw-special-Contributions #contentSub a:focus, .mw-special-Contributions #contentSub a:hover { background: #47DDFF; }/**/

/* Extra CSS for QuickLogs — changing the order of display */ .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 #WikiaMainContentContainer, .mw-special-Contributions #WikiaArticle { padding-top: 10px; }

.mw-special-Contributions #WikiaMainContentContainer #contentSub { -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 + #VSTFReportButtons { -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 #WikiaMainContentContainer #quicklogs-container, .mw-special-Contributions #WikiaArticle { -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-box-ordinal-group: 3; -webkit-order: 3; -ms-flex-order: 3; order: 3; }

.mw-special-Contributions .license-description { -webkit-box-ordinal-group: 4; -moz-box-ordinal-group: 4; -ms-box-ordinal-group: 4; -webkit-order: 4; -ms-flex-order: 4; order: 4; }

.mw-special-Contributions #contentSub { display: flex !important;/* override local use of !important */ margin: 0; }/**/