mediawiki-extensions-Multim.../resources/mmv/ui/mmv.ui.tipsyDialog.less

60 lines
1.2 KiB
Plaintext
Raw Normal View History

@import "../mmv.globals";
@import "../mmv.mixins";
.mw-mmv-tipsy-dialog {
@arrow-height: 8px;
@background-color: #eee;
@border-color: #aaaaaa;
@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(3px);
padding: @padding;
color: #555;
.mw-mmv-tipsy-dialog-title {
margin-bottom: 1em;
color: #333;
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;
}
}
}