Re-order background* properties to unify across files

Orienting on https://www.mediawiki.org/wiki/Topic:Tv3wddg7n9nz8ft8

Change-Id: I4504600fcc0c54f684eddde9c66cbc6b4d419846
This commit is contained in:
Volker E 2019-10-01 17:11:37 -07:00
parent 60c59736da
commit 7446c28f79
3 changed files with 12 additions and 12 deletions

View file

@ -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;

View file

@ -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%;

View file

@ -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%;
}