mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git
synced 2024-10-01 22:27:41 +00:00
f74002b727
tabs such as read/view source are collapsed into more in screens whose resolution is less than 700 px so that they don't wrap to the next line and cover the content of the page Bug: T56919 Change-Id: I30e0642d3cb93c4d9a8b2bdfb7f04912d8ca8649
54 lines
1.4 KiB
Plaintext
54 lines
1.4 KiB
Plaintext
@import 'mediawiki.mixins.rotation';
|
|
|
|
/* Watch/Unwatch Icon Styling */
|
|
#ca-unwatch.icon a,
|
|
#ca-watch.icon a {
|
|
margin: 0;
|
|
padding: 0;
|
|
display: block;
|
|
width: 26px;
|
|
/* This hides the text but shows the background image */
|
|
padding-top: 3.1em;
|
|
margin-top: 0;
|
|
/* Only applied in IE6 */
|
|
_margin-top: -0.8em;
|
|
height: 0;
|
|
overflow: hidden;
|
|
background-position: 5px 60%;
|
|
}
|
|
#ca-unwatch.icon a {
|
|
background-repeat: no-repeat;
|
|
.background-image-svg( 'images/unwatch-icon.svg', 'images/unwatch-icon.png' );
|
|
}
|
|
#ca-watch.icon a {
|
|
background-repeat: no-repeat;
|
|
.background-image-svg( 'images/watch-icon.svg', 'images/watch-icon.png' );
|
|
}
|
|
#ca-unwatch.icon a:hover,
|
|
#ca-unwatch.icon a:focus {
|
|
background-repeat: no-repeat;
|
|
.background-image-svg( 'images/unwatch-icon-hl.svg', 'images/unwatch-icon-hl.png' );
|
|
}
|
|
#ca-watch.icon a:hover,
|
|
#ca-watch.icon a:focus {
|
|
background-repeat: no-repeat;
|
|
.background-image-svg( 'images/watch-icon-hl.svg', 'images/watch-icon-hl.png' );
|
|
}
|
|
#ca-unwatch.icon a.loading,
|
|
#ca-watch.icon a.loading {
|
|
background-repeat: no-repeat;
|
|
.background-image-svg( 'images/watch-icon-loading.svg', 'images/watch-icon-loading.png' );
|
|
.rotation( 700ms );
|
|
/* Suppress the hilarious rotating focus outline on Firefox */
|
|
outline: 0;
|
|
cursor: default;
|
|
pointer-events: none;
|
|
background-position: 50% 60%;
|
|
-webkit-transform-origin: 50% 57%;
|
|
transform-origin: 50% 57%;
|
|
}
|
|
#ca-unwatch.icon a span,
|
|
#ca-watch.icon a span {
|
|
display: none;
|
|
}
|