blob: 52051594f7829988813a31c7afc9692dbffc6bca (
plain)
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
81
|
@import 'mediawiki.mixins';
@import '../mmv.mixins';
.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;
}
}
}
|