+@import 'mediawiki.mixins';
+
.mw-widgets-stashedFileWidget {
display: inline-block;
vertical-align: middle;
.mw-widgets-stashedFileWidget-info {
height: 2.4em;
- background-color: #ffffff;
- border: 1px solid #cccccc;
+ background-color: #fff;
+ border: 1px solid #c8ccd1;
border-radius: 2px;
width: 100%;
display: table-cell;
vertical-align: middle;
position: relative;
overflow: hidden;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
+ .box-sizing( border-box );
> .mw-widgets-stashedFileWidget-label {
line-height: 2.3em;
margin: 0;
overflow: hidden;
white-space: nowrap;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
+ .box-sizing( border-box );
text-overflow: ellipsis;
left: 0.5em;
right: 2.375em;
float: left;
}
> .mw-widgets-stashedFileWidget-fileType {
- color: #888888;
+ color: #72777d;
float: right;
}
}
> .oo-ui-indicatorElement-indicator,
> .oo-ui-iconElement-icon {
position: absolute;
+ top: 0;
+ height: 2.3em;
}
> .oo-ui-indicatorElement-indicator {
right: 0;
- top: 0;
width: 0.9375em;
- height: 2.3em;
margin-right: 0.775em;
}
> .oo-ui-iconElement-icon {
- top: 0;
width: 1.875em;
- height: 2.3em;
margin-left: 0.5em;
- left: 0;
}
&.oo-ui-widget-disabled {
.mw-widgets-stashedFileWidget-info {
- color: #cccccc;
- text-shadow: 0 1px 1px #ffffff;
- border-color: #dddddd;
- background-color: #f3f3f3;
+ background-color: #eaecf0;
+ color: #72777d;
+ border-color: #c8ccd1;
+ text-shadow: 0 1px 1px #fff;
> .oo-ui-iconElement-icon,
> .oo-ui-indicatorElement-indicator {
- opacity: 0.2;
+ opacity: 0.15;
}
}
}
height: 5.5em;
text-align: left;
padding: 0;
- background-color: #ffffff;
- border: 1px solid #cccccc;
+ background-color: #fff;
+ border: 1px solid #c8ccd1;
margin-bottom: 0.5em;
vertical-align: middle;
overflow: hidden;
> .mw-widgets-stashedFileWidget-noThumbnail-icon {
opacity: 0.4;
- background-color: #cccccc;
+ background-color: #c8ccd1;
height: 5.5em;
width: 5.5em;
}
}
.mw-widgets-stashedFileWidget-info {
- border: none;
+ border: 0;
background: none;
display: block;
height: 100%;
> .mw-widgets-stashedFileWidget-label {
position: relative;
- > .mw-widgets-stashedFileWidget-fileName {
- display: block;
- float: none;
- }
-
+ > .mw-widgets-stashedFileWidget-fileName,
> .mw-widgets-stashedFileWidget-fileType {
display: block;
float: none;
}
}
-
.mw-widgets-stashedFileWidget-empty {
.mw-widgets-stashedFileWidget-thumbnail-container {
text-align: center;
}
.mw-widgets-stashedFileWidget-label {
- color: #cccccc;
+ color: #c8ccd1;
right: 0.5em;
}