mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/MultimediaViewer
synced 2024-11-25 08:35:29 +00:00
47a8bda392
Also do a bunch of refactoring to: * keep LESS rules in more sane locations so it is not as hard to get an overview (most of the metadata panel rules were in mmv.less) * move mmv.mixins.less up one directory as it is not specific to the UI * move the SVG icons as all of them were related to the UI * remove the marging-right hack which was used to keep the title text from overflowing the button; instead use a float and overflow properties to make sure text that is too long gets hidden Change-Id: Icc8ea2e766be67d86ae98c734721b2185bd6c36e
50 lines
828 B
Plaintext
50 lines
828 B
Plaintext
@import "../mmv.mixins";
|
|
|
|
.mw-mmv-image {
|
|
display: table-cell;
|
|
width: 100%;
|
|
height: 100%;
|
|
vertical-align: middle;
|
|
.unselectable;
|
|
|
|
&.empty {
|
|
display: none;
|
|
}
|
|
&.error {
|
|
/* @embed */
|
|
background-image: url(img/error.svg);
|
|
background-repeat: no-repeat;
|
|
background-position: 50% 50%;
|
|
}
|
|
.mw-mmv-error-text {
|
|
position: absolute;
|
|
left: 10%;
|
|
right: 10%;
|
|
top: 20%;
|
|
|
|
padding: 6px 20px;
|
|
.box-round(15px);
|
|
background-color: #ff4f4d;
|
|
text-align: center;
|
|
font-size: normal;
|
|
color: #000;
|
|
}
|
|
}
|
|
|
|
.mw-mmv-image.empty img {
|
|
display: none;
|
|
}
|
|
|
|
.mw-mmv-image img.blurred {
|
|
filter: blur(3px);
|
|
-webkit-filter: blur(3px);
|
|
opacity: 0.8;
|
|
}
|
|
|
|
.mw-mmv-image img {
|
|
display: block;
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
background: url('//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png') repeat;
|
|
}
|