MediaWiki:Common.css/src/system/Special/UserLogin.scss
< MediaWiki:Common.css | src
Jump to navigation
Jump to search
This page is one of the SCSS pages which are the basis for MediaWiki:Common.css. After you edit this page, you will need to recompile them for your changes to take effect. See Terraria Wiki:CSS to learn more.
Ancestors: / src / system / Special / UserLogin.scss
Siblings: AllMessages.scss ApiSandbox.scss Contribs.scss CreateAccount.scss Diff.scss NewPages.scss Preferences.scss Search.scss Upload.scss UserLogin.scss
Children: (none)
/********* Special:UserLogin *********/
/* overwriting styles from here:
* https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.special.userlogin.login.styles/login.less */
#mw-createaccount-cta {
padding-top: calc(113px + 0.5em); /* height of the background image: 113px; then there is one line of text */
}
#mw-createaccount-join {
/* recreate the styling for a "progressive" button; based on system/OOUI/elements/ButtonElement.scss */
color: var(--ooui--button-progressive-color);
background: var(--ooui--button-background);
border-top: var(--ooui--button-border-top);
border-right: var(--ooui--button-border-right);
border-bottom: var(--ooui--button-border-bottom);
border-left: var(--ooui--button-border-left);
box-shadow: var(--ooui--button-box-shadow);
&:hover {
color: var(--ooui--button-progressive-color--hover);
background: var(--ooui--button-background--hover);
border-top: var(--ooui--button-border-top--hover);
border-right: var(--ooui--button-border-right--hover);
border-bottom: var(--ooui--button-border-bottom--hover);
border-left: var(--ooui--button-border-left--hover);
}
&:active {
background: var(--ooui--button-background);
color: var(--ooui--button-progressive-color);
border-top: var(--ooui--button-border-top--hover);
border-right: var(--ooui--button-border-right--hover);
border-bottom: var(--ooui--button-border-bottom--hover);
border-left: var(--ooui--button-border-left--hover);
}
&:focus {
border-top: var(--ooui--button-border-top);
border-right: var(--ooui--button-border-right);
border-bottom: var(--ooui--button-border-bottom);
border-left: var(--ooui--button-border-left);
box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-progressive-box-shadow--focus);
}
}