mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/MultimediaViewer
synced 2024-12-01 19:26:14 +00:00
9291a0d6e2
Replacing colors with ones from current WCAG 2.0 level AA compliant color palette. Also improving SVG files by svgo optimization where easily applicable and cleaning up some minor Less shortcomings. Bug: T149769 Change-Id: I3d46c95a61112ba808c6ec664a95c94e9cb42c5e
60 lines
1.2 KiB
Plaintext
60 lines
1.2 KiB
Plaintext
@import '../mmv.globals';
|
|
@import '../mmv.mixins';
|
|
|
|
.mw-mmv-tipsy-dialog {
|
|
@arrow-height: 8px;
|
|
@background-color: #eee;
|
|
@border-color: #aaa;
|
|
@padding: 20px; // must be larger than @arrow-height / sqrt(2), otherwise the arrow overlaps the text
|
|
|
|
padding-bottom: @arrow-height; // the actual arrow height is @arrow-height / sqrt(2)
|
|
|
|
.tipsy-inner {
|
|
max-width: 400px;
|
|
background-color: @background-color;
|
|
border: 1px solid @border-color;
|
|
.box-round( @border-radius );
|
|
padding: @padding;
|
|
|
|
color: #555;
|
|
|
|
.mw-mmv-tipsy-dialog-title {
|
|
margin-bottom: 1em;
|
|
color: #222;
|
|
font-size: 130%;
|
|
}
|
|
}
|
|
|
|
.tipsy-arrow {
|
|
width: 2 * @arrow-height;
|
|
height: 2 * @arrow-height;
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 10px + @arrow-height;
|
|
background: @background-color;
|
|
border: 1px solid @border-color;
|
|
border-width: 0 0 1px 1px;
|
|
.rotate( -45deg );
|
|
}
|
|
|
|
.mw-mmv-tipsy-dialog-disable {
|
|
@distanceFromBorder: 8px;
|
|
@topRightMargin: @distanceFromBorder - @padding;
|
|
width: 15px;
|
|
height: 15px;
|
|
float: right;
|
|
margin: @topRightMargin @topRightMargin @padding @padding;
|
|
|
|
cursor: pointer;
|
|
|
|
/* @embed */
|
|
background-image: url( img/x_gray.svg );
|
|
background-repeat: no-repeat;
|
|
opacity: 0.75;
|
|
|
|
&:hover {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
}
|