2 * MediaWiki Widgets - MediaResultWidget styles.
4 * @copyright 2011-2016 VisualEditor Team and others; see AUTHORS.txt
5 * @license The MIT License (MIT); see LICENSE.txt
8 .mw-widget-mediaResultWidget {
14 box-sizing: border-box
;
18 .mw-widget-mediaResultWidget-error {
19 background-color: #f8f9fa;
22 .mw-widget-mediaResultWidget-thumbnail {
24 display: inline-block
;
25 -webkit-transition: opacity
400ms;
26 -moz-transition: opacity
400ms;
27 transition: opacity
400ms;
30 .mw-widget-mediaResultWidget-done
.mw-widget-mediaResultWidget-thumbnail
,
31 .mw-widget-mediaResultWidget-error .mw-widget-mediaResultWidget-thumbnail {
35 .mw-widget-mediaResultWidget-crop {
36 background-size: cover
;
37 background-position: center center
;
40 .mw-widget-mediaResultWidget-overlay {
46 box-shadow: inset
0 0 0 1px #c8ccd1;
49 .mw-widget-mediaResultWidget
.oo-ui-optionWidget-highlighted
,
50 .mw-widget-mediaResultWidget.oo-ui-optionWidget-selected {
51 box-shadow: 0 0 2px #36c;
54 .mw-widget-mediaResultWidget
.oo-ui-optionWidget-highlighted
.mw-widget-mediaResultWidget-overlay
,
55 .mw-widget-mediaResultWidget.oo-ui-optionWidget-selected .mw-widget-mediaResultWidget-overlay {
56 box-shadow: inset
0 0 0 1px #36c;
59 .mw-widget-mediaResultWidget-error .mw-widget-mediaResultWidget-thumbnail {
61 background-image: url
( broken-image
.png
);
62 background-size: auto
;
63 background-position: center center
;
64 background-repeat: no-repeat
;
67 .mw-widget-mediaResultWidget .mw-widget-mediaResultWidget-nameLabel {
75 text-shadow: 1px 1px #000;
77 background-color: rgba
( 0, 0, 0, 0.5 );
78 text-overflow: ellipsis
;
82 .mw-widget-mediaResultWidget.oo-ui-optionWidget-highlighted .mw-widget-mediaResultWidget-nameLabel {
83 background-color: rgba
( 0, 0, 0, 0.75 );
86 .mw-widget-mediaResultWidget.oo-ui-optionWidget-selected .mw-widget-mediaResultWidget-nameLabel {
87 background-color: #000;
90 .mw-widget-mediaSearchWidget-noresults {