3 * https://www.mediawiki.org/wiki/OOUI
5 * Copyright 2011–2019 OOUI Team and other contributors.
6 * Released under the MIT license
7 * http://oojs.mit-license.org
9 * Date: 2019-03-21T15:54:46Z
12 -webkit-box-sizing: border-box
;
13 -moz-box-sizing: border-box
;
14 box-sizing: border-box
;
16 .oo-ui-tool > .oo-ui-tool-link > .oo-ui-tool-checkIcon {
19 .oo-ui-tool .oo-ui-tool-link {
21 -webkit-box-sizing: border-box
;
22 -moz-box-sizing: border-box
;
23 box-sizing: border-box
;
27 .oo-ui-toolbar-narrow .oo-ui-tool .oo-ui-tool-link {
28 padding-left: 2.85714286em;
30 .oo-ui-tool-with-label .oo-ui-tool-link {
31 padding: 1em 0.85714286em 1em 2.64285714em;
33 .oo-ui-tool .oo-ui-iconElement-icon {
37 .oo-ui-toolbar-narrow .oo-ui-tool .oo-ui-iconElement-icon {
40 .oo-ui-tool .oo-ui-tool-title {
43 .oo-ui-tool.oo-ui-widget-enabled {
44 -webkit-transition: background-color
100ms;
45 -moz-transition: background-color
100ms;
46 transition: background-color
100ms;
48 .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus {
49 outline: 1px solid
#36c;
50 box-shadow: inset
0 0 0 1px #36c;
53 .oo-ui-tool.oo-ui-widget-enabled .oo-ui-iconElement-icon {
55 -webkit-transition: opacity
100ms;
56 -moz-transition: opacity
100ms;
57 transition: opacity
100ms;
58 -webkit-transform: translateZ
(0);
59 transform: translateZ
(0);
61 .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-title {
62 -webkit-transition: color
100ms;
63 -moz-transition: color
100ms;
64 transition: color
100ms;
66 .oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-iconElement-icon {
69 .oo-ui-tool.oo-ui-widget-enabled[class*='oo-ui-flaggedElement'] .oo-ui-iconElement-icon {
72 .oo-ui-tool.oo-ui-widget-disabled .oo-ui-iconElement-icon {
76 .oo-ui-popupTool-popup
.oo-ui-popupWidget-popup
,
77 .oo-ui-popupTool-popup .oo-ui-popupWidget-anchor {
81 .oo-ui-toolGroupTool > .oo-ui-toolGroup {
86 display: inline-block
;
87 vertical-align: middle
;
88 -webkit-box-sizing: border-box
;
89 -moz-box-sizing: border-box
;
90 box-sizing: border-box
;
91 border-right: 1px solid
#eaecf0;
93 .oo-ui-toolGroup-empty {
96 .oo-ui-toolGroup-tools .oo-ui-tool-link {
97 text-decoration: none
;
100 .oo-ui-toolGroup-tools
.oo-ui-toolGroup-disabled-tools
.oo-ui-tool-link
,
101 .oo-ui-toolGroup-tools .oo-ui-widget-disabled > .oo-ui-tool-link {
105 .oo-ui-toolbar-actions .oo-ui-toolGroup {
107 border-left: 1px solid
#eaecf0;
109 .oo-ui-toolbar-actions .oo-ui-toolGroup.oo-ui-barToolGroup {
110 border-right-width: 0;
112 .oo-ui-toolGroup
.oo-ui-widget-disabled
.oo-ui-indicatorElement-indicator
,
113 .oo-ui-toolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon {
114 opacity: 0.34 !important
;
117 .oo-ui-barToolGroup-tools > .oo-ui-tool {
118 display: inline-block
;
122 .oo-ui-barToolGroup-tools > .oo-ui-tool > .oo-ui-tool-link {
125 .oo-ui-barToolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-accel {
128 .oo-ui-barToolGroup-tools > .oo-ui-tool.oo-ui-iconElement > .oo-ui-tool-link .oo-ui-tool-title {
131 .oo-ui-barToolGroup-tools > .oo-ui-tool.oo-ui-iconElement.oo-ui-tool-with-label > .oo-ui-tool-link .oo-ui-tool-title {
132 display: inline-block
;
134 .oo-ui-barToolGroup-tools > .oo-ui-tool + .oo-ui-tool {
137 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool:not( .oo-ui-toolGroupTool ).oo-ui-widget-enabled:hover {
138 background-color: #eaecf0;
140 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool:not( .oo-ui-toolGroupTool ).oo-ui-widget-enabled > .oo-ui-tool-link .oo-ui-tool-title {
142 -webkit-transition: color
100ms;
143 -moz-transition: color
100ms;
144 transition: color
100ms;
146 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool:not( .oo-ui-toolGroupTool ).oo-ui-tool-active {
147 background-color: #eaf3ff;
149 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool:not( .oo-ui-toolGroupTool ).oo-ui-tool-active:hover {
150 background-color: rgba
(41, 98, 204, 0.1);
152 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool:not( .oo-ui-toolGroupTool ).oo-ui-tool-active > .oo-ui-tool-link .oo-ui-tool-title {
155 .oo-ui-barToolGroup-tools
.oo-ui-toolGroup-enabled-tools
.oo-ui-tool
.oo-ui-widget-disabled
> .oo-ui-tool-link
.oo-ui-tool-title
,
156 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-title {
160 .oo-ui-popupToolGroup {
164 .oo-ui-popupToolGroup-handle {
168 .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label:not( :empty ) {
169 display: inline-block
;
171 .oo-ui-popupToolGroup.oo-ui-widget-disabled .oo-ui-popupToolGroup-handle {
175 .oo-ui-popupToolGroup-tools {
180 .oo-ui-popupToolGroup-tools.oo-ui-popupToolGroup-active-tools {
183 .oo-ui-popupToolGroup-tools .oo-ui-tool-link {
186 vertical-align: middle
;
189 .oo-ui-popupToolGroup-tools
.oo-ui-tool-link
.oo-ui-tool-accel
,
190 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-title {
192 vertical-align: middle
;
194 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel {
197 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup {
198 min-width: 2.85714286em;
200 .oo-ui-popupToolGroup.oo-ui-indicatorElement:not( .oo-ui-labelElement ):not( .oo-ui-iconElement ) {
201 min-width: 1.85714286em;
203 .oo-ui-popupToolGroup-handle {
204 -webkit-box-sizing: border-box
;
205 -moz-box-sizing: border-box
;
206 box-sizing: border-box
;
208 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
211 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
214 .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
215 background-position: center
52%;
218 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
221 .oo-ui-popupToolGroup
.oo-ui-iconElement
.oo-ui-popupToolGroup-handle
,
222 .oo-ui-popupToolGroup.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle {
225 .oo-ui-popupToolGroup.oo-ui-iconElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle {
228 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-iconElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle {
229 padding-left: 2.85714286em;
231 .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle {
232 padding: 1em 0.85714286em;
234 .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
237 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle {
238 padding-left: 0.71428571em;
239 padding-right: 0.71428571em;
241 .oo-ui-popupToolGroup.oo-ui-iconElement.oo-ui-labelElement .oo-ui-popupToolGroup-handle {
242 padding-left: 2.64285714em;
244 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-iconElement.oo-ui-labelElement .oo-ui-popupToolGroup-handle {
247 .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle {
248 padding-right: 1.85714286em;
250 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle {
251 padding-right: 1.28571429em;
253 .oo-ui-popupToolGroup.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle {
254 padding-right: 1.14285714em;
256 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle {
257 padding-right: 0.85714286em;
259 .oo-ui-popupToolGroup:not( .oo-ui-labelElement ):not( .oo-ui-iconElement ) .oo-ui-indicatorElement-indicator {
262 .oo-ui-popupToolGroup-header {
264 padding: 0 0.85714286em;
266 line-height: 2.28571429em;
268 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-header {
269 padding: 0 0.71428571em;
271 .oo-ui-popupToolGroup-tools {
272 background-color: #fff;
275 border: 1px solid
#c8ccd1;
276 box-shadow: 0 2px 2px 0 rgba
(0, 0, 0, 0.25);
278 .oo-ui-popupToolGroup-tools .oo-ui-tool-link {
279 padding: 1em 0.85714286em;
281 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-tools .oo-ui-tool-link {
282 padding-left: 0.71428571em;
283 padding-right: 0.71428571em;
285 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-title {
288 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel {
292 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel:not( :empty ) {
293 padding-left: 1.28571429em;
295 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel:not( :empty ) {
296 padding-left: 1.14285714em;
298 .oo-ui-popupToolGroup-tools .oo-ui-iconElement .oo-ui-tool-link {
299 padding-left: 2.64285714em;
301 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-tools .oo-ui-iconElement .oo-ui-tool-link {
304 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle {
305 -webkit-transition: background-color
100ms, box-shadow
100ms;
306 -moz-transition: background-color
100ms, box-shadow
100ms;
307 transition: background-color
100ms, box-shadow
100ms;
309 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover {
310 background-color: #eaecf0;
312 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active {
313 background-color: #eaf3ff;
315 .oo-ui-popupToolGroup
.oo-ui-widget-enabled
> .oo-ui-popupToolGroup-handle
.oo-ui-iconElement-icon
,
316 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
318 -webkit-transition: opacity
100ms;
319 -moz-transition: opacity
100ms;
320 transition: opacity
100ms;
321 -webkit-transform: translateZ
(0);
322 transform: translateZ
(0);
324 .oo-ui-popupToolGroup
.oo-ui-widget-enabled
> .oo-ui-popupToolGroup-handle:hover
.oo-ui-iconElement-icon
,
325 .oo-ui-popupToolGroup
.oo-ui-widget-enabled
> .oo-ui-popupToolGroup-handle:active
.oo-ui-iconElement-icon
,
326 .oo-ui-popupToolGroup
.oo-ui-widget-enabled
> .oo-ui-popupToolGroup-handle:hover
.oo-ui-indicatorElement-indicator
,
327 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active .oo-ui-indicatorElement-indicator {
330 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:focus {
331 outline: 1px solid
#36c;
332 box-shadow: inset
0 0 0 1px #36c;
334 .oo-ui-popupToolGroup
.oo-ui-widget-enabled
[class
*='oo-ui-flaggedElement'] > .oo-ui-popupToolGroup-handle
.oo-ui-iconElement-icon
,
335 .oo-ui-popupToolGroup.oo-ui-widget-enabled[class*='oo-ui-flaggedElement'] > .oo-ui-popupToolGroup-handle:hover .oo-ui-iconElement-icon {
338 .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle {
339 border-right: 1px solid transparent
;
340 -webkit-transition: background-color
100ms, border-color
100ms, box-shadow
100ms;
341 -moz-transition: background-color
100ms, border-color
100ms, box-shadow
100ms;
342 transition: background-color
100ms, border-color
100ms, box-shadow
100ms;
344 .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover {
345 border-right-color: #eaecf0;
347 .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active {
348 border-right-color: #eaf3ff;
350 .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:focus {
351 border-right-color: #36c;
353 .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle {
354 background-color: #eaf3ff;
357 .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle:hover {
358 background-color: rgba
(41, 98, 204, 0.1);
361 .oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {
364 .oo-ui-popupToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus {
366 box-shadow: inset
0 0 0 2px #36c;
369 .oo-ui-listToolGroup-tools .oo-ui-tool {
371 -webkit-box-sizing: border-box
;
372 -moz-box-sizing: border-box
;
373 box-sizing: border-box
;
375 .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {
376 background-color: #eaecf0;
379 .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled {
380 background-color: #eaf3ff;
382 .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled:hover {
383 background-color: rgba
(41, 98, 204, 0.1);
385 .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {
388 .oo-ui-listToolGroup
.oo-ui-widget-disabled
,
389 .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-title {
393 .oo-ui-menuToolGroup-tools .oo-ui-tool {
396 .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
399 .oo-ui-toolbar-narrow .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
402 .oo-ui-menuToolGroup-tools .oo-ui-tool-link .oo-ui-iconElement-icon {
405 .oo-ui-toolbar-narrow .oo-ui-menuToolGroup-tools .oo-ui-tool-link .oo-ui-iconElement-icon {
408 .oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {
409 background-color: rgba
(41, 98, 204, 0.1);
411 .oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-tool-active {
412 background-color: #eaf3ff;
414 .oo-ui-menuToolGroup
.oo-ui-widget-disabled
,
415 .oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-title {
426 .oo-ui-toolbar-tools
,
427 .oo-ui-toolbar-actions {
428 -webkit-touch-callout: none
;
429 -webkit-user-select: none
;
430 -moz-user-select: none
;
431 -ms-user-select: none
;
434 .oo-ui-toolbar-tools {
437 .oo-ui-toolbar-popups {
440 .oo-ui-toolbar-tools
,
441 .oo-ui-toolbar-popups {
444 .oo-ui-toolbar-tools
.oo-ui-tool
,
445 .oo-ui-toolbar-popups
.oo-ui-tool
,
446 .oo-ui-toolbar-tools
.oo-ui-popupTool-popup
,
447 .oo-ui-toolbar-popups .oo-ui-popupTool-popup {
450 .oo-ui-toolbar-narrow
.oo-ui-toolbar-tools
,
451 .oo-ui-toolbar-narrow.oo-ui-toolbar-popups {
454 .oo-ui-toolbar-actions {
457 .oo-ui-toolbar-actions
.oo-ui-toolbar
,
458 .oo-ui-toolbar-actions
.oo-ui-buttonElement
.oo-ui-labelElement
> input
.oo-ui-buttonElement-button
,
459 .oo-ui-toolbar-actions .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
460 display: inline-block
;
462 .oo-ui-toolbar-actions .oo-ui-popupWidget {
463 -webkit-touch-callout: default
;
464 -webkit-user-select: text
;
465 -moz-user-select: text
;
466 -ms-user-select: text
;
470 background-color: #fff;
473 .oo-ui-toolbar-position-top > .oo-ui-toolbar-bar {
474 border-bottom: 1px solid
#c8ccd1;
475 box-shadow: 0 1px 1px 0 rgba
(0, 0, 0, 0.1);
477 .oo-ui-toolbar-position-bottom > .oo-ui-toolbar-bar {
478 border-top: 1px solid
#c8ccd1;
479 box-shadow: 0 -1px 1px 0 rgba
(0, 0, 0, 0.1);
481 .oo-ui-toolbar-bar .oo-ui-toolbar-bar {
482 background-color: transparent
;
486 .oo-ui-toolbar-narrow-bar:after {
495 .oo-ui-toolbar-narrow.oo-ui-toolbar-position-top .oo-ui-toolbar-bar:after {
496 border-bottom: 1px solid
#c8ccd1;
498 .oo-ui-toolbar-narrow.oo-ui-toolbar-position-bottom .oo-ui-toolbar-bar:after {
499 border-top: 1px solid
#c8ccd1;
501 .oo-ui-toolbar-actions > .oo-ui-buttonElement {
504 .oo-ui-toolbar-actions > .oo-ui-buttonElement > .oo-ui-buttonElement-button {
508 padding-left: 1.14285714em;
509 padding-right: 1.14285714em;
511 .oo-ui-toolbar-narrow .oo-ui-toolbar-actions > .oo-ui-buttonElement > .oo-ui-buttonElement-button {
512 padding-left: 0.85714286em;
513 padding-right: 0.85714286em;
515 .oo-ui-toolbar-actions > .oo-ui-buttonElement.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
516 box-shadow: inset
0 0 0 2px #36c, inset
0 0 0 3px #fff;
518 .oo-ui-toolbar-actions > .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button {
522 .oo-ui-toolbar-actions > .oo-ui-buttonGroupWidget > .oo-ui-buttonElement > .oo-ui-buttonElement-button {
524 border-width: 0 0 0 1px;
528 .oo-ui-toolbar-actions > .oo-ui-buttonGroupWidget > .oo-ui-popupToolGroup.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-popupToolGroup-handle {
530 background-color: #36c;
533 .oo-ui-toolbar-actions > .oo-ui-buttonGroupWidget > .oo-ui-popupToolGroup.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-popupToolGroup-handle:hover {
534 background-color: #447ff5;
535 border-color: #447ff5;
537 .oo-ui-toolbar-actions
> .oo-ui-buttonGroupWidget
> .oo-ui-popupToolGroup
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-progressive
> .oo-ui-popupToolGroup-handle:active
,
538 .oo-ui-toolbar-actions
> .oo-ui-buttonGroupWidget
> .oo-ui-popupToolGroup
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-progressive
> .oo-ui-popupToolGroup-handle:active:focus
,
539 .oo-ui-toolbar-actions
> .oo-ui-buttonGroupWidget
> .oo-ui-popupToolGroup
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-progressive
.oo-ui-buttonElement-pressed
> .oo-ui-popupToolGroup-handle
,
540 .oo-ui-toolbar-actions
> .oo-ui-buttonGroupWidget
> .oo-ui-popupToolGroup
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-progressive
.oo-ui-buttonElement-active
> .oo-ui-popupToolGroup-handle
,
541 .oo-ui-toolbar-actions > .oo-ui-buttonGroupWidget > .oo-ui-popupToolGroup.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle {
543 background-color: #2a4b8d;
544 border-color: #2a4b8d;
547 .oo-ui-toolbar-actions > .oo-ui-buttonGroupWidget > .oo-ui-popupToolGroup.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-popupToolGroup-handle:focus {
549 box-shadow: inset
0 0 0 1px #36c, inset
0 0 0 2px #fff;