mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git
synced 2024-11-24 15:53:46 +00:00
Merge "Re-order background*
properties to unify across files"
This commit is contained in:
commit
5b03d18ce9
|
@ -15,8 +15,8 @@
|
|||
|
||||
/* Head */
|
||||
#mw-page-base {
|
||||
height: 5em;
|
||||
background-position: bottom left;
|
||||
height: 5em;
|
||||
.vertical-gradient( @background-color-base, @background-color-secondary, 50%, 100% );
|
||||
}
|
||||
|
||||
|
@ -57,11 +57,11 @@
|
|||
height: 160px;
|
||||
|
||||
a {
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
display: block;
|
||||
width: 10em;
|
||||
height: 160px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
@ -90,12 +90,12 @@
|
|||
}
|
||||
|
||||
.body {
|
||||
margin-left: @margin-left-nav-main-body;
|
||||
padding-top: 0;
|
||||
background-image: url( images/portal-separator.png ); // Support: IE 8 & 9, Fx 3.6-15, Safari 5.1-6, Chrome 10-25
|
||||
background-image: linear-gradient( to right, transparent 0, #c8ccd1 35%, #c8ccd1 70%, transparent 100% ); // Standard (Firefox 16+, IE 10+, Safari 6.1+, Chrome 26+)
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% @border-width-base;
|
||||
margin-left: @margin-left-nav-main-body;
|
||||
padding-top: 0;
|
||||
|
||||
ul {
|
||||
list-style: none none;
|
||||
|
|
|
@ -113,14 +113,14 @@
|
|||
|
||||
&:after {
|
||||
content: '';
|
||||
.background-image-svg( 'images/arrow-down.svg', 'images/arrow-down.png' );
|
||||
background-position: 100% 50%;
|
||||
background-repeat: no-repeat;
|
||||
position: absolute;
|
||||
top: 1.25em;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
.background-image-svg('images/arrow-down.svg', 'images/arrow-down.png');
|
||||
background-position: 100% 50%;
|
||||
background-repeat: no-repeat;
|
||||
// Modify the color of the image from the default #222 to approx. #444 to match the text.
|
||||
opacity: 0.85;
|
||||
}
|
||||
|
@ -137,8 +137,8 @@
|
|||
}
|
||||
|
||||
.menu {
|
||||
list-style: none none;
|
||||
background-color: @background-color-base;
|
||||
list-style: none none;
|
||||
clear: both;
|
||||
// Match the width of the dropdown "heading" (the tab)
|
||||
min-width: 100%;
|
||||
|
|
|
@ -6,6 +6,8 @@
|
|||
.vectorTabs {
|
||||
// `#ca-unwatch` & `#ca-watch` both carry `.mw-watchlink` as well.
|
||||
.mw-watchlink.icon a {
|
||||
background-position: 5px 60%;
|
||||
background-repeat: no-repeat;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: block;
|
||||
|
@ -15,8 +17,6 @@
|
|||
padding-top: 2.5em / 0.8125;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
background-position: 5px 60%;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
#ca-unwatch.icon a {
|
||||
|
@ -41,12 +41,12 @@
|
|||
#ca-unwatch.icon .loading,
|
||||
#ca-watch.icon .loading {
|
||||
background-image: url( images/watch-icon-loading.svg );
|
||||
background-position: 50% 60%;
|
||||
.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%;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue