mediawiki-skins-MinervaNeue/resources/skins.minerva.userpage.styles/userpage.less
jdlrobson 36d7092d82 Prepare for adoption of mw-ui-icon-large on user page
When I456714086d2548b2e10cceb2a05f7a0fadf94a3b is merged we will
be able to use an icon on the user page. Ensure the icon continues
to be centered in the screen.

Bug: T143264
Change-Id: I3acfb964a8ef8e7680b2f9d485b90302daeaca9d
2017-08-23 15:05:31 -05:00

64 lines
1,016 B
Plaintext

@import 'minerva.variables';
@import 'minerva.mixins';
.tagline {
color: @colorGray5;
font-size: 0.8em;
margin: 10px 0;
}
.user-links {
margin: 15px 0 0 0;
li {
display: inline-block;
& + li {
margin-left: 4px;
&:before {
content: '·';
right: 2px;
position: relative;
}
}
}
.mw-ui-icon-talk {
&:before {
// FIXME: this shouldn't be necessary
margin-right: 0.5em;
}
}
}
.cta-holder {
background-color: @colorGray14;
padding: 30px 20px;
text-align: center;
box-sizing: border-box;
border-radius: @borderRadius;
.icon {
.background-image-svg-quick( 'userpage' );
background-position: center top;
background-repeat: no-repeat;
.background-size( 50px, 60px );
height: 60px;
margin: 0 auto 20px;
opacity: 0.2;
}
// be specific in order to override default padding
.content & h3 {
font-size: 1em;
font-family: sans-serif;
padding: 0 0 10px;
}
.desc {
color: @colorGray7;
margin-bottom: 20px;
}
.disabled {
visibility: hidden;
}
}