+@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 #ccc;
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: #888;
float: right;
}
}
&.oo-ui-widget-disabled {
.mw-widgets-stashedFileWidget-info {
- color: #cccccc;
- text-shadow: 0 1px 1px #ffffff;
- border-color: #dddddd;
+ color: #ccc;
+ text-shadow: 0 1px 1px #fff;
+ border-color: #ddd;
background-color: #f3f3f3;
> .oo-ui-iconElement-icon,
height: 5.5em;
text-align: left;
padding: 0;
- background-color: #ffffff;
- border: 1px solid #cccccc;
+ background-color: #fff;
+ border: 1px solid #ccc;
margin-bottom: 0.5em;
vertical-align: middle;
overflow: hidden;
> .mw-widgets-stashedFileWidget-noThumbnail-icon {
opacity: 0.4;
- background-color: #cccccc;
+ background-color: #ccc;
height: 5.5em;
width: 5.5em;
}
}
.mw-widgets-stashedFileWidget-info {
- border: none;
+ border: 0;
background: none;
display: block;
height: 100%;
}
}
-
.mw-widgets-stashedFileWidget-empty {
.mw-widgets-stashedFileWidget-thumbnail-container {
text-align: center;
}
.mw-widgets-stashedFileWidget-label {
- color: #cccccc;
+ color: #ccc;
right: 0.5em;
}