}
.mw-widget-mediaResultWidget-error {
- background-color: #f3f3f3;
+ background-color: #f8f9fa;
}
.mw-widget-mediaResultWidget-thumbnail {
opacity: 0;
display: inline-block;
- /* stylelint-disable no-unsupported-browser-features */
-webkit-transition: opacity 400ms;
-moz-transition: opacity 400ms;
transition: opacity 400ms;
- /* stylelint-enable no-unsupported-browser-features */
}
.mw-widget-mediaResultWidget-done .mw-widget-mediaResultWidget-thumbnail,
}
.mw-widget-mediaResultWidget-crop {
- background-size: cover; /* stylelint-disable-line no-unsupported-browser-features */
+ background-size: cover;
background-position: center center;
}
bottom: 0;
left: 0;
right: 0;
- box-shadow: inset 0 0 0 1px #ccc;
+ box-shadow: inset 0 0 0 1px #c8ccd1;
}
.mw-widget-mediaResultWidget.oo-ui-optionWidget-highlighted,
.mw-widget-mediaResultWidget.oo-ui-optionWidget-selected {
- box-shadow: 0 0 0.3em #a7dcff, 0 0 0 #fff;
+ box-shadow: 0 0 2px #36c;
+}
+
+.mw-widget-mediaResultWidget.oo-ui-optionWidget-highlighted .mw-widget-mediaResultWidget-overlay,
+.mw-widget-mediaResultWidget.oo-ui-optionWidget-selected .mw-widget-mediaResultWidget-overlay {
+ box-shadow: inset 0 0 0 1px #36c;
}
.mw-widget-mediaResultWidget-error .mw-widget-mediaResultWidget-thumbnail {
/* @embed */
background-image: url( broken-image.png );
- background-size: auto; /* stylelint-disable-line no-unsupported-browser-features */
+ background-size: auto;
background-position: center center;
background-repeat: no-repeat;
}
overflow: hidden;
padding: 0.5em;
color: #fff;
- text-shadow: 1px 1px #000; /* stylelint-disable-line no-unsupported-browser-features */
+ text-shadow: 1px 1px #000;
line-height: 1.125em;
background-color: rgba( 0, 0, 0, 0.5 );
text-overflow: ellipsis;