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
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
|
/*!
* VisualEditor MediaWiki Initialization DiffPage styles.
*
* @copyright See AUTHORS.txt
* @license The MIT License (MIT); see LICENSE.txt
*/
@import 'mediawiki.mixins.less';
.client-nojs .ve-init-mw-diffPage-diffMode {
display: none;
}
.ve-init-mw-diffPage-loading {
clear: both;
margin: 2em auto;
}
.ve-init-mw-diffPage-revSlider-visual {
@new: #39b79c;
@old: #d73c34;
.mw-revslider-pointer-line {
.mw-revslider-upper-color {
border-color: @new;
}
.mw-revslider-lower-color {
border-color: @old;
}
}
.mw-revslider-revision-new .mw-revslider-revision-border-box {
border-bottom-color: @new;
}
.mw-revslider-revision-old .mw-revslider-revision-border-box {
border-bottom-color: @old;
}
.mw-revslider-revision-hovered {
&.mw-revslider-revision-wrapper-up .mw-revslider-pointer-ghost {
background-color: lighten( @new, 30% );
border-color: @new;
}
&.mw-revslider-revision-wrapper-down .mw-revslider-pointer-ghost {
background-color: lighten( @old, 30% );
border-color: @old;
}
}
.mw-revslider-revision-wrapper-hovered .mw-revslider-revision-hovered {
&.mw-revslider-revision-wrapper-up {
background-color: fade( @new, 30% );
}
&.mw-revslider-revision-wrapper-down {
background-color: fade( @old, 30% );
}
}
.mw-revslider-pointer {
&.mw-revslider-pointer-newer {
border-color: @new;
.vertical-gradient( lighten( @new, 30% ), @new );
&:hover {
.vertical-gradient( lighten( @new, 40% ), @new );
}
}
&.mw-revslider-pointer-older {
border-color: @old;
.vertical-gradient( lighten( @old, 30% ), @old );
&:hover {
.vertical-gradient( lighten( @old, 40% ), @old );
}
}
}
.mw-revslider-pointer-container-newer {
.mw-revslider-slider-line {
border-bottom-color: fade( @new, 50% );
}
&:hover .mw-revslider-slider-line {
border-bottom-color: fade( @new, 80% );
}
}
.mw-revslider-pointer-container-older {
.mw-revslider-slider-line {
border-top-color: fade( @old, 50% );
}
&:hover .mw-revslider-slider-line {
border-top-color: fade( @old, 80% );
}
}
}
|
