3 * https://www.mediawiki.org/wiki/OOUI
5 * Copyright 2011–2018 OOUI Team and other contributors.
6 * Released under the MIT license
7 * http://oojs.mit-license.org
9 * Date: 2018-04-04T17:22:48Z
11 .oo-ui-popupTool
.oo-ui-popupWidget-popup
,
12 .oo-ui-popupTool .oo-ui-popupWidget-anchor {
15 .oo-ui-toolGroupTool > .oo-ui-popupToolGroup {
20 .oo-ui-toolGroupTool:first-child > .oo-ui-popupToolGroup {
21 border-top-left-radius: 4px;
22 border-bottom-left-radius: 4px;
24 .oo-ui-toolGroupTool:last-child > .oo-ui-popupToolGroup {
25 border-top-right-radius: 4px;
26 border-bottom-right-radius: 4px;
28 .oo-ui-toolGroupTool > .oo-ui-popupToolGroup > .oo-ui-popupToolGroup-handle {
32 .oo-ui-toolGroupTool > .oo-ui-popupToolGroup.oo-ui-labelElement > .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
36 display: inline-block
;
37 vertical-align: middle
;
40 border: 1px solid transparent
;
41 -webkit-transition: border-color
250ms ease
;
42 -moz-transition: border-color
250ms ease
;
43 transition: border-color
250ms ease
;
45 .oo-ui-toolGroup-empty {
48 .oo-ui-toolGroup .oo-ui-tool-link {
49 text-decoration: none
;
52 .oo-ui-toolGroup
.oo-ui-widget-disabled
.oo-ui-tool-link
,
53 .oo-ui-toolGroup .oo-ui-widget-disabled > .oo-ui-tool-link {
57 .oo-ui-toolbar-narrow .oo-ui-toolGroup + .oo-ui-toolGroup {
60 .oo-ui-toolGroup.oo-ui-widget-enabled:hover {
61 border-color: rgba
(0, 0, 0, 0.1);
63 .oo-ui-toolGroup.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {
66 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool {
67 display: inline-block
;
71 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link {
74 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-accel {
77 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-iconElement > .oo-ui-tool-link .oo-ui-tool-title {
80 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-iconElement.oo-ui-tool-with-label > .oo-ui-tool-link .oo-ui-tool-title {
81 display: inline-block
;
83 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool {
84 margin: -1px 0 -1px -1px;
85 border: 1px solid transparent
;
87 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool:first-child {
88 border-top-left-radius: 4px;
89 border-bottom-left-radius: 4px;
91 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool:last-child {
93 border-top-right-radius: 4px;
94 border-bottom-right-radius: 4px;
96 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link {
100 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-iconElement-icon {
101 display: inline-block
;
104 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-title {
107 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-enabled:hover {
108 border-color: rgba
(0, 0, 0, 0.2);
110 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-tool-active.oo-ui-widget-enabled {
111 border-color: rgba
(0, 0, 0, 0.2);
112 box-shadow: inset
0 0.0875em 0.0875em 0 rgba
(0, 0, 0, 0.07);
113 background-color: #f8fbfd;
114 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #f1f7fb), color-stop
(100%, #fff));
115 background-image: -webkit-linear-gradient
(top
, #f1f7fb 0, #fff 100%);
116 background-image: -moz-linear-gradient
(top
, #f1f7fb 0, #fff 100%);
117 background-image: linear-gradient
(to bottom
, #f1f7fb 0, #fff 100%);
118 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff1f7fb', endColorstr='#ffffffff' )";
120 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-tool-active.oo-ui-widget-enabled + .oo-ui-tool-active.oo-ui-widget-enabled {
121 border-left-color: rgba
(0, 0, 0, 0.1);
123 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-disabled > .oo-ui-tool-link:focus {
126 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-disabled > .oo-ui-tool-link .oo-ui-tool-title {
129 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-disabled > .oo-ui-tool-link .oo-ui-iconElement-icon {
132 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-enabled:hover > .oo-ui-tool-link .oo-ui-iconElement-icon {
135 .oo-ui-barToolGroup.oo-ui-widget-disabled > .oo-ui-toolGroup-tools > .oo-ui-tool:focus {
138 .oo-ui-barToolGroup.oo-ui-widget-disabled > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link:focus {
141 .oo-ui-barToolGroup.oo-ui-widget-disabled > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-title {
144 .oo-ui-barToolGroup.oo-ui-widget-disabled > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-iconElement-icon {
147 .oo-ui-popupToolGroup {
152 .oo-ui-popupToolGroup-handle {
156 .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label:not( :empty ) {
157 display: inline-block
;
159 .oo-ui-popupToolGroup.oo-ui-widget-disabled .oo-ui-popupToolGroup-handle {
163 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
168 .oo-ui-popupToolGroup-active.oo-ui-widget-enabled > .oo-ui-toolGroup-tools {
171 .oo-ui-popupToolGroup-left > .oo-ui-toolGroup-tools {
174 .oo-ui-popupToolGroup-right > .oo-ui-toolGroup-tools {
177 .oo-ui-popupToolGroup .oo-ui-tool-link {
180 vertical-align: middle
;
183 .oo-ui-popupToolGroup
.oo-ui-tool-link
.oo-ui-tool-accel
,
184 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title {
186 vertical-align: middle
;
188 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel {
191 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup {
194 .oo-ui-popupToolGroup.oo-ui-iconElement {
197 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-iconElement {
200 .oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement {
203 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement {
206 .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
210 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
213 .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-iconElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
216 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-iconElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
219 .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
220 margin-right: 2.25em;
222 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
223 margin-right: 1.75em;
225 .oo-ui-buttonGroupWidget .oo-ui-popupToolGroup {
228 .oo-ui-buttonGroupWidget .oo-ui-popupToolGroup > .oo-ui-popupToolGroup-handle {
233 .oo-ui-buttonGroupWidget .oo-ui-popupToolGroup:first-child > .oo-ui-popupToolGroup-handle {
234 border-bottom-left-radius: 4px;
235 border-top-left-radius: 4px;
238 .oo-ui-buttonGroupWidget .oo-ui-popupToolGroup:last-child {
241 .oo-ui-buttonGroupWidget .oo-ui-popupToolGroup:last-child > .oo-ui-popupToolGroup-handle {
242 border-bottom-right-radius: 4px;
243 border-top-right-radius: 4px;
245 .oo-ui-popupToolGroup-handle
.oo-ui-indicatorElement-indicator
,
246 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
250 .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
256 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
259 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
263 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
266 .oo-ui-popupToolGroup-header {
271 .oo-ui-popupToolGroup-active.oo-ui-widget-enabled {
272 background-color: #f8fbfd;
273 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #f1f7fb), color-stop
(100%, #fff));
274 background-image: -webkit-linear-gradient
(top
, #f1f7fb 0, #fff 100%);
275 background-image: -moz-linear-gradient
(top
, #f1f7fb 0, #fff 100%);
276 background-image: linear-gradient
(to bottom
, #f1f7fb 0, #fff 100%);
277 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff1f7fb', endColorstr='#ffffffff' )";
278 border-bottom-left-radius: 0;
279 border-bottom-right-radius: 0;
280 box-shadow: inset
0 0.0875em 0.0875em 0 rgba
(0, 0, 0, 0.07);
282 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
284 border: 1px solid
#ccc;
285 background-color: #fff;
286 box-shadow: 0 0.3125em 1.25em rgba
(0, 0, 0, 0.25);
288 .oo-ui-toolbar-position-top .oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
291 .oo-ui-toolbar-position-bottom .oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
294 .oo-ui-popupToolGroup .oo-ui-tool-link {
295 padding: 0.3125em 0 0.3125em 0.3125em;
297 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
298 display: table-cell
!important
;
302 vertical-align: middle
;
304 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title {
307 .oo-ui-popupToolGroup
.oo-ui-tool-link
.oo-ui-tool-accel
,
308 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title {
311 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel {
314 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel:not( :empty ) {
317 .oo-ui-listToolGroup .oo-ui-tool {
319 -webkit-box-sizing: border-box
;
320 -moz-box-sizing: border-box
;
321 box-sizing: border-box
;
323 .oo-ui-listToolGroup .oo-ui-toolGroup-tools {
326 .oo-ui-listToolGroup.oo-ui-popupToolGroup-active {
327 border-color: rgba
(0, 0, 0, 0.2);
329 .oo-ui-listToolGroup .oo-ui-tool {
330 border: 1px solid transparent
;
332 padding: 0 0.625em 0 0;
334 .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled {
335 border-color: rgba
(0, 0, 0, 0.1);
336 box-shadow: inset
0 0.0875em 0.0875em 0 rgba
(0, 0, 0, 0.07);
337 background-color: #f8fbfd;
338 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #f1f7fb), color-stop
(100%, #fff));
339 background-image: -webkit-linear-gradient
(top
, #f1f7fb 0, #fff 100%);
340 background-image: -moz-linear-gradient
(top
, #f1f7fb 0, #fff 100%);
341 background-image: linear-gradient
(to bottom
, #f1f7fb 0, #fff 100%);
342 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff1f7fb', endColorstr='#ffffffff' )";
344 .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled + .oo-ui-tool-active.oo-ui-widget-enabled {
345 border-top-color: rgba
(0, 0, 0, 0.1);
347 .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled:hover {
348 border-color: rgba
(0, 0, 0, 0.2);
350 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover {
351 border-color: rgba
(0, 0, 0, 0.2);
353 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-tool-link .oo-ui-iconElement-icon {
356 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title {
359 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-accel {
362 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon {
365 .oo-ui-listToolGroup.oo-ui-widget-disabled {
368 .oo-ui-listToolGroup
.oo-ui-widget-disabled
.oo-ui-indicatorElement-indicator
,
369 .oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon {
372 .oo-ui-menuToolGroup {
373 border-color: rgba
(0, 0, 0, 0.1);
375 .oo-ui-menuToolGroup .oo-ui-tool {
378 .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
381 .oo-ui-toolbar-narrow .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
384 .oo-ui-menuToolGroup .oo-ui-toolGroup-tools {
385 padding: 0.3125em 0 0.3125em 0;
387 .oo-ui-menuToolGroup.oo-ui-widget-enabled:hover {
388 border-color: rgba
(0, 0, 0, 0.2);
390 .oo-ui-menuToolGroup.oo-ui-popupToolGroup-active {
391 border-color: rgba
(0, 0, 0, 0.25);
393 .oo-ui-menuToolGroup .oo-ui-tool {
394 padding: 0 1.25em 0 0.3125em;
396 .oo-ui-menuToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
397 background-image: none
;
399 .oo-ui-menuToolGroup .oo-ui-tool-active .oo-ui-tool-link .oo-ui-iconElement-icon {
400 background-image: url
('themes/apex/images/icons/check.png');
401 background-image: linear-gradient
(transparent
, transparent
), /* @embed */ url
('themes/apex/images/icons/check.svg');
402 background-size: contain
;
403 background-position: center center
;
404 background-repeat: no-repeat
;
406 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover {
407 background-color: #e1f3ff;
409 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title {
412 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon {
415 .oo-ui-menuToolGroup.oo-ui-widget-disabled {
417 border-color: rgba
(0, 0, 0, 0.05);
419 .oo-ui-menuToolGroup
.oo-ui-widget-disabled
.oo-ui-indicatorElement-indicator
,
420 .oo-ui-menuToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon {
430 .oo-ui-toolbar-tools
,
431 .oo-ui-toolbar-actions {
432 -webkit-touch-callout: none
;
433 -webkit-user-select: none
;
434 -moz-user-select: none
;
435 -ms-user-select: none
;
438 .oo-ui-toolbar-tools {
442 .oo-ui-toolbar-narrow
.oo-ui-toolbar-tools
,
443 .oo-ui-toolbar-tools .oo-ui-tool {
446 .oo-ui-toolbar-actions {
449 .oo-ui-toolbar-actions
.oo-ui-toolbar
,
450 .oo-ui-toolbar-actions
.oo-ui-buttonElement
.oo-ui-labelElement
> input
.oo-ui-buttonElement-button
,
451 .oo-ui-toolbar-actions .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
452 display: inline-block
;
454 .oo-ui-toolbar-actions .oo-ui-popupWidget {
455 -webkit-touch-callout: default
;
456 -webkit-user-select: text
;
457 -moz-user-select: text
;
458 -ms-user-select: text
;
462 background-color: #f8fbfd;
463 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #fff), color-stop
(100%, #f1f7fb));
464 background-image: -webkit-linear-gradient
(top
, #fff 0, #f1f7fb 100%);
465 background-image: -moz-linear-gradient
(top
, #fff 0, #f1f7fb 100%);
466 background-image: linear-gradient
(to bottom
, #fff 0, #f1f7fb 100%);
467 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffffff', endColorstr='#fff1f7fb' )";
469 .oo-ui-toolbar-position-top > .oo-ui-toolbar-bar {
470 border-bottom: 1px solid
#ccc;
471 box-shadow: 0 2px 2px 0 rgba
(0, 0, 0, 0.1);
473 .oo-ui-toolbar-position-bottom > .oo-ui-toolbar-bar {
474 border-top: 1px solid
#ccc;
475 box-shadow: 0 -2px 2px 0 rgba
(0, 0, 0, 0.1);
477 .oo-ui-toolbar-bar .oo-ui-toolbar-bar {
482 .oo-ui-toolbar-actions
> .oo-ui-buttonElement-framed
,
483 .oo-ui-toolbar-actions > .oo-ui-buttonElement-framed:last-child {
485 margin-bottom: 0.4em;
488 .oo-ui-toolbar-actions
> .oo-ui-buttonElement-frameless
.oo-ui-labelElement
,
489 .oo-ui-toolbar-actions > .oo-ui-buttonElement-frameless:last-child.oo-ui-labelElement {
492 .oo-ui-toolbar-actions
> .oo-ui-buttonElement-frameless
.oo-ui-labelElement
> .oo-ui-buttonElement-button
,
493 .oo-ui-toolbar-actions > .oo-ui-buttonElement-frameless:last-child.oo-ui-labelElement > .oo-ui-buttonElement-button {
497 .oo-ui-toolbar-actions
> .oo-ui-buttonElement-frameless
.oo-ui-labelElement
> .oo-ui-buttonElement-button
> .oo-ui-labelElement-label
,
498 .oo-ui-toolbar-actions > .oo-ui-buttonElement-frameless:last-child.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
500 line-height: 3.40625em;
502 .oo-ui-toolbar-actions
> .oo-ui-buttonGroupWidget
> .oo-ui-popupToolGroup
,
503 .oo-ui-toolbar-actions > .oo-ui-buttonGroupWidget > .oo-ui-popupToolGroup > .oo-ui-popupToolGroup-handle {
506 .oo-ui-toolbar-actions > .oo-ui-buttonGroupWidget > .oo-ui-popupToolGroup.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive {
509 .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 {
510 background-color: #cde7f4;
511 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #eaf4fa), color-stop
(100%, #b0d9ee));
512 background-image: -webkit-linear-gradient
(top
, #eaf4fa 0, #b0d9ee 100%);
513 background-image: -moz-linear-gradient
(top
, #eaf4fa 0, #b0d9ee 100%);
514 background-image: linear-gradient
(to bottom
, #eaf4fa 0, #b0d9ee 100%);
515 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeaf4fa', endColorstr='#ffb0d9ee' )";
516 border: 1px solid
#a6cee1;
518 .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 {
519 border-color: #9dc2d4;
521 .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 {
522 background-color: #cde7f4;
523 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #b0d9ee), color-stop
(100%, #eaf4fa));
524 background-image: -webkit-linear-gradient
(top
, #b0d9ee 0, #eaf4fa 100%);
525 background-image: -moz-linear-gradient
(top
, #b0d9ee 0, #eaf4fa 100%);
526 background-image: linear-gradient
(to bottom
, #b0d9ee 0, #eaf4fa 100%);
527 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb0d9ee', endColorstr='#ffeaf4fa' )";