mediawiki-extensions-Multim.../resources/multilightbox/multilightbox.css
Gilles Dubuc 98e03d31c8 Test metadata visibility in fullscreen mode
Add metadata visibility logic to the test
Convert the code to CSS since writing the test made me
realise that the current JS was superfluous

Change-Id: I80c2f1860cc021e9bdf09345647b288de746f1e3
Mingle: https://wikimedia.mingle.thoughtworks.com/projects/multimedia/cards/140
2014-01-30 08:39:55 +01:00

113 lines
1.5 KiB
CSS

.mlb-staging-area {
position: absolute;
top: -999999px;
left: -999999px;
}
.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-image {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
}
.mlb-image img {
display: block;
margin-right: auto;
margin-left: auto;
}
.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-close,
.mlb-fullscreen {
position: absolute;
margin-top: 14px;
margin-right: 14px;
cursor: pointer;
}
.mlb-close {
background-image: url("../img/close.svg");
border-right: 1px solid #7d7c81;
height: 23px;
width: 23px;
}
.mlb-fullscreen {
background-image: url("../img/fullscreen.svg");
border-left: 1px solid #7d7c81;
width: 21px;
height: 22px;
}
.mlb-fullscreen-div .mlb-fullscreen {
width: 28px;
height: 29px;
}
.mlb-main.jq-fullscreened {
background-color: black;
}
.jq-fullscreened .mlb-fullscreen {
background-image: url("../img/defullscreen.svg");
}