mediawiki-extensions-Multim.../resources/mmv/mmv.bootstrap.less
Volker E 7157729ae8 Align to WikimediaUI style guide and code cleanup
Aligning to WikimediaUI style guide by replacing colors with
standard color palette equivalents, merging close colors
(ex: `#E6E6E6` & `#eee` become `#eaecf0` ) and slightly increase
contrast on a few to meet WCAG 2.0 level AA criteria.
Also:
- following other code bases like MobileFrontend or OOjs UI in
using `border-radius` property instead of obsolete mixin
- removing non-existing browser vendor prefixes in mixins
- removing non-used Less variables
- bringing CSS/Less code closer to coding standards and
- simplifying Less code where applicable

Change-Id: Icb936e14ff613471ea1da6df6341ec1b0543cfaf
2017-03-02 15:55:01 -08:00

61 lines
1.1 KiB
Plaintext

.mw-mmv-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1000;
background-color: #000;
}
body.mw-mmv-lightbox-open {
overflow-y: auto;
/* stylelint-disable selector-no-id */
#mw-page-base,
#mw-head-base,
#mw-navigation,
#content,
#footer,
#globalWrapper { // monobook
/** Stop the article from scrolling in the background - skin-specific but works in any browser */
display: none;
}
/* stylelint-enable selector-no-id */
> * {
/** Stop the article from scrolling in the background - works with any skin but needs modern browser */
display: none;
}
> .mw-mmv-overlay,
> .mw-mmv-wrapper {
display: block;
}
}
.mw-mmv-filepage-buttons {
margin-top: 5px;
.mw-mmv-view-expanded,
.mw-mmv-view-config {
display: block;
// Work around some weirdness of MW-UI buttons. T127052
line-height: inherit;
}
.mw-mmv-view-expanded.mw-ui-icon:before {
/* @embed */
background-image: url( img/expand.svg );
}
.mw-mmv-view-config.mw-ui-icon:before {
/* @embed */
background-image: url( img/gear_gray.svg );
opacity: 0.75;
&:hover {
opacity: 1;
}
}
}