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: #f3f3f3;
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 #ccc;
49 .mw-widget-mediaResultWidget
.oo-ui-optionWidget-highlighted
,
50 .mw-widget-mediaResultWidget.oo-ui-optionWidget-selected {
51 box-shadow: 0 0 0.3em #a7dcff, 0 0 0 #fff;
54 .mw-widget-mediaResultWidget-error .mw-widget-mediaResultWidget-thumbnail {
56 background-image: url
( broken-image
.png
);
57 background-size: auto
;
58 background-position: center center
;
59 background-repeat: no-repeat
;
62 .mw-widget-mediaResultWidget .mw-widget-mediaResultWidget-nameLabel {
70 text-shadow: 1px 1px #000;
72 background-color: rgba
( 0, 0, 0, 0.5 );
73 text-overflow: ellipsis
;
77 .mw-widget-mediaResultWidget.oo-ui-optionWidget-highlighted .mw-widget-mediaResultWidget-nameLabel {
78 background-color: rgba
( 0, 0, 0, 0.75 );
81 .mw-widget-mediaResultWidget.oo-ui-optionWidget-selected .mw-widget-mediaResultWidget-nameLabel {
82 background-color: #000;
85 .mw-widget-mediaSearchWidget-noresults {