1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80
|
@import 'mediawiki.mixins.less';
@import '../mmv.mixins.less';
.mw-mmv-permission-box {
position: relative;
width: 90%;
margin: 10px 20px 0;
&.empty {
display: none;
}
h3 {
margin: 10px;
padding: 0;
color: #54595d;
font-size: 0.95em;
}
.mw-mmv-permission-close {
display: none;
position: absolute;
top: 12px;
right: 8px;
width: 16px;
height: 16px;
.background-image( 'img/x_gray.svg' );
cursor: pointer;
}
.mw-mmv-permission-text {
@text-font-size: 0.9em;
@text-line-height: 1.4;
@lines-shown: 3;
position: relative;
max-height: @lines-shown * @text-line-height * @text-font-size;
overflow: hidden;
margin: 0 10px 10px;
font-size: @text-font-size;
line-height: @text-line-height;
color: #54595d;
.mw-mmv-permission-text-fader {
position: absolute;
top: ( @lines-shown - 1 ) * @text-line-height * @text-font-size;
width: 100%;
height: @text-line-height * @text-font-size;
.fade-out-vertical();
text-align: right;
a {
padding: 3px 0 0 1em;
background-color: #fff;
font-size: 1em;
}
}
}
.mw-mmv-permission-html {
padding: 0 15px 15px;
display: none;
max-height: 400px;
overflow: auto;
}
&.full-size {
.mw-mmv-permission-close {
display: block;
}
.mw-mmv-permission-text {
display: none;
}
.mw-mmv-permission-html {
display: block;
border-top: 1px solid #f8f9fa;
}
}
}
|