Merge "Re-order background*
properties to unify across files"
This commit is contained in:
commit
5b03d18ce9
@ -15,8 +15,8 @@
|
|||||||
|
|
||||||
/* Head */
|
/* Head */
|
||||||
#mw-page-base {
|
#mw-page-base {
|
||||||
height: 5em;
|
|
||||||
background-position: bottom left;
|
background-position: bottom left;
|
||||||
|
height: 5em;
|
||||||
.vertical-gradient( @background-color-base, @background-color-secondary, 50%, 100% );
|
.vertical-gradient( @background-color-base, @background-color-secondary, 50%, 100% );
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -57,11 +57,11 @@
|
|||||||
height: 160px;
|
height: 160px;
|
||||||
|
|
||||||
a {
|
a {
|
||||||
|
background-position: center center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
display: block;
|
display: block;
|
||||||
width: 10em;
|
width: 10em;
|
||||||
height: 160px;
|
height: 160px;
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-position: center center;
|
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -90,12 +90,12 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.body {
|
.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: 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-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-repeat: no-repeat;
|
||||||
background-size: 100% @border-width-base;
|
background-size: 100% @border-width-base;
|
||||||
|
margin-left: @margin-left-nav-main-body;
|
||||||
|
padding-top: 0;
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
list-style: none none;
|
list-style: none none;
|
||||||
|
@ -113,14 +113,14 @@
|
|||||||
|
|
||||||
&:after {
|
&:after {
|
||||||
content: '';
|
content: '';
|
||||||
|
.background-image-svg( 'images/arrow-down.svg', 'images/arrow-down.png' );
|
||||||
|
background-position: 100% 50%;
|
||||||
|
background-repeat: no-repeat;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 1.25em;
|
top: 1.25em;
|
||||||
right: 0;
|
right: 0;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
left: 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.
|
// Modify the color of the image from the default #222 to approx. #444 to match the text.
|
||||||
opacity: 0.85;
|
opacity: 0.85;
|
||||||
}
|
}
|
||||||
@ -137,8 +137,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.menu {
|
.menu {
|
||||||
list-style: none none;
|
|
||||||
background-color: @background-color-base;
|
background-color: @background-color-base;
|
||||||
|
list-style: none none;
|
||||||
clear: both;
|
clear: both;
|
||||||
// Match the width of the dropdown "heading" (the tab)
|
// Match the width of the dropdown "heading" (the tab)
|
||||||
min-width: 100%;
|
min-width: 100%;
|
||||||
|
@ -6,6 +6,8 @@
|
|||||||
.vectorTabs {
|
.vectorTabs {
|
||||||
// `#ca-unwatch` & `#ca-watch` both carry `.mw-watchlink` as well.
|
// `#ca-unwatch` & `#ca-watch` both carry `.mw-watchlink` as well.
|
||||||
.mw-watchlink.icon a {
|
.mw-watchlink.icon a {
|
||||||
|
background-position: 5px 60%;
|
||||||
|
background-repeat: no-repeat;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
display: block;
|
display: block;
|
||||||
@ -15,8 +17,6 @@
|
|||||||
padding-top: 2.5em / 0.8125;
|
padding-top: 2.5em / 0.8125;
|
||||||
height: 0;
|
height: 0;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
background-position: 5px 60%;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#ca-unwatch.icon a {
|
#ca-unwatch.icon a {
|
||||||
@ -41,12 +41,12 @@
|
|||||||
#ca-unwatch.icon .loading,
|
#ca-unwatch.icon .loading,
|
||||||
#ca-watch.icon .loading {
|
#ca-watch.icon .loading {
|
||||||
background-image: url( images/watch-icon-loading.svg );
|
background-image: url( images/watch-icon-loading.svg );
|
||||||
|
background-position: 50% 60%;
|
||||||
.rotation( 700ms );
|
.rotation( 700ms );
|
||||||
/* Suppress the hilarious rotating focus outline on Firefox */
|
/* Suppress the hilarious rotating focus outline on Firefox */
|
||||||
outline: 0;
|
outline: 0;
|
||||||
cursor: default;
|
cursor: default;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
background-position: 50% 60%;
|
|
||||||
-webkit-transform-origin: 50% 57%;
|
-webkit-transform-origin: 50% 57%;
|
||||||
transform-origin: 50% 57%;
|
transform-origin: 50% 57%;
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user