Move the arrows and the close/fullscreen button

Looks drastic at first, but grows on you.
I based this on an extreme, the firefox inner scrollbar.
Which is huge when hovered.
I kind of wish the close button was a bit bigger, though.

Change-Id: I2f47280c4e7c4bff299149de24741e3381f0b5e9
This commit is contained in:
Gilles Dubuc 2014-01-08 11:33:56 +01:00
parent 9b62de0e57
commit f3fd143c8a
2 changed files with 13 additions and 7 deletions

View file

@ -324,15 +324,15 @@ body.mw-mlb-lightbox-open #content {
.mw-mlb-next-image {
/* @embed */
background-image: url(img/next-ltr.svg);
right: 5px;
background-position: right;
right: 18px;
}
.mw-mlb-prev-image {
/* @embed */
background-image: url(img/prev-ltr.svg);
left: 5px;
background-position: left;
left: 18px;
}
.mw-mlb-next-image.disabled,

View file

@ -79,22 +79,28 @@
.mlb-close,
.mlb-fullscreen {
position: absolute;
top: 0px;
margin-top: 14px;
margin-right: 14px;
cursor: pointer;
width: 32px;
height: 32px;
}
.mlb-close {
left: 0px;
background-image: url("../img/close.svg");
border-right: 1px solid #7d7c81;
height: 23px;
width: 23px;
}
.mlb-fullscreen {
right: 0px;
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.mlb-fullscreened {