mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/MultimediaViewer
synced 2024-11-17 12:53:24 +00:00
fedaa553b4
I was going to stage this but better give you the whole enchilada, it is not that bad, ;-). This is what I am doing: - Delete things that are not used anymore. - Componentize image ui element (Canvas). Bug: 56454 Change-Id: Ib5461639a86d9f8e0a150f6d9543a20058d31e00 Mingle: 239
64 lines
807 B
Plaintext
64 lines
807 B
Plaintext
@import "ui/mmv.mixins";
|
|
|
|
.mlb-overlay {
|
|
position: fixed;
|
|
top: 0px;
|
|
left: 0px;
|
|
right: 0px;
|
|
bottom: 0px;
|
|
z-index: 1000;
|
|
background-color: rgba(0,0,0,0.9);
|
|
}
|
|
|
|
.mlb-wrapper {
|
|
position: fixed;
|
|
top: 0px;
|
|
left: 0px;
|
|
right: 0px;
|
|
bottom: 0px;
|
|
z-index: 1001;
|
|
}
|
|
|
|
.mlb-main {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: relative;
|
|
}
|
|
|
|
.mlb-image-wrapper {
|
|
position: absolute;
|
|
top: 50px;
|
|
left: 0px;
|
|
right: 0px;
|
|
bottom: 0px;
|
|
}
|
|
|
|
.mlb-image-inner-wrapper {
|
|
display: table;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.mlb-pre-image {
|
|
position: absolute;
|
|
top: 0px;
|
|
height: 32px;
|
|
width: 100%;
|
|
}
|
|
|
|
.mlb-post-image {
|
|
position: absolute;
|
|
bottom: 0px;
|
|
height: 32px;
|
|
width: 100%;
|
|
}
|
|
|
|
.mlb-controls {
|
|
height: 32px;
|
|
width: 100%;
|
|
border-bottom: 1px solid #7d7c81;
|
|
}
|
|
|
|
.mlb-main.jq-fullscreened {
|
|
background-color: black;
|
|
} |