e4a4050b81
Moving styles from the existing styles to common/layout or components stylesheets they should be associated with. Components are identified using PascalCase. Lowercase names are used for things that are not components. This distinction should help us reason with the code better and make it clearer where CSS belongs, saving us lots of wasted effort discussing conventions. Patch isn't making actual CSS changes themselves - for testing purposes this should be a NOOP. In preparation for the gradient removal, 'background-gradient.less' is marked as legacy. Merged 'externalLinks.less' into content.less, they belong to content. Bug: T249073 Change-Id: I8dbc29b7a19f7613b57b0984a8befaeae9c08798
66 lines
1.6 KiB
Plaintext
66 lines
1.6 KiB
Plaintext
@import '../../variables.less';
|
|
@import 'mediawiki.mixins.less';
|
|
|
|
/* Hide empty portlets */
|
|
.emptyPortlet {
|
|
display: none;
|
|
}
|
|
|
|
/* Personal */
|
|
.vector-menu,
|
|
/* FIXME: Remove p-personal selector when cache has cleared. */
|
|
#p-personal {
|
|
position: absolute;
|
|
top: @top-personal-tools;
|
|
right: 0.75em;
|
|
z-index: @z-index-personal;
|
|
|
|
h3 {
|
|
display: none;
|
|
}
|
|
|
|
ul {
|
|
list-style: none none;
|
|
margin: 0;
|
|
padding-left: 10em; /* Keep from overlapping logo */
|
|
}
|
|
|
|
li {
|
|
float: left;
|
|
margin-left: 0.75em;
|
|
// `padding-top` instead of `margin-top` necessary for
|
|
// anonymous user icon position below
|
|
padding-top: 0.5em;
|
|
font-size: @font-size-nav-personal;
|
|
line-height: @line-height-nav-personal;
|
|
white-space: nowrap;
|
|
}
|
|
}
|
|
|
|
/* Icon for registered user names & anonymous message */
|
|
#pt-anonuserpage,
|
|
#pt-userpage a {
|
|
// SVG support using a transparent gradient to guarantee cross-browser
|
|
// compatibility (browsers able to understand gradient syntax support also SVG)
|
|
.background-image-svg( 'images/user-avatar.svg', 'images/user-avatar.png' );
|
|
background-position: @background-position-nav-personal-icon;
|
|
background-repeat: no-repeat;
|
|
background-size: @background-size-nav-personal-icon @background-size-nav-personal-icon;
|
|
// Same as `#p-personal li` above
|
|
padding-top: 0.5em !important; // stylelint-disable-line declaration-no-important
|
|
padding-left: 16px !important; // stylelint-disable-line declaration-no-important
|
|
}
|
|
|
|
#pt-userpage {
|
|
padding-top: 0 !important; // stylelint-disable-line declaration-no-important
|
|
|
|
a {
|
|
display: inline-block;
|
|
}
|
|
}
|
|
|
|
/* Show anonymous "Not logged in" text in gray */
|
|
#pt-anonuserpage {
|
|
color: #54595d;
|
|
}
|