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
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
|
/**
* Style fixes for extensions
*
* This file is part of the MediaWiki skin Chameleon.
*
* @copyright 2013 - 2017, Stephan Gambke
* @license GNU General Public License, version 3 (or any later version)
*
* The Chameleon skin is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by the Free
* Software Foundation, either version 3 of the License, or (at your option) any
* later version.
*
* The Chameleon skin is distributed in the hope that it will be useful, but
* WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
* FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more
* details.
*
* You should have received a copy of the GNU General Public License along
* with this program. If not, see <http://www.gnu.org/licenses/>.
*
* @author Stephan Gambke
* @since 1.2
* @ingroup Skins
*/
.skin-chameleon {
/* >> Extension VisualEditor */
.ve-ui-toolbar, .ve-ui-debugBar, .oo-ui-processDialog-navigation {
&, &::before, &::after {
box-sizing: content-box;
}
}
.ve-ui-overlay-global {
z-index: @zindex-navbar-fixed + 1;
}
// float the VE UI toolbar below a fixed or sticky navbar
.navbar.navbar-fixed-top, .navbar + .sticky-wrapper {
~ * .ve-ui-toolbar-floating>.oo-ui-toolbar-bar {
transform: translateY(@navbar-height);
}
}
/* << Extension VisualEditor
/* >> Extension Echo */
.mw-echo-ui-overlay {
z-index: 3;
}
#pt-notifications-alert, #pt-notifications-notice {
display: -ms-inline-grid;
display: inline-grid;
.mw-echo-notifications-badge {
@badge-offscreen-offset: 1000px;
// Hide the text, but keep accessible for screen-readers
// Later we put the icons back onscreen with an opposite offset
top: -@badge-offscreen-offset;
// Background icon
&:before {
// Bring it back onscreen
top: @badge-offscreen-offset;
}
// Counter
&:after {
// Bring it back onscreen
top: @badge-offscreen-offset + 9px;
}
}
}
.navbar-tools {
#pt-notifications-alert, #pt-notifications-notice {
display: inherit;
.mw-echo-notifications-badge {
width: auto;
height: auto;
top: auto;
&-dimmed {
opacity: 1;
}
// Reset Background icon & Counter
//
&:before, &:after {
content: inherit;
}
&.mw-echo-notifications-badge-all-read {
opacity: 1;
}
}
}
}
.mw-echo-ui-notificationBadgeButtonPopupWidget > .oo-ui-popupWidget {
font-size: 1em;
}
/* << Extension Echo */
}
|
